@getufy/flint-ui 0.1.0

package/dist/_shared/flint-input-BV4Glu8N.js

@@ -0,0 +1,87 @@
+import { t as e } from "./decorate-DPS9PT8d.js";
+import { t } from "./form-associated-EGIhyHHt.js";
+import { LitElement as n, html as r, unsafeCSS as i } from "lit";
+import { customElement as a, property as o } from "lit/decorators.js";
+import { classMap as s } from "lit/directives/class-map.js";
+//#region src/input/flint-input.css?inline
+var c = ":host{font-family:var(--flint-font-family);display:block}.input-wrapper{flex-direction:column;gap:6px;display:flex}label{color:var(--flint-label-color);font-size:14px;font-weight:500}input{box-sizing:border-box;border-radius:var(--flint-input-border-radius);border:1px solid var(--flint-input-border-color);background-color:var(--flint-input-bg);width:100%;color:var(--flint-text-color);outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}:host([size=sm]) input{padding:6px 10px;font-size:13px}:host([size=lg]) input{padding:12px 16px;font-size:16px}input::placeholder{color:var(--flint-input-placeholder-color)}input:hover:not(:disabled):not(.error-input){border-color:var(--flint-input-border-hover-color)}input:focus-visible{border-color:var(--flint-primary-color);box-shadow:0 0 0 3px var(--flint-primary-focus-ring)}input[aria-invalid=true]{border-color:var(--flint-error-color)}input[aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px var(--flint-error-focus-ring)}input:disabled{background-color:var(--flint-input-disabled-bg);color:var(--flint-input-disabled-color);cursor:not-allowed;opacity:1}input[readonly]{background-color:var(--flint-input-readonly-bg);cursor:default}.help-text{color:var(--flint-help-text-color);margin:0;font-size:12px}.error-text{color:var(--flint-error-color)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}", l = 0, u = class extends t(n) {
+	constructor(...e) {
+		super(...e), this._inputId = `flint-input-${++l}`, this.label = "", this.value = "", this.type = "text", this.placeholder = "", this.helpText = "", this.error = !1, this.errorMessage = "", this.disabled = !1, this.required = !1, this.readonly = !1, this.name = "", this.autocomplete = "", this.size = "default";
+	}
+	static {
+		this.styles = i(c);
+	}
+	get inputElement() {
+		return this.shadowRoot.querySelector("input");
+	}
+	formResetCallback() {
+		this.value = "", this._updateFormValue();
+	}
+	_updateFormValue() {
+		this._initFormValue(this.value || null), this._initFormValidity(this.required, !this.value, "Please fill out this field.");
+	}
+	render() {
+		let e = this.error || !!this.errorMessage, t = e && this.errorMessage || this.helpText ? `${this._inputId}-desc` : void 0;
+		return r`
+      <div class="input-wrapper" part="wrapper">
+        ${this.label ? r`<label for=${this._inputId} part="label">${this.label}</label>` : ""}
+
+        <input
+          id=${this._inputId}
+          part="input"
+          .type=${this.type}
+          .value=${this.value}
+          .placeholder=${this.placeholder}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readonly}
+          ?required=${this.required}
+          aria-required=${this.required ? "true" : "false"}
+          aria-invalid=${e ? "true" : "false"}
+          aria-describedby=${t ?? ""}
+          name=${this.name}
+          autocomplete=${this.autocomplete}
+          class=${s({ "error-input": e })}
+          @input=${this._handleInput}
+          @change=${this._handleChange}
+        />
+
+        ${e && this.errorMessage ? r`<p id=${t} class="help-text error-text" part="error-text" role="alert">${this.errorMessage}</p>` : this.helpText ? r`<p id=${t} class="help-text" part="help-text">${this.helpText}</p>` : ""}
+      </div>
+    `;
+	}
+	_handleInput(e) {
+		this.value = e.target.value, this._updateFormValue(), this.dispatchEvent(new CustomEvent("flint-input-input", {
+			detail: { value: this.value },
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	_handleChange(e) {
+		this.value = e.target.value, this._updateFormValue(), this.dispatchEvent(new CustomEvent("flint-input-change", {
+			detail: { value: this.value },
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+};
+e([o({ type: String })], u.prototype, "label", void 0), e([o({ type: String })], u.prototype, "value", void 0), e([o({ type: String })], u.prototype, "type", void 0), e([o({ type: String })], u.prototype, "placeholder", void 0), e([o({
+	type: String,
+	attribute: "help-text"
+})], u.prototype, "helpText", void 0), e([o({ type: Boolean })], u.prototype, "error", void 0), e([o({
+	type: String,
+	attribute: "error-message"
+})], u.prototype, "errorMessage", void 0), e([o({
+	type: Boolean,
+	reflect: !0
+})], u.prototype, "disabled", void 0), e([o({
+	type: Boolean,
+	reflect: !0
+})], u.prototype, "required", void 0), e([o({
+	type: Boolean,
+	reflect: !0
+})], u.prototype, "readonly", void 0), e([o({ type: String })], u.prototype, "name", void 0), e([o({ type: String })], u.prototype, "autocomplete", void 0), e([o({
+	type: String,
+	reflect: !0
+})], u.prototype, "size", void 0), u = e([a("flint-input")], u);
+//#endregion
+export { u as t };

package/dist/_shared/flint-input-otp-__geY8N4.js

@@ -0,0 +1,203 @@
+import { t as e } from "./decorate-DPS9PT8d.js";
+import { LitElement as t, html as n, nothing as r, unsafeCSS as i } from "lit";
+import { customElement as a, property as o, query as s } from "lit/decorators.js";
+//#region src/input-otp/flint-input-otp-group.css?inline
+var c = ":host{align-items:center;display:inline-flex}", l = ":host{color:var(--flint-text-color,#111827);align-items:center;padding:0 6px;display:inline-flex}.bar{opacity:.4;background:currentColor;border-radius:1px;width:8px;height:2px}", u = ":host{width:var(--flint-otp-slot-width,40px);height:var(--flint-otp-slot-height,48px);font-size:var(--flint-otp-slot-font-size,1.25rem);font-family:var(--flint-font-family);color:var(--flint-text-color);background:var(--flint-input-bg);border:1px solid var(--flint-input-border-color);cursor:text;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;margin-left:-1px;font-weight:500;transition:border-color .15s,box-shadow .15s;display:inline-flex;position:relative}:host(:first-child){border-radius:var(--flint-otp-slot-radius,6px) 0 0 var(--flint-otp-slot-radius,6px);margin-left:0}:host(:last-child){border-radius:0 var(--flint-otp-slot-radius,6px) var(--flint-otp-slot-radius,6px) 0}:host([active]){z-index:1;border-color:var(--flint-primary-color);box-shadow:0 0 0 2px var(--flint-primary-focus-ring)}:host([invalid]){border-color:var(--flint-error-color)}:host([invalid][active]){border-color:var(--flint-error-color);box-shadow:0 0 0 2px var(--flint-error-focus-ring)}.cursor{background:var(--flint-text-color);border-radius:1px;width:2px;height:1.2em;animation:1.2s step-end infinite otp-blink}@keyframes otp-blink{0%,to{opacity:1}50%{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}", d = ":host{align-items:center;gap:var(--flint-otp-gap,8px);cursor:text;font-family:var(--flint-font-family,system-ui, sans-serif);display:inline-flex;position:relative}:host([disabled]){opacity:.5;cursor:not-allowed;pointer-events:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hidden-input{opacity:0;pointer-events:none;border:none;outline:none;width:1px;height:1px;margin:0;padding:0;position:absolute;top:0;left:0}", f, p = class extends t {
+	static {
+		this.styles = i(c);
+	}
+	render() {
+		return n`<slot></slot>`;
+	}
+};
+p = e([a("flint-input-otp-group")], p);
+var m = class extends t {
+	static {
+		this.styles = i(l);
+	}
+	render() {
+		return n`<div class="bar"></div>`;
+	}
+};
+m = e([a("flint-input-otp-separator")], m);
+var h = class extends t {
+	constructor(...e) {
+		super(...e), this.index = 0, this.char = "", this.active = !1, this.invalid = !1;
+	}
+	static {
+		this.styles = i(u);
+	}
+	render() {
+		return this.char ? n`${this.char}` : this.active ? n`<div class="cursor"></div>` : n``;
+	}
+};
+e([o({ type: Number })], h.prototype, "index", void 0), e([o()], h.prototype, "char", void 0), e([o({
+	type: Boolean,
+	reflect: !0
+})], h.prototype, "active", void 0), e([o({
+	type: Boolean,
+	reflect: !0
+})], h.prototype, "invalid", void 0), h = e([a("flint-input-otp-slot")], h);
+var g = class extends t {
+	static {
+		f = this;
+	}
+	static {
+		this.styles = i(d);
+	}
+	static {
+		this._uidCounter = 0;
+	}
+	constructor() {
+		super(), this.value = "", this.defaultValue = "", this.maxLength = 6, this.pattern = "", this.disabled = !1, this.label = "One-time password", this.description = "", this._internalValue = "", this._focused = !1, this._cursorIndex = 0, this._firstUpdate = !0, this._handleClick = (e) => {
+			if (this.disabled) return;
+			let t = e.target.closest("flint-input-otp-slot");
+			this._hiddenInput?.focus(), t && (this._cursorIndex = Math.min(t.index, this._internalValue.length), this._syncSlots());
+		}, this._descId = `flint-input-otp-desc-${f._uidCounter++}`, this.addEventListener("click", this._handleClick);
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.hasAttribute("role") || this.setAttribute("role", "group");
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.removeEventListener("click", this._handleClick);
+	}
+	willUpdate(e) {
+		if (this._firstUpdate) {
+			this._firstUpdate = !1, this.defaultValue && !this.value ? (this._internalValue = this.defaultValue.slice(0, this.maxLength), this.value = this._internalValue) : this._internalValue = this.value.slice(0, this.maxLength), this._cursorIndex = Math.min(this._internalValue.length, this.maxLength - 1);
+			return;
+		}
+		e.has("value") && this.value !== this._internalValue && (this._internalValue = this.value.slice(0, this.maxLength), this._cursorIndex = Math.min(this._cursorIndex, Math.max(0, this._internalValue.length)));
+	}
+	updated(e) {
+		(e.has("value") || e.has("maxLength")) && this._syncSlots();
+	}
+	_getAllSlots() {
+		return Array.from(this.querySelectorAll("flint-input-otp-slot"));
+	}
+	_syncSlots() {
+		let e = this._getAllSlots(), t = this._internalValue.length, n = this._focused ? this._cursorIndex : -1;
+		for (let r of e) {
+			let e = r.index;
+			r.char = e < t ? this._internalValue[e] : "", r.active = e === n;
+		}
+	}
+	_filterByPattern(e) {
+		if (!this.pattern) return e;
+		let t = new RegExp(this.pattern);
+		return e.split("").filter((e) => t.test(e)).join("");
+	}
+	_commit(e) {
+		this._internalValue = e, this.value = e, this._hiddenInput.value = e, this.dispatchEvent(new CustomEvent("flint-otp-change", {
+			detail: { value: e },
+			bubbles: !0,
+			composed: !0
+		})), e.length === this.maxLength && this.dispatchEvent(new CustomEvent("flint-otp-complete", {
+			detail: { value: e },
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	_insertChar(e) {
+		if (this.pattern && !new RegExp(this.pattern).test(e)) return;
+		let t = this._cursorIndex, n = this._internalValue, r;
+		r = t < n.length ? n.slice(0, t) + e + n.slice(t + 1) : n + e, this._commit(r), this._cursorIndex = Math.min(t + 1, this.maxLength - 1), this._syncSlots();
+	}
+	_deleteBackward() {
+		if (this._internalValue.length === 0) return;
+		let e = this._cursorIndex;
+		if (e === 0) return;
+		let t = this._internalValue, n = t.slice(0, e - 1) + t.slice(e);
+		this._commit(n), this._cursorIndex = e - 1, this._syncSlots();
+	}
+	_deleteForward() {
+		let e = this._cursorIndex, t = this._internalValue;
+		if (e >= t.length) return;
+		let n = t.slice(0, e) + t.slice(e + 1);
+		this._commit(n), this._syncSlots();
+	}
+	_moveCursor(e) {
+		let t = Math.min(this._internalValue.length, this.maxLength - 1);
+		this._cursorIndex = Math.max(0, Math.min(this._cursorIndex + e, t)), this._syncSlots();
+	}
+	_handleKeydown(e) {
+		if (!(e.key === "Tab" || e.metaKey || e.ctrlKey)) {
+			if (e.key === "ArrowLeft") {
+				e.preventDefault(), this._moveCursor(-1);
+				return;
+			}
+			if (e.key === "ArrowRight") {
+				e.preventDefault(), this._moveCursor(1);
+				return;
+			}
+			if (e.key === "Home") {
+				e.preventDefault(), this._cursorIndex = 0, this._syncSlots();
+				return;
+			}
+			if (e.key === "End") {
+				e.preventDefault(), this._cursorIndex = Math.min(this._internalValue.length, this.maxLength - 1), this._syncSlots();
+				return;
+			}
+			if (e.key === "Backspace") {
+				e.preventDefault(), this._deleteBackward();
+				return;
+			}
+			if (e.key === "Delete") {
+				e.preventDefault(), this._deleteForward();
+				return;
+			}
+			e.key.length === 1 && (e.preventDefault(), this._insertChar(e.key));
+		}
+	}
+	_handlePaste(e) {
+		e.preventDefault();
+		let t = e.clipboardData?.getData("text") ?? "", n = this._filterByPattern(t).slice(0, this.maxLength);
+		this._commit(n), this._cursorIndex = Math.min(n.length, this.maxLength - 1), this._syncSlots();
+	}
+	_handleFocus() {
+		this._focused = !0, this._cursorIndex = Math.min(this._internalValue.length, this.maxLength - 1), this._syncSlots();
+	}
+	_handleBlur() {
+		this._focused = !1, this._syncSlots();
+	}
+	_handleSlotChange() {
+		this._syncSlots();
+	}
+	get _computedInputMode() {
+		if (!this.pattern) return "numeric";
+		try {
+			return new RegExp(this.pattern).test("a") ? "text" : "numeric";
+		} catch {
+			return "text";
+		}
+	}
+	render() {
+		return n`
+            <input
+                class="hidden-input"
+                type="text"
+                autocomplete="one-time-code"
+                aria-label=${this.label}
+                aria-describedby=${this.description ? this._descId : r}
+                .inputMode=${this._computedInputMode}
+                .maxLength=${this.maxLength}
+                .value=${this._internalValue}
+                ?disabled=${this.disabled}
+                @keydown=${this._handleKeydown}
+                @paste=${this._handlePaste}
+                @focus=${this._handleFocus}
+                @blur=${this._handleBlur}
+            />
+            ${this.description ? n`<span id=${this._descId} class="sr-only">${this.description}</span>` : r}
+            <slot @slotchange=${this._handleSlotChange}></slot>
+        `;
+	}
+};
+e([o({ reflect: !0 })], g.prototype, "value", void 0), e([o({ attribute: "default-value" })], g.prototype, "defaultValue", void 0), e([o({
+	type: Number,
+	attribute: "max-length"
+})], g.prototype, "maxLength", void 0), e([o()], g.prototype, "pattern", void 0), e([o({
+	type: Boolean,
+	reflect: !0
+})], g.prototype, "disabled", void 0), e([o({ type: String })], g.prototype, "label", void 0), e([o({ type: String })], g.prototype, "description", void 0), e([s(".hidden-input")], g.prototype, "_hiddenInput", void 0), g = f = e([a("flint-input-otp")], g);
+//#endregion
+export { h as i, p as n, m as r, g as t };

package/dist/_shared/flint-item-XvdemneV.js

@@ -0,0 +1,114 @@
+import { t as e } from "./decorate-DPS9PT8d.js";
+import { LitElement as t, html as n, unsafeCSS as r } from "lit";
+import { customElement as i, property as a } from "lit/decorators.js";
+import { classMap as o } from "lit/directives/class-map.js";
+//#region src/item/flint-item-title.css?inline
+var s = ":host{color:var(--flint-text-color);font-size:.875rem;font-weight:500;line-height:1.4;font-family:var(--flint-font-family);display:block}", c = ":host{color:var(--flint-text-color-muted);font-size:.8125rem;line-height:1.5;font-family:var(--flint-font-family);display:block}", l = ":host{flex-shrink:0;justify-content:center;align-items:center;display:flex}.media{justify-content:center;align-items:center;display:flex}.media--icon{background:var(--flint-item-media-icon-bg,var(--flint-surface-2));width:40px;height:40px;color:var(--flint-item-media-icon-color,var(--flint-text-color-muted));border-radius:8px}.media--image{border-radius:6px;flex-shrink:0;width:40px;height:40px;overflow:hidden}::slotted(svg),::slotted([data-icon]){width:20px;height:20px}::slotted(img){object-fit:cover;width:100%;height:100%;display:block}", u = ":host{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}", d = ":host{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}", f = ":host{flex:0 0 calc(100% + 2 * var(--flint-item-padding,16px));margin-left:calc(-1 * var(--flint-item-padding,16px));margin-right:calc(-1 * var(--flint-item-padding,16px));margin-top:calc(-1 * var(--flint-item-padding,16px));margin-bottom:0;line-height:0;display:block;overflow:hidden}::slotted(img){object-fit:cover;width:100%;display:block}", p = ":host{flex:0 0 calc(100% + 2 * var(--flint-item-padding,16px));margin-left:calc(-1 * var(--flint-item-padding,16px));margin-right:calc(-1 * var(--flint-item-padding,16px));margin-bottom:calc(-1 * var(--flint-item-padding,16px));padding:10px var(--flint-item-padding,16px);border-top:1px solid var(--flint-border-color);background:var(--flint-item-footer-bg,transparent);box-sizing:border-box;color:var(--flint-text-color-muted);font-size:.8125rem;font-family:var(--flint-font-family);margin-top:0;display:block}", m = ":host{background:var(--flint-border-color);height:1px;display:block}", h = ":host{gap:var(--flint-item-group-gap,4px);flex-direction:column;display:flex}", g = ":host{--flint-item-padding:16px;--flint-item-gap:12px;align-items:center;gap:var(--flint-item-gap);padding:var(--flint-item-padding);box-sizing:border-box;font-family:var(--flint-font-family);border-radius:8px;flex-wrap:wrap;display:flex;overflow:hidden}:host([size=sm]){--flint-item-padding:12px;--flint-item-gap:8px}:host([size=xs]){--flint-item-padding:8px;--flint-item-gap:6px}:host([variant=outline]){border:1px solid var(--flint-border-color)}:host([variant=muted]){background:var(--flint-muted-bg,var(--flint-muted-background))}", _ = class extends t {
+	static {
+		this.styles = r(s);
+	}
+	render() {
+		return n`<slot></slot>`;
+	}
+};
+_ = e([i("flint-item-title")], _);
+var v = class extends t {
+	static {
+		this.styles = r(c);
+	}
+	render() {
+		return n`<slot></slot>`;
+	}
+};
+v = e([i("flint-item-description")], v);
+var y = class extends t {
+	constructor(...e) {
+		super(...e), this.variant = "default";
+	}
+	static {
+		this.styles = r(l);
+	}
+	render() {
+		return n`
+            <div class=${o({
+			media: !0,
+			"media--icon": this.variant === "icon",
+			"media--image": this.variant === "image"
+		})}>
+                <slot></slot>
+            </div>
+        `;
+	}
+};
+e([a({ reflect: !0 })], y.prototype, "variant", void 0), y = e([i("flint-item-media")], y);
+var b = class extends t {
+	static {
+		this.styles = r(u);
+	}
+	render() {
+		return n`<slot></slot>`;
+	}
+};
+b = e([i("flint-item-content")], b);
+var x = class extends t {
+	static {
+		this.styles = r(d);
+	}
+	render() {
+		return n`<slot></slot>`;
+	}
+};
+x = e([i("flint-item-actions")], x);
+var S = class extends t {
+	static {
+		this.styles = r(f);
+	}
+	render() {
+		return n`<slot></slot>`;
+	}
+};
+S = e([i("flint-item-header")], S);
+var C = class extends t {
+	static {
+		this.styles = r(p);
+	}
+	render() {
+		return n`<slot></slot>`;
+	}
+};
+C = e([i("flint-item-footer")], C);
+var w = class extends t {
+	static {
+		this.styles = r(m);
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.hasAttribute("role") || this.setAttribute("role", "separator"), this.hasAttribute("aria-orientation") || this.setAttribute("aria-orientation", "horizontal");
+	}
+	render() {
+		return n``;
+	}
+};
+w = e([i("flint-item-separator")], w);
+var T = class extends t {
+	static {
+		this.styles = r(h);
+	}
+	render() {
+		return n`<slot></slot>`;
+	}
+};
+T = e([i("flint-item-group")], T);
+var E = class extends t {
+	constructor(...e) {
+		super(...e), this.variant = "default", this.size = "default";
+	}
+	static {
+		this.styles = r(g);
+	}
+	render() {
+		return n`<slot></slot>`;
+	}
+};
+e([a({ reflect: !0 })], E.prototype, "variant", void 0), e([a({ reflect: !0 })], E.prototype, "size", void 0), E = e([i("flint-item")], E);
+//#endregion
+export { C as a, y as c, v as i, w as l, x as n, T as o, b as r, S as s, E as t, _ as u };

package/dist/_shared/flint-kbd-DXSl3YcK.js

@@ -0,0 +1,31 @@
+import { t as e } from "./decorate-DPS9PT8d.js";
+import { LitElement as t, html as n, nothing as r, unsafeCSS as i } from "lit";
+import { customElement as a, property as o } from "lit/decorators.js";
+//#region src/kbd/flint-kbd.css?inline
+var s = ":host{justify-content:center;align-items:center;display:inline-flex}kbd{font-family:var(--flint-kbd-font-family,flint-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);color:var(--flint-kbd-color,var(--flint-label-color));background:var(--flint-kbd-bg,var(--flint-surface-2));border:1px solid var(--flint-kbd-border-color,var(--flint-border-color));border-radius:var(--flint-kbd-radius,var(--flint-border-radius-sm));box-shadow:0 1px 0 0 var(--flint-kbd-shadow-color,var(--flint-input-border-color));white-space:nowrap;-webkit-user-select:none;user-select:none;border-bottom-width:2px;justify-content:center;align-items:center;padding:2px 6px;font-size:.8125rem;font-weight:500;line-height:1;display:inline-flex}:host([size=sm]) kbd{padding:1px 4px;font-size:.6875rem}:host([size=lg]) kbd{padding:4px 10px;font-size:.9375rem}:host([variant=flat]) kbd{box-shadow:none;border-bottom-width:1px}", c = ":host{align-items:center;gap:var(--flint-kbd-group-gap,4px);display:inline-flex}", l = class extends t {
+	constructor(...e) {
+		super(...e), this.size = "default", this.variant = "raised", this.label = "";
+	}
+	static {
+		this.styles = i(s);
+	}
+	render() {
+		return n`
+            <kbd aria-label=${this.label || r}>
+                <slot></slot>
+            </kbd>
+        `;
+	}
+};
+e([o({ reflect: !0 })], l.prototype, "size", void 0), e([o({ reflect: !0 })], l.prototype, "variant", void 0), e([o({ reflect: !0 })], l.prototype, "label", void 0), l = e([a("flint-kbd")], l);
+var u = class extends t {
+	static {
+		this.styles = i(c);
+	}
+	render() {
+		return n`<slot></slot>`;
+	}
+};
+u = e([a("flint-kbd-group")], u);
+//#endregion
+export { u as n, l as t };

package/dist/_shared/flint-linear-progress-B4sGgZrk.js

@@ -0,0 +1,63 @@
+import { t as e } from "./decorate-DPS9PT8d.js";
+import { LitElement as t, html as n, nothing as r, unsafeCSS as i } from "lit";
+import { customElement as a, property as o } from "lit/decorators.js";
+import { classMap as s } from "lit/directives/class-map.js";
+//#region src/progress/flint-linear-progress.css?inline
+var c = ":host{--flint-linear-progress-height:4px;--flint-linear-progress-color:var(--flint-primary-color);--flint-linear-progress-bg:var(--flint-primary-color-light);width:100%;display:block}.root{height:var(--flint-linear-progress-height);background-color:var(--flint-linear-progress-bg);border-radius:calc(var(--flint-linear-progress-height) / 2);position:relative;overflow:hidden}.bar{transform-origin:0;background-color:var(--flint-linear-progress-color);border-radius:inherit;width:100%;transition:transform .4s linear;position:absolute;top:0;bottom:0;left:0}.indeterminate .bar1{width:auto;animation:2.1s cubic-bezier(.65,.815,.735,.395) infinite indeterminate1}.indeterminate .bar2{width:auto;animation:2.1s cubic-bezier(.165,.84,.44,1) 1.15s infinite indeterminate2}@keyframes indeterminate1{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes indeterminate2{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}", l, u = class extends t {
+	static {
+		l = this;
+	}
+	constructor(...e) {
+		super(...e), this.variant = "indeterminate", this.value = 0, this.height = 4, this.color = "primary", this.label = "";
+	}
+	static {
+		this.styles = i(c);
+	}
+	static {
+		this._colorMap = {
+			primary: "var(--flint-primary-color, #2563eb)",
+			success: "var(--flint-success-color, #15803d)",
+			error: "var(--flint-error-color, #dc2626)",
+			warning: "var(--flint-warning-color, #92400e)"
+		};
+	}
+	get _safeValue() {
+		return Math.min(100, Math.max(0, this.value));
+	}
+	render() {
+		let e = this.variant === "determinate", t = l._colorMap[this.color] ?? l._colorMap.primary, i = [`--flint-linear-progress-height: ${this.height}px`, `--flint-linear-progress-color: ${t}`].join("; ");
+		return n`
+      <div
+        class="root ${s({
+			determinate: e,
+			indeterminate: !e
+		})}"
+        role="progressbar"
+        aria-valuemin="0"
+        aria-valuemax="100"
+        aria-valuenow="${e ? this._safeValue : r}"
+        aria-label="${this.label || "Progress"}"
+        style="${i}"
+      >
+        ${e ? n`
+          <div class="bar" style="transform: scaleX(${this._safeValue / 100})"></div>
+        ` : n`
+          <div class="bar bar1"></div>
+          <div class="bar bar2"></div>
+        `}
+      </div>
+    `;
+	}
+};
+e([o({
+	type: String,
+	reflect: !0
+})], u.prototype, "variant", void 0), e([o({
+	type: Number,
+	reflect: !0
+})], u.prototype, "value", void 0), e([o({ type: Number })], u.prototype, "height", void 0), e([o({
+	type: String,
+	reflect: !0
+})], u.prototype, "color", void 0), e([o({ type: String })], u.prototype, "label", void 0), u = l = e([a("flint-linear-progress")], u);
+//#endregion
+export { u as t };

package/dist/_shared/flint-link-CnzR1CYQ.js

@@ -0,0 +1,55 @@
+import { t as e } from "./decorate-DPS9PT8d.js";
+import { LitElement as t, html as n, nothing as r, unsafeCSS as i } from "lit";
+import { customElement as a, property as o } from "lit/decorators.js";
+import { ifDefined as s } from "lit/directives/if-defined.js";
+//#region src/link/flint-link.css?inline
+var c = ":host{--flint-link-color:var(--flint-primary-color);--flint-link-color-hover:var(--flint-primary-color-hover);--flint-link-color-visited:var(--flint-secondary-color);display:inline}a{color:var(--flint-link-color);font-family:var(--flint-font-family);font-size:inherit;font-weight:inherit;line-height:inherit;cursor:pointer;transition:color .15s,opacity .15s;display:inline}:host([color=inherit]) a{color:inherit}:host([color=primary]) a{color:var(--flint-primary-color)}:host([color=secondary]) a{color:var(--flint-secondary-color)}:host([color=success]) a{color:var(--flint-success-color)}:host([color=error]) a{color:var(--flint-error-color)}:host([color=warning]) a{color:var(--flint-warning-color)}:host([color=info]) a{color:var(--flint-info-icon-color)}:host([color=textPrimary]) a{color:var(--flint-text-color)}:host([color=textSecondary]) a{color:var(--flint-text-color-muted)}:host([underline=none]) a,:host([underline=hover]) a{text-decoration:none}:host([underline=hover]) a:hover,:host([underline=always]) a,:host([underline=always]) a:hover,a{text-decoration:underline}a:hover{opacity:.8}a:visited{color:var(--flint-link-color-visited)}:host([color=inherit]) a:visited{color:inherit}:host([variant=h1]) a{letter-spacing:-1.5px;font-size:6rem;font-weight:300;line-height:1.167}:host([variant=h2]) a{letter-spacing:-.5px;font-size:3.75rem;font-weight:300;line-height:1.2}:host([variant=h3]) a{font-size:3rem;font-weight:400;line-height:1.167}:host([variant=h4]) a{letter-spacing:.25px;font-size:2.125rem;font-weight:400;line-height:1.235}:host([variant=h5]) a{font-size:1.5rem;font-weight:400;line-height:1.334}:host([variant=h6]) a{letter-spacing:.15px;font-size:1.25rem;font-weight:500;line-height:1.6}:host([variant=subtitle1]) a{letter-spacing:.15px;font-size:1rem;font-weight:400;line-height:1.75}:host([variant=subtitle2]) a{letter-spacing:.1px;font-size:.875rem;font-weight:500;line-height:1.57}:host([variant=body1]) a{letter-spacing:.15px;font-size:1rem;font-weight:400;line-height:1.5}:host([variant=body2]) a{letter-spacing:.15px;font-size:.875rem;font-weight:400;line-height:1.43}:host([variant=caption]) a{letter-spacing:.4px;font-size:.75rem;font-weight:400;line-height:1.66}:host([variant=overline]) a{letter-spacing:1px;text-transform:uppercase;font-size:.75rem;font-weight:400;line-height:2.66}:host([disabled]) a{opacity:.38;cursor:not-allowed;pointer-events:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}", l = class extends t {
+	constructor(...e) {
+		super(...e), this.href = "", this.target = "_self", this.rel = "", this.color = "primary", this.underline = "always", this.variant = "inherit", this.disabled = !1;
+	}
+	static {
+		this.styles = i(c);
+	}
+	_computedRel() {
+		if (this.target === "_blank") {
+			let e = this.rel || "", t = new Set(e.split(" ").filter(Boolean));
+			return t.add("noopener"), t.add("noreferrer"), Array.from(t).join(" ");
+		}
+		return this.rel || void 0;
+	}
+	_handleClick(e) {
+		this.disabled && e.preventDefault();
+	}
+	render() {
+		return n`
+            <a
+                class="link"
+                href=${s(this.disabled ? void 0 : this.href || void 0)}
+                target=${s(this.target === "_self" ? void 0 : this.target)}
+                rel=${s(this._computedRel())}
+                aria-label=${s(this.label)}
+                download=${s(this.download)}
+                aria-disabled=${this.disabled ? "true" : r}
+                tabindex=${this.disabled ? "-1" : "0"}
+                @click=${this._handleClick}
+            >
+                <slot></slot>
+            </a>
+        `;
+	}
+};
+e([o({ type: String })], l.prototype, "href", void 0), e([o({ type: String })], l.prototype, "target", void 0), e([o({ type: String })], l.prototype, "rel", void 0), e([o({
+	type: String,
+	reflect: !0
+})], l.prototype, "color", void 0), e([o({
+	type: String,
+	reflect: !0
+})], l.prototype, "underline", void 0), e([o({
+	type: String,
+	reflect: !0
+})], l.prototype, "variant", void 0), e([o({
+	type: Boolean,
+	reflect: !0
+})], l.prototype, "disabled", void 0), e([o({ type: String })], l.prototype, "download", void 0), e([o({ type: String })], l.prototype, "label", void 0), l = e([a("flint-link")], l);
+//#endregion
+export { l as t };