@ctrl-ui/react 0.8.0

package/dist/lib/env-file.js

@@ -0,0 +1,218 @@
+//#region src/lib/env-file.ts
+const ENV_FILE_MAX_SIZE = 65536;
+const DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE = "Environment variable keys must be unique";
+var DuplicateEnvironmentVariableKeyError = class extends Error {
+	key;
+	constructor(key) {
+		super(DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE);
+		this.key = key;
+		this.name = "DuplicateEnvironmentVariableKeyError";
+	}
+};
+function createEmptyEnvironmentVariableEntry() {
+	return {
+		key: "",
+		value: ""
+	};
+}
+function rowsFromEnvironmentVariables(envVars) {
+	const entries = Object.entries(envVars ?? {});
+	return entries.length > 0 ? entries.map(([key, value]) => ({
+		key,
+		value: String(value)
+	})) : [createEmptyEnvironmentVariableEntry()];
+}
+function getDuplicateEnvironmentVariableKeys(rows) {
+	const seen = /* @__PURE__ */ new Set();
+	const duplicates = /* @__PURE__ */ new Set();
+	for (const row of rows) {
+		const key = row.key.trim();
+		if (!key) continue;
+		if (seen.has(key)) duplicates.add(key);
+		else seen.add(key);
+	}
+	return duplicates;
+}
+function collectEnvironmentVariables(rows) {
+	const envVars = {};
+	const seen = /* @__PURE__ */ new Set();
+	for (const row of rows) {
+		const key = row.key.trim();
+		if (!key) continue;
+		if (seen.has(key)) throw new DuplicateEnvironmentVariableKeyError(key);
+		seen.add(key);
+		envVars[key] = row.value;
+	}
+	return envVars;
+}
+function parseEnvAssignment(line) {
+	const normalizedLine = line.trim();
+	if (!normalizedLine || normalizedLine.startsWith("#")) return void 0;
+	const stripped = normalizedLine.replace(/^export\s+/, "");
+	const equalsIndex = stripped.indexOf("=");
+	if (equalsIndex === -1) return void 0;
+	const key = stripped.slice(0, equalsIndex).trim();
+	if (!key) return void 0;
+	return {
+		key,
+		rawValue: stripped.slice(equalsIndex + 1)
+	};
+}
+function openingQuote(value) {
+	if (value.startsWith("\"")) return "\"";
+	if (value.startsWith("'")) return "'";
+}
+function parseUnquotedEnvValue(rawValue) {
+	const commentIndex = rawValue.indexOf(" #");
+	return (commentIndex === -1 ? rawValue : rawValue.slice(0, commentIndex)).trim();
+}
+function parseQuotedEnvValue(lines, lineIndex, value, quote) {
+	const closingIndex = findClosingQuoteIndex(value, quote, 1);
+	if (closingIndex !== -1) return {
+		value: unescapeQuotedValue(value.slice(1, closingIndex), quote),
+		nextLineIndex: lineIndex + 1
+	};
+	const parts = [value.slice(1)];
+	let nextLineIndex = lineIndex + 1;
+	while (nextLineIndex < lines.length) {
+		const nextLine = lines[nextLineIndex];
+		if (nextLine === void 0) break;
+		const endIndex = findClosingQuoteIndex(nextLine, quote);
+		if (endIndex !== -1) {
+			parts.push(nextLine.slice(0, endIndex));
+			nextLineIndex += 1;
+			break;
+		}
+		parts.push(nextLine);
+		nextLineIndex += 1;
+	}
+	return {
+		value: unescapeQuotedValue(parts.join("\n"), quote),
+		nextLineIndex
+	};
+}
+function parseEnvValue(lines, lineIndex, rawValue) {
+	const value = rawValue.trimStart();
+	const quote = openingQuote(value);
+	if (quote) return parseQuotedEnvValue(lines, lineIndex, value, quote);
+	return {
+		value: parseUnquotedEnvValue(rawValue),
+		nextLineIndex: lineIndex + 1
+	};
+}
+function parseEnvFileText(text) {
+	const results = [];
+	const lines = text.replace(/^\uFEFF/, "").split(/\r?\n/);
+	let lineIndex = 0;
+	while (lineIndex < lines.length) {
+		const currentLine = lines[lineIndex];
+		if (currentLine === void 0) break;
+		const assignment = parseEnvAssignment(currentLine);
+		if (!assignment) {
+			lineIndex++;
+			continue;
+		}
+		const parsedValue = parseEnvValue(lines, lineIndex, assignment.rawValue);
+		results.push({
+			key: assignment.key,
+			value: parsedValue.value
+		});
+		lineIndex = parsedValue.nextLineIndex;
+	}
+	return results;
+}
+function findClosingQuoteIndex(value, quote, startIndex = 0) {
+	for (let index = startIndex; index < value.length; index++) if (value[index] === quote && !isEscaped(value, index)) return index;
+	return -1;
+}
+function isEscaped(value, index) {
+	let slashCount = 0;
+	for (let cursor = index - 1; cursor >= 0 && value[cursor] === "\\"; cursor--) slashCount++;
+	return slashCount % 2 === 1;
+}
+const DOUBLE_QUOTED_CONTROL_ESCAPES = {
+	n: "\n",
+	r: "\r",
+	t: "	"
+};
+function escapedQuotedCharacter(next, quote) {
+	if (next === quote || next === "\\") return next;
+	if (quote === "'") return void 0;
+	return DOUBLE_QUOTED_CONTROL_ESCAPES[next];
+}
+function unescapeQuotedValue(value, quote) {
+	let result = "";
+	for (let index = 0; index < value.length; index++) {
+		const current = value[index];
+		const next = value[index + 1];
+		if (current !== "\\" || next === void 0) {
+			result += current;
+			continue;
+		}
+		const unescaped = escapedQuotedCharacter(next, quote);
+		result += unescaped ?? current;
+		if (unescaped !== void 0) index++;
+	}
+	return result;
+}
+function escapeDoubleQuotedValue(value) {
+	return value.replace(/\\/g, "\\\\").replace(/"/g, "\\\"");
+}
+function shouldQuoteValue(value) {
+	return value.includes("\n") || value.includes("\r") || value.includes(" #") || /^\s|\s$/.test(value);
+}
+function rowsToEnvFileText(rows) {
+	const lines = [];
+	for (const row of rows) {
+		const key = row.key.trim();
+		if (!key) continue;
+		const value = row.value;
+		lines.push(shouldQuoteValue(value) ? `${key}="${escapeDoubleQuotedValue(value)}"` : `${key}=${value}`);
+	}
+	return lines.join("\n");
+}
+async function readEnvFile(file, options = {}) {
+	const maxSize = options.maxSize ?? 65536;
+	if (file.size > maxSize) return {
+		ok: false,
+		error: `File is too large (max ${Math.ceil(maxSize / 1024)} KB).`
+	};
+	let text;
+	try {
+		text = await readFileText(file);
+	} catch {
+		return {
+			ok: false,
+			error: "Could not read the selected file. Please try again."
+		};
+	}
+	if (text.includes("\0")) return {
+		ok: false,
+		error: "File appears to be binary. Please import a plain-text .env file."
+	};
+	const entries = parseEnvFileText(text);
+	if (entries.length === 0) return {
+		ok: false,
+		error: "No valid environment variables found in the file."
+	};
+	return {
+		ok: true,
+		entries
+	};
+}
+async function readFileText(file) {
+	if (typeof file.text === "function") try {
+		return await file.text();
+	} catch {}
+	return new Promise((resolve, reject) => {
+		const reader = new FileReader();
+		reader.onload = () => {
+			if (typeof reader.result === "string") resolve(reader.result);
+			else reject(/* @__PURE__ */ new Error("FileReader returned non-text content."));
+		};
+		reader.onerror = () => reject(reader.error ?? /* @__PURE__ */ new Error("FileReader failed."));
+		reader.readAsText(file);
+	});
+}
+//#endregion
+export { DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE, DuplicateEnvironmentVariableKeyError, ENV_FILE_MAX_SIZE, collectEnvironmentVariables, createEmptyEnvironmentVariableEntry, getDuplicateEnvironmentVariableKeys, parseEnvFileText, readEnvFile, rowsFromEnvironmentVariables, rowsToEnvFileText };

