@krumio/trailhand-ui 1.9.4 → 1.9.6

package/dist/components/text-input/text-input.d.ts

@@ -24,6 +24,7 @@ export declare class TextInput extends LitElement {
     constructor();
     static styles: import("lit").CSSResult;
     connectedCallback(): void;
+    focus(): void;
     private emitChangeEvent;
     private handleInput;
     firstUpdated(): void;

package/dist/components/text-input/text-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../../src/components/text-input/text-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAG5D,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,qBAAa,SAAU,SAAQ,UAAU;IACvC,MAAM,CAAC,cAAc,UAAQ;IAG7B,IAAI,SAAM;IAGV,KAAK,SAAM;IAGX,WAAW,SAAM;IAGjB,QAAQ,UAAS;IAGjB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAG9C,KAAK,SAAM;IAGX,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAEhB,OAAO,CAAC,SAAS,CAAmB;IACpC,OAAO,CAAC,MAAM,CAAmB;;IAOjC,MAAM,CAAC,MAAM,0BAqFX;IAEF,iBAAiB;IASjB,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,WAAW;IAYnB,YAAY;IAQZ,OAAO,CAAC,eAAe;IAcvB,iBAAiB;IAKjB,mBAAmB,CAAC,QAAQ,EAAE,OAAO;IAIrC,sBAAsB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI;IAMnD,MAAM,IAAI,cAAc;CAwBzB"}
+{"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../../src/components/text-input/text-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAG5D,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,qBAAa,SAAU,SAAQ,UAAU;IACvC,MAAM,CAAC,cAAc,UAAQ;IAG7B,IAAI,SAAM;IAGV,KAAK,SAAM;IAGX,WAAW,SAAM;IAGjB,QAAQ,UAAS;IAGjB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAG9C,KAAK,SAAM;IAGX,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAEhB,OAAO,CAAC,SAAS,CAAmB;IACpC,OAAO,CAAC,MAAM,CAAmB;;IAOjC,MAAM,CAAC,MAAM,0BAqFX;IAEF,iBAAiB;IASjB,KAAK;IAIL,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,WAAW;IAYnB,YAAY;IAQZ,OAAO,CAAC,eAAe;IAcvB,iBAAiB;IAKjB,mBAAmB,CAAC,QAAQ,EAAE,OAAO;IAIrC,sBAAsB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI;IAMnD,MAAM,IAAI,cAAc;CAwBzB"}

package/dist/components/text-input/text-input.js

@@ -27,6 +27,9 @@ export class TextInput extends LitElement {
             this.disabled = true;
         }
     }
