@felixgeelhaar/glossa-ui 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Felix Geelhaar
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/dist/badge.d.ts

@@ -0,0 +1,18 @@
+import { LitElement } from "lit";
+export type BadgeVariant = "neutral" | "pending" | "review" | "approved" | "danger" | "accent";
+export declare class GlBadge extends LitElement {
+    static styles: import("lit").CSSResult;
+    static properties: {
+        variant: {
+            type: StringConstructor;
+        };
+    };
+    variant: BadgeVariant;
+    protected render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "gl-badge": GlBadge;
+    }
+}
+//# sourceMappingURL=badge.d.ts.map

package/dist/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../src/badge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE/F,qBAAa,OAAQ,SAAQ,UAAU;IACrC,OAAgB,MAAM,0BAyCpB;IAEF,OAAgB,UAAU;;;;MAExB;IAEK,OAAO,EAAE,YAAY,CAAa;cAEtB,MAAM;CAG1B;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/dist/badge.js

@@ -0,0 +1,59 @@
+import { LitElement, css, html } from "lit";
+export class GlBadge extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.variant = "neutral";
+    }
+    static { this.styles = css `
+    :host {
+      display: inline-block;
+    }
+    .pill {
+      display: inline-flex;
+      align-items: center;
+      gap: var(--gl-space-1);
+      padding: 2px 8px;
+      border-radius: var(--gl-radius-pill);
+      font-size: var(--gl-text-xs);
+      font-weight: 500;
+      line-height: 1.5;
+      white-space: nowrap;
+      border: 1px solid transparent;
+    }
+    .neutral {
+      background: var(--gl-surface-sunken);
+      color: var(--gl-text-muted);
+      border-color: var(--gl-border);
+    }
+    .pending {
+      background: var(--gl-status-pending-bg);
+      color: var(--gl-status-pending);
+    }
+    .review {
+      background: var(--gl-status-review-bg);
+      color: var(--gl-status-review);
+    }
+    .approved {
+      background: var(--gl-status-approved-bg);
+      color: var(--gl-status-approved);
+    }
+    .danger {
+      background: var(--gl-danger-bg);
+      color: var(--gl-danger);
+    }
+    .accent {
+      background: var(--gl-accent-quiet);
+      color: var(--gl-accent);
+    }
+  `; }
+    static { this.properties = {
+        variant: { type: String },
+    }; }
+    render() {
+        return html `<span class=${`pill ${this.variant}`}><slot></slot></span>`;
+    }
+}
+if (!customElements.get("gl-badge")) {
+    customElements.define("gl-badge", GlBadge);
+}
+//# sourceMappingURL=badge.js.map

package/dist/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../src/badge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAI5C,MAAM,OAAO,OAAQ,SAAQ,UAAU;IAAvC;;QAgDS,YAAO,GAAiB,SAAS,CAAC;IAK3C,CAAC;aApDiB,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyC3B,AAzCqB,CAyCpB;aAEc,eAAU,GAAG;QAC3B,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;KAC1B,AAFyB,CAExB;IAIiB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,QAAQ,IAAI,CAAC,OAAO,EAAE,uBAAuB,CAAC;IAC1E,CAAC;;AAGH,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;IACpC,cAAc,CAAC,MAAM,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAC7C,CAAC"}

package/dist/button.d.ts

@@ -0,0 +1,32 @@
+import { LitElement } from "lit";
+export type ButtonVariant = "primary" | "ghost" | "danger" | "outline";
+export type ButtonSize = "sm" | "md";
+export declare class GlButton extends LitElement {
+    static styles: import("lit").CSSResult;
+    static properties: {
+        variant: {
+            type: StringConstructor;
+        };
+        size: {
+            type: StringConstructor;
+        };
+        type: {
+            type: StringConstructor;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+    };
+    variant: ButtonVariant;
+    size: ButtonSize;
+    type: "button" | "submit" | "reset";
+    disabled: boolean;
+    protected render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "gl-button": GlButton;
+    }
+}
+//# sourceMappingURL=button.d.ts.map

package/dist/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AACvE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,qBAAa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,0BA2EpB;IAEF,OAAgB,UAAU;;;;;;;;;;;;;;MAKxB;IAEK,OAAO,EAAE,aAAa,CAAa;IACnC,IAAI,EAAE,UAAU,CAAQ;IACxB,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;IAC/C,QAAQ,UAAS;cAEL,MAAM;CAwB1B;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/dist/button.js