package/dist/lib/format-audio-recorder-duration.d.ts

@@ -0,0 +1,4 @@
+//#region src/lib/format-audio-recorder-duration.d.ts
+declare function formatAudioRecorderDuration(durationMs: number): string;
+//#endregion
+export { formatAudioRecorderDuration };

package/dist/lib/format-audio-recorder-duration.js

@@ -0,0 +1,7 @@
+//#region src/lib/format-audio-recorder-duration.ts
+function formatAudioRecorderDuration(durationMs) {
+	const totalSeconds = Math.max(0, Math.floor(durationMs / 1e3));
+	return `${Math.floor(totalSeconds / 60)}:${String(totalSeconds % 60).padStart(2, "0")}`;
+}
+//#endregion
+export { formatAudioRecorderDuration };

package/dist/lib/liquid-glass-optics.d.ts

@@ -0,0 +1,4 @@
+//#region src/lib/liquid-glass-optics.d.ts
+declare const LIQUID_GLASS_OPTICS_GLSL = "\nconst float LIQUID_GLASS_REFRACTIVE_INDEX = 1.5;\n\nfloat liquidPLength(vec2 value, float exponent) {\n  return pow(pow(value.x, exponent) + pow(value.y, exponent), 1.0 / exponent);\n}\n\nfloat liquidSurfaceSDF(vec2 point, vec2 halfSize, float cornerRadius, float cornerExponent) {\n  float radius = min(cornerRadius, min(halfSize.x, halfSize.y));\n  vec2 q = abs(point) - halfSize + vec2(radius);\n  vec2 outside = max(q, vec2(0.0));\n  float corner = liquidPLength(outside, cornerExponent);\n  return min(max(q.x, q.y), 0.0) + corner - radius;\n}\n\nfloat liquidOpticalInsideDistance(\n  vec2 point,\n  vec2 halfSize,\n  float cornerRadius,\n  float cornerExponent\n) {\n  return max(-liquidSurfaceSDF(point, halfSize, cornerRadius, cornerExponent), 0.0);\n}\n\nvec2 liquidInwardOpticalNormal(\n  vec2 point,\n  vec2 halfSize,\n  float cornerRadius,\n  float cornerExponent\n) {\n  float epsilon = 0.35;\n  vec2 gradient = vec2(\n    liquidSurfaceSDF(point + vec2(epsilon, 0.0), halfSize, cornerRadius, cornerExponent)\n      - liquidSurfaceSDF(point - vec2(epsilon, 0.0), halfSize, cornerRadius, cornerExponent),\n    liquidSurfaceSDF(point + vec2(0.0, epsilon), halfSize, cornerRadius, cornerExponent)\n      - liquidSurfaceSDF(point - vec2(0.0, epsilon), halfSize, cornerRadius, cornerExponent)\n  );\n  float gradientLength = length(gradient);\n  if (gradientLength <= 0.0001) return vec2(0.0);\n  return -gradient / gradientLength;\n}\n\nfloat liquidEdgeWidth(vec2 size, float edgeRatio, float edgeCap) {\n  vec2 halfSize = size * 0.5;\n  float requestedWidth = min(max(min(size.x, size.y) * edgeRatio, 18.0), edgeCap);\n  return min(requestedWidth, max(min(halfSize.x, halfSize.y) - 1.0, 0.001));\n}\n\nfloat liquidEdgeLens(float opticalInside, float edgeWidth) {\n  float edgeDistance = clamp(opticalInside / max(edgeWidth, 0.001), 0.0, 1.0);\n  return pow(1.0 - edgeDistance, 1.35);\n}\n\nfloat liquidConvexSurfaceSlopeForExponent(float radialDistance, float exponent) {\n  float profile = max(1.0 - pow(radialDistance, exponent), 0.0001);\n  return pow(radialDistance, exponent - 1.0) * pow(profile, 1.0 / exponent - 1.0);\n}\n\nfloat liquidConvexSurfaceSlope(float opticalInside, float edgeWidth) {\n  float edgeDistance = clamp(opticalInside / max(edgeWidth, 0.001), 0.0005, 0.9995);\n  float radialDistance = 1.0 - edgeDistance;\n  float squircleSlope = liquidConvexSurfaceSlopeForExponent(radialDistance, 4.0);\n  float circularSlope = liquidConvexSurfaceSlopeForExponent(radialDistance, 2.0);\n  return min(mix(squircleSlope, circularSlope, 0.55), 12.0);\n}\n\nvec3 liquidLensSurfaceNormal(vec2 inwardNormal, float opticalInside, float edgeWidth) {\n  float slope = liquidConvexSurfaceSlope(opticalInside, edgeWidth);\n  return normalize(vec3(-inwardNormal * slope, 1.0));\n}\n\nvec2 liquidRefractedOffset(\n  vec2 inwardNormal,\n  float opticalInside,\n  float edgeWidth,\n  float depthScale\n) {\n  float edgeDistance = clamp(opticalInside / max(edgeWidth, 0.001), 0.0, 1.0);\n  if (edgeDistance >= 1.0) return vec2(0.0);\n\n  vec3 surfaceNormal = liquidLensSurfaceNormal(inwardNormal, opticalInside, edgeWidth);\n  vec3 ray = refract(vec3(0.0, 0.0, -1.0), surfaceNormal, 1.0 / LIQUID_GLASS_REFRACTIVE_INDEX);\n  vec2 snellOffset = ray.xy / max(-ray.z, 0.2) * edgeWidth * depthScale;\n\n  float radialDistance = 1.0 - edgeDistance;\n  float circularRoll = 1.0 - sqrt(max(1.0 - radialDistance * radialDistance, 0.0));\n  vec2 rollOffset = inwardNormal * circularRoll * edgeWidth * 0.18;\n  float interiorFade = 1.0 - smoothstep(0.82, 1.0, edgeDistance);\n  vec2 offset = (snellOffset + rollOffset) * interiorFade;\n  float maximumOffset = edgeWidth * 1.05;\n  return offset * min(1.0, maximumOffset / max(length(offset), 0.0001));\n}\n";
+//#endregion
+export { LIQUID_GLASS_OPTICS_GLSL };