+    focus() {
+        this._input?.focus();
+    }
     emitChangeEvent() {
         // emit native change event for form integration
         this.dispatchEvent(new Event('change', { bubbles: true, composed: true }));

package/dist/components/text-input/text-input.js.map

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

package/dist/components/th-form-card/index.d.ts

@@ -0,0 +1,4 @@
+export { ThFormCard } from './th-form-card';
+export type { FormCardButtonVariant } from './th-form-card';
+export { ThFormRow } from './th-form-row';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/th-form-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/th-form-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,YAAY,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/th-form-card/index.js

@@ -0,0 +1,3 @@
+export { ThFormCard } from './th-form-card';
+export { ThFormRow } from './th-form-row';
+//# sourceMappingURL=index.js.map

package/dist/components/th-form-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/th-form-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/th-form-card/th-form-card.d.ts

@@ -0,0 +1,37 @@
+import { LitElement, TemplateResult } from 'lit';
+import '../button/button';
+import './th-form-row';
+export type FormCardButtonVariant = 'primary' | 'secondary' | 'alternate' | 'destructive' | 'confirmation';
+/**
+ * A form layout card for use inside a modal (or standalone).
+ *
+ * Compose with `trailhand-form-row` for multi-section forms with optional
+ * section titles and per-row column counts. For simple flat forms, slot fields
+ * directly and use the `columns` prop.
+ *
+ * @fires form-card-submit - Fired when the primary action button is clicked
+ * @fires form-card-cancel - Fired when the cancel button is clicked
+ *
+ * @slot - `trailhand-form-row` elements or direct form fields
+ */
+export declare class ThFormCard extends LitElement {
+    /** Number of equal-width columns for the form content grid */
+    columns: number;
+    /** Show a box shadow (useful when used outside a modal) */
+    shadow: boolean;
+    /** Show a loading spinner and hide content */
+    loading: boolean;
+    /** Primary action button label. If empty, no button row is rendered. */
+    buttonLabel: string;
+    /** Variant for the primary action button */
+    buttonVariant: FormCardButtonVariant;
+    /** Disables the primary action button */
+    buttonDisabled: boolean;
+    /** Cancel button label. If empty, no cancel button is rendered. */
+    cancelLabel: string;
+    static styles: import("lit").CSSResult;
+    private _handleSubmit;
+    private _handleCancel;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=th-form-card.d.ts.map

package/dist/components/th-form-card/th-form-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"th-form-card.d.ts","sourceRoot":"","sources":["../../../src/components/th-form-card/th-form-card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAW,MAAM,KAAK,CAAC;AAErE,OAAO,kBAAkB,CAAC;AAC1B,OAAO,eAAe,CAAC;AAEvB,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAC;AAE3G;;;;;;;;;;;GAWG;AACH,qBAAa,UAAW,SAAQ,UAAU;IACxC,8DAA8D;IAClC,OAAO,SAAK;IAExC,2DAA2D;IACf,MAAM,UAAS;IAE3D,8CAA8C;IACjB,OAAO,UAAS;IAE7C,wEAAwE;IACjB,WAAW,SAAM;IAExE,4CAA4C;IACa,aAAa,EAAE,qBAAqB,CAAa;IAE1G,yCAAyC;IACkB,cAAc,UAAS;IAElF,mEAAmE;IACZ,WAAW,SAAM;IAExE,OAAgB,MAAM,0BA8DpB;IAEF,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,aAAa;IAIZ,MAAM,IAAI,cAAc;CAiClC"}

package/dist/components/th-form-card/th-form-card.js

@@ -0,0 +1,165 @@
+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, html, css, nothing } from 'lit';
+import { property } from 'lit/decorators.js';
+import '../button/button';
+import './th-form-row';
+/**
+ * A form layout card for use inside a modal (or standalone).
+ *
+ * Compose with `trailhand-form-row` for multi-section forms with optional
+ * section titles and per-row column counts. For simple flat forms, slot fields
+ * directly and use the `columns` prop.
+ *
+ * @fires form-card-submit - Fired when the primary action button is clicked
+ * @fires form-card-cancel - Fired when the cancel button is clicked
+ *
+ * @slot - `trailhand-form-row` elements or direct form fields
+ */
+export class ThFormCard extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** Number of equal-width columns for the form content grid */
+        this.columns = 1;
+        /** Show a box shadow (useful when used outside a modal) */
+        this.shadow = false;
+        /** Show a loading spinner and hide content */
+        this.loading = false;
+        /** Primary action button label. If empty, no button row is rendered. */
+        this.buttonLabel = '';
+        /** Variant for the primary action button */
+        this.buttonVariant = 'primary';
+        /** Disables the primary action button */
+        this.buttonDisabled = false;
+        /** Cancel button label. If empty, no cancel button is rendered. */
+        this.cancelLabel = '';
+    }
+    _handleSubmit() {
+        this.dispatchEvent(new CustomEvent('form-card-submit', { bubbles: true, composed: true }));
+    }
+    _handleCancel() {
+        this.dispatchEvent(new CustomEvent('form-card-cancel', { bubbles: true, composed: true }));
+    }
+    render() {
+        if (this.loading) {
+            return html `
+        <div class="form-card form-card--loading" part="card">
+          <div class="form-card__spinner"></div>
+        </div>
+      `;
+        }
+        return html `
+      <div class="form-card" part="card">
+        <div
+          class=${`form-card__content${this.columns > 1 ? ' form-card__content--grid' : ''}`}
+          part="content"
+          style=${this.columns > 1 ? `--_columns: ${this.columns}` : ''}
+        >
+          <slot></slot>
+        </div>
+        ${this.buttonLabel || this.cancelLabel
+            ? html `
+              <div class="form-card__actions" part="actions">
+                ${this.cancelLabel
+                ? html `<trailhand-button variant="secondary" @button-click=${this._handleCancel}>${this.cancelLabel}</trailhand-button>`
+                : nothing}
+                ${this.buttonLabel
+                ? html `<trailhand-button variant=${this.buttonVariant} ?disabled=${this.buttonDisabled} @button-click=${this._handleSubmit}>${this.buttonLabel}</trailhand-button>`
+                : nothing}
+              </div>
+            `
+            : nothing}
+      </div>
+    `;
+    }
+}
+ThFormCard.styles = css `
+    :host {
+      display: block;
+    }
+
+    .form-card {
+      display: flex;
+      flex-direction: column;
+      font-family: var(--font-family, 'Poppins', sans-serif);
+      background: var(--th-form-card-bg, transparent);
+      border-radius: var(--th-form-card-radius, 8px);
+      border: none;
+    }
+
+    :host([shadow]) .form-card {
+      background: var(--th-form-card-shadow-bg, #ffffff);
+      padding: var(--th-form-card-padding, 24px);
+      box-shadow: var(--th-form-card-shadow, 0 4px 16px rgba(0, 0, 0, 0.1));
+    }
+
+    /* Default: stack rows vertically when using trailhand-form-row children */
+    .form-card__content {
+      display: flex;
+      flex-direction: column;
+      gap: var(--th-form-card-gap, 24px);
+    }
+
+    /* Flat mode: direct fields without rows — driven by the columns prop */
+    .form-card__content--grid {
+      display: grid;
+      grid-template-columns: repeat(var(--_columns), 1fr);
+      gap: var(--th-form-card-gap, 16px);
+    }
+
+    .form-card__actions {
+      display: flex;
+      justify-content: flex-end;
+      gap: 12px;
+      margin-top: 24px;
+    }
+
+    /* Loading */
+    .form-card--loading {
+      min-height: 160px;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .form-card__spinner {
+      width: 32px;
+      height: 32px;
+      border: 3px solid #e5e7eb;
+      border-top-color: #3b82f6;
+      border-radius: 50%;
+      animation: spin 0.8s linear infinite;
+    }
+
+    @keyframes spin {
+      to {
+        transform: rotate(360deg);
+      }
+    }
+  `;
+__decorate([
+    property({ type: Number })
+], ThFormCard.prototype, "columns", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], ThFormCard.prototype, "shadow", void 0);
+__decorate([
+    property({ type: Boolean })
+], ThFormCard.prototype, "loading", void 0);
+__decorate([
+    property({ type: String, attribute: 'button-label' })
+], ThFormCard.prototype, "buttonLabel", void 0);
+__decorate([
+    property({ type: String, attribute: 'button-variant' })
+], ThFormCard.prototype, "buttonVariant", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'button-disabled' })
+], ThFormCard.prototype, "buttonDisabled", void 0);
+__decorate([
+    property({ type: String, attribute: 'cancel-label' })
+], ThFormCard.prototype, "cancelLabel", void 0);
+customElements.define('trailhand-form-card', ThFormCard);
+//# sourceMappingURL=th-form-card.js.map

