@getufy/flint-ui 0.1.0

package/dist/split-panel/flint-split-panel.js

@@ -0,0 +1,278 @@
+import { t as e } from "../_shared/decorate-DPS9PT8d.js";
+import { LitElement as t, css as n, html as r, nothing as i } from "lit";
+import { customElement as a, property as o } from "lit/decorators.js";
+//#region src/split-panel/flint-split-panel.ts
+function s(e, t) {
+	let n = [], r = c(e);
+	for (let e of r) {
+		let r = /^repeat\((\d+(?:\.\d+)?)(px|%)\)$/.exec(e);
+		if (r) {
+			let e = parseFloat(r[1]), i = r[2] === "px" ? e : e / 100 * t;
+			if (i > 0) for (let e = i; e < t; e += i) n.push(e);
+			continue;
+		}
+		let i = /^(\d+(?:\.\d+)?)px$/.exec(e);
+		if (i) {
+			n.push(parseFloat(i[1]));
+			continue;
+		}
+		let a = /^(\d+(?:\.\d+)?)%$/.exec(e);
+		if (a) {
+			n.push(parseFloat(a[1]) / 100 * t);
+			continue;
+		}
+	}
+	return n;
+}
+function c(e) {
+	let t = [], n = 0, r = "";
+	for (let i of e.trim()) i === "(" ? (n++, r += i) : i === ")" ? (n--, r += i) : i === " " && n === 0 ? r &&= (t.push(r), "") : r += i;
+	return r && t.push(r), t;
+}
+var l = class extends t {
+	constructor(...e) {
+		super(...e), this.position = 50, this.positionInPixels = -1, this.vertical = !1, this.disabled = !1, this.snap = "", this.snapThreshold = 12, this._positionPx = -1, this._cachedSize = 0, this._dragging = !1, this._internalUpdate = !1, this._onDividerPointerDown = (e) => {
+			this.disabled || e.button !== 0 || (e.preventDefault(), this._dragging = !0, this.setPointerCapture(e.pointerId), this.addEventListener("pointermove", this._onPointerMove), this.addEventListener("pointerup", this._onPointerUp), this.addEventListener("pointercancel", this._onPointerUp));
+		}, this._onPointerMove = (e) => {
+			if (!this._dragging) return;
+			if (e.buttons === 0) {
+				this._stopDrag();
+				return;
+			}
+			let t = this.getBoundingClientRect(), n = this.vertical ? e.clientY - t.top : e.clientX - t.left;
+			n = this._applySnap(n), n = this._clampPx(n), this._positionPx = n, this._internalUpdate = !0, this.position = this._cachedSize > 0 ? n / this._cachedSize * 100 : 50, this.positionInPixels = n, this._internalUpdate = !1, this._emitReposition(), this.requestUpdate();
+		}, this._onPointerUp = (e) => {
+			this.releasePointerCapture(e.pointerId), this._stopDrag();
+		}, this._onKeyDown = (e) => {
+			if (this.disabled) return;
+			let t = e.shiftKey ? 10 : 1, n = 0, r = !1, i = 0;
+			this.vertical ? e.key === "ArrowUp" ? n = -t : e.key === "ArrowDown" ? n = t : e.key === "Home" ? (r = !0, i = 0) : e.key === "End" && (r = !0, i = this._cachedSize) : e.key === "ArrowLeft" ? n = -t : e.key === "ArrowRight" ? n = t : e.key === "Home" ? (r = !0, i = 0) : e.key === "End" && (r = !0, i = this._cachedSize), (n !== 0 || r) && (e.preventDefault(), this._moveTo(r ? i : this._positionPx + n));
+		};
+	}
+	static {
+		this.styles = n`
+        :host {
+            display: flex;
+            position: relative;
+            overflow: hidden;
+            flex-direction: row;
+        }
+        :host([vertical]) {
+            flex-direction: column;
+        }
+
+        /* ── Panels ──────────────────────────────────────────────── */
+        .start,
+        .end {
+            overflow: auto;
+            position: relative;
+        }
+        .start {
+            flex: 0 0 auto;
+        }
+        .end {
+            flex: 1 1 0;
+            min-width: 0;
+            min-height: 0;
+        }
+
+        /* ── Divider ─────────────────────────────────────────────── */
+        .divider {
+            position: relative;
+            flex: 0 0 auto;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background: var(--flint-split-panel-divider-color, var(--flint-border-color, #e4e4e7));
+            transition: background 150ms ease;
+            z-index: 1;
+            outline: none;
+            user-select: none;
+            -webkit-user-select: none;
+        }
+        :host(:not([vertical])) .divider {
+            width: var(--flint-split-panel-divider-width, 4px);
+            cursor: col-resize;
+            touch-action: none;
+        }
+        :host([vertical]) .divider {
+            height: var(--flint-split-panel-divider-width, 4px);
+            cursor: row-resize;
+            touch-action: none;
+        }
+        .divider:hover,
+        .divider:focus-visible {
+            background: var(
+                --flint-split-panel-divider-hover-color,
+                var(--flint-primary-color, #3b82f6)
+            );
+        }
+        :host([disabled]) .divider {
+            cursor: not-allowed;
+            opacity: 0.5;
+            pointer-events: none;
+        }
+        :host([disabled]) .divider:hover {
+            background: var(--flint-split-panel-divider-color, var(--flint-border-color, #e4e4e7));
+        }
+        .divider:focus-visible {
+            outline: 2px solid var(--flint-primary-color, #3b82f6);
+            outline-offset: 2px;
+        }
+
+        /* Extended hit area via ::before pseudo-element */
+        .divider::before {
+            content: '';
+            position: absolute;
+            z-index: -1;
+        }
+        :host(:not([vertical])) .divider::before {
+            top: 0;
+            bottom: 0;
+            left: calc(
+                (var(--flint-split-panel-divider-hit-area, 12px) -
+                    var(--flint-split-panel-divider-width, 4px)) / -2
+            );
+            right: calc(
+                (var(--flint-split-panel-divider-hit-area, 12px) -
+                    var(--flint-split-panel-divider-width, 4px)) / -2
+            );
+        }
+        :host([vertical]) .divider::before {
+            left: 0;
+            right: 0;
+            top: calc(
+                (var(--flint-split-panel-divider-hit-area, 12px) -
+                    var(--flint-split-panel-divider-width, 4px)) / -2
+            );
+            bottom: calc(
+                (var(--flint-split-panel-divider-hit-area, 12px) -
+                    var(--flint-split-panel-divider-width, 4px)) / -2
+            );
+        }
+    `;
+	}
+	connectedCallback() {
+		super.connectedCallback(), this._resizeObserver = new ResizeObserver((e) => {
+			for (let t of e) {
+				let e = this.vertical ? t.contentRect.height : t.contentRect.width;
+				this._handleContainerResize(e);
+			}
+		}), this._resizeObserver.observe(this);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this._resizeObserver.disconnect(), this._stopDrag();
+	}
+	firstUpdated() {
+		let e = this._getSize();
+		this._cachedSize = e, this.positionInPixels >= 0 ? this._positionPx = this.positionInPixels : this._positionPx = this.position / 100 * e, this._clampPosition(), this._cachedSize > 0 && this.requestUpdate();
+	}
+	updated(e) {
+		this._dragging || this._internalUpdate || (e.has("positionInPixels") && this.positionInPixels >= 0 && this._positionPx >= 0 ? (this._positionPx = this.positionInPixels, this._clampPosition(), this._cachedSize > 0 && this.requestUpdate()) : e.has("position") && !e.has("positionInPixels") && this._positionPx >= 0 && (this._positionPx = this.position / 100 * this._cachedSize, this._clampPosition(), this._cachedSize > 0 && this.requestUpdate()));
+	}
+	_handleContainerResize(e) {
+		if (!(e <= 0)) {
+			if (this._positionPx < 0) {
+				this._cachedSize = e;
+				return;
+			}
+			this.primary === "start" || (this.primary === "end" ? this._positionPx = e - (this._cachedSize - this._positionPx) : this._cachedSize > 0 && (this._positionPx = this._positionPx / this._cachedSize * e)), this._cachedSize = e, this._clampPosition(), this.requestUpdate();
+		}
+	}
+	_getSize() {
+		let e = this.getBoundingClientRect();
+		return this.vertical ? e.height : e.width;
+	}
+	_getDividerSize() {
+		let e = this.shadowRoot?.querySelector(".divider");
+		return e ? this.vertical ? e.offsetHeight : e.offsetWidth : 0;
+	}
+	_clampPosition() {
+		if (this._cachedSize <= 0) return;
+		let e = this._parseSizeToken(getComputedStyle(this).getPropertyValue("--flint-split-panel-min").trim(), 0), t = this._parseSizeToken(getComputedStyle(this).getPropertyValue("--flint-split-panel-max").trim(), this._cachedSize), n = this._cachedSize - this._getDividerSize();
+		this._positionPx = Math.max(e, Math.min(t, this._positionPx)), this._positionPx = Math.max(0, Math.min(n, this._positionPx)), this._internalUpdate = !0, this.position = this._cachedSize > 0 ? this._positionPx / this._cachedSize * 100 : 50, this.positionInPixels = this._positionPx, this._internalUpdate = !1;
+	}
+	_parseSizeToken(e, t) {
+		return e ? e === "0" ? 0 : e.endsWith("px") ? parseFloat(e) : e.endsWith("%") ? parseFloat(e) / 100 * this._cachedSize : t : t;
+	}
+	_applySnap(e) {
+		let { snap: t, snapThreshold: n } = this;
+		if (!t) return e;
+		if (typeof t == "function") return t({
+			pos: e,
+			size: this._cachedSize,
+			snapThreshold: n
+		});
+		let r = s(t, this._cachedSize);
+		if (!r.length) return e;
+		let i = e, a = Infinity;
+		for (let t of r) {
+			let n = Math.abs(e - t);
+			n < a && (a = n, i = t);
+		}
+		return a <= n ? i : e;
+	}
+	_stopDrag() {
+		this._dragging && (this._dragging = !1, this.removeEventListener("pointermove", this._onPointerMove), this.removeEventListener("pointerup", this._onPointerUp), this.removeEventListener("pointercancel", this._onPointerUp));
+	}
+	_moveTo(e) {
+		e = this._clampPx(e), this._positionPx = e, this._internalUpdate = !0, this.position = this._cachedSize > 0 ? e / this._cachedSize * 100 : 50, this.positionInPixels = e, this._internalUpdate = !1, this._emitReposition(), this.requestUpdate();
+	}
+	_clampPx(e) {
+		let t = this._parseSizeToken(getComputedStyle(this).getPropertyValue("--flint-split-panel-min").trim(), 0), n = this._parseSizeToken(getComputedStyle(this).getPropertyValue("--flint-split-panel-max").trim(), this._cachedSize), r = this._cachedSize - this._getDividerSize();
+		return Math.max(0, Math.min(r, Math.max(t, Math.min(n, e))));
+	}
+	_emitReposition() {
+		this.dispatchEvent(new CustomEvent("flint-split-panel-reposition", {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				position: this.position,
+				positionInPixels: this.positionInPixels
+			}
+		}));
+	}
+	render() {
+		let e = this._positionPx >= 0 ? `${this._positionPx}px` : `${this.position}%`;
+		return r`
+            <div class="start" part="panel start" style="${this.vertical ? `height: ${e};` : `width: ${e};`}" tabindex="0">
+                <slot name="start"></slot>
+            </div>
+
+            <div
+                class="divider"
+                part="divider"
+                role="separator"
+                tabindex="${this.disabled ? -1 : 0}"
+                aria-valuenow="${Math.round(this.position)}"
+                aria-valuemin="0"
+                aria-valuemax="100"
+                aria-orientation="${this.vertical ? "vertical" : "horizontal"}"
+                aria-disabled="${this.disabled ? "true" : i}"
+                @pointerdown=${this._onDividerPointerDown}
+                @keydown=${this._onKeyDown}
+            >
+                <slot name="divider"></slot>
+            </div>
+
+            <div class="end" part="panel end" tabindex="0">
+                <slot name="end"></slot>
+            </div>
+        `;
+	}
+};
+e([o({ type: Number })], l.prototype, "position", void 0), e([o({
+	type: Number,
+	attribute: "position-in-pixels"
+})], l.prototype, "positionInPixels", void 0), e([o({
+	type: Boolean,
+	reflect: !0
+})], l.prototype, "vertical", void 0), e([o({
+	type: Boolean,
+	reflect: !0
+})], l.prototype, "disabled", void 0), e([o({ reflect: !0 })], l.prototype, "primary", void 0), e([o()], l.prototype, "snap", void 0), e([o({
+	type: Number,
+	attribute: "snap-threshold"
+})], l.prototype, "snapThreshold", void 0), l = e([a("flint-split-panel")], l);
+//#endregion
+export { l as FlintSplitPanel, s as parseSnapPoints };