package/dist/lib/liquid-glass-optics.js

@@ -0,0 +1,96 @@
+//#region src/lib/liquid-glass-optics.ts
+const LIQUID_GLASS_OPTICS_GLSL = `
+const float LIQUID_GLASS_REFRACTIVE_INDEX = 1.5;
+
+float liquidPLength(vec2 value, float exponent) {
+  return pow(pow(value.x, exponent) + pow(value.y, exponent), 1.0 / exponent);
+}
+
+float liquidSurfaceSDF(vec2 point, vec2 halfSize, float cornerRadius, float cornerExponent) {
+  float radius = min(cornerRadius, min(halfSize.x, halfSize.y));
+  vec2 q = abs(point) - halfSize + vec2(radius);
+  vec2 outside = max(q, vec2(0.0));
+  float corner = liquidPLength(outside, cornerExponent);
+  return min(max(q.x, q.y), 0.0) + corner - radius;
+}
+
+float liquidOpticalInsideDistance(
+  vec2 point,
+  vec2 halfSize,
+  float cornerRadius,
+  float cornerExponent
+) {
+  return max(-liquidSurfaceSDF(point, halfSize, cornerRadius, cornerExponent), 0.0);
+}
+
+vec2 liquidInwardOpticalNormal(
+  vec2 point,
+  vec2 halfSize,
+  float cornerRadius,
+  float cornerExponent
+) {
+  float epsilon = 0.35;
+  vec2 gradient = vec2(
+    liquidSurfaceSDF(point + vec2(epsilon, 0.0), halfSize, cornerRadius, cornerExponent)
+      - liquidSurfaceSDF(point - vec2(epsilon, 0.0), halfSize, cornerRadius, cornerExponent),
+    liquidSurfaceSDF(point + vec2(0.0, epsilon), halfSize, cornerRadius, cornerExponent)
+      - liquidSurfaceSDF(point - vec2(0.0, epsilon), halfSize, cornerRadius, cornerExponent)
+  );
+  float gradientLength = length(gradient);
+  if (gradientLength <= 0.0001) return vec2(0.0);
+  return -gradient / gradientLength;
+}
+
+float liquidEdgeWidth(vec2 size, float edgeRatio, float edgeCap) {
+  vec2 halfSize = size * 0.5;
+  float requestedWidth = min(max(min(size.x, size.y) * edgeRatio, 18.0), edgeCap);
+  return min(requestedWidth, max(min(halfSize.x, halfSize.y) - 1.0, 0.001));
+}
+
+float liquidEdgeLens(float opticalInside, float edgeWidth) {
+  float edgeDistance = clamp(opticalInside / max(edgeWidth, 0.001), 0.0, 1.0);
+  return pow(1.0 - edgeDistance, 1.35);
+}
+
+float liquidConvexSurfaceSlopeForExponent(float radialDistance, float exponent) {
+  float profile = max(1.0 - pow(radialDistance, exponent), 0.0001);
+  return pow(radialDistance, exponent - 1.0) * pow(profile, 1.0 / exponent - 1.0);
+}
+
+float liquidConvexSurfaceSlope(float opticalInside, float edgeWidth) {
+  float edgeDistance = clamp(opticalInside / max(edgeWidth, 0.001), 0.0005, 0.9995);
+  float radialDistance = 1.0 - edgeDistance;
+  float squircleSlope = liquidConvexSurfaceSlopeForExponent(radialDistance, 4.0);
+  float circularSlope = liquidConvexSurfaceSlopeForExponent(radialDistance, 2.0);
+  return min(mix(squircleSlope, circularSlope, 0.55), 12.0);
+}
+
+vec3 liquidLensSurfaceNormal(vec2 inwardNormal, float opticalInside, float edgeWidth) {
+  float slope = liquidConvexSurfaceSlope(opticalInside, edgeWidth);
+  return normalize(vec3(-inwardNormal * slope, 1.0));
+}
+
+vec2 liquidRefractedOffset(
+  vec2 inwardNormal,
+  float opticalInside,
+  float edgeWidth,
+  float depthScale
+) {
+  float edgeDistance = clamp(opticalInside / max(edgeWidth, 0.001), 0.0, 1.0);
+  if (edgeDistance >= 1.0) return vec2(0.0);
+
+  vec3 surfaceNormal = liquidLensSurfaceNormal(inwardNormal, opticalInside, edgeWidth);
+  vec3 ray = refract(vec3(0.0, 0.0, -1.0), surfaceNormal, 1.0 / LIQUID_GLASS_REFRACTIVE_INDEX);
+  vec2 snellOffset = ray.xy / max(-ray.z, 0.2) * edgeWidth * depthScale;
+
+  float radialDistance = 1.0 - edgeDistance;
+  float circularRoll = 1.0 - sqrt(max(1.0 - radialDistance * radialDistance, 0.0));
+  vec2 rollOffset = inwardNormal * circularRoll * edgeWidth * 0.18;
+  float interiorFade = 1.0 - smoothstep(0.82, 1.0, edgeDistance);
+  vec2 offset = (snellOffset + rollOffset) * interiorFade;
+  float maximumOffset = edgeWidth * 1.05;
+  return offset * min(1.0, maximumOffset / max(length(offset), 0.0001));
+}
+`;
+//#endregion
+export { LIQUID_GLASS_OPTICS_GLSL };