package/dist/components/th-form-card/th-form-card.js.map

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

package/dist/components/th-form-card/th-form-row.d.ts

@@ -0,0 +1,16 @@
+import { LitElement, TemplateResult } from 'lit';
+/**
+ * A section row within a `trailhand-form-card`. Provides an optional title
+ * and a configurable CSS-grid for its form fields.
+ *
+ * @slot - Default slot for form fields, laid out in a grid based on the `columns` prop
+ */
+export declare class ThFormRow extends LitElement {
+    /** Optional section title displayed above the field grid */
+    title: string;
+    /** Number of equal-width columns for this row's field grid */
+    columns: number;
+    static styles: import("lit").CSSResult;
+    render(): TemplateResult;
+}
+//# sourceMappingURL=th-form-row.d.ts.map

package/dist/components/th-form-card/th-form-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"th-form-row.d.ts","sourceRoot":"","sources":["../../../src/components/th-form-card/th-form-row.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAW,MAAM,KAAK,CAAC;AAGrE;;;;;GAKG;AACH,qBAAa,SAAU,SAAQ,UAAU;IACvC,4DAA4D;IAChC,KAAK,SAAM;IAEvC,8DAA8D;IAClC,OAAO,SAAK;IAExC,OAAgB,MAAM,0BAwBpB;IAEO,MAAM,IAAI,cAAc;CAYlC"}

package/dist/components/th-form-card/th-form-row.js