@@ -0,0 +1,120 @@
+import { LitElement, css, html } from "lit";
+export class GlButton extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.variant = "outline";
+        this.size = "md";
+        this.type = "button";
+        this.disabled = false;
+    }
+    static { this.styles = css `
+    :host {
+      display: inline-block;
+    }
+    button {
+      font: inherit;
+      font-family: var(--gl-font-ui);
+      font-weight: 500;
+      border-radius: var(--gl-radius-md);
+      border: 1px solid transparent;
+      cursor: pointer;
+      transition:
+        background var(--gl-duration-base) var(--gl-ease),
+        border-color var(--gl-duration-base) var(--gl-ease),
+        color var(--gl-duration-base) var(--gl-ease);
+      display: inline-flex;
+      align-items: center;
+      gap: var(--gl-space-2);
+      white-space: nowrap;
+    }
+    button:focus-visible {
+      outline: 2px solid var(--gl-focus-ring-strong);
+      outline-offset: 2px;
+    }
+    button:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+
+    .sm {
+      font-size: var(--gl-text-sm);
+      padding: 4px 10px;
+      height: 28px;
+    }
+    .md {
+      font-size: var(--gl-text-base);
+      padding: 6px 12px;
+      height: 32px;
+    }
+
+    .primary {
+      background: var(--gl-accent);
+      color: var(--gl-accent-fg);
+    }
+    .primary:hover:not(:disabled) {
+      background: var(--gl-accent-hover);
+    }
+
+    .outline {
+      background: var(--gl-surface);
+      color: var(--gl-text);
+      border-color: var(--gl-border);
+    }
+    .outline:hover:not(:disabled) {
+      border-color: var(--gl-border-strong);
+      background: var(--gl-surface-raised);
+    }
+
+    .ghost {
+      background: transparent;
+      color: var(--gl-text);
+    }
+    .ghost:hover:not(:disabled) {
+      background: var(--gl-surface-raised);
+    }
+
+    .danger {
+      background: transparent;
+      color: var(--gl-danger);
+      border-color: var(--gl-border);
+    }
+    .danger:hover:not(:disabled) {
+      background: var(--gl-danger-bg);
+      border-color: var(--gl-danger);
+    }
+  `; }
+    static { this.properties = {
+        variant: { type: String },
+        size: { type: String },
+        type: { type: String },
+        disabled: { type: Boolean, reflect: true },
+    }; }
+    render() {
+        return html `
+      <button
+        type=${this.type}
+        class=${`${this.size} ${this.variant}`}
+        ?disabled=${this.disabled}
+        @click=${(e) => {
+            if (this.type === "submit") {
+                // Native <button type=submit> inside a shadow root
+                // doesn't submit the outer form. Re-dispatch the
+                // submit on the host's closest form so consumers can
+                // <form @submit>.
+                const form = this.closest("form");
+                if (form) {
+                    e.preventDefault();
+                    form.requestSubmit();
+                }
+            }
+        }}
+      >
+        <slot></slot>
+      </button>
+    `;
+    }
+}
+if (!customElements.get("gl-button")) {
+    customElements.define("gl-button", GlButton);
+}
+//# sourceMappingURL=button.js.map

package/dist/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../src/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAK5C,MAAM,OAAO,QAAS,SAAQ,UAAU;IAAxC;;QAqFS,YAAO,GAAkB,SAAS,CAAC;QACnC,SAAI,GAAe,IAAI,CAAC;QACxB,SAAI,GAAkC,QAAQ,CAAC;QAC/C,aAAQ,GAAG,KAAK,CAAC;IA0B1B,CAAC;aAjHiB,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2E3B,AA3EqB,CA2EpB;aAEc,eAAU,GAAG;QAC3B,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;QACzB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;QACtB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;QACtB,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;KAC3C,AALyB,CAKxB;IAOiB,MAAM;QACvB,OAAO,IAAI,CAAA;;eAEA,IAAI,CAAC,IAAI;gBACR,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,EAAE;oBAC1B,IAAI,CAAC,QAAQ;iBAChB,CAAC,CAAQ,EAAE,EAAE;YACpB,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;gBAC3B,mDAAmD;gBACnD,iDAAiD;gBACjD,qDAAqD;gBACrD,kBAAkB;gBAClB,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;gBAClC,IAAI,IAAI,EAAE,CAAC;oBACT,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,IAAI,CAAC,aAAa,EAAE,CAAC;gBACvB,CAAC;YACH,CAAC;QACH,CAAC;;;;KAIJ,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/card.d.ts