package/dist/lib/phone-input-format.d.ts

@@ -0,0 +1,6 @@
+import { Country, Value } from "react-phone-number-input/max";
+//#region src/lib/phone-input-format.d.ts
+declare function normalizePhoneInputText(value: string, country: Country | undefined): string;
+declare function normalizePhoneInputValue(value: Value | undefined, country: Country | undefined): string | undefined;
+//#endregion
+export { normalizePhoneInputText, normalizePhoneInputValue };

package/dist/lib/phone-input-format.js

@@ -0,0 +1,26 @@
+import { AsYouType } from "libphonenumber-js/max";
+import { getCountryCallingCode } from "react-phone-number-input/max";
+//#region src/lib/phone-input-format.ts
+function normalizePhoneInputText(value, country) {
+	if (!country) return value;
+	const callingCode = `+${getCountryCallingCode(country)}`;
+	if (!value.startsWith(callingCode)) return value;
+	const nationalDigits = value.slice(callingCode.length).replaceAll(/\D/g, "");
+	if (!nationalDigits) return value;
+	const nationalFormatter = new AsYouType(country);
+	nationalFormatter.input(nationalDigits);
+	const normalizedValue = nationalFormatter.getNumberValue();
+	return normalizedValue ? new AsYouType().input(normalizedValue) : value;
+}
+function normalizePhoneInputValue(value, country) {
+	if (!value || !country) return value;
+	const callingCode = `+${getCountryCallingCode(country)}`;
+	if (!value.startsWith(callingCode)) return value;
+	const nationalDigits = value.slice(callingCode.length);
+	if (!nationalDigits) return value;
+	const formatter = new AsYouType(country);
+	formatter.input(nationalDigits);
+	return formatter.getNumberValue();
+}
+//#endregion
+export { normalizePhoneInputText, normalizePhoneInputValue };