@@ -0,0 +1,68 @@
+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, html, css, nothing } from 'lit';
+import { property } from 'lit/decorators.js';
+/**
+ * A section row within a `trailhand-form-card`. Provides an optional title
+ * and a configurable CSS-grid for its form fields.
+ *
+ * @slot - Default slot for form fields, laid out in a grid based on the `columns` prop
+ */
+export class ThFormRow extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** Optional section title displayed above the field grid */
+        this.title = '';
+        /** Number of equal-width columns for this row's field grid */
+        this.columns = 1;
+    }
+    render() {
+        return html `
+      <div class="form-row" part="row">
+        ${this.title
+            ? html `<p class="form-row__title" part="title">${this.title}</p>`
+            : nothing}
+        <div class="form-row__content" part="content" style="--_columns: ${this.columns}">
+          <slot></slot>
+        </div>
+      </div>
+    `;
+    }
+}
+ThFormRow.styles = css `
+    :host {
+      display: block;
+    }
+
+    .form-row {
+      display: flex;
+      flex-direction: column;
+      gap: var(--th-form-row-gap, 8px);
+      font-family: var(--font-family, 'Poppins', sans-serif);
+    }
+
+    .form-row__title {
+      margin: 0;
+      font-size: 15px;
+      font-weight: 600;
+      color: var(--th-form-row-title-color, #111827);
+    }
+
+    .form-row__content {
+      display: grid;
+      grid-template-columns: repeat(var(--_columns), 1fr);
+      gap: var(--th-form-row-field-gap, 16px);
+    }
+  `;
+__decorate([
+    property({ type: String })
+], ThFormRow.prototype, "title", void 0);
+__decorate([
+    property({ type: Number })
+], ThFormRow.prototype, "columns", void 0);
+customElements.define('trailhand-form-row', ThFormRow);
+//# sourceMappingURL=th-form-row.js.map

package/dist/components/th-form-card/th-form-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"th-form-row.js","sourceRoot":"","sources":["../../../src/components/th-form-card/th-form-row.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAkB,OAAO,EAAE,MAAM,KAAK,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C;;;;;GAKG;AACH,MAAM,OAAO,SAAU,SAAQ,UAAU;IAAzC;;QACE,4DAA4D;QAChC,UAAK,GAAG,EAAE,CAAC;QAEvC,8DAA8D;QAClC,YAAO,GAAG,CAAC,CAAC;IAwC1C,CAAC;IAZU,MAAM;QACb,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,KAAK;YACV,CAAC,CAAC,IAAI,CAAA,2CAA2C,IAAI,CAAC,KAAK,MAAM;YACjE,CAAC,CAAC,OAAO;2EACwD,IAAI,CAAC,OAAO;;;;KAIlF,CAAC;IACJ,CAAC;;AArCe,gBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwB3B,AAxBqB,CAwBpB;AA7B0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAAY;AAGX;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAa;AA0C1C,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC"}

package/dist/index.d.ts

@@ -5,7 +5,11 @@ export * from './components/button';
 export * from './components/icon';
 export * from './components/th-tag';
 export * from './components/th-card';
+export * from './components/th-form-card';
 export * from './components/progress-bar';
 export * from './components/modal';
+export * from './components/checkbox';
+export * from './components/text-input';
+export * from './components/selector';
 export * from './utils';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AAGnC,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -6,8 +6,12 @@ export * from './components/button';
 export * from './components/icon';
 export * from './components/th-tag';
 export * from './components/th-card';
+export * from './components/th-form-card';
 export * from './components/progress-bar';
 export * from './components/modal';
+export * from './components/checkbox';
+export * from './components/text-input';
+export * from './components/selector';
 // Export utilities
 export * from './utils';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,wBAAwB;AACxB,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AAEnC,mBAAmB;AACnB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,wBAAwB;AACxB,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AAEtC,mBAAmB;AACnB,cAAc,SAAS,CAAC"}

package/dist/styles/colors.css

@@ -146,6 +146,19 @@
   /* Shadow colors using opacity */
   --th-color-shadow: rgba(0, 0, 0, 0.1);
   --th-color-shadow-medium: rgba(0, 0, 0, 0.15);
+
+  /* Form Card */
+  --th-form-card-bg: transparent;
+  --th-form-card-shadow-bg: var(--th-color-white);
+  --th-form-card-radius: 8px;
+  --th-form-card-padding: 24px;
+  --th-form-card-shadow: 0 4px 16px var(--th-color-shadow);
+  --th-form-card-gap: 24px;
+
+  /* Form Row */
+  --th-form-row-title-color: var(--th-color-text-primary);
+  --th-form-row-gap: 8px;
+  --th-form-row-field-gap: 16px;
 }
 
 /* Dark Theme Overrides */
@@ -216,4 +229,11 @@
   --th-progress-bar-track-color: var(--th-color-grey-600);
   --th-progress-bar-title-color: var(--th-color-grey-100);
   --th-progress-bar-label-color: var(--th-color-grey-300);
+
+  /* Form Card */
+  --th-form-card-shadow-bg: var(--th-color-grey-700);
+  --th-form-card-shadow: 0 4px 16px var(--th-color-shadow-medium);
+
+  /* Form Row */
+  --th-form-row-title-color: var(--th-color-grey-100);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krumio/trailhand-ui",
-  "version": "1.9.4",
+  "version": "1.9.6",
   "type": "module",
   "description": "Reusable web components built with Lit Element",
   "main": "./dist/index.js",