@felixgeelhaar/glossa-ui 0.1.0

package/dist/select.js

@@ -0,0 +1,77 @@
+import { LitElement, css, html } from "lit";
+export class GlSelect extends LitElement {
+    static { this.formAssociated = true; }
+    static { this.styles = css `
+    :host {
+      display: block;
+    }
+    label {
+      display: flex;
+      flex-direction: column;
+      gap: var(--gl-space-1);
+      font-size: var(--gl-text-sm);
+      color: var(--gl-text-muted);
+    }
+    select {
+      font: inherit;
+      font-family: var(--gl-font-ui);
+      font-size: var(--gl-text-base);
+      color: var(--gl-text);
+      background: var(--gl-surface);
+      border: 1px solid var(--gl-border);
+      border-radius: var(--gl-radius-md);
+      padding: 8px 10px;
+      height: 36px;
+      width: 100%;
+      box-sizing: border-box;
+      cursor: pointer;
+      transition: border-color var(--gl-duration-base) var(--gl-ease);
+    }
+    select:focus-visible {
+      outline: none;
+      border-color: var(--gl-focus-ring-strong);
+      box-shadow: 0 0 0 3px var(--gl-focus-ring);
+    }
+  `; }
+    static { this.properties = {
+        label: { type: String },
+        name: { type: String },
+        value: { type: String },
+        options: { attribute: false },
+    }; }
+    constructor() {
+        super();
+        this.label = "";
+        this.name = "";
+        this.value = "";
+        this.options = [];
+        this.internals = null;
+        if (typeof this.attachInternals === "function") {
+            this.internals = this.attachInternals();
+        }
+    }
+    willUpdate(changed) {
+        if (changed.has("value") && this.internals && typeof this.internals.setFormValue === "function") {
+            this.internals.setFormValue(this.value);
+        }
+    }
+    onChange(e) {
+        const v = e.target.value;
+        this.value = v;
+        this.dispatchEvent(new CustomEvent("gl-change", { detail: { value: v }, bubbles: true, composed: true }));
+    }
+    render() {
+        return html `
+      <label>
+        ${this.label ? html `<span>${this.label}</span>` : null}
+        <select name=${this.name} .value=${this.value} @change=${(e) => this.onChange(e)}>
+          ${(this.options ?? []).map((o) => html `<option value=${o.value} ?selected=${o.value === this.value}>${o.label}</option>`)}
+        </select>
+      </label>
+    `;
+    }
+}
+if (!customElements.get("gl-select")) {
+    customElements.define("gl-select", GlSelect);
+}
+//# sourceMappingURL=select.js.map

package/dist/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../src/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAO5C,MAAM,OAAO,QAAS,SAAQ,UAAU;aAC/B,mBAAc,GAAG,IAAI,AAAP,CAAQ;aAEb,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+B3B,AA/BqB,CA+BpB;aAEc,eAAU,GAAG;QAC3B,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;QACvB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;QACtB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;QACvB,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;KAC9B,AALyB,CAKxB;IASF;QACE,KAAK,EAAE,CAAC;QARH,UAAK,GAAG,EAAE,CAAC;QACX,SAAI,GAAG,EAAE,CAAC;QACV,UAAK,GAAG,EAAE,CAAC;QACX,YAAO,GAAqB,EAAE,CAAC;QAE9B,cAAS,GAA4B,IAAI,CAAC;QAIhD,IAAI,OAAO,IAAI,CAAC,eAAe,KAAK,UAAU,EAAE,CAAC;YAC/C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAC1C,CAAC;IACH,CAAC;IAEe,UAAU,CAAC,OAA6B;QACtD,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,SAAS,IAAI,OAAO,IAAI,CAAC,SAAS,CAAC,YAAY,KAAK,UAAU,EAAE,CAAC;YAChG,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC;IAEO,QAAQ,CAAC,CAAQ;QACvB,MAAM,CAAC,GAAI,CAAC,CAAC,MAA4B,CAAC,KAAK,CAAC;QAChD,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;QACf,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC5G,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,SAAS,IAAI,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI;uBACvC,IAAI,CAAC,IAAI,WAAW,IAAI,CAAC,KAAK,YAAY,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;YACnF,CAAC,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,GAAG,CACxB,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA,iBAAiB,CAAC,CAAC,KAAK,cAAc,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,WAAW,CAC9F;;;KAGN,CAAC;IACJ,CAAC;;AAGH,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;IACrC,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;AAC/C,CAAC"}