package/dist/lib/phone-number.d.ts

@@ -0,0 +1,18 @@
+//#region src/lib/phone-number.d.ts
+type PhoneNumberValidationMode = "possible" | "valid";
+type PhoneNumberSchemaMessages = {
+  format?: string;
+  invalid?: string;
+  mobile?: string;
+};
+type PhoneNumberSchemaOptions = {
+  mode?: PhoneNumberValidationMode;
+  mobileOnly?: boolean;
+  messages?: PhoneNumberSchemaMessages;
+};
+declare function createPhoneNumberSchema({ mode, mobileOnly, messages }?: PhoneNumberSchemaOptions): import("zod").ZodPipe<import("zod").ZodE164, import("zod").ZodTransform<string, string>>;
+declare const phoneNumberSchema: import("zod").ZodPipe<import("zod").ZodE164, import("zod").ZodTransform<string, string>>;
+declare const possiblePhoneNumberSchema: import("zod").ZodPipe<import("zod").ZodE164, import("zod").ZodTransform<string, string>>;
+declare const mobilePhoneNumberSchema: import("zod").ZodPipe<import("zod").ZodE164, import("zod").ZodTransform<string, string>>;
+//#endregion
+export { PhoneNumberSchemaMessages, PhoneNumberSchemaOptions, PhoneNumberValidationMode, createPhoneNumberSchema, mobilePhoneNumberSchema, phoneNumberSchema, possiblePhoneNumberSchema };