@@ -0,0 +1,17 @@
+import { LitElement } from "lit";
+export declare class GlCard extends LitElement {
+    static styles: import("lit").CSSResult;
+    static properties: {
+        flush: {
+            type: BooleanConstructor;
+        };
+    };
+    flush: boolean;
+    protected render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "gl-card": GlCard;
+    }
+}
+//# sourceMappingURL=card.d.ts.map

package/dist/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../src/card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,qBAAa,MAAO,SAAQ,UAAU;IACpC,OAAgB,MAAM,0BAsBpB;IAEF,OAAgB,UAAU;;;;MAExB;IAEK,KAAK,UAAS;cAEF,MAAM;CAQ1B;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/card.js

@@ -0,0 +1,45 @@
+import { LitElement, css, html } from "lit";
+export class GlCard extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.flush = false;
+    }
+    static { this.styles = css `
+    :host {
+      display: block;
+      background: var(--gl-surface);
+      border: 1px solid var(--gl-border);
+      border-radius: var(--gl-radius-lg);
+      overflow: hidden;
+    }
+    ::slotted([slot="header"]) {
+      padding: var(--gl-space-3) var(--gl-space-4);
+      border-bottom: 1px solid var(--gl-border);
+      font-weight: 600;
+      font-size: var(--gl-text-md);
+      color: var(--gl-text);
+      background: var(--gl-surface-sunken);
+    }
+    .body {
+      padding: var(--gl-space-4);
+    }
+    .body.flush {
+      padding: 0;
+    }
+  `; }
+    static { this.properties = {
+        flush: { type: Boolean },
+    }; }
+    render() {
+        return html `
+      <slot name="header"></slot>
+      <div class=${this.flush ? "body flush" : "body"}>
+        <slot></slot>
+      </div>
+    `;
+    }
+}
+if (!customElements.get("gl-card")) {
+    customElements.define("gl-card", GlCard);
+}
+//# sourceMappingURL=card.js.map

package/dist/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../src/card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAE5C,MAAM,OAAO,MAAO,SAAQ,UAAU;IAAtC;;QA6BS,UAAK,GAAG,KAAK,CAAC;IAUvB,CAAC;aAtCiB,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;GAsB3B,AAtBqB,CAsBpB;aAEc,eAAU,GAAG;QAC3B,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;KACzB,AAFyB,CAExB;IAIiB,MAAM;QACvB,OAAO,IAAI,CAAA;;mBAEI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM;;;KAGhD,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/index.d.ts

@@ -0,0 +1,29 @@
+import "./button.js";
+import "./input.js";
+import "./select.js";
+import "./textarea.js";
+import "./card.js";
+import "./badge.js";
+import "./table.js";
+import "./tabs.js";
+import "./toast.js";
+import "./toolbar.js";
+import "./theme-toggle.js";
+export { GlButton } from "./button.js";
+export type { ButtonVariant, ButtonSize } from "./button.js";
+export { GlInput } from "./input.js";
+export { GlSelect } from "./select.js";
+export type { GlSelectOption } from "./select.js";
+export { GlTextarea } from "./textarea.js";
+export { GlCard } from "./card.js";
+export { GlBadge } from "./badge.js";
+export type { BadgeVariant } from "./badge.js";
+export { GlTable, glTableStyles } from "./table.js";
+export { GlTabs } from "./tabs.js";
+export { GlToast, toast } from "./toast.js";
+export type { ToastVariant } from "./toast.js";
+export { GlToolbar } from "./toolbar.js";
+export { GlThemeToggle } from "./theme-toggle.js";
+export { getTheme, setTheme, resolvedTheme, initTheme } from "./theme.js";
+export type { Theme } from "./theme.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,aAAa,CAAC;AACrB,OAAO,YAAY,CAAC;AACpB,OAAO,aAAa,CAAC;AACrB,OAAO,eAAe,CAAC;AACvB,OAAO,WAAW,CAAC;AACnB,OAAO,YAAY,CAAC;AACpB,OAAO,YAAY,CAAC;AACpB,OAAO,WAAW,CAAC;AACnB,OAAO,YAAY,CAAC;AACpB,OAAO,cAAc,CAAC;AACtB,OAAO,mBAAmB,CAAC;AAE3B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,YAAY,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAC5C,YAAY,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC1E,YAAY,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,26 @@
+// Side-effect imports register the custom elements. Importing
+// `@felixgeelhaar/glossa-ui` once at app boot is enough.
+import "./button.js";
+import "./input.js";
+import "./select.js";
+import "./textarea.js";
+import "./card.js";
+import "./badge.js";
+import "./table.js";
+import "./tabs.js";
+import "./toast.js";
+import "./toolbar.js";
+import "./theme-toggle.js";
+export { GlButton } from "./button.js";
+export { GlInput } from "./input.js";
+export { GlSelect } from "./select.js";
+export { GlTextarea } from "./textarea.js";
+export { GlCard } from "./card.js";
+export { GlBadge } from "./badge.js";
+export { GlTable, glTableStyles } from "./table.js";
+export { GlTabs } from "./tabs.js";
+export { GlToast, toast } from "./toast.js";
+export { GlToolbar } from "./toolbar.js";
+export { GlThemeToggle } from "./theme-toggle.js";
+export { getTheme, setTheme, resolvedTheme, initTheme } from "./theme.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,8DAA8D;AAC9D,yDAAyD;AACzD,OAAO,aAAa,CAAC;AACrB,OAAO,YAAY,CAAC;AACpB,OAAO,aAAa,CAAC;AACrB,OAAO,eAAe,CAAC;AACvB,OAAO,WAAW,CAAC;AACnB,OAAO,YAAY,CAAC;AACpB,OAAO,YAAY,CAAC;AACpB,OAAO,WAAW,CAAC;AACnB,OAAO,YAAY,CAAC;AACpB,OAAO,cAAc,CAAC;AACtB,OAAO,mBAAmB,CAAC;AAE3B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC"}