package/dist/table.d.ts

@@ -0,0 +1,22 @@
+import { LitElement } from "lit";
+export declare class GlTable extends LitElement {
+    static styles: import("lit").CSSResult;
+    protected render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "gl-table": GlTable;
+    }
+}
+/**
+ * The slotted table content uses light-DOM CSS. Consumers need to
+ * import the matching stylesheet so th/td get borders + padding.
+ * Easier than reflecting cells through shadow DOM via Manual slots.
+ *
+ * Exported as a CSS string so apps can adoptedStyleSheet it:
+ *   const sheet = new CSSStyleSheet();
+ *   sheet.replaceSync(glTableStyles);
+ *   document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];
+ */
+export declare const glTableStyles = "\n.gl-table { width: 100%; border-collapse: collapse; font-size: var(--gl-text-md); }\n.gl-table thead th {\n  text-align: left;\n  font-weight: 600;\n  font-size: var(--gl-text-xs);\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  color: var(--gl-text-subtle);\n  background: var(--gl-surface-sunken);\n  padding: 8px 12px;\n  border-bottom: 1px solid var(--gl-border);\n  white-space: nowrap;\n}\n.gl-table tbody td {\n  padding: 8px 12px;\n  border-bottom: 1px solid var(--gl-border);\n  color: var(--gl-text);\n  vertical-align: middle;\n}\n.gl-table tbody tr:last-child td { border-bottom: none; }\n.gl-table tbody tr.gl-row-clickable { cursor: pointer; }\n.gl-table tbody tr.gl-row-clickable:hover { background: var(--gl-surface-sunken); }\n.gl-table tbody tr[aria-selected=\"true\"] {\n  background: var(--gl-accent-quiet);\n}\n.gl-table .gl-cell-mono { font-family: var(--gl-font-mono); font-size: var(--gl-text-sm); }\n.gl-table .gl-cell-num { text-align: right; font-variant-numeric: tabular-nums; }\n";
+//# sourceMappingURL=table.d.ts.map

package/dist/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../src/table.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,qBAAa,OAAQ,SAAQ,UAAU;IACrC,OAAgB,MAAM,0BAoBpB;cAEiB,MAAM;CAG1B;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa,mgCA4BzB,CAAC"}

package/dist/table.js

