@ikonai/sdk-react-ui 1.10.0 → 1.11.2

package/base/base-div.d.ts

@@ -1,3 +1,4 @@
 import { IkonUiComponentResolver } from '../ikon-ui-registry';
 export declare function createBaseDivResolver(): IkonUiComponentResolver;
 export declare function createBaseResolvers(): IkonUiComponentResolver[];
+//# sourceMappingURL=base-div.d.ts.map

package/base/base-div.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-div.d.ts","sourceRoot":"","sources":["../../../../sdk/sdk-react-ui/src/base/base-div.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAocnE,wBAAgB,qBAAqB,IAAI,uBAAuB,CAmD/D;AAsDD,wBAAgB,mBAAmB,IAAI,uBAAuB,EAAE,CAO/D"}

package/base/base-module.d.ts

@@ -4,3 +4,4 @@ export declare const IKON_UI_BASE_MODULE = "base";
 export declare const loadBaseModule: IkonUiModuleLoader;
 export declare function registerBaseModule(registry: IkonUiRegistry): void;
 export { createBaseResolvers };
+//# sourceMappingURL=base-module.d.ts.map

package/base/base-module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-module.d.ts","sourceRoot":"","sources":["../../../../sdk/sdk-react-ui/src/base/base-module.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEjD,eAAO,MAAM,mBAAmB,SAAS,CAAC;AAE1C,eAAO,MAAM,cAAc,EAAE,kBAAsD,CAAC;AAEpF,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI,CAEjE;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/base/focus-hint-dispatch.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Arbitrates `std.focus-hint` nodes: the ranking, cooldown and announcement half of the FocusHint
+ * contract. The renderer submits one hint per effect run; the dispatcher decides whether it acts,
+ * and when.
+ *
+ * - Hints submitted in the same tick compete. Within each scroll container only the highest
+ *   `ranking` scrolls it, on every re-send, which is what keeps a streaming reply followed. Focus
+ *   and the announcement go to the highest-ranked hint with something new, a hint key or region
+ *   text its region has not acted on yet. Ties go to the one submitted last, as rendering in
+ *   document order did before.
+ * - `cooldownMs` is per region, the element the hint was placed in. A hint arriving inside the
+ *   window is held and acts when the window ends, replacing any hint already held there, so a
+ *   churning region acts at most once per window and still lands on its latest state.
+ * - The announcement waits until the region's text has been still for a settle window (the longer
+ *   of `ANNOUNCEMENT_SETTLE_MS` and the cooldown), so a streamed reply is read once it stops, not
+ *   every time a chunk lands. It says what arrived: only the appended part when the text extends
+ *   what that region last announced, otherwise the whole text. Past the cap the oldest part is
+ *   dropped, so the newest content is what is read.
+ * - The announcement goes through one shared, visually hidden live region per politeness, so it
+ *   reaches a screen reader whatever the hinted element's own markup is.
+ */
+export type FocusHintPoliteness = 'polite' | 'assertive';
+export interface FocusHintSubmission {
+    /** The element the hint was placed in: its text is announced and its cooldown is kept. */
+    readonly region: HTMLElement;
+    readonly hintKey: string | undefined;
+    readonly ranking: number;
+    readonly cooldownMs: number;
+    /** Null for a hint that does not scroll. */
+    readonly scrollGroup: object | null;
+    /** Null for a hint that moves focus without an announcement. */
+    readonly politeness: FocusHintPoliteness | null;
+    /** Scrolls the region into view, returning what undoes its listeners. */
+    scroll(): (() => void) | undefined;
+    focus(): void;
+}
+export interface FocusHintHandle {
+    cancel(): void;
+}
+export declare function submitFocusHint(submission: FocusHintSubmission): FocusHintHandle;
+//# sourceMappingURL=focus-hint-dispatch.d.ts.map

package/base/focus-hint-dispatch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-hint-dispatch.d.ts","sourceRoot":"","sources":["../../../../sdk/sdk-react-ui/src/base/focus-hint-dispatch.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,WAAW,CAAC;AAEzD,MAAM,WAAW,mBAAmB;IAClC,0FAA0F;IAC1F,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC;IAC7B,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,4CAA4C;IAC5C,QAAQ,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,gEAAgE;IAChE,QAAQ,CAAC,UAAU,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAChD,yEAAyE;IACzE,MAAM,IAAI,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACnC,KAAK,IAAI,IAAI,CAAC;CACf;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,IAAI,IAAI,CAAC;CAChB;AA8CD,wBAAgB,eAAe,CAAC,UAAU,EAAE,mBAAmB,GAAG,eAAe,CAoBhF"}

package/consent/use-consent.d.ts

@@ -0,0 +1,35 @@
+import { ConsentAnswers, ConsentRecord, IkonClient } from '@ikonai/sdk';
+export interface UseConsentOptions {
+    /** The connected client the answers are read through. Nothing is read while it is null. */
+    client: IkonClient | null;
+    /** The purposes this screen asks about. */
+    purposes: readonly string[];
+}
+export interface UseConsentResult {
+    /** Every answer the signed-in user has given, keyed by purpose. */
+    answers: ConsentAnswers;
+    /** True while the answers are being read. */
+    isLoading: boolean;
+    /** True while an answer is being recorded. */
+    isSubmitting: boolean;
+    /** The last failure, in the app's own words, or null. */
+    error: string | null;
+    /** The answer for one purpose; not-asked when there is none. Never granted by default. */
+    consentFor(purpose: string): ConsentRecord;
+    /** Whether one purpose is granted today. False while the answers are still loading. */
+    isGranted(purpose: string): boolean;
+    grant(purpose: string): Promise<void>;
+    revoke(purpose: string): Promise<void>;
+    reload(): Promise<void>;
+}
+/**
+ * The signed-in user's consent for the purposes this screen asks about: what they have answered, and
+ * the two calls that record an answer and take it back.
+ *
+ * Nothing here is granted until it has been read and the answer is a yes — while the answers are
+ * loading, while the client is offline, and for a visitor the app cannot name, every purpose reads
+ * as not granted. Gate the feature on {@link UseConsentResult.isGranted}, and say that the feature
+ * is off rather than letting it look as though it is running.
+ */
+export declare function useConsent({ client, purposes }: UseConsentOptions): UseConsentResult;
+//# sourceMappingURL=use-consent.d.ts.map

package/consent/use-consent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-consent.d.ts","sourceRoot":"","sources":["../../../../sdk/sdk-react-ui/src/consent/use-consent.ts"],"names":[],"mappings":"AACA,OAAO,EAA0E,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AAE/J,MAAM,WAAW,iBAAiB;IAChC,2FAA2F;IAC3F,MAAM,EAAE,UAAU,GAAG,IAAI,CAAC;IAC1B,2CAA2C;IAC3C,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,gBAAgB;IAC/B,mEAAmE;IACnE,OAAO,EAAE,cAAc,CAAC;IACxB,6CAA6C;IAC7C,SAAS,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,YAAY,EAAE,OAAO,CAAC;IACtB,yDAAyD;IACzD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,0FAA0F;IAC1F,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,aAAa,CAAC;IAC3C,uFAAuF;IACvF,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC;IACpC,KAAK,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;CACzB;AAUD;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,iBAAiB,GAAG,gBAAgB,CA2FpF"}

package/debug/debug-overlay.d.ts