package/dist/input.d.ts

@@ -0,0 +1,69 @@
+import { LitElement } from "lit";
+/**
+ * <gl-input label="…" type="email" name="email" required hint="…">
+ *
+ * Wraps a native <input>. Exposes the underlying value via the
+ * standard form-associated API so a parent <form> picks it up with
+ * FormData out of the box (parents read `fd.get("name")`).
+ */
+export declare class GlInput extends LitElement {
+    static formAssociated: boolean;
+    static styles: import("lit").CSSResult;
+    static properties: {
+        label: {
+            type: StringConstructor;
+        };
+        name: {
+            type: StringConstructor;
+        };
+        type: {
+            type: StringConstructor;
+        };
+        value: {
+            type: StringConstructor;
+        };
+        placeholder: {
+            type: StringConstructor;
+        };
+        required: {
+            type: BooleanConstructor;
+        };
+        autocomplete: {
+            type: StringConstructor;
+        };
+        hint: {
+            type: StringConstructor;
+        };
+        error: {
+            type: StringConstructor;
+        };
+        readonly: {
+            type: BooleanConstructor;
+        };
+        mono: {
+            type: BooleanConstructor;
+        };
+    };
+    label: string;
+    name: string;
+    type: "text" | "email" | "password" | "url" | "number";
+    value: string;
+    placeholder: string;
+    required: boolean;
+    autocomplete: string;
+    hint: string;
+    error: string;
+    readonly: boolean;
+    mono: boolean;
+    private internals;
+    constructor();
+    willUpdate(changed: Map<string, unknown>): void;
+    private onInput;
+    protected render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "gl-input": GlInput;
+    }
+}
+//# sourceMappingURL=input.d.ts.map

package/dist/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../src/input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C;;;;;;GAMG;AACH,qBAAa,OAAQ,SAAQ,UAAU;IAErC,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAgB,MAAM,0BA6CpB;IAEF,OAAgB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAYxB;IAEK,KAAK,SAAM;IACX,IAAI,SAAM;IACV,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,GAAG,QAAQ,CAAU;IAChE,KAAK,SAAM;IACX,WAAW,SAAM;IACjB,QAAQ,UAAS;IACjB,YAAY,SAAM;IAClB,IAAI,SAAM;IACV,KAAK,SAAM;IACX,QAAQ,UAAS;IACjB,IAAI,UAAS;IAEpB,OAAO,CAAC,SAAS,CAAiC;;IASlC,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAM/D,OAAO,CAAC,OAAO;cAMI,MAAM;CA0B1B;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/dist/input.js