package/dist/stack/flint-stack.d.ts

@@ -0,0 +1,38 @@
+import { LitElement, type PropertyValues } from 'lit';
+export type Breakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type ResponsiveValue<T> = T | Partial<Record<Breakpoint, T>>;
+export declare class FlintStack extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Flex direction of the stack layout. */
+    direction: ResponsiveValue<'row' | 'row-reverse' | 'column' | 'column-reverse'>;
+    /** Space between child items (1 unit = 8px). */
+    spacing: ResponsiveValue<number | string>;
+    /** Cross-axis alignment of stack children. */
+    alignItems?: 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
+    /** Main-axis alignment of stack children. */
+    justifyContent?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
+    /** Whether to use CSS flex gap for spacing. */
+    useFlexGap: boolean;
+    private _currentWidth;
+    private _onResize;
+    private static _breakPoints;
+    private _getBreakpointValue;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(_changedProperties: PropertyValues): void;
+    /**
+     * Automatically sets the orientation of any slotted flint-divider elements
+     * based on the current resolved direction of the stack.
+     */
+    private _updateDividers;
+    private _getBreakpoint;
+    private _resolveResponsive;
+    private _getSpacingPx;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-stack': FlintStack;
+    }
+}
+//# sourceMappingURL=flint-stack.d.ts.map

package/dist/stack/flint-stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flint-stack.d.ts","sourceRoot":"","sources":["../../src/stack/flint-stack.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKvE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC1D,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;AAEpE,qBACa,UAAW,SAAQ,UAAU;IACtC,MAAM,CAAC,MAAM,0BAA4B;IAEzC,0CAA0C;IAQvC,SAAS,EAAE,eAAe,CAAC,KAAK,GAAG,aAAa,GAAG,QAAQ,GAAG,gBAAgB,CAAC,CAAY;IAE9F,gDAAgD;IACpB,OAAO,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAK;IAE1E,8CAA8C;IAClB,UAAU,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;IACvG,6CAA6C;IACjB,cAAc,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,eAAe,GAAG,cAAc,GAAG,cAAc,CAAC;IAEtI,+CAA+C;IAClB,UAAU,UAAQ;IAEtC,OAAO,CAAC,aAAa,CAA4D;IAE1F,OAAO,CAAC,SAAS,CAGf;IAEF,OAAO,CAAC,MAAM,CAAC,YAAY,CAA8B;IAEzD,OAAO,CAAC,mBAAmB;IAY3B,iBAAiB;IAQjB,oBAAoB;IAOpB,SAAS,CAAC,OAAO,CAAC,kBAAkB,EAAE,cAAc;IAKpD;;;OAGG;IACH,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,kBAAkB;IAe1B,OAAO,CAAC,aAAa;IAKrB,MAAM;CA4BT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,aAAa,EAAE,UAAU,CAAC;KAC7B;CACJ"}

package/dist/stack/flint-stack.js

@@ -0,0 +1,2 @@
+import { t as e } from "../_shared/flint-stack-GAeGPdLR.js";
+export { e as FlintStack };

package/dist/stepper/flint-stepper.d.ts

@@ -0,0 +1,122 @@
+import { LitElement } from 'lit';
+export declare class FlintStepConnector extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Layout direction of the connector line. */
+    orientation: 'horizontal' | 'vertical';
+    /** Whether the connector represents a completed step transition. */
+    completed: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export declare class FlintStepLabel extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Whether the label's step is currently active. */
+    active: boolean;
+    /** Whether the label's step is disabled. */
+    disabled: boolean;
+    /** Whether the label's step is in an error state. */
+    error: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export declare class FlintStepContent extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Whether the content is visible. Defaults true so standalone usage always shows. */
+    open: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * Step: an individual step within a stepper.
+ *
+ * @fires flint-step-click - Fired when a non-linear step is clicked.
+ */
+export declare class FlintStep extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Whether this step is the currently active step. */
+    active: boolean;
+    /** Whether this step has been completed. */
+    completed: boolean;
+    /** Whether this step is disabled and non-interactive. */
+    disabled: boolean;
+    /** Whether this step is optional. */
+    optional: boolean;
+    /** Whether this step is in an error state. */
+    error: boolean;
+    /** Whether this is the last step in the stepper. */
+    last: boolean;
+    /** Whether this step can be clicked to navigate to it. */
+    clickable: boolean;
+    /** Layout direction of the step. */
+    orientation: 'horizontal' | 'vertical';
+    /** Whether to display the label below the step icon instead of beside it. */
+    alternativeLabel: boolean;
+    /** Zero-based index of this step within the stepper. */
+    stepIndex: number;
+    /** Text shown below the label when the step is optional. */
+    optionalLabel: string;
+    /**
+     * Set by FlintStepper — true when the immediately preceding step is completed.
+     * Controls whether the leading connector is rendered in the primary colour.
+     */
+    prevCompleted: boolean;
+    connectedCallback(): void;
+    private _fire;
+    private _icon;
+    private _label;
+    private _connector;
+    render(): import("lit-html").TemplateResult<1>;
+}
+/**
+ * Stepper: a multi-step progress indicator.
+ *
+ * @fires flint-step-change - Fired when the active step changes via step click.
+ */
+export declare class FlintStepper extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Zero-based index of the currently active step. */
+    activeStep: number;
+    /** Layout direction of the stepper. */
+    orientation: 'horizontal' | 'vertical';
+    /** Whether to display step labels below the icons instead of beside them. */
+    alternativeLabel: boolean;
+    /** Whether steps can be navigated in any order (enables clickable steps). */
+    nonLinear: boolean;
+    /** Accessible label for the stepper landmark (maps to aria-label on the list element). */
+    label: string;
+    private _syncSteps;
+    firstUpdated(): void;
+    updated(c: Map<string, unknown>): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _onStepClick;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export declare class FlintMobileStepper extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Total number of steps. */
+    steps: number;
+    /** Zero-based index of the currently active step. */
+    activeStep: number;
+    /** Progress indicator style: text counter, dot indicators, or a progress bar. */
+    variant: 'text' | 'dots' | 'progress';
+    /** Positioning of the mobile stepper within its container. */
+    position: 'top' | 'bottom' | 'static';
+    /** Label text for the Back navigation button (supports i18n). */
+    backLabel: string;
+    /** Label text for the Next navigation button (supports i18n). */
+    nextLabel: string;
+    /** Guards against steps=0 (divide-by-zero, nonsensical UI). */
+    private get _safeSteps();
+    private _emit;
+    private _progress;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-stepper': FlintStepper;
+        'flint-step': FlintStep;
+        'flint-step-label': FlintStepLabel;
+        'flint-step-content': FlintStepContent;
+        'flint-step-connector': FlintStepConnector;
+        'flint-mobile-stepper': FlintMobileStepper;
+    }
+}
+//# sourceMappingURL=flint-stepper.d.ts.map

package/dist/stepper/flint-stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flint-stepper.d.ts","sourceRoot":"","sources":["../../src/stepper/flint-stepper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,KAAK,CAAC;AAiB3D,qBACa,kBAAmB,SAAQ,UAAU;IAC9C,MAAM,CAAC,MAAM,0BAAoC;IAEjD,8CAA8C;IACjB,WAAW,EAAE,YAAY,GAAG,UAAU,CAAgB;IACnF,oEAAoE;IACvC,SAAS,UAAS;IAE/C,MAAM;CACT;AAKD,qBACa,cAAe,SAAQ,UAAU;IAC1C,MAAM,CAAC,MAAM,0BAAgC;IAE7C,oDAAoD;IACR,MAAM,UAAS;IAC3D,4CAA4C;IACA,QAAQ,UAAS;IAC7D,qDAAqD;IACT,KAAK,UAAS;IAE1D,MAAM;CAMT;AAKD,qBACa,gBAAiB,SAAQ,UAAU;IAC5C,MAAM,CAAC,MAAM,0BAAkC;IAE/C,sFAAsF;IAC1C,IAAI,UAAQ;IAExD,MAAM;CAWT;AAKD;;;;GAIG;AACH,qBACa,SAAU,SAAQ,UAAU;IACrC,MAAM,CAAC,MAAM,0BAA2B;IAExC,sDAAsD;IACV,MAAM,UAAS;IAC3D,4CAA4C;IACA,SAAS,UAAS;IAC9D,yDAAyD;IACb,QAAQ,UAAS;IAC7D,qCAAqC;IACO,QAAQ,UAAS;IAC7D,8CAA8C;IACF,KAAK,UAAS;IAC1D,oDAAoD;IACR,IAAI,UAAS;IACzD,0DAA0D;IACd,SAAS,UAAS;IAC9D,oCAAoC;IACO,WAAW,EAAE,YAAY,GAAG,UAAU,CAAgB;IACjG,6EAA6E;IACD,gBAAgB,UAAS;IACrG,wDAAwD;IACH,SAAS,SAAK;IACnE,4DAA4D;IACH,aAAa,SAAc;IACpF;;;OAGG;IACuD,aAAa,UAAS;IAEhF,iBAAiB;IAMjB,OAAO,CAAC,KAAK;IAKb,OAAO,CAAC,KAAK;IAMb,OAAO,CAAC,MAAM;IAQd,OAAO,CAAC,UAAU;IAIlB,MAAM;CA2CT;AAKD;;;;GAIG;AACH,qBACa,YAAa,SAAQ,UAAU;IACxC,MAAM,CAAC,MAAM,0BAA8B;IAE3C,qDAAqD;IACC,UAAU,SAAK;IACrE,uCAAuC;IACI,WAAW,EAAE,YAAY,GAAG,UAAU,CAAgB;IACjG,6EAA6E;IAChB,gBAAgB,UAAS;IACtF,6EAA6E;IACvB,SAAS,UAAS;IACxE,0FAA0F;IAC9D,KAAK,SAAW;IAE5C,OAAO,CAAC,UAAU;IAoBlB,YAAY;IAIZ,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAM/B,iBAAiB;IAIjB,oBAAoB;IAKpB,OAAO,CAAC,YAAY,CAIlB;IAEF,MAAM;CAOT;AAKD,qBACa,kBAAmB,SAAQ,UAAU;IAC9C,MAAM,CAAC,MAAM,0BAAoC;IAEjD,6BAA6B;IACD,KAAK,SAAK;IACtC,qDAAqD;IACC,UAAU,SAAK;IACrE,iFAAiF;IACrD,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAU;IAC3E,8DAA8D;IACnB,QAAQ,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAY;IAC5F,iEAAiE;IACZ,SAAS,SAAU;IACxE,iEAAiE;IACZ,SAAS,SAAU;IAExE,+DAA+D;IAC/D,OAAO,KAAK,UAAU,GAAsC;IAE5D,OAAO,CAAC,KAAK;IAIb,OAAO,CAAC,SAAS;IA8BjB,MAAM;CAoBT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,YAAY,CAAC;QAC9B,YAAY,EAAE,SAAS,CAAC;QACxB,kBAAkB,EAAE,cAAc,CAAC;QACnC,oBAAoB,EAAE,gBAAgB,CAAC;QACvC,sBAAsB,EAAE,kBAAkB,CAAC;QAC3C,sBAAsB,EAAE,kBAAkB,CAAC;KAC9C;CACJ"}

package/dist/stepper/flint-stepper.js

@@ -0,0 +1,2 @@
+import { a as e, i as t, n, o as r, r as i, t as a } from "../_shared/flint-stepper-DdkEEVXE.js";
+export { a as FlintMobileStepper, n as FlintStep, i as FlintStepConnector, t as FlintStepContent, e as FlintStepLabel, r as FlintStepper };

package/dist/switch/flint-switch.d.ts

@@ -0,0 +1,44 @@
+import { LitElement, PropertyValues } from 'lit';
+declare const FlintSwitch_base: (new (...args: any[]) => import("../mixins/form-associated.js").FormAssociatedInterface) & typeof LitElement;
+/**
+ * A Switch component for toggling settings.
+ *
+ * @fires flint-switch-change - Dispatched when the switch state changes. Detail: `{ checked: boolean }`
+ * @slot icon-on - Optional icon to show when the switch is ON.
+ * @slot icon-off - Optional icon to show when the switch is OFF.
+ * @slot - Optional label content (used when the `label` prop is not set).
+ */
+export declare class FlintSwitch extends FlintSwitch_base {
+    static styles: import("lit").CSSResult;
+    /** Whether the switch is toggled on. */
+    checked: boolean;
+    /** Disables the switch and prevents interaction. */
+    disabled: boolean;
+    /** Marks the switch as required for form validation. */
+    required: boolean;
+    /** Size of the switch control. */
+    size: 'sm' | 'md' | 'lg';
+    /** Visible label text displayed next to the switch. */
+    label: string;
+    /** Form field name used when submitting form data. */
+    name: string;
+    /** Value submitted with form data when checked. */
+    value: string;
+    /** Initial checked state for uncontrolled usage. */
+    defaultChecked: boolean;
+    /** Accessible label for screen readers when no visible label is provided. */
+    ariaLabel: string | null;
+    private readonly _labelId;
+    constructor();
+    protected willUpdate(changed: PropertyValues): void;
+    protected updated(changed: PropertyValues): void;
+    private _handleClick;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-switch': FlintSwitch;
+    }
+}
+export {};
+//# sourceMappingURL=flint-switch.d.ts.map

package/dist/switch/flint-switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flint-switch.d.ts","sourceRoot":"","sources":["../../src/switch/flint-switch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,cAAc,EAAE,MAAM,KAAK,CAAC;;AAQ3E;;;;;;;GAOG;AACH,qBACa,WAAY,SAAQ,gBAA0B;IACvD,MAAM,CAAC,MAAM,0BAA6B;IAE1C,wCAAwC;IACI,OAAO,UAAS;IAC5D,oDAAoD;IACR,QAAQ,UAAS;IAC7D,wDAAwD;IACZ,QAAQ,UAAS;IAC7D,kCAAkC;IACS,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAC3E,uDAAuD;IAC3B,KAAK,SAAM;IACvC,sDAAsD;IAC1B,IAAI,SAAM;IACtC,mDAAmD;IACvB,KAAK,SAAQ;IACzC,oDAAoD;IACO,cAAc,UAAS;IAClF,6EAA6E;IACf,SAAS,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE9F,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAS;;cAQf,UAAU,CAAC,OAAO,EAAE,cAAc;cAUlC,OAAO,CAAC,OAAO,EAAE,cAAc;IAUlD,OAAO,CAAC,YAAY;IAUX,MAAM;CA2BlB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,cAAc,EAAE,WAAW,CAAC;KAC/B;CACJ"}

package/dist/switch/flint-switch.js

@@ -0,0 +1,2 @@
+import { t as e } from "../_shared/flint-switch-DN7VI9jT.js";
+export { e as FlintSwitch };

package/dist/table/flint-table-pagination.d.ts

@@ -0,0 +1,42 @@
+import { LitElement } from 'lit';
+import { PropertyValues } from 'lit';
+/**
+ * Table Pagination: pagination controls for tabular data.
+ *
+ * @fires flint-pagination-page-change - Fired when the current page changes.
+ * @fires flint-pagination-rows-per-page-change - Fired when rows per page changes.
+ */
+export declare class FlintTablePagination extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Total number of rows. */
+    count: number;
+    /** Controlled current page (0-indexed). */
+    page: number;
+    /** Controlled rows per page. */
+    rowsPerPage: number;
+    /** Available rows-per-page options. */
+    rowsPerPageOptions: number[];
+    /** Uncontrolled default page (applied on first render). */
+    defaultPage: number;
+    /** Uncontrolled default rows per page. */
+    defaultRowsPerPage: number;
+    /** Show First/Last page buttons. */
+    showFirstLast: boolean;
+    /** Label for the rows-per-page selector. */
+    labelRowsPerPage: string;
+    private _page;
+    private _rowsPerPage;
+    private _firstUpdate;
+    willUpdate(changed: PropertyValues): void;
+    private _go;
+    private _goTo;
+    private _handleRowChange;
+    private get _lastPage();
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-table-pagination': FlintTablePagination;
+    }
+}
+//# sourceMappingURL=flint-table-pagination.d.ts.map

package/dist/table/flint-table-pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flint-table-pagination.d.ts","sourceRoot":"","sources":["../../src/table/flint-table-pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAElD,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrC;;;;;GAKG;AACH,qBACa,oBAAqB,SAAQ,UAAU;IAChD,MAAM,CAAC,MAAM,0BAAsC;IAEnD,4BAA4B;IACA,KAAK,SAAK;IACtC,2CAA2C;IACf,IAAI,SAAK;IACrC,gCAAgC;IACJ,WAAW,SAAM;IAC7C,uCAAuC;IACZ,kBAAkB,EAAE,MAAM,EAAE,CAAe;IACtE,2DAA2D;IACJ,WAAW,SAAK;IACvE,0CAA0C;IACsB,kBAAkB,SAAM;IACxF,oCAAoC;IACuB,aAAa,UAAS;IACjF,4CAA4C;IACkB,gBAAgB,SAAoB;IAEzF,OAAO,CAAC,KAAK,CAAK;IAClB,OAAO,CAAC,YAAY,CAAM;IAEnC,OAAO,CAAC,YAAY,CAAQ;IAE5B,UAAU,CAAC,OAAO,EAAE,cAAc;IAYlC,OAAO,CAAC,GAAG;IAUX,OAAO,CAAC,KAAK;IASb,OAAO,CAAC,gBAAgB;IAWxB,OAAO,KAAK,SAAS,GAEpB;IAED,MAAM;CAqCT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,wBAAwB,EAAE,oBAAoB,CAAC;KAClD;CACJ"}

package/dist/table/flint-table-pagination.js

@@ -0,0 +1,2 @@
+import { t as e } from "../_shared/flint-table-pagination-BrJ56t-r.js";
+export { e as FlintTablePagination };

package/dist/table/flint-table-sort-label.d.ts

@@ -0,0 +1,16 @@
+import { LitElement, type PropertyValues } from 'lit';
+export declare class FlintTableSortLabel extends LitElement {
+    static styles: import("lit").CSSResult;
+    /** Whether this column is currently sorted. */
+    active: boolean;
+    /** Sort direction when active. */
+    direction: 'asc' | 'desc';
+    updated(changed: PropertyValues): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'flint-table-sort-label': FlintTableSortLabel;
+    }
+}
+//# sourceMappingURL=flint-table-sort-label.d.ts.map

package/dist/table/flint-table-sort-label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flint-table-sort-label.d.ts","sourceRoot":"","sources":["../../src/table/flint-table-sort-label.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKvE,qBACa,mBAAoB,SAAQ,UAAU;IAC/C,MAAM,CAAC,MAAM,0BAAqC;IAElD,+CAA+C;IACH,MAAM,UAAS;IAC3D,kCAAkC;IACN,SAAS,EAAE,KAAK,GAAG,MAAM,CAAS;IAE9D,OAAO,CAAC,OAAO,EAAE,cAAc;IAS/B,MAAM;CAQT;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,wBAAwB,EAAE,mBAAmB,CAAC;KACjD;CACJ"}

package/dist/table/flint-table-sort-label.js

@@ -0,0 +1,2 @@
+import { t as e } from "../_shared/flint-table-sort-label-C4mkQmDM.js";
+export { e as FlintTableSortLabel };