@@ -0,0 +1,74 @@
+// <gl-table> wraps a native <table> with consistent styling and
+// adds a `hoverable` mode for selectable rows. Slot-based — caller
+// supplies <thead><tr><th> … <tbody><tr><td> with no per-cell
+// classes needed.
+import { LitElement, css, html } from "lit";
+export class GlTable extends LitElement {
+    static { this.styles = css `
+    :host {
+      display: block;
+      width: 100%;
+      overflow-x: auto;
+      border: 1px solid var(--gl-border);
+      border-radius: var(--gl-radius-lg);
+      background: var(--gl-surface);
+    }
+    /* The slotted table gets styled via ::slotted; we apply the
+     * shared rules with :host styling rules that target slotted
+     * content via a wrapper. */
+    .wrap {
+      width: 100%;
+    }
+    ::slotted(table) {
+      width: 100%;
+      border-collapse: collapse;
+      font-size: var(--gl-text-md);
+    }
+  `; }
+    render() {
+        return html `<div class="wrap"><slot></slot></div>`;
+    }
+}
+if (!customElements.get("gl-table")) {
+    customElements.define("gl-table", GlTable);
+}
+/**
+ * The slotted table content uses light-DOM CSS. Consumers need to
+ * import the matching stylesheet so th/td get borders + padding.
+ * Easier than reflecting cells through shadow DOM via Manual slots.
+ *
+ * Exported as a CSS string so apps can adoptedStyleSheet it:
+ *   const sheet = new CSSStyleSheet();
+ *   sheet.replaceSync(glTableStyles);
+ *   document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];
+ */
+export const glTableStyles = `
+.gl-table { width: 100%; border-collapse: collapse; font-size: var(--gl-text-md); }
+.gl-table thead th {
+  text-align: left;
+  font-weight: 600;
+  font-size: var(--gl-text-xs);
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  color: var(--gl-text-subtle);
+  background: var(--gl-surface-sunken);
+  padding: 8px 12px;
+  border-bottom: 1px solid var(--gl-border);
+  white-space: nowrap;
+}
+.gl-table tbody td {
+  padding: 8px 12px;
+  border-bottom: 1px solid var(--gl-border);
+  color: var(--gl-text);
+  vertical-align: middle;
+}
+.gl-table tbody tr:last-child td { border-bottom: none; }
+.gl-table tbody tr.gl-row-clickable { cursor: pointer; }
+.gl-table tbody tr.gl-row-clickable:hover { background: var(--gl-surface-sunken); }
+.gl-table tbody tr[aria-selected="true"] {
+  background: var(--gl-accent-quiet);
+}
+.gl-table .gl-cell-mono { font-family: var(--gl-font-mono); font-size: var(--gl-text-sm); }
+.gl-table .gl-cell-num { text-align: right; font-variant-numeric: tabular-nums; }
+`;
+//# sourceMappingURL=table.js.map

package/dist/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../src/table.ts"],"names":[],"mappings":"AAAA,gEAAgE;AAChE,mEAAmE;AACnE,8DAA8D;AAC9D,kBAAkB;AAElB,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE5C,MAAM,OAAO,OAAQ,SAAQ,UAAU;aACrB,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;GAoB3B,CAAC;IAEiB,MAAM;QACvB,OAAO,IAAI,CAAA,uCAAuC,CAAC;IACrD,CAAC;;AAGH,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;IACpC,cAAc,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAC7C,CAAC;AAQD;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4B5B,CAAC"}

package/dist/tabs.d.ts

@@ -0,0 +1,27 @@
+import { LitElement } from "lit";
+export declare class GlTabs extends LitElement {
+    static styles: import("lit").CSSResult;
+    static properties: {
+        current: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        items: {
+            attribute: boolean;
+        };
+    };
+    current: string;
+    items: Array<{
+        id: string;
+        label: string;
+        hidden?: boolean;
+    }>;
+    private select;
+    protected render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "gl-tabs": GlTabs;
+    }
+}
+//# sourceMappingURL=tabs.d.ts.map

package/dist/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../src/tabs.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,qBAAa,MAAO,SAAQ,UAAU;IACpC,OAAgB,MAAM,0BAqCpB;IAEF,OAAgB,UAAU;;;;;;;;MAGxB;IAEK,OAAO,SAAM;IACb,KAAK,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC,CAAM;IAE1E,OAAO,CAAC,MAAM;cAOK,MAAM;CAkB1B;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/tabs.js

@@ -0,0 +1,81 @@
+// <gl-tabs current="editor" @gl-tab-change=...>
+//   <gl-tab id="editor" label="Editor"></gl-tab>
+//   ...
+// </gl-tabs>
+//
+// Pure navigation widget — callers render the tab panel content
+// themselves based on `current`. Keeps state outside the component.
+import { LitElement, css, html } from "lit";
+export class GlTabs extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.current = "";
+        this.items = [];
+    }
+    static { this.styles = css `
+    :host {
+      display: block;
+    }
+    nav {
+      display: flex;
+      gap: 2px;
+      border-bottom: 1px solid var(--gl-border);
+      padding: 0 var(--gl-space-1);
+    }
+    button {
+      font: inherit;
+      font-family: var(--gl-font-ui);
+      font-size: var(--gl-text-md);
+      background: transparent;
+      color: var(--gl-text-muted);
+      border: none;
+      border-bottom: 2px solid transparent;
+      padding: 8px 12px;
+      cursor: pointer;
+      transition:
+        color var(--gl-duration-base) var(--gl-ease),
+        border-color var(--gl-duration-base) var(--gl-ease);
+    }
+    button:hover {
+      color: var(--gl-text);
+    }
+    button[aria-current="page"] {
+      color: var(--gl-text);
+      border-bottom-color: var(--gl-accent);
+      font-weight: 500;
+    }
+    button:focus-visible {
+      outline: none;
+      box-shadow: inset 0 0 0 2px var(--gl-focus-ring-strong);
+      border-radius: var(--gl-radius-sm);
+    }
+  `; }
+    static { this.properties = {
+        current: { type: String, reflect: true },
+        items: { attribute: false },
+    }; }
+    select(id) {
+        this.current = id;
+        this.dispatchEvent(new CustomEvent("gl-tab-change", { detail: { id }, bubbles: true, composed: true }));
+    }
+    render() {
+        const visible = (this.items ?? []).filter((t) => !t.hidden);
+        return html `
+      <nav aria-label="Sections">
+        ${visible.map((t) => html `
+            <button
+              type="button"
+              aria-current=${this.current === t.id ? "page" : "false"}
+              @click=${() => this.select(t.id)}
+            >
+              ${t.label}
+            </button>
+          `)}
+      </nav>
+    `;
+    }
+}
+if (!customElements.get("gl-tabs")) {
+    customElements.define("gl-tabs", GlTabs);
+}
+//# sourceMappingURL=tabs.js.map

package/dist/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../src/tabs.ts"],"names":[],"mappings":"AAAA,gDAAgD;AAChD,iDAAiD;AACjD,QAAQ;AACR,aAAa;AACb,EAAE;AACF,gEAAgE;AAChE,oEAAoE;AAEpE,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE5C,MAAM,OAAO,MAAO,SAAQ,UAAU;IAAtC;;QA6CS,YAAO,GAAG,EAAE,CAAC;QACb,UAAK,GAA2D,EAAE,CAAC;IA2B5E,CAAC;aAxEiB,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqC3B,AArCqB,CAqCpB;aAEc,eAAU,GAAG;QAC3B,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;QACxC,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;KAC5B,AAHyB,CAGxB;IAKM,MAAM,CAAC,EAAU;QACvB,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,eAAe,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CACpF,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,MAAM,OAAO,GAAG,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QAC5D,OAAO,IAAI,CAAA;;UAEL,OAAO,CAAC,GAAG,CACX,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA;;;6BAGQ,IAAI,CAAC,OAAO,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;uBAC9C,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;;gBAE9B,CAAC,CAAC,KAAK;;WAEZ,CACF;;KAEJ,CAAC;IACJ,CAAC;;AAGH,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;IACnC,cAAc,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;AAC3C,CAAC"}

package/dist/textarea.d.ts

@@ -0,0 +1,38 @@
+import { LitElement } from "lit";
+export declare class GlTextarea extends LitElement {
+    static formAssociated: boolean;
+    static styles: import("lit").CSSResult;
+    static properties: {
+        label: {
+            type: StringConstructor;
+        };
+        name: {
+            type: StringConstructor;
+        };
+        value: {
+            type: StringConstructor;
+        };
+        placeholder: {
+            type: StringConstructor;
+        };
+        rows: {
+            type: NumberConstructor;
+        };
+    };
+    label: string;
+    name: string;
+    value: string;
+    placeholder: string;
+    rows: number;
+    private internals;
+    constructor();
+    willUpdate(changed: Map<string, unknown>): void;
+    private onInput;
+    protected render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "gl-textarea": GlTextarea;
+    }
+}
+//# sourceMappingURL=textarea.d.ts.map

package/dist/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../src/textarea.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,qBAAa,UAAW,SAAQ,UAAU;IACxC,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAgB,MAAM,0BA4BpB;IAEF,OAAgB,UAAU;;;;;;;;;;;;;;;;MAMxB;IAEK,KAAK,SAAM;IACX,IAAI,SAAM;IACV,KAAK,SAAM;IACX,WAAW,SAAM;IACjB,IAAI,SAAK;IAEhB,OAAO,CAAC,SAAS,CAAiC;;IAQlC,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAM/D,OAAO,CAAC,OAAO;cAMI,MAAM;CAc1B;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

package/dist/textarea.js

@@ -0,0 +1,80 @@
+import { LitElement, css, html } from "lit";
+export class GlTextarea extends LitElement {
+    static { this.formAssociated = true; }
+    static { this.styles = css `
+    :host { display: block; }
+    label {
+      display: flex;
+      flex-direction: column;
+      gap: var(--gl-space-1);
+      font-size: var(--gl-text-sm);
+      color: var(--gl-text-muted);
+    }
+    textarea {
+      font-family: var(--gl-font-mono);
+      font-size: var(--gl-text-base);
+      color: var(--gl-text);
+      background: var(--gl-surface);
+      border: 1px solid var(--gl-border);
+      border-radius: var(--gl-radius-md);
+      padding: 8px 10px;
+      width: 100%;
+      min-height: 88px;
+      resize: vertical;
+      box-sizing: border-box;
+      transition: border-color var(--gl-duration-base) var(--gl-ease);
+    }
+    textarea:focus-visible {
+      outline: none;
+      border-color: var(--gl-focus-ring-strong);
+      box-shadow: 0 0 0 3px var(--gl-focus-ring);
+    }
+  `; }
+    static { this.properties = {
+        label: { type: String },
+        name: { type: String },
+        value: { type: String },
+        placeholder: { type: String },
+        rows: { type: Number },
+    }; }
+    constructor() {
+        super();
+        this.label = "";
+        this.name = "";
+        this.value = "";
+        this.placeholder = "";
+        this.rows = 4;
+        this.internals = null;
+        if (typeof this.attachInternals === "function") {
+            this.internals = this.attachInternals();
+        }
+    }
+    willUpdate(changed) {
+        if (changed.has("value") && this.internals && typeof this.internals.setFormValue === "function") {
+            this.internals.setFormValue(this.value);
+        }
+    }
+    onInput(e) {
+        const t = e.target;
+        this.value = t.value;
+        this.dispatchEvent(new CustomEvent("gl-input", { detail: { value: t.value }, bubbles: true, composed: true }));
+    }
+    render() {
+        return html `
+      <label>
+        ${this.label ? html `<span>${this.label}</span>` : null}
+        <textarea
+          name=${this.name}
+          .value=${this.value}
+          placeholder=${this.placeholder}
+          rows=${this.rows}
+          @input=${(e) => this.onInput(e)}
+        ></textarea>
+      </label>
+    `;
+    }
+}
+if (!customElements.get("gl-textarea")) {
+    customElements.define("gl-textarea", GlTextarea);
+}
+//# sourceMappingURL=textarea.js.map

package/dist/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../src/textarea.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE5C,MAAM,OAAO,UAAW,SAAQ,UAAU;aACjC,mBAAc,GAAG,IAAI,AAAP,CAAQ;aAEb,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4B3B,AA5BqB,CA4BpB;aAEc,eAAU,GAAG;QAC3B,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;QACvB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;QACtB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;QACvB,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;QAC7B,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;KACvB,AANyB,CAMxB;IASF;QACE,KAAK,EAAE,CAAC;QARH,UAAK,GAAG,EAAE,CAAC;QACX,SAAI,GAAG,EAAE,CAAC;QACV,UAAK,GAAG,EAAE,CAAC;QACX,gBAAW,GAAG,EAAE,CAAC;QACjB,SAAI,GAAG,CAAC,CAAC;QAER,cAAS,GAA4B,IAAI,CAAC;QAGhD,IAAI,OAAO,IAAI,CAAC,eAAe,KAAK,UAAU,EAAE,CAAC;YAC/C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAC1C,CAAC;IACH,CAAC;IAEe,UAAU,CAAC,OAA6B;QACtD,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,SAAS,IAAI,OAAO,IAAI,CAAC,SAAS,CAAC,YAAY,KAAK,UAAU,EAAE,CAAC;YAChG,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC;IAEO,OAAO,CAAC,CAAQ;QACtB,MAAM,CAAC,GAAG,CAAC,CAAC,MAA6B,CAAC;QAC1C,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC;QACrB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,UAAU,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACjH,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,SAAS,IAAI,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI;;iBAE7C,IAAI,CAAC,IAAI;mBACP,IAAI,CAAC,KAAK;wBACL,IAAI,CAAC,WAAW;iBACvB,IAAI,CAAC,IAAI;mBACP,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;;;KAG3C,CAAC;IACJ,CAAC;;AAGH,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CAAC;IACvC,cAAc,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;AACnD,CAAC"}

package/dist/theme-toggle.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from "lit";
+import { type Theme } from "./theme.js";
+export declare class GlThemeToggle extends LitElement {
+    static styles: import("lit").CSSResult;
+    static properties: {
+        theme: {
+            state: boolean;
+        };
+    };
+    theme: Theme;
+    connectedCallback(): void;
+    private cycle;
+    protected render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "gl-theme-toggle": GlThemeToggle;
+    }
+}
+//# sourceMappingURL=theme-toggle.d.ts.map

package/dist/theme-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-toggle.d.ts","sourceRoot":"","sources":["../src/theme-toggle.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAsB,KAAK,KAAK,EAAE,MAAM,YAAY,CAAC;AAE5D,qBAAa,aAAc,SAAQ,UAAU;IAC3C,OAAgB,MAAM,0BAsBpB;IAEF,OAAgB,UAAU;;;;MAExB;IAEK,KAAK,EAAE,KAAK,CAAY;IAEf,iBAAiB,IAAI,IAAI;IAKzC,OAAO,CAAC,KAAK;cAQM,MAAM;CAa1B;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}

package/dist/theme-toggle.js

@@ -0,0 +1,64 @@
+// <gl-theme-toggle> — three-way switch: system / light / dark.
+// Persists choice via the theme module; cycles on click.
+import { LitElement, css, html } from "lit";
+import { getTheme, setTheme } from "./theme.js";
+export class GlThemeToggle extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.theme = "system";
+    }
+    static { this.styles = css `
+    :host { display: inline-block; }
+    button {
+      font: inherit;
+      font-size: var(--gl-text-sm);
+      background: transparent;
+      color: var(--gl-text-muted);
+      border: 1px solid var(--gl-border);
+      border-radius: var(--gl-radius-md);
+      padding: 4px 10px;
+      cursor: pointer;
+      display: inline-flex;
+      align-items: center;
+      gap: var(--gl-space-2);
+      height: 28px;
+    }
+    button:hover { color: var(--gl-text); border-color: var(--gl-border-strong); }
+    button:focus-visible {
+      outline: 2px solid var(--gl-focus-ring-strong);
+      outline-offset: 2px;
+    }
+    .glyph { font-family: var(--gl-font-mono); font-weight: 600; }
+  `; }
+    static { this.properties = {
+        theme: { state: true },
+    }; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.theme = getTheme();
+    }
+    cycle() {
+        const order = ["system", "light", "dark"];
+        const next = order[(order.indexOf(this.theme) + 1) % order.length] ?? "system";
+        this.theme = next;
+        setTheme(next);
+        this.requestUpdate();
+    }
+    render() {
+        const glyph = this.theme === "light" ? "☀" : this.theme === "dark" ? "☾" : "◐";
+        return html `
+      <button
+        type="button"
+        aria-label="Theme: ${this.theme}"
+        title="Theme: ${this.theme} (click to cycle)"
+        @click=${() => this.cycle()}
+      >
+        <span class="glyph">${glyph}</span> ${this.theme}
+      </button>
+    `;
+    }
+}
+if (!customElements.get("gl-theme-toggle")) {
+    customElements.define("gl-theme-toggle", GlThemeToggle);
+}
+//# sourceMappingURL=theme-toggle.js.map

package/dist/theme-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-toggle.js","sourceRoot":"","sources":["../src/theme-toggle.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,yDAAyD;AAEzD,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAc,MAAM,YAAY,CAAC;AAE5D,MAAM,OAAO,aAAc,SAAQ,UAAU;IAA7C;;QA6BS,UAAK,GAAU,QAAQ,CAAC;IA4BjC,CAAC;aAxDiB,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;GAsB3B,AAtBqB,CAsBpB;aAEc,eAAU,GAAG;QAC3B,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;KACvB,AAFyB,CAExB;IAIc,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,KAAK,GAAG,QAAQ,EAAE,CAAC;IAC1B,CAAC;IAEO,KAAK;QACX,MAAM,KAAK,GAAY,CAAC,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;QACnD,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,QAAQ,CAAC;QAC/E,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAEkB,MAAM;QACvB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;QAC/E,OAAO,IAAI,CAAA;;;6BAGc,IAAI,CAAC,KAAK;wBACf,IAAI,CAAC,KAAK;iBACjB,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE;;8BAEL,KAAK,WAAW,IAAI,CAAC,KAAK;;KAEnD,CAAC;IACJ,CAAC;;AAGH,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAC3C,cAAc,CAAC,MAAM,CAAC,iBAAiB,EAAE,aAAa,CAAC,CAAC;AAC1D,CAAC"}

package/dist/theme.d.ts

@@ -0,0 +1,9 @@
+export type Theme = "light" | "dark" | "system";
+export declare function getTheme(): Theme;
+/** Resolve "system" to the actual mode the OS reports. */
+export declare function resolvedTheme(t?: Theme): "light" | "dark";
+/** Apply the theme to <html> + persist. */
+export declare function setTheme(t: Theme): void;
+/** Call once on app boot to apply the stored preference. */
+export declare function initTheme(): void;
+//# sourceMappingURL=theme.d.ts.map

package/dist/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAIhD,wBAAgB,QAAQ,IAAI,KAAK,CAIhC;AAED,0DAA0D;AAC1D,wBAAgB,aAAa,CAAC,CAAC,GAAE,KAAkB,GAAG,OAAO,GAAG,MAAM,CAIrE;AAED,2CAA2C;AAC3C,wBAAgB,QAAQ,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI,CAiBvC;AAED,4DAA4D;AAC5D,wBAAgB,SAAS,IAAI,IAAI,CAIhC"}

package/dist/theme.js

@@ -0,0 +1,48 @@
+// Theme toggle. Persists choice to localStorage; falls back to
+// prefers-color-scheme when the user hasn't picked. Single source
+// of truth: the `data-glossa-theme` attribute on <html>.
+const STORAGE_KEY = "glossa-ui-theme-v1";
+export function getTheme() {
+    if (typeof localStorage === "undefined")
+        return "system";
+    const v = localStorage.getItem(STORAGE_KEY);
+    return v === "light" || v === "dark" ? v : "system";
+}
+/** Resolve "system" to the actual mode the OS reports. */
+export function resolvedTheme(t = getTheme()) {
+    if (t !== "system")
+        return t;
+    if (typeof matchMedia === "undefined")
+        return "light";
+    return matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+/** Apply the theme to <html> + persist. */
+export function setTheme(t) {
+    if (typeof document === "undefined")
+        return;
+    if (t === "system") {
+        document.documentElement.removeAttribute("data-glossa-theme");
+        try {
+            localStorage.removeItem(STORAGE_KEY);
+        }
+        catch {
+            /* ignore */
+        }
+        return;
+    }
+    document.documentElement.setAttribute("data-glossa-theme", t);
+    try {
+        localStorage.setItem(STORAGE_KEY, t);
+    }
+    catch {
+        /* ignore */
+    }
+}
+/** Call once on app boot to apply the stored preference. */
+export function initTheme() {
+    const t = getTheme();
+    if (t === "system")
+        return; // CSS prefers-color-scheme picks up
+    setTheme(t);
+}
+//# sourceMappingURL=theme.js.map

package/dist/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,kEAAkE;AAClE,yDAAyD;AAIzD,MAAM,WAAW,GAAG,oBAAoB,CAAC;AAEzC,MAAM,UAAU,QAAQ;IACtB,IAAI,OAAO,YAAY,KAAK,WAAW;QAAE,OAAO,QAAQ,CAAC;IACzD,MAAM,CAAC,GAAG,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;IAC5C,OAAO,CAAC,KAAK,OAAO,IAAI,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;AACtD,CAAC;AAED,0DAA0D;AAC1D,MAAM,UAAU,aAAa,CAAC,IAAW,QAAQ,EAAE;IACjD,IAAI,CAAC,KAAK,QAAQ;QAAE,OAAO,CAAC,CAAC;IAC7B,IAAI,OAAO,UAAU,KAAK,WAAW;QAAE,OAAO,OAAO,CAAC;IACtD,OAAO,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;AAC/E,CAAC;AAED,2CAA2C;AAC3C,MAAM,UAAU,QAAQ,CAAC,CAAQ;IAC/B,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAO;IAC5C,IAAI,CAAC,KAAK,QAAQ,EAAE,CAAC;QACnB,QAAQ,CAAC,eAAe,CAAC,eAAe,CAAC,mBAAmB,CAAC,CAAC;QAC9D,IAAI,CAAC;YACH,YAAY,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;QACvC,CAAC;QAAC,MAAM,CAAC;YACP,YAAY;QACd,CAAC;QACD,OAAO;IACT,CAAC;IACD,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAC;IAC9D,IAAI,CAAC;QACH,YAAY,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;IACvC,CAAC;IAAC,MAAM,CAAC;QACP,YAAY;IACd,CAAC;AACH,CAAC;AAED,4DAA4D;AAC5D,MAAM,UAAU,SAAS;IACvB,MAAM,CAAC,GAAG,QAAQ,EAAE,CAAC;IACrB,IAAI,CAAC,KAAK,QAAQ;QAAE,OAAO,CAAC,oCAAoC;IAChE,QAAQ,CAAC,CAAC,CAAC,CAAC;AACd,CAAC"}

package/dist/toast.d.ts

@@ -0,0 +1,28 @@
+import { LitElement } from "lit";
+export type ToastVariant = "ok" | "err";
+export declare class GlToast extends LitElement {
+    static styles: import("lit").CSSResult;
+    static properties: {
+        variant: {
+            type: StringConstructor;
+        };
+        message: {
+            type: StringConstructor;
+        };
+    };
+    variant: ToastVariant;
+    message: string;
+    protected render(): import("lit").TemplateResult<1>;
+}
+/**
+ * Imperative helper: pops a toast attached to <body>. Returns a
+ * function that removes it immediately if the caller wants to
+ * cancel.
+ */
+export declare function toast(message: string, variant?: ToastVariant, ttl?: number): () => void;
+declare global {
+    interface HTMLElementTagNameMap {
+        "gl-toast": GlToast;
+    }
+}
+//# sourceMappingURL=toast.d.ts.map

package/dist/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../src/toast.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,KAAK,CAAC;AAExC,qBAAa,OAAQ,SAAQ,UAAU;IACrC,OAAgB,MAAM,0BAoCpB;IAEF,OAAgB,UAAU;;;;;;;MAGxB;IAEK,OAAO,EAAE,YAAY,CAAQ;IAC7B,OAAO,SAAM;cAED,MAAM;CAO1B;AAMD;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,GAAE,YAAmB,EAAE,GAAG,SAAO,GAAG,MAAM,IAAI,CAW3F;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}