@@ -0,0 +1,129 @@
+import { LitElement, css, html } from "lit";
+/**
+ * <gl-input label="…" type="email" name="email" required hint="…">
+ *
+ * Wraps a native <input>. Exposes the underlying value via the
+ * standard form-associated API so a parent <form> picks it up with
+ * FormData out of the box (parents read `fd.get("name")`).
+ */
+export class GlInput extends LitElement {
+    // Form association — lets <input>'s name show up in FormData.
+    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);
+    }
+    input {
+      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;
+      width: 100%;
+      box-sizing: border-box;
+      transition:
+        border-color var(--gl-duration-base) var(--gl-ease),
+        box-shadow var(--gl-duration-base) var(--gl-ease);
+    }
+    input::placeholder {
+      color: var(--gl-text-subtle);
+    }
+    input:focus-visible {
+      outline: none;
+      border-color: var(--gl-focus-ring-strong);
+      box-shadow: 0 0 0 3px var(--gl-focus-ring);
+    }
+    input[aria-invalid="true"] {
+      border-color: var(--gl-danger);
+    }
+    .hint {
+      font-size: var(--gl-text-xs);
+      color: var(--gl-text-subtle);
+    }
+    .err {
+      font-size: var(--gl-text-xs);
+      color: var(--gl-danger);
+    }
+  `; }
+    static { this.properties = {
+        label: { type: String },
+        name: { type: String },
+        type: { type: String },
+        value: { type: String },
+        placeholder: { type: String },
+        required: { type: Boolean },
+        autocomplete: { type: String },
+        hint: { type: String },
+        error: { type: String },
+        readonly: { type: Boolean },
+        mono: { type: Boolean },
+    }; }
+    constructor() {
+        super();
+        this.label = "";
+        this.name = "";
+        this.type = "text";
+        this.value = "";
+        this.placeholder = "";
+        this.required = false;
+        this.autocomplete = "";
+        this.hint = "";
+        this.error = "";
+        this.readonly = false;
+        this.mono = false;
+        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}
+        <input
+          type=${this.type}
+          name=${this.name}
+          .value=${this.value}
+          placeholder=${this.placeholder}
+          ?required=${this.required}
+          ?readonly=${this.readonly}
+          autocomplete=${this.autocomplete || "off"}
+          aria-invalid=${this.error ? "true" : "false"}
+          aria-describedby=${this.hint || this.error ? "gl-input-desc" : ""}
+          style=${this.mono ? "font-family: var(--gl-font-mono);" : ""}
+          @input=${(e) => this.onInput(e)}
+          @change=${(e) => this.onInput(e)}
+        />
+        ${this.error
+            ? html `<span id="gl-input-desc" class="err">${this.error}</span>`
+            : this.hint
+                ? html `<span id="gl-input-desc" class="hint">${this.hint}</span>`
+                : null}
+      </label>
+    `;
+    }
+}
+if (!customElements.get("gl-input")) {
+    customElements.define("gl-input", GlInput);
+}
+//# sourceMappingURL=input.js.map

package/dist/input.js.map

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

package/dist/select.d.ts

@@ -0,0 +1,38 @@
+import { LitElement } from "lit";
+export interface GlSelectOption {
+    value: string;
+    label: string;
+}
+export declare class GlSelect extends LitElement {
+    static formAssociated: boolean;
+    static styles: import("lit").CSSResult;
+    static properties: {
+        label: {
+            type: StringConstructor;
+        };
+        name: {
+            type: StringConstructor;
+        };
+        value: {
+            type: StringConstructor;
+        };
+        options: {
+            attribute: boolean;
+        };
+    };
+    label: string;
+    name: string;
+    value: string;
+    options: GlSelectOption[];
+    private internals;
+    constructor();
+    willUpdate(changed: Map<string, unknown>): void;
+    private onChange;
+    protected render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "gl-select": GlSelect;
+    }
+}
+//# sourceMappingURL=select.d.ts.map

package/dist/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../src/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBAAa,QAAS,SAAQ,UAAU;IACtC,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAgB,MAAM,0BA+BpB;IAEF,OAAgB,UAAU;;;;;;;;;;;;;MAKxB;IAEK,KAAK,SAAM;IACX,IAAI,SAAM;IACV,KAAK,SAAM;IACX,OAAO,EAAE,cAAc,EAAE,CAAM;IAEtC,OAAO,CAAC,SAAS,CAAiC;;IASlC,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAM/D,OAAO,CAAC,QAAQ;cAMG,MAAM;CAY1B;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}