package/dist/lib/phone-number.js

@@ -0,0 +1,28 @@
+import { isPossiblePhoneNumber, isValidPhoneNumber, parsePhoneNumber } from "react-phone-number-input/max";
+import { e164 } from "zod";
+//#region src/lib/phone-number.ts
+const DEFAULT_MESSAGES = {
+	format: "Enter a phone number in international format.",
+	invalid: "Enter a valid phone number.",
+	mobile: "Enter a mobile phone number."
+};
+const MOBILE_TYPES = /* @__PURE__ */ new Set(["MOBILE", "FIXED_LINE_OR_MOBILE"]);
+function isMobilePhoneNumber(value) {
+	try {
+		const type = parsePhoneNumber(value)?.getType();
+		return type ? MOBILE_TYPES.has(type) : false;
+	} catch {
+		return false;
+	}
+}
+function createPhoneNumberSchema({ mode = "valid", mobileOnly = false, messages = {} } = {}) {
+	const isAccepted = mode === "possible" ? isPossiblePhoneNumber : isValidPhoneNumber;
+	let schema = e164(messages.format ?? DEFAULT_MESSAGES.format).refine(isAccepted, messages.invalid ?? DEFAULT_MESSAGES.invalid);
+	if (mobileOnly) schema = schema.refine(isMobilePhoneNumber, messages.mobile ?? DEFAULT_MESSAGES.mobile);
+	return schema.transform((value) => value);
+}
+const phoneNumberSchema = createPhoneNumberSchema();
+const possiblePhoneNumberSchema = createPhoneNumberSchema({ mode: "possible" });
+const mobilePhoneNumberSchema = createPhoneNumberSchema({ mobileOnly: true });
+//#endregion
+export { createPhoneNumberSchema, mobilePhoneNumberSchema, phoneNumberSchema, possiblePhoneNumberSchema };

package/dist/lib/trigger-detect.d.ts

@@ -0,0 +1,15 @@
+//#region src/lib/trigger-detect.d.ts
+type TriggerMatch = {
+  /** trigger character that opened menu (e.g. "/" or "@"). */
+  char: string;
+  /** Text typed after trigger char, up to caret (never contains whitespace). */
+  query: string;
+  /** Offset of trigger char in scanned text; token spans [start, end). */
+  start: number;
+  /** Offset of caret in scanned text (exclusive end of trigger token). */
+  end: number;
+};
+declare function detectTrigger(textBeforeCaret: string, triggerChars: readonly string[]): TriggerMatch | null;
+declare function caretRectInTextarea(element: HTMLTextAreaElement, offset: number): DOMRect;
+//#endregion
+export { TriggerMatch, caretRectInTextarea, detectTrigger };

package/dist/lib/trigger-detect.js

@@ -0,0 +1,77 @@
+//#region src/lib/trigger-detect.ts
+const WHITESPACE = /* @__PURE__ */ new Set([
+	" ",
+	"\n",
+	"	",
+	"\xA0"
+]);
+function detectTrigger(textBeforeCaret, triggerChars) {
+	const triggerSet = new Set(triggerChars);
+	for (let i = textBeforeCaret.length - 1; i >= 0; i -= 1) {
+		const char = textBeforeCaret.at(i);
+		if (char === void 0) return null;
+		if (WHITESPACE.has(char)) return null;
+		if (triggerSet.has(char)) {
+			const preceding = i === 0 ? "" : textBeforeCaret.at(i - 1) ?? "";
+			if (preceding === "" || WHITESPACE.has(preceding)) return {
+				char,
+				query: textBeforeCaret.slice(i + 1),
+				start: i,
+				end: textBeforeCaret.length
+			};
+			return null;
+		}
+	}
+	return null;
+}
+const MIRROR_PROPERTIES = [
+	"box-sizing",
+	"width",
+	"font-family",
+	"font-size",
+	"font-weight",
+	"font-style",
+	"font-variant",
+	"letter-spacing",
+	"text-transform",
+	"text-indent",
+	"line-height",
+	"tab-size",
+	"padding-top",
+	"padding-right",
+	"padding-bottom",
+	"padding-left",
+	"border-top-width",
+	"border-right-width",
+	"border-bottom-width",
+	"border-left-width"
+];
+function caretRectInTextarea(element, offset) {
+	const doc = element.ownerDocument;
+	const computed = doc.defaultView?.getComputedStyle(element);
+	const mirror = doc.createElement("div");
+	const style = mirror.style;
+	style.position = "absolute";
+	style.visibility = "hidden";
+	style.whiteSpace = "pre-wrap";
+	style.overflowWrap = "break-word";
+	style.top = "0";
+	style.left = "-9999px";
+	if (computed) for (const property of MIRROR_PROPERTIES) style.setProperty(property, computed.getPropertyValue(property));
+	mirror.textContent = element.value.slice(0, offset);
+	const marker = doc.createElement("span");
+	marker.textContent = element.value.slice(offset) || ".";
+	mirror.appendChild(marker);
+	doc.body.appendChild(mirror);
+	const elementRect = element.getBoundingClientRect();
+	const mirrorRect = mirror.getBoundingClientRect();
+	const markerRect = marker.getBoundingClientRect();
+	const lineHeight = computed ? Number.parseFloat(computed.lineHeight) : 0;
+	const height = markerRect.height || (Number.isFinite(lineHeight) ? lineHeight : 16);
+	const x = elementRect.left + (markerRect.left - mirrorRect.left) - element.scrollLeft;
+	const y = elementRect.top + (markerRect.top - mirrorRect.top) - element.scrollTop;
+	doc.body.removeChild(mirror);
+	return new DOMRect(x, y, 1, height);
+}
+//#endregion
+export { caretRectInTextarea, detectTrigger };

package/dist/markdown-block.d.ts

@@ -0,0 +1,25 @@
+import { MarkdownBlockKnobStyle } from "./knob-contracts/markdown-block-knobs.js";
+import { CodeCopyProps } from "./ui/code.js";
+import { CSSProperties, ComponentProps } from "react";
+//#region src/markdown-block.d.ts
+type MarkdownBlockProps = Omit<ComponentProps<"figure">, "style"> & {
+  code: string;
+  style?: CSSProperties & MarkdownBlockKnobStyle;
+};
+declare function MarkdownBlock({ code, className, children, ...props }: MarkdownBlockProps): import("react").JSX.Element;
+type MarkdownBlockHeaderProps = Omit<ComponentProps<"figcaption">, "style"> & {
+  style?: CSSProperties & MarkdownBlockKnobStyle;
+};
+declare function MarkdownBlockHeader({ className, ...props }: MarkdownBlockHeaderProps): import("react").JSX.Element;
+type MarkdownBlockTitleProps = Omit<ComponentProps<"div">, "style"> & {
+  style?: CSSProperties & MarkdownBlockKnobStyle;
+};
+declare function MarkdownBlockTitle({ children, className, ...props }: MarkdownBlockTitleProps): import("react").JSX.Element;
+type MarkdownBlockCopyProps = Omit<CodeCopyProps, "value">;
+declare function MarkdownBlockCopy({ "aria-label": ariaLabel, ...props }: MarkdownBlockCopyProps): import("react").JSX.Element;
+type MarkdownBlockContentProps = ComponentProps<"div"> & {
+  style?: CSSProperties & MarkdownBlockKnobStyle;
+};
+declare function MarkdownBlockContent({ children, className, ...props }: MarkdownBlockContentProps): import("react").JSX.Element;
+//#endregion
+export { MarkdownBlock, MarkdownBlockContent, MarkdownBlockContentProps, MarkdownBlockCopy, MarkdownBlockCopyProps, MarkdownBlockHeader, MarkdownBlockHeaderProps, MarkdownBlockProps, MarkdownBlockTitle, MarkdownBlockTitleProps };

package/dist/markdown-block.js

@@ -0,0 +1,77 @@
+"use client";
+import { cn } from "./lib/cn.js";
+import { CodeCopy } from "./ui/code.js";
+import { Markdown } from "./ui/markdown.js";
+import { createContext, useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/markdown-block.tsx
+const MarkdownBlockContext = createContext(null);
+function useMarkdownBlockContext() {
+	const code = useContext(MarkdownBlockContext);
+	if (code === null) throw new Error("MarkdownBlock compound components must be rendered inside <MarkdownBlock>.");
+	return code;
+}
+function MarkdownBlock({ code, className, children, ...props }) {
+	return /* @__PURE__ */ jsx(MarkdownBlockContext.Provider, {
+		value: code,
+		children: /* @__PURE__ */ jsx("figure", {
+			"data-control-ui": "markdown-block",
+			"data-control-family": "markdown-block",
+			"data-slot": "root",
+			"data-surface": "panel",
+			className: cn("overflow-hidden", className),
+			...props,
+			children
+		})
+	});
+}
+function MarkdownBlockHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("figcaption", {
+		"data-control-ui": "markdown-block",
+		"data-control-family": "markdown-block",
+		"data-slot": "header",
+		className: cn("sticky top-0 z-10 flex items-center justify-between", className),
+		...props
+	});
+}
+function MarkdownBlockTitle({ children = "Markdown", className, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-control-ui": "markdown-block",
+		"data-control-family": "markdown-block",
+		"data-slot": "title",
+		className: cn("flex min-w-0 items-center", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			"data-control-ui": "markdown-block",
+			"data-control-family": "markdown-block",
+			"data-slot": "title-icon",
+			className: "flex items-center justify-center",
+			children: "MD"
+		}), /* @__PURE__ */ jsx("span", {
+			className: "truncate",
+			children
+		})]
+	});
+}
+function MarkdownBlockCopy({ "aria-label": ariaLabel = "Copy markdown", ...props }) {
+	const code = useMarkdownBlockContext();
+	return /* @__PURE__ */ jsx(CodeCopy, {
+		value: code,
+		"aria-label": ariaLabel,
+		...props
+	});
+}
+function MarkdownBlockContent({ children, className, ...props }) {
+	const code = useMarkdownBlockContext();
+	return /* @__PURE__ */ jsx("div", {
+		"data-control-ui": "markdown-block",
+		"data-control-family": "markdown-block",
+		"data-slot": "content",
+		className: cn("max-h-[420px] overflow-auto mask-y-from-[calc(100%_-_var(--scroll-fade-size))]", className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(Markdown, { content: code })
+	});
+}
+//#endregion
+export { MarkdownBlock, MarkdownBlockContent, MarkdownBlockCopy, MarkdownBlockHeader, MarkdownBlockTitle };

package/dist/skin.config.d.ts

@@ -0,0 +1,5 @@
+import { ControlUiSkin } from "./skin.js";
+//#region src/skin.config.d.ts
+declare const skin: ControlUiSkin;
+//#endregion
+export { skin };

package/dist/skin.config.js

@@ -0,0 +1,4 @@
+//#region src/skin.config.tsx
+const skin = { id: "refined" };
+//#endregion
+export { skin };