@@ -21,4 +21,5 @@ export interface DebugOverlayProps {
 /**
  * The overlay component. Returns null unless `?ikon-debug-overlay=true` is set or `forceVisible`.
  */
-export declare function DebugOverlay({ state, forceVisible }: DebugOverlayProps): import("react").JSX.Element | null;
+export declare function DebugOverlay({ state, forceVisible }: DebugOverlayProps): import('react').JSX.Element | null;
+//# sourceMappingURL=debug-overlay.d.ts.map

package/debug/debug-overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug-overlay.d.ts","sourceRoot":"","sources":["../../../../sdk/sdk-react-ui/src/debug/debug-overlay.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;GAWG;AAEH,eAAO,MAAM,qBAAqB,SAM9B,CAAC;AAuGL,MAAM,WAAW,iBAAiB;IAChC;sFACkF;IAClF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iGAAiG;IACjG,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAU,EAAE,YAAoB,EAAE,EAAE,iBAAiB,sCAkDnF"}

package/feedback-form-BSy2olwD.js

@@ -0,0 +1,511 @@
+import { FeedbackRequestError as e, IKON_CAPTURE_EXCLUDE_ATTRIBUTE as t, collectFeedbackContext as n, randomUuid as r, submitFeedbackReport as i } from "@ikonai/sdk";
+import { useEffect as a, useId as o, useMemo as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/app/feedback/feedback-form.tsx
+var f = [
+	{
+		kind: "bug",
+		label: "Something's wrong"
+	},
+	{
+		kind: "idea",
+		label: "Idea"
+	},
+	{
+		kind: "confusing",
+		label: "Confusing"
+	},
+	{
+		kind: "praise",
+		label: "Love this"
+	}
+], p = 10, m = 26214400, h = 52428800, g = 10001, _ = 1e4;
+function v({ access: e, screenshot: g, appSession: v, clientSession: y, onClose: x, onDirtyChange: C }) {
+	let w = o(), T = o(), [E, D] = l("bug"), [O, k] = l(""), [A, j] = l([]), [M, N] = l(null), [P, F] = l(g ? { status: "pending" } : { status: "none" }), [I, L] = l({ status: "idle" }), [R, z] = l(!1), [B] = l(() => r()), V = c(null), H = c(null);
+	a(() => {
+		H.current?.focus();
+	}, []), a(() => {
+		if (!g) return;
+		let e = !1, t = null, n = setTimeout(() => {
+			e = !0, F({ status: "failed" });
+		}, _);
+		return g.then((r) => {
+			e || (clearTimeout(n), t = URL.createObjectURL(r.png), F({
+				status: "ready",
+				image: r,
+				url: t
+			}));
+		}, () => {
+			e || (clearTimeout(n), F({ status: "failed" }));
+		}), () => {
+			e = !0, clearTimeout(n), t && URL.revokeObjectURL(t);
+		};
+	}, [g]);
+	let U = P.status === "ready" ? P.image.png : null, W = O.trim().length > 0 || A.length > 0;
+	a(() => {
+		C?.(W);
+	}, [W, C]);
+	let G = (e) => {
+		if (e.length === 0) return;
+		let t = [...A], n = [], r = t.reduce((e, t) => e + t.size, 0) + (U?.size ?? 0);
+		for (let i of e) t.length >= p ? n.push(`${i.name} (at most ${p} files)`) : i.size > m ? n.push(`${i.name} (over 25 MB)`) : r + i.size > h ? n.push(`${i.name} (the report would pass 50 MB)`) : (t.push(i), r += i.size);
+		j(t), N(n.length > 0 ? `Not attached: ${n.join(", ")}` : null);
+	}, K = (e) => {
+		j((t) => t.filter((t, n) => n !== e)), N(null);
+	}, q = () => {
+		P.status === "ready" && URL.revokeObjectURL(P.url), F({ status: "none" });
+	}, J = I.status !== "sending" && P.status !== "pending" && (O.trim().length > 0 || A.length > 0 || U !== null), Y = async () => {
+		if (J) {
+			if (!e) {
+				L({
+					status: "failed",
+					message: "Feedback cannot be sent from this page because it is not signed in to the app."
+				});
+				return;
+			}
+			L({ status: "sending" });
+			try {
+				await i(e, {
+					kind: E,
+					text: O.trim(),
+					context: n(),
+					appSession: v,
+					clientSession: y
+				}, {
+					files: A,
+					screenshot: U
+				}, { draftId: B }), L({ status: "sent" });
+			} catch (e) {
+				L({
+					status: "failed",
+					message: ee(e)
+				});
+			}
+		}
+	}, X = c(null), Z = (e) => {
+		if (e.key === "Escape" && I.status !== "sending") {
+			e.stopPropagation(), x();
+			return;
+		}
+		e.key === "Tab" && b(e, X.current);
+	}, te = (e) => {
+		let t = e.key === "ArrowRight" || e.key === "ArrowDown" ? 1 : e.key === "ArrowLeft" || e.key === "ArrowUp" ? -1 : 0;
+		if (t === 0) return;
+		e.preventDefault();
+		let n = f[(f.findIndex((e) => e.kind === E) + t + f.length) % f.length];
+		D(n.kind), e.currentTarget.querySelector(`[data-kind="${n.kind}"]`)?.focus();
+	}, ne = (e) => {
+		e.preventDefault(), z(!1), G(Array.from(e.dataTransfer?.files ?? []));
+	}, Q = { [t]: "" }, $ = s(() => S(R), [R]);
+	return I.status === "sent" ? /* @__PURE__ */ u("div", {
+		...Q,
+		style: $.scrim,
+		onKeyDown: Z,
+		children: /* @__PURE__ */ d("div", {
+			ref: X,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": w,
+			style: $.panel,
+			children: [
+				/* @__PURE__ */ u("h2", {
+					id: w,
+					style: $.title,
+					children: "Thanks, your report was sent"
+				}),
+				/* @__PURE__ */ u("p", {
+					style: $.note,
+					children: "The people building this app will read it."
+				}),
+				/* @__PURE__ */ u("div", {
+					style: $.actions,
+					children: /* @__PURE__ */ u("button", {
+						type: "button",
+						style: $.primary,
+						onClick: x,
+						autoFocus: !0,
+						children: "Close"
+					})
+				})
+			]
+		})
+	}) : /* @__PURE__ */ u("div", {
+		...Q,
+		style: $.scrim,
+		onKeyDown: Z,
+		children: /* @__PURE__ */ d("div", {
+			ref: X,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": w,
+			style: $.panel,
+			onDragOver: (e) => {
+				e.preventDefault(), z(!0);
+			},
+			onDragLeave: () => z(!1),
+			onDrop: ne,
+			children: [
+				/* @__PURE__ */ u("h2", {
+					id: w,
+					style: $.title,
+					children: "Send feedback"
+				}),
+				/* @__PURE__ */ u("div", {
+					role: "radiogroup",
+					"aria-label": "Kind of feedback",
+					style: $.kinds,
+					onKeyDown: te,
+					children: f.map((e) => /* @__PURE__ */ u("button", {
+						type: "button",
+						role: "radio",
+						"data-kind": e.kind,
+						"aria-checked": E === e.kind,
+						tabIndex: E === e.kind ? 0 : -1,
+						style: E === e.kind ? $.kindSelected : $.kind,
+						onClick: () => D(e.kind),
+						children: e.label
+					}, e.kind))
+				}),
+				/* @__PURE__ */ u("label", {
+					htmlFor: T,
+					style: $.label,
+					children: "What would you like to tell us?"
+				}),
+				/* @__PURE__ */ u("textarea", {
+					ref: H,
+					id: T,
+					value: O,
+					onChange: (e) => k(e.target.value),
+					rows: 5,
+					style: $.textarea
+				}),
+				/* @__PURE__ */ d("div", {
+					style: $.attachRow,
+					children: [
+						/* @__PURE__ */ u("button", {
+							type: "button",
+							style: $.secondary,
+							onClick: () => V.current?.click(),
+							children: "Attach files"
+						}),
+						/* @__PURE__ */ u("span", {
+							style: $.note,
+							children: "or drop them here"
+						}),
+						/* @__PURE__ */ u("input", {
+							ref: V,
+							type: "file",
+							multiple: !0,
+							hidden: !0,
+							"aria-label": "Attach files",
+							onChange: (e) => {
+								G(Array.from(e.target.files ?? [])), e.target.value = "";
+							}
+						})
+					]
+				}),
+				A.length > 0 && /* @__PURE__ */ u("ul", {
+					"aria-label": "Attached files",
+					style: $.fileList,
+					children: A.map((e, t) => /* @__PURE__ */ d("li", {
+						style: $.fileItem,
+						children: [/* @__PURE__ */ u("span", {
+							style: $.fileName,
+							children: e.name
+						}), /* @__PURE__ */ u("button", {
+							type: "button",
+							style: $.link,
+							"aria-label": `Remove ${e.name}`,
+							onClick: () => K(t),
+							children: "Remove"
+						})]
+					}, `${e.name}-${t}`))
+				}),
+				M && /* @__PURE__ */ u("p", {
+					role: "status",
+					style: $.warning,
+					children: M
+				}),
+				/* @__PURE__ */ u("p", {
+					"aria-live": "polite",
+					style: P.status === "pending" ? $.note : $.hidden,
+					children: P.status === "pending" ? "Taking a screenshot…" : ""
+				}),
+				P.status === "failed" && /* @__PURE__ */ u("p", {
+					style: $.note,
+					children: "The screenshot could not be taken."
+				}),
+				P.status === "ready" && /* @__PURE__ */ d("figure", {
+					style: $.screenshot,
+					children: [/* @__PURE__ */ u("img", {
+						src: P.url,
+						alt: "Screenshot of the app, sent with the report",
+						style: $.thumbnail
+					}), /* @__PURE__ */ d("figcaption", {
+						style: $.screenshotCaption,
+						children: [P.image.lostContent && /* @__PURE__ */ u("span", {
+							style: $.note,
+							children: "Some content could not be captured and shows as grey."
+						}), /* @__PURE__ */ u("button", {
+							type: "button",
+							style: $.link,
+							onClick: q,
+							children: "Remove screenshot"
+						})]
+					})]
+				}),
+				/* @__PURE__ */ u("p", {
+					style: $.note,
+					children: "Read by the app's team and AI. Includes this screen, the page address and your device details."
+				}),
+				I.status === "failed" && /* @__PURE__ */ u("p", {
+					role: "alert",
+					style: $.error,
+					children: I.message
+				}),
+				/* @__PURE__ */ d("div", {
+					style: $.actions,
+					children: [/* @__PURE__ */ u("button", {
+						type: "button",
+						style: $.secondary,
+						onClick: x,
+						disabled: I.status === "sending",
+						children: "Cancel"
+					}), /* @__PURE__ */ u("button", {
+						type: "button",
+						style: J ? $.primary : $.primaryDisabled,
+						onClick: () => void Y(),
+						disabled: !J,
+						children: I.status === "sending" ? "Sending…" : I.status === "failed" ? "Try again" : "Send"
+					})]
+				})
+			]
+		})
+	});
+}
+var y = "button:not([disabled]), textarea:not([disabled]), input:not([disabled]):not([type=\"hidden\"]):not([hidden]), [href], [tabindex]:not([tabindex=\"-1\"])";
+function b(e, t) {
+	if (!t) return;
+	let n = Array.from(t.querySelectorAll(y));
+	if (n.length === 0) {
+		e.preventDefault();
+		return;
+	}
+	let r = n[0], i = n[n.length - 1], a = t.ownerDocument.activeElement;
+	e.shiftKey && (a === r || !t.contains(a)) ? (e.preventDefault(), i.focus()) : !e.shiftKey && (a === i || !t.contains(a)) && (e.preventDefault(), r.focus());
+}
+function ee(t) {
+	return t instanceof e ? t.status === 0 ? "Your report could not be sent: the feedback service is unreachable. Check the connection and try again." : t.status === 401 || t.status === 403 ? `Your report could not be sent: this account may not send feedback for this app (${t.message}).` : t.status === 413 ? "Your report could not be sent: the attachments are too large. Remove some and try again." : t.status === 429 ? "Your report could not be sent: too many reports in a short time. Try again later." : `Your report could not be sent: ${t.message}` : `Your report could not be sent: ${t instanceof Error ? t.message : String(t)}`;
+}
+var x = {
+	card: "var(--ikon-bg-card, #ffffff)",
+	subtle: "var(--ikon-bg-subtle, #f4f4f5)",
+	solid: "var(--ikon-bg-solid, #161618)",
+	onSolid: "var(--ikon-text-on-solid, #ffffff)",
+	text: "var(--ikon-text-primary, #161618)",
+	muted: "var(--ikon-text-tertiary, #6e6e74)",
+	border: "var(--ikon-border-primary, #d4d4d7)",
+	borderSoft: "var(--ikon-border-secondary, #e8e8ea)",
+	error: "var(--ikon-error-text, #b32218)",
+	errorSurface: "var(--ikon-error-surface, #fef2f1)",
+	warning: "var(--ikon-status-warning, #db6803)",
+	scrim: "var(--ikon-overlay-scrim, rgba(22, 22, 24, 0.5))",
+	focus: "var(--ikon-brand-500, #f5277f)"
+};
+function S(e) {
+	let t = {
+		minHeight: 40,
+		padding: "0 14px",
+		borderRadius: "var(--ikon-radius-md, 4px)",
+		font: "inherit",
+		fontSize: 14,
+		cursor: "pointer"
+	}, n = {
+		...t,
+		minHeight: 36,
+		borderRadius: "var(--ikon-radius-full, 9999px)",
+		border: `1px solid ${x.border}`,
+		background: x.card,
+		color: x.text
+	};
+	return {
+		scrim: {
+			position: "fixed",
+			top: 0,
+			right: 0,
+			bottom: 0,
+			left: 0,
+			zIndex: g,
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			padding: 16,
+			background: x.scrim,
+			boxSizing: "border-box"
+		},
+		panel: {
+			boxSizing: "border-box",
+			width: "100%",
+			maxWidth: 460,
+			maxHeight: "100%",
+			overflowY: "auto",
+			padding: 20,
+			display: "flex",
+			flexDirection: "column",
+			gap: 12,
+			background: x.card,
+			color: x.text,
+			border: `1px ${e ? "dashed" : "solid"} ${e ? x.focus : x.borderSoft}`,
+			borderRadius: "var(--ikon-radius-xl, 8px)",
+			boxShadow: "0 12px 40px rgba(0, 0, 0, 0.25)",
+			font: "15px/1.45 var(--ikon-font-body, system-ui, -apple-system, \"Segoe UI\", sans-serif)"
+		},
+		title: {
+			margin: 0,
+			fontSize: 18,
+			fontWeight: 600
+		},
+		kinds: {
+			display: "flex",
+			flexWrap: "wrap",
+			gap: 8
+		},
+		kind: n,
+		kindSelected: {
+			...n,
+			background: x.solid,
+			color: x.onSolid,
+			borderColor: x.solid
+		},
+		label: {
+			fontSize: 14,
+			fontWeight: 500
+		},
+		textarea: {
+			boxSizing: "border-box",
+			width: "100%",
+			padding: 10,
+			resize: "vertical",
+			font: "inherit",
+			color: x.text,
+			background: x.card,
+			border: `1px solid ${x.border}`,
+			borderRadius: "var(--ikon-radius-md, 4px)"
+		},
+		attachRow: {
+			display: "flex",
+			alignItems: "center",
+			gap: 10
+		},
+		fileList: {
+			margin: 0,
+			padding: 0,
+			listStyle: "none",
+			display: "flex",
+			flexDirection: "column",
+			gap: 4
+		},
+		fileItem: {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "space-between",
+			gap: 8,
+			padding: "4px 8px",
+			background: x.subtle,
+			borderRadius: "var(--ikon-radius-md, 4px)"
+		},
+		fileName: {
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap",
+			fontSize: 14
+		},
+		screenshot: {
+			margin: 0,
+			display: "flex",
+			gap: 10,
+			alignItems: "flex-start"
+		},
+		thumbnail: {
+			width: 120,
+			maxHeight: 120,
+			objectFit: "contain",
+			objectPosition: "top left",
+			border: `1px solid ${x.borderSoft}`,
+			borderRadius: "var(--ikon-radius-md, 4px)",
+			background: x.subtle
+		},
+		screenshotCaption: {
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "flex-start",
+			gap: 4
+		},
+		note: {
+			margin: 0,
+			fontSize: 13,
+			color: x.muted
+		},
+		hidden: {
+			position: "absolute",
+			width: 1,
+			height: 1,
+			margin: -1,
+			padding: 0,
+			overflow: "hidden",
+			clip: "rect(0 0 0 0)",
+			border: 0
+		},
+		warning: {
+			margin: 0,
+			fontSize: 13,
+			color: x.warning
+		},
+		error: {
+			margin: 0,
+			padding: "8px 10px",
+			fontSize: 14,
+			color: x.error,
+			background: x.errorSurface,
+			borderRadius: "var(--ikon-radius-md, 4px)"
+		},
+		actions: {
+			display: "flex",
+			justifyContent: "flex-end",
+			gap: 8,
+			marginTop: 4
+		},
+		primary: {
+			...t,
+			border: "1px solid transparent",
+			background: x.solid,
+			color: x.onSolid
+		},
+		primaryDisabled: {
+			...t,
+			border: "1px solid transparent",
+			background: x.solid,
+			color: x.onSolid,
+			opacity: .5,
+			cursor: "default"
+		},
+		secondary: {
+			...t,
+			border: `1px solid ${x.border}`,
+			background: x.card,
+			color: x.text
+		},
+		link: {
+			padding: 0,
+			border: "none",
+			background: "none",
+			color: x.text,
+			font: "inherit",
+			fontSize: 13,
+			textDecoration: "underline",
+			cursor: "pointer"
+		}
+	};
+}
+//#endregion
+export { g as FEEDBACK_DIALOG_Z_INDEX, f as FEEDBACK_KIND_OPTIONS, v as FeedbackForm, _ as SCREENSHOT_WAIT_MS };

package/hooks/index.d.ts

@@ -1,3 +1,4 @@
 export { useToasts, type Toast } from './use-toasts';
 export { useIkonReactive } from './use-ikon-reactive';
 export { useReactive } from './use-reactive';
+//# sourceMappingURL=index.d.ts.map

package/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../sdk/sdk-react-ui/src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/hooks/use-ikon-reactive.d.ts

@@ -1,4 +1,4 @@
-import { IkonClient } from '../../sdk/sdk/src/index.ts';
+import { IkonClient } from '@ikonai/sdk';
 /**
  * Subscribe to a server-side <c>Reactive&lt;T&gt;</c> and re-render whenever
  * the value changes. The hook returns the current value, starting from the
@@ -12,3 +12,4 @@ import { IkonClient } from '../../sdk/sdk/src/index.ts';
  * <c>useState</c> plumbing.
  */
 export declare function useIkonReactive<T>(client: IkonClient | null | undefined, stableId: string, initialValue: T): T;
+//# sourceMappingURL=use-ikon-reactive.d.ts.map

package/hooks/use-ikon-reactive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-ikon-reactive.d.ts","sourceRoot":"","sources":["../../../../sdk/sdk-react-ui/src/hooks/use-ikon-reactive.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAC/B,MAAM,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,EACrC,QAAQ,EAAE,MAAM,EAChB,YAAY,EAAE,CAAC,GACd,CAAC,CAoCH"}

package/hooks/use-reactive.d.ts

@@ -1,4 +1,4 @@
-import { IkonClient } from '../../sdk/sdk/src/index.ts';
+import { IkonClient } from '@ikonai/sdk';
 /**
  * Subscribe to a server-side <c>Reactive&lt;T&gt;</c> by the C# member name it
  * was declared with. Resolves the stable id once via the framework function
@@ -13,3 +13,4 @@ import { IkonClient } from '../../sdk/sdk/src/index.ts';
  * per-app helper RPC to fetch the hashed stable id.
  */
 export declare function useReactive<T>(client: IkonClient | null | undefined, memberName: string, initialValue: T): T;
+//# sourceMappingURL=use-reactive.d.ts.map

package/hooks/use-reactive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-reactive.d.ts","sourceRoot":"","sources":["../../../../sdk/sdk-react-ui/src/hooks/use-reactive.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAC3B,MAAM,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,EACrC,UAAU,EAAE,MAAM,EAClB,YAAY,EAAE,CAAC,GACd,CAAC,CA2BH"}

package/hooks/use-toasts.d.ts

@@ -8,3 +8,4 @@ export declare function useToasts(maxToasts?: number, autoDismissMs?: number): {
     toasts: Toast[];
     dismissToast: (id: string) => void;
 };
+//# sourceMappingURL=use-toasts.d.ts.map

package/hooks/use-toasts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-toasts.d.ts","sourceRoot":"","sources":["../../../../sdk/sdk-react-ui/src/hooks/use-toasts.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;CACnB;AAID,wBAAgB,SAAS,CAAC,SAAS,SAAI,EAAE,aAAa,SAAO;;uBAIrB,MAAM;EAqD7C"}