@logicplanes/kaeso-ui 0.2.1 → 0.3.0

package/dist/chunks/identity-BtZC_d_Q.js

@@ -1,342 +0,0 @@
-"use client";
-import { t as e } from "./cn-CidVUKMm.js";
-import { i as t } from "./context-BELWW79w.js";
-import { formatNumber as n } from "../format.js";
-import { t as r } from "./icon-CeNQtobn.js";
-import { r as i } from "./tooltip-DEbCCsru.js";
-import { n as a } from "./copy-button-DXxn-YYZ.js";
-import { t as o } from "./badge-Dkyhs0_j.js";
-import { forwardRef as s } from "react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-import { CpuIcon as d, Image01Icon as f, Pdf01Icon as p, SourceCodeIcon as m, ToolsIcon as h } from "@hugeicons/core-free-icons";
-//#region src/components/kaeso/provider-marks.ts
-var g = {
-	openai: "M9.205 8.658v-2.26c0-.19.072-.333.238-.428l4.543-2.616c.619-.357 1.356-.523 2.117-.523 2.854 0 4.662 2.212 4.662 4.566 0 .167 0 .357-.024.547l-4.71-2.759a.797.797 0 00-.856 0l-5.97 3.473zm10.609 8.8V12.06c0-.333-.143-.57-.429-.737l-5.97-3.473 1.95-1.118a.433.433 0 01.476 0l4.543 2.617c1.309.76 2.189 2.378 2.189 3.948 0 1.808-1.07 3.473-2.76 4.163zM7.802 12.703l-1.95-1.142c-.167-.095-.239-.238-.239-.428V5.899c0-2.545 1.95-4.472 4.591-4.472 1 0 1.927.333 2.712.928L8.23 5.067c-.285.166-.428.404-.428.737v6.898zM12 15.128l-2.795-1.57v-3.33L12 8.658l2.795 1.57v3.33L12 15.128zm1.796 7.23c-1 0-1.927-.332-2.712-.927l4.686-2.712c.285-.166.428-.404.428-.737v-6.898l1.974 1.142c.167.095.238.238.238.428v5.233c0 2.545-1.974 4.472-4.614 4.472zm-5.637-5.303l-4.544-2.617c-1.308-.761-2.188-2.378-2.188-3.948A4.482 4.482 0 014.21 6.327v5.423c0 .333.143.571.428.738l5.947 3.449-1.95 1.118a.432.432 0 01-.476 0zm-.262 3.9c-2.688 0-4.662-2.021-4.662-4.519 0-.19.024-.38.047-.57l4.686 2.71c.286.167.571.167.856 0l5.97-3.448v2.26c0 .19-.07.333-.237.428l-4.543 2.616c-.619.357-1.356.523-2.117.523zm5.899 2.83a5.947 5.947 0 005.827-4.756C22.287 18.339 24 15.84 24 13.296c0-1.665-.713-3.282-1.998-4.448.119-.5.19-.999.19-1.498 0-3.401-2.759-5.947-5.946-5.947-.642 0-1.26.095-1.88.31A5.962 5.962 0 0010.205 0a5.947 5.947 0 00-5.827 4.757C1.713 5.447 0 7.945 0 10.49c0 1.666.713 3.283 1.998 4.448-.119.5-.19 1-.19 1.499 0 3.401 2.759 5.946 5.946 5.946.642 0 1.26-.095 1.88-.309a5.96 5.96 0 004.162 1.713z",
-	anthropic: "M13.827 3.52h3.603L24 20h-3.603l-6.57-16.48zm-7.258 0h3.767L16.906 20h-3.674l-1.343-3.461H5.017l-1.344 3.46H0L6.57 3.522zm4.132 9.959L8.453 7.687 6.205 13.48H10.7z"
-}, _ = { provider: {
-	sm: { classes: "size-16 rounded-cell text-micro" },
-	md: { classes: "size-20 rounded-avatar text-micro" },
-	lg: { classes: "size-28 rounded-org text-caption" },
-	xl: { classes: "size-40 rounded-org text-body" }
-} }, v = { provider: "md" }, y = {
-	openai: "O",
-	anthropic: "A",
-	google: "G",
-	mistral: "M",
-	groq: "Gq",
-	deepseek: "D",
-	xai: "X",
-	cohere: "C",
-	bedrock: "B",
-	azure: "Az",
-	ollama: "Ol"
-}, b = {
-	openai: "OpenAI",
-	anthropic: "Anthropic",
-	google: "Google",
-	mistral: "Mistral",
-	groq: "Groq",
-	deepseek: "DeepSeek",
-	xai: "xAI",
-	cohere: "Cohere",
-	bedrock: "Amazon Bedrock",
-	azure: "Azure OpenAI",
-	ollama: "Ollama"
-}, x = (e) => b[e] ?? e, S = {
-	sm: "size-10",
-	md: "size-12",
-	lg: "size-16",
-	xl: "size-24"
-}, C = /* @__PURE__ */ s(function({ provider: t, size: n = "md", withName: r, className: i }, a) {
-	let o = g[t], s = /* @__PURE__ */ l("span", {
-		"aria-hidden": r || void 0,
-		...r ? {} : {
-			role: "img",
-			"aria-label": x(t)
-		},
-		className: e("inline-flex shrink-0 items-center justify-center bg-fill-1 font-semibold shadow-ring", o ? "text-fg" : "text-fg-secondary", _.provider[n].classes),
-		children: o ? /* @__PURE__ */ l("svg", {
-			viewBox: "0 0 24 24",
-			fill: "currentColor",
-			fillRule: "evenodd",
-			"aria-hidden": !0,
-			className: S[n],
-			children: /* @__PURE__ */ l("path", { d: o })
-		}) : y[t] ?? t.slice(0, 1).toUpperCase()
-	});
-	return r ? /* @__PURE__ */ u("span", {
-		ref: a,
-		className: e("inline-flex max-w-full min-w-0 items-center gap-8 text-body text-fg", i),
-		children: [s, /* @__PURE__ */ l("span", {
-			className: "min-w-0 truncate",
-			children: x(t)
-		})]
-	}) : /* @__PURE__ */ l("span", {
-		ref: a,
-		className: e("inline-flex", i),
-		children: s
-	});
-});
-process.env.NODE_ENV !== "production" && (C.displayName = "ProviderBadge");
-var w = {
-	tools: h,
-	reasoning: d,
-	vision: f,
-	pdf: p,
-	structuredOutput: m
-};
-function T(e) {
-	return {
-		tools: e("modelLabel.toolCalling", "Tool calling"),
-		reasoning: e("modelLabel.reasoning", "Reasoning"),
-		vision: e("modelLabel.imageInput", "Image input"),
-		pdf: e("modelLabel.pdfInput", "PDF input"),
-		structuredOutput: e("modelLabel.structuredOutput", "Structured output")
-	};
-}
-var E = 14, D = /* @__PURE__ */ s(function({ provider: n, model: a, name: o, capabilities: s = [], className: d }, f) {
-	let p = t(), m = T(p);
-	return /* @__PURE__ */ u("span", {
-		ref: f,
-		className: e("inline-flex max-w-full min-w-0 items-center gap-8", d),
-		children: [
-			/* @__PURE__ */ l(C, { provider: n }),
-			o ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("span", {
-				className: "min-w-0 truncate text-body text-fg",
-				children: o
-			}), /* @__PURE__ */ u("span", {
-				className: "flex h-20 min-w-0 flex-1 basis-0 flex-wrap content-start items-center overflow-hidden",
-				children: [/* @__PURE__ */ l("span", {
-					"aria-hidden": !0,
-					className: "h-20 w-0"
-				}), /* @__PURE__ */ l("span", {
-					className: e("flex-1 truncate mono text-small text-fg-secondary", a.length <= E ? "min-w-max" : "min-w-96"),
-					children: a
-				})]
-			})] }) : /* @__PURE__ */ l("span", {
-				className: "min-w-0 truncate mono text-small text-fg",
-				children: a
-			}),
-			s.length > 0 && /* @__PURE__ */ l("span", {
-				role: "img",
-				className: "hidden shrink-0 items-center gap-2 sm:flex",
-				"aria-label": p("modelLabel.capabilities", "Capabilities: {list}", { list: s.map((e) => m[e]).join(p("modelLabel.listSeparator", ", ")) }),
-				children: s.map((e) => /* @__PURE__ */ l(i, {
-					content: m[e],
-					children: /* @__PURE__ */ l("span", {
-						className: "inline-flex size-20 items-center justify-center rounded-pill text-fg-tertiary hover:text-fg",
-						children: /* @__PURE__ */ l(r, {
-							icon: w[e],
-							size: "xs"
-						})
-					})
-				}, e))
-			})
-		]
-	});
-});
-process.env.NODE_ENV !== "production" && (D.displayName = "ModelLabel");
-var O = {
-	active: "success",
-	disabled: "neutral",
-	expired: "warning",
-	archived: "neutral"
-};
-function k(e) {
-	return {
-		inference: e("keyDisplay.inference", "Inference"),
-		platform: e("keyDisplay.platform", "Platform"),
-		both: e("keyDisplay.inferenceAndPlatform", "Inference + platform")
-	};
-}
-function A(e) {
-	return {
-		active: e("keyDisplay.active", "Active"),
-		disabled: e("keyDisplay.disabled", "Disabled"),
-		expired: e("keyDisplay.expired", "Expired"),
-		archived: e("keyDisplay.archived", "Archived")
-	};
-}
-var j = /* @__PURE__ */ s(function({ redacted: n, state: r = "active", access: i, copy: s = !0, className: c }, d) {
-	let f = t();
-	return /* @__PURE__ */ u("span", {
-		ref: d,
-		className: e("group/key inline-flex max-w-full min-w-0 items-center gap-8", c),
-		children: [
-			/* @__PURE__ */ l("span", {
-				className: e("min-w-0 truncate mono text-small", r === "active" ? "text-fg" : "text-fg-secondary"),
-				children: n
-			}),
-			r !== "active" && /* @__PURE__ */ l(o, {
-				tone: O[r] === "warning" ? "warning" : "neutral",
-				children: A(f)[r]
-			}),
-			i && /* @__PURE__ */ l(o, {
-				tone: i === "inference" ? "neutral" : "outline",
-				children: k(f)[i]
-			}),
-			s && /* @__PURE__ */ l("span", {
-				className: "opacity-0 transition-control group-hover/key:opacity-100 coarse:opacity-100 focus-within:opacity-100",
-				children: /* @__PURE__ */ l(a, {
-					value: n,
-					size: "xs",
-					label: f("keyDisplay.copyRedactedKey", "Copy redacted key")
-				})
-			})
-		]
-	});
-});
-process.env.NODE_ENV !== "production" && (j.displayName = "KeyDisplay");
-var M = (e) => e >= 500 ? "danger" : e >= 400 ? "warning" : "neutral";
-function N(e) {
-	return {
-		200: e("statusCode.ok", "OK"),
-		201: e("statusCode.created", "Created"),
-		204: e("statusCode.noContent", "No content"),
-		400: e("statusCode.badRequest", "Bad request"),
-		401: e("statusCode.unauthorized", "Unauthorized"),
-		403: e("statusCode.forbidden", "Forbidden"),
-		404: e("statusCode.notFound", "Not found"),
-		408: e("statusCode.timeout", "Timeout"),
-		409: e("statusCode.conflict", "Conflict"),
-		413: e("statusCode.tooLarge", "Too large"),
-		422: e("statusCode.unprocessable", "Unprocessable"),
-		429: e("statusCode.rateLimited", "Rate limited"),
-		499: e("statusCode.clientClosed", "Client closed"),
-		500: e("statusCode.serverError", "Server error"),
-		502: e("statusCode.badGateway", "Bad gateway"),
-		503: e("statusCode.unavailable", "Unavailable"),
-		504: e("statusCode.gatewayTimeout", "Gateway timeout"),
-		529: e("statusCode.overloaded", "Overloaded")
-	};
-}
-var P = /* @__PURE__ */ s(function({ code: n, showText: r, className: a }, o) {
-	let s = t(), c = N(s)[n], d = M(n), f = {
-		danger: "text-danger-text",
-		warning: "text-warning-text",
-		neutral: n >= 200 && n < 300 ? "text-fg" : "text-fg-secondary"
-	}[d], p = /* @__PURE__ */ u("span", {
-		ref: o,
-		tabIndex: r ? void 0 : 0,
-		className: e("inline-flex items-center gap-6 outline-none", a),
-		children: [
-			/* @__PURE__ */ l("span", {
-				className: e("mono text-small font-medium tabular", f),
-				children: n
-			}),
-			r && /* @__PURE__ */ l("span", {
-				className: "text-small text-fg-secondary",
-				children: c ?? ""
-			}),
-			/* @__PURE__ */ l("span", {
-				className: "sr-only",
-				children: c ?? ""
-			})
-		]
-	});
-	return r || !c ? p : /* @__PURE__ */ l(i, {
-		content: s("statusCode.tooltip", "{code} {text}", {
-			code: String(n),
-			text: c
-		}),
-		children: p
-	});
-});
-process.env.NODE_ENV !== "production" && (P.displayName = "StatusCode");
-var F = /* @__PURE__ */ s(function({ ttfbMs: r, totalMs: i, width: a = 240, className: o }, s) {
-	let c = t(), d = i > 0 ? Math.min(1, r / i) : 0, f = (e) => e < 1e3 ? `${Math.round(e)} ms` : `${n(e / 1e3, {
-		minimumFractionDigits: 1,
-		maximumFractionDigits: 1,
-		useGrouping: !1
-	})} s`;
-	return /* @__PURE__ */ u("div", {
-		ref: s,
-		className: e("flex flex-col gap-6", a === "full" ? "w-full" : a === 240 ? "w-240" : "w-160", o),
-		role: "img",
-		"aria-label": c("requestTimeline.label", "Time to first byte {ttfb} of {total} total", {
-			ttfb: f(r),
-			total: f(i)
-		}),
-		children: [/* @__PURE__ */ u("div", {
-			className: "flex h-6 w-full gap-2 overflow-hidden rounded-pill",
-			children: [/* @__PURE__ */ l("span", {
-				className: "h-full rounded-l-pill bg-viz-1",
-				style: { width: `${d * 100}%` }
-			}), /* @__PURE__ */ l("span", { className: "h-full flex-1 rounded-r-pill bg-fill-3" })]
-		}), /* @__PURE__ */ u("div", {
-			className: "flex justify-between gap-8 text-caption font-medium text-fg-tertiary",
-			children: [/* @__PURE__ */ u("span", {
-				className: "flex min-w-0 flex-col",
-				children: [/* @__PURE__ */ l("span", {
-					className: "whitespace-nowrap text-fg-secondary tabular",
-					children: f(r)
-				}), /* @__PURE__ */ l("span", {
-					className: "wrap-break-word",
-					children: c("requestTimeline.firstByte", "First byte")
-				})]
-			}), /* @__PURE__ */ u("span", {
-				className: "flex min-w-0 flex-col items-end text-right",
-				children: [/* @__PURE__ */ l("span", {
-					className: "whitespace-nowrap text-fg-secondary tabular",
-					children: f(i)
-				}), /* @__PURE__ */ l("span", {
-					className: "wrap-break-word",
-					children: c("requestTimeline.totalTime", "Total")
-				})]
-			})]
-		})]
-	});
-});
-process.env.NODE_ENV !== "production" && (F.displayName = "RequestTimeline");
-var I = /* @__PURE__ */ s(function({ provider: n, connected: r, status: i, keyLabel: a, detail: s, actions: c, className: d }, f) {
-	let p = t();
-	return /* @__PURE__ */ u("section", {
-		ref: f,
-		"aria-label": x(n),
-		className: e("flex min-w-0 flex-col gap-16 rounded-group bg-raised p-20 shadow-xs", d),
-		children: [
-			/* @__PURE__ */ u("div", {
-				className: "flex min-w-0 items-center gap-12",
-				children: [
-					/* @__PURE__ */ l(C, {
-						provider: n,
-						size: "xl"
-					}),
-					/* @__PURE__ */ u("div", {
-						className: "flex min-w-0 flex-1 flex-col gap-2",
-						children: [/* @__PURE__ */ l("h3", {
-							className: "truncate text-body-lg font-semibold text-fg",
-							children: x(n)
-						}), /* @__PURE__ */ l("span", {
-							className: "text-small text-fg-secondary text-pretty",
-							children: i
-						})]
-					}),
-					/* @__PURE__ */ l(o, {
-						tone: r ? "success" : "neutral",
-						children: r ? p("providerCard.connected", "Connected") : p("providerCard.notConnected", "Not connected")
-					})
-				]
-			}),
-			(a || s) && /* @__PURE__ */ u("div", {
-				className: "flex min-w-0 flex-col gap-2 rounded-well bg-fill-1 px-12 py-10",
-				children: [a && /* @__PURE__ */ l("span", {
-					className: "truncate text-body text-fg",
-					children: a
-				}), s && /* @__PURE__ */ l("span", {
-					className: "truncate text-small text-fg-tertiary",
-					children: s
-				})]
-			}),
-			c && /* @__PURE__ */ l("div", {
-				className: "mt-auto flex flex-wrap items-center gap-8",
-				children: c
-			})
-		]
-	});
-});
-process.env.NODE_ENV !== "production" && (I.displayName = "ProviderCard");
-//#endregion
-export { C as a, P as c, D as i, x as l, _ as n, I as o, j as r, F as s, v as t };
-
-//# sourceMappingURL=identity-BtZC_d_Q.js.map

package/dist/chunks/identity-BtZC_d_Q.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"identity-BtZC_d_Q.js","names":["__icon_ToolsIcon","__icon_CpuIcon","__icon_Image01Icon","__icon_Pdf01Icon","__icon_SourceCodeIcon","_Fragment","cn","useUiText","Icon","Tooltip","CopyButton","Badge","Fragment$1","PROVIDER_MARKS","KAESO_IDENTITY_VARIANTS","KAESO_IDENTITY_DEFAULT_VARIANTS","PROVIDER_LETTERS","PROVIDER_NAMES","providerName","id","MARK_SIZE","ProviderBadge","path","provider","mark","withName","size","className","CAP_ICON","ToolsIcon","CpuIcon","Image01Icon","Pdf01Icon","SourceCodeIcon","capabilityLabels","t","SHORT_ID","ModelLabel","capLabel","name","model","capabilities","c","KEY_TONE","accessLabels","stateLabels","KeyDisplay","state","redacted","access","copy","STATUS_CLASS","code","statusTexts","StatusCode","text","tone","color","el","showText","RequestTimeline","ratio","totalMs","ttfbMs","fmt","ms","formatNumber","width","ProviderCard","status","connected","keyLabel","detail","actions"],"sources":["../../src/components/kaeso/provider-marks.ts","../../src/components/kaeso/identity.tsx"],"sourcesContent":["export const PROVIDER_MARKS: Record<string, string> = {\n  openai:\n    \"M9.205 8.658v-2.26c0-.19.072-.333.238-.428l4.543-2.616c.619-.357 1.356-.523 2.117-.523 2.854 0 4.662 2.212 4.662 4.566 0 .167 0 .357-.024.547l-4.71-2.759a.797.797 0 00-.856 0l-5.97 3.473zm10.609 8.8V12.06c0-.333-.143-.57-.429-.737l-5.97-3.473 1.95-1.118a.433.433 0 01.476 0l4.543 2.617c1.309.76 2.189 2.378 2.189 3.948 0 1.808-1.07 3.473-2.76 4.163zM7.802 12.703l-1.95-1.142c-.167-.095-.239-.238-.239-.428V5.899c0-2.545 1.95-4.472 4.591-4.472 1 0 1.927.333 2.712.928L8.23 5.067c-.285.166-.428.404-.428.737v6.898zM12 15.128l-2.795-1.57v-3.33L12 8.658l2.795 1.57v3.33L12 15.128zm1.796 7.23c-1 0-1.927-.332-2.712-.927l4.686-2.712c.285-.166.428-.404.428-.737v-6.898l1.974 1.142c.167.095.238.238.238.428v5.233c0 2.545-1.974 4.472-4.614 4.472zm-5.637-5.303l-4.544-2.617c-1.308-.761-2.188-2.378-2.188-3.948A4.482 4.482 0 014.21 6.327v5.423c0 .333.143.571.428.738l5.947 3.449-1.95 1.118a.432.432 0 01-.476 0zm-.262 3.9c-2.688 0-4.662-2.021-4.662-4.519 0-.19.024-.38.047-.57l4.686 2.71c.286.167.571.167.856 0l5.97-3.448v2.26c0 .19-.07.333-.237.428l-4.543 2.616c-.619.357-1.356.523-2.117.523zm5.899 2.83a5.947 5.947 0 005.827-4.756C22.287 18.339 24 15.84 24 13.296c0-1.665-.713-3.282-1.998-4.448.119-.5.19-.999.19-1.498 0-3.401-2.759-5.947-5.946-5.947-.642 0-1.26.095-1.88.31A5.962 5.962 0 0010.205 0a5.947 5.947 0 00-5.827 4.757C1.713 5.447 0 7.945 0 10.49c0 1.666.713 3.283 1.998 4.448-.119.5-.19 1-.19 1.499 0 3.401 2.759 5.946 5.946 5.946.642 0 1.26-.095 1.88-.309a5.96 5.96 0 004.162 1.713z\",\n  anthropic:\n    \"M13.827 3.52h3.603L24 20h-3.603l-6.57-16.48zm-7.258 0h3.767L16.906 20h-3.674l-1.343-3.461H5.017l-1.344 3.46H0L6.57 3.522zm4.132 9.959L8.453 7.687 6.205 13.48H10.7z\",\n};\n","import { forwardRef, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { ToolsIcon as __icon_ToolsIcon, CpuIcon as __icon_CpuIcon, Image01Icon as __icon_Image01Icon, Pdf01Icon as __icon_Pdf01Icon, SourceCodeIcon as __icon_SourceCodeIcon } from \"@hugeicons/core-free-icons\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport { Badge } from \"../badge/badge.js\";\nimport { CopyButton } from \"../copy-button/copy-button.js\";\nimport { PROVIDER_MARKS } from \"./provider-marks.js\";\nimport { formatNumber } from \"../../format/index.js\";\nimport { useUiText, type UiText } from \"../../i18n/context.js\";\n\nexport const KAESO_IDENTITY_VARIANTS = {\n  provider: {\n    sm: { classes: \"size-16 rounded-cell text-micro\" },\n    md: { classes: \"size-20 rounded-avatar text-micro\" },\n    lg: { classes: \"size-28 rounded-org text-caption\" },\n    xl: { classes: \"size-40 rounded-org text-body\" },\n  },\n} as const;\nexport const KAESO_IDENTITY_DEFAULT_VARIANTS = { provider: \"md\" } as const;\n\nconst PROVIDER_LETTERS: Record<string, string> = {\n  openai: \"O\",\n  anthropic: \"A\",\n  google: \"G\",\n  mistral: \"M\",\n  groq: \"Gq\",\n  deepseek: \"D\",\n  xai: \"X\",\n  cohere: \"C\",\n  bedrock: \"B\",\n  azure: \"Az\",\n  ollama: \"Ol\",\n};\nconst PROVIDER_NAMES: Record<string, string> = {\n  openai: \"OpenAI\",\n  anthropic: \"Anthropic\",\n  google: \"Google\",\n  mistral: \"Mistral\",\n  groq: \"Groq\",\n  deepseek: \"DeepSeek\",\n  xai: \"xAI\",\n  cohere: \"Cohere\",\n  bedrock: \"Amazon Bedrock\",\n  azure: \"Azure OpenAI\",\n  ollama: \"Ollama\",\n};\nexport const providerName = (id: string) => PROVIDER_NAMES[id] ?? id;\n\nconst MARK_SIZE = { sm: \"size-10\", md: \"size-12\", lg: \"size-16\", xl: \"size-24\" } as const;\n\nexport const ProviderBadge = /* @__PURE__ */ forwardRef<\n  HTMLSpanElement,\n  { provider: string; size?: keyof typeof KAESO_IDENTITY_VARIANTS.provider | undefined; withName?: boolean | undefined; className?: string | undefined }\n>(function ProviderBadge({ provider, size = \"md\", withName, className }, ref) {\n  const path = PROVIDER_MARKS[provider];\n  const mark = (\n    <span\n      aria-hidden={withName || undefined}\n      {...(!withName ? { role: \"img\", \"aria-label\": providerName(provider) } : {})}\n      className={cn(\n        \"inline-flex shrink-0 items-center justify-center bg-fill-1 font-semibold shadow-ring\",\n        path ? \"text-fg\" : \"text-fg-secondary\",\n        KAESO_IDENTITY_VARIANTS.provider[size].classes,\n      )}\n    >\n      {path ? (\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" fillRule=\"evenodd\" aria-hidden className={MARK_SIZE[size]}>\n          <path d={path} />\n        </svg>\n      ) : (\n        (PROVIDER_LETTERS[provider] ?? provider.slice(0, 1).toUpperCase())\n      )}\n    </span>\n  );\n  if (!withName)\n    return (\n      <span ref={ref} className={cn(\"inline-flex\", className)}>\n        {mark}\n      </span>\n    );\n  return (\n    <span ref={ref} className={cn(\"inline-flex max-w-full min-w-0 items-center gap-8 text-body text-fg\", className)}>\n      {mark}\n      <span className=\"min-w-0 truncate\">{providerName(provider)}</span>\n    </span>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") ProviderBadge.displayName = \"ProviderBadge\";\n\nexport type Capability = \"tools\" | \"reasoning\" | \"vision\" | \"pdf\" | \"structuredOutput\";\nconst CAP_ICON: Record<Capability, IconData> = {\n  tools: __icon_ToolsIcon,\n  reasoning: __icon_CpuIcon,\n  vision: __icon_Image01Icon,\n  pdf: __icon_Pdf01Icon,\n  structuredOutput: __icon_SourceCodeIcon,\n};\nfunction capabilityLabels(t: UiText): Record<Capability, string> {\n  return {\n    tools: t(\"modelLabel.toolCalling\", \"Tool calling\"),\n    reasoning: t(\"modelLabel.reasoning\", \"Reasoning\"),\n    vision: t(\"modelLabel.imageInput\", \"Image input\"),\n    pdf: t(\"modelLabel.pdfInput\", \"PDF input\"),\n    structuredOutput: t(\"modelLabel.structuredOutput\", \"Structured output\"),\n  };\n}\n\nconst SHORT_ID = 14;\n\nexport interface ModelLabelProps {\n  provider: string;\n  model: string;\n  name?: string | undefined;\n  capabilities?: Capability[] | undefined;\n  className?: string | undefined;\n}\n\nexport const ModelLabel = /* @__PURE__ */ forwardRef<HTMLSpanElement, ModelLabelProps>(function ModelLabel({ provider, model, name, capabilities = [], className }, ref) {\n  const t = useUiText();\n  const capLabel = capabilityLabels(t);\n  return (\n    <span ref={ref} className={cn(\"inline-flex max-w-full min-w-0 items-center gap-8\", className)}>\n      <ProviderBadge provider={provider} />\n      {name ? (\n        <>\n          <span className=\"min-w-0 truncate text-body text-fg\">{name}</span>\n          <span className=\"flex h-20 min-w-0 flex-1 basis-0 flex-wrap content-start items-center overflow-hidden\">\n            <span aria-hidden className=\"h-20 w-0\" />\n            <span className={cn(\"flex-1 truncate mono text-small text-fg-secondary\", model.length <= SHORT_ID ? \"min-w-max\" : \"min-w-96\")}>{model}</span>\n          </span>\n        </>\n      ) : (\n        <span className=\"min-w-0 truncate mono text-small text-fg\">{model}</span>\n      )}\n      {capabilities.length > 0 && (\n        <span\n          role=\"img\"\n          className=\"hidden shrink-0 items-center gap-2 sm:flex\"\n          aria-label={t(\"modelLabel.capabilities\", \"Capabilities: {list}\", {\n            list: capabilities.map((c) => capLabel[c]).join(t(\"modelLabel.listSeparator\", \", \")),\n          })}\n        >\n          {capabilities.map((c) => (\n            <Tooltip key={c} content={capLabel[c]}>\n              <span className=\"inline-flex size-20 items-center justify-center rounded-pill text-fg-tertiary hover:text-fg\">\n                <Icon icon={CAP_ICON[c]} size=\"xs\" />\n              </span>\n            </Tooltip>\n          ))}\n        </span>\n      )}\n    </span>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") ModelLabel.displayName = \"ModelLabel\";\n\nexport type KeyState = \"active\" | \"disabled\" | \"expired\" | \"archived\";\nconst KEY_TONE: Record<KeyState, \"success\" | \"neutral\" | \"warning\"> = { active: \"success\", disabled: \"neutral\", expired: \"warning\", archived: \"neutral\" };\n\nexport interface KeyDisplayProps {\n  redacted: string;\n  state?: KeyState | undefined;\n  access?: \"inference\" | \"platform\" | \"both\" | undefined;\n  copy?: boolean | undefined;\n  className?: string | undefined;\n}\n\nfunction accessLabels(t: UiText) {\n  return {\n    inference: t(\"keyDisplay.inference\", \"Inference\"),\n    platform: t(\"keyDisplay.platform\", \"Platform\"),\n    both: t(\"keyDisplay.inferenceAndPlatform\", \"Inference + platform\"),\n  };\n}\n\nfunction stateLabels(t: UiText): Record<KeyState, string> {\n  return {\n    active: t(\"keyDisplay.active\", \"Active\"),\n    disabled: t(\"keyDisplay.disabled\", \"Disabled\"),\n    expired: t(\"keyDisplay.expired\", \"Expired\"),\n    archived: t(\"keyDisplay.archived\", \"Archived\"),\n  };\n}\n\nexport const KeyDisplay = /* @__PURE__ */ forwardRef<HTMLSpanElement, KeyDisplayProps>(function KeyDisplay(\n  { redacted, state = \"active\", access, copy = true, className },\n  ref,\n) {\n  const t = useUiText();\n  return (\n    <span ref={ref} className={cn(\"group/key inline-flex max-w-full min-w-0 items-center gap-8\", className)}>\n      <span className={cn(\"min-w-0 truncate mono text-small\", state === \"active\" ? \"text-fg\" : \"text-fg-secondary\")}>{redacted}</span>\n      {state !== \"active\" && <Badge tone={KEY_TONE[state] === \"warning\" ? \"warning\" : \"neutral\"}>{stateLabels(t)[state]}</Badge>}\n      {access && <Badge tone={access === \"inference\" ? \"neutral\" : \"outline\"}>{accessLabels(t)[access]}</Badge>}\n      {copy && (\n        <span className=\"opacity-0 transition-control group-hover/key:opacity-100 coarse:opacity-100 focus-within:opacity-100\">\n          <CopyButton value={redacted} size=\"xs\" label={t(\"keyDisplay.copyRedactedKey\", \"Copy redacted key\")} />\n        </span>\n      )}\n    </span>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") KeyDisplay.displayName = \"KeyDisplay\";\n\nconst STATUS_CLASS = (code: number) => (code >= 500 ? \"danger\" : code >= 400 ? \"warning\" : \"neutral\") as \"danger\" | \"warning\" | \"neutral\";\nfunction statusTexts(t: UiText): Record<number, string> {\n  return {\n    200: t(\"statusCode.ok\", \"OK\"),\n    201: t(\"statusCode.created\", \"Created\"),\n    204: t(\"statusCode.noContent\", \"No content\"),\n    400: t(\"statusCode.badRequest\", \"Bad request\"),\n    401: t(\"statusCode.unauthorized\", \"Unauthorized\"),\n    403: t(\"statusCode.forbidden\", \"Forbidden\"),\n    404: t(\"statusCode.notFound\", \"Not found\"),\n    408: t(\"statusCode.timeout\", \"Timeout\"),\n    409: t(\"statusCode.conflict\", \"Conflict\"),\n    413: t(\"statusCode.tooLarge\", \"Too large\"),\n    422: t(\"statusCode.unprocessable\", \"Unprocessable\"),\n    429: t(\"statusCode.rateLimited\", \"Rate limited\"),\n    499: t(\"statusCode.clientClosed\", \"Client closed\"),\n    500: t(\"statusCode.serverError\", \"Server error\"),\n    502: t(\"statusCode.badGateway\", \"Bad gateway\"),\n    503: t(\"statusCode.unavailable\", \"Unavailable\"),\n    504: t(\"statusCode.gatewayTimeout\", \"Gateway timeout\"),\n    529: t(\"statusCode.overloaded\", \"Overloaded\"),\n  };\n}\n\nexport const StatusCode = /* @__PURE__ */ forwardRef<HTMLSpanElement, { code: number; showText?: boolean | undefined; className?: string | undefined }>(function StatusCode(\n  { code, showText, className },\n  ref,\n) {\n  const t = useUiText();\n  const text = statusTexts(t)[code];\n  const tone = STATUS_CLASS(code);\n  const color = { danger: \"text-danger-text\", warning: \"text-warning-text\", neutral: code >= 200 && code < 300 ? \"text-fg\" : \"text-fg-secondary\" }[tone];\n  const el = (\n    <span ref={ref} tabIndex={showText ? undefined : 0} className={cn(\"inline-flex items-center gap-6 outline-none\", className)}>\n      <span className={cn(\"mono text-small font-medium tabular\", color)}>{code}</span>\n      {showText && <span className=\"text-small text-fg-secondary\">{text ?? \"\"}</span>}\n      <span className=\"sr-only\">{text ?? \"\"}</span>\n    </span>\n  );\n  return showText || !text ? el : <Tooltip content={t(\"statusCode.tooltip\", \"{code} {text}\", { code: String(code), text })}>{el}</Tooltip>;\n});\nif (process.env.NODE_ENV !== \"production\") StatusCode.displayName = \"StatusCode\";\n\nexport const RequestTimeline = /* @__PURE__ */ forwardRef<\n  HTMLDivElement,\n  { ttfbMs: number; totalMs: number; width?: 160 | 240 | \"full\" | undefined; className?: string | undefined }\n>(function RequestTimeline({ ttfbMs, totalMs, width = 240, className }, ref) {\n  const t = useUiText();\n  const ratio = totalMs > 0 ? Math.min(1, ttfbMs / totalMs) : 0;\n  const fmt = (ms: number) =>\n    ms < 1000 ? `${Math.round(ms)} ms` : `${formatNumber(ms / 1000, { minimumFractionDigits: 1, maximumFractionDigits: 1, useGrouping: false })} s`;\n  return (\n    <div\n      ref={ref}\n      className={cn(\"flex flex-col gap-6\", width === \"full\" ? \"w-full\" : width === 240 ? \"w-240\" : \"w-160\", className)}\n      role=\"img\"\n      aria-label={t(\"requestTimeline.label\", \"Time to first byte {ttfb} of {total} total\", { ttfb: fmt(ttfbMs), total: fmt(totalMs) })}\n    >\n      <div className=\"flex h-6 w-full gap-2 overflow-hidden rounded-pill\">\n        <span className=\"h-full rounded-l-pill bg-viz-1\" style={{ width: `${ratio * 100}%` }} />\n        <span className=\"h-full flex-1 rounded-r-pill bg-fill-3\" />\n      </div>\n      <div className=\"flex justify-between gap-8 text-caption font-medium text-fg-tertiary\">\n        <span className=\"flex min-w-0 flex-col\">\n          <span className=\"whitespace-nowrap text-fg-secondary tabular\">{fmt(ttfbMs)}</span>\n          <span className=\"wrap-break-word\">{t(\"requestTimeline.firstByte\", \"First byte\")}</span>\n        </span>\n        <span className=\"flex min-w-0 flex-col items-end text-right\">\n          <span className=\"whitespace-nowrap text-fg-secondary tabular\">{fmt(totalMs)}</span>\n          <span className=\"wrap-break-word\">{t(\"requestTimeline.totalTime\", \"Total\")}</span>\n        </span>\n      </div>\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") RequestTimeline.displayName = \"RequestTimeline\";\n\nexport interface ProviderCardProps {\n  provider: string;\n  connected: boolean;\n  status: ReactNode;\n  keyLabel?: ReactNode | undefined;\n  detail?: ReactNode | undefined;\n  actions?: ReactNode | undefined;\n  className?: string | undefined;\n}\n\nexport const ProviderCard = /* @__PURE__ */ forwardRef<HTMLDivElement, ProviderCardProps>(function ProviderCard(\n  { provider, connected, status, keyLabel, detail, actions, className },\n  ref,\n) {\n  const t = useUiText();\n  return (\n    <section ref={ref} aria-label={providerName(provider)} className={cn(\"flex min-w-0 flex-col gap-16 rounded-group bg-raised p-20 shadow-xs\", className)}>\n      <div className=\"flex min-w-0 items-center gap-12\">\n        <ProviderBadge provider={provider} size=\"xl\" />\n        <div className=\"flex min-w-0 flex-1 flex-col gap-2\">\n          <h3 className=\"truncate text-body-lg font-semibold text-fg\">{providerName(provider)}</h3>\n          <span className=\"text-small text-fg-secondary text-pretty\">{status}</span>\n        </div>\n        <Badge tone={connected ? \"success\" : \"neutral\"}>\n          {connected ? t(\"providerCard.connected\", \"Connected\") : t(\"providerCard.notConnected\", \"Not connected\")}\n        </Badge>\n      </div>\n      {(keyLabel || detail) && (\n        <div className=\"flex min-w-0 flex-col gap-2 rounded-well bg-fill-1 px-12 py-10\">\n          {keyLabel && <span className=\"truncate text-body text-fg\">{keyLabel}</span>}\n          {detail && <span className=\"truncate text-small text-fg-tertiary\">{detail}</span>}\n        </div>\n      )}\n      {actions && <div className=\"mt-auto flex flex-wrap items-center gap-8\">{actions}</div>}\n    </section>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") ProviderCard.displayName = \"ProviderCard\";\n"],"mappings":"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"}

package/dist/chunks/input-group-CYA1MEoZ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-group-CYA1MEoZ.js","names":["cn","focusInputOnPress","KAESO_INPUT_GROUP_VARIANTS","KAESO_INPUT_GROUP_DEFAULT_VARIANTS","LEADING","TRAILING_BUTTON","INPUT_ICON_SIZE","Ctx","Root","props","size","leadingIcon","trailingButton","disabled","className","invalid","readOnly","Input","Addon","useContext","icon","Icon","children","GroupButton","Button","InputGroup","useInputGroupSize"],"sources":["../../src/components/input/input-group.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { createContext, forwardRef, useContext, type HTMLAttributes, type InputHTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { focusInputOnPress } from \"../../utils/field-press.js\";\nimport { Icon, type IconData, type IconSize } from \"../icon/icon.js\";\nimport { Button } from \"../button/button.js\";\n\nexport const KAESO_INPUT_GROUP_VARIANTS = {\n  size: {\n    sm: { classes: \"h-32 px-12 gap-6 text-body\" },\n    md: { classes: \"h-36 px-16 gap-8 text-body\" },\n    lg: { classes: \"h-40 px-18 gap-8 text-body\" },\n    xl: { classes: \"h-48 px-22 gap-8 text-body-lg\" },\n  },\n} as const;\nexport const KAESO_INPUT_GROUP_DEFAULT_VARIANTS = { size: \"md\" } as const;\nexport type InputSize = keyof typeof KAESO_INPUT_GROUP_VARIANTS.size;\n\nconst LEADING: Record<InputSize, string> = { sm: \"pl-10\", md: \"pl-14\", lg: \"pl-16\", xl: \"pl-20\" };\nconst TRAILING_BUTTON: Record<InputSize, string> = { sm: \"pr-4\", md: \"pr-2\", lg: \"pr-4\", xl: \"pr-6\" };\nexport const INPUT_ICON_SIZE: Record<InputSize, IconSize> = { sm: \"sm\", md: \"sm\", lg: \"md\", xl: \"lg\" };\n\nconst Ctx = /* @__PURE__ */ createContext<{ size: InputSize }>({ size: \"md\" });\n\nexport interface InputGroupProps extends HTMLAttributes<HTMLDivElement> {\n  size?: InputSize | undefined;\n  leadingIcon?: boolean | undefined;\n  trailingButton?: boolean | undefined;\n  invalid?: boolean | undefined;\n  disabled?: boolean | undefined;\n  readOnly?: boolean | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nconst Root = /* @__PURE__ */ forwardRef<HTMLDivElement, InputGroupProps>(function InputGroup(\n  { size = \"md\", leadingIcon, trailingButton, invalid, disabled, readOnly, className, children, ...props },\n  ref,\n) {\n  return (\n    <Ctx.Provider value={{ size }}>\n      <div\n        ref={ref}\n        className={cn(\n          \"relative flex w-full min-w-0 items-center rounded-pill material-field transition-control cursor-text\",\n          KAESO_INPUT_GROUP_VARIANTS.size[size].classes,\n          leadingIcon && LEADING[size],\n          trailingButton && TRAILING_BUTTON[size],\n          disabled && \"cursor-not-allowed\",\n          className,\n        )}\n        {...(invalid ? { \"data-invalid\": \"\" } : {})}\n        {...(disabled ? { \"data-disabled\": \"\" } : {})}\n        {...(readOnly ? { \"data-readonly\": \"\" } : {})}\n        onMouseDown={focusInputOnPress}\n        {...props}\n      >\n        {children}\n      </div>\n    </Ctx.Provider>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Root.displayName = \"InputGroup\";\n\nexport interface InputGroupInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"size\"> {}\n\nconst Input = /* @__PURE__ */ forwardRef<HTMLInputElement, InputGroupInputProps>(function InputGroupInput({ className, ...props }, ref) {\n  return (\n    <input\n      ref={ref}\n      className={cn(\n        \"min-w-0 flex-1 bg-transparent bidi-plaintext text-inherit text-fg outline-none placeholder:text-fg-tertiary disabled:cursor-not-allowed disabled:text-fg-disabled read-only:cursor-text\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Input.displayName = \"InputGroup.Input\";\n\nexport interface InputGroupAddonProps extends HTMLAttributes<HTMLSpanElement> {\n  icon?: IconData | undefined;\n}\n\nconst Addon = /* @__PURE__ */ forwardRef<HTMLSpanElement, InputGroupAddonProps>(function InputGroupAddon({ icon, className, children, ...props }, ref) {\n  const { size } = useContext(Ctx);\n  return (\n    <span ref={ref} className={cn(\"inline-flex shrink-0 items-center gap-4 bidi-plaintext text-fg-secondary select-none\", className)} {...props}>\n      {icon && <Icon icon={icon} size={INPUT_ICON_SIZE[size]} />}\n      {children}\n    </span>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Addon.displayName = \"InputGroup.Addon\";\n\nexport interface InputGroupButtonProps {\n  icon: IconData;\n  \"aria-label\": string;\n  onClick?: (() => void) | undefined;\n  disabled?: boolean | undefined;\n  className?: string | undefined;\n}\n\nconst GroupButton = /* @__PURE__ */ forwardRef<HTMLButtonElement, InputGroupButtonProps>(function InputGroupButton({ icon, className, ...props }, ref) {\n  const { size } = useContext(Ctx);\n  return (\n    <Button\n      ref={ref as React.Ref<HTMLButtonElement & HTMLAnchorElement>}\n      shape=\"circle\"\n      variant=\"quiet\"\n      size={size === \"xl\" ? \"md\" : size === \"lg\" ? \"sm\" : size === \"md\" ? \"sm\" : \"xs\"}\n      icon={icon}\n      className={className}\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") GroupButton.displayName = \"InputGroup.Button\";\n\nexport const InputGroup = /* @__PURE__ */ Object.assign(Root, { Input, Addon, Button: GroupButton });\nexport const useInputGroupSize = () => useContext(Ctx).size;\n"],"mappings":";;;;;;;;AAOA,IAAaE,IAA6B,EACxC,MAAM;CACJ,IAAI,EAAE,SAAS,6BAA6B;CAC5C,IAAI,EAAE,SAAS,6BAA6B;CAC5C,IAAI,EAAE,SAAS,6BAA6B;CAC5C,IAAI,EAAE,SAAS,gCAAgC;AACjD,EACF,GACaC,IAAqC,EAAE,MAAM,KAAK,GAGzDC,IAAqC;CAAE,IAAI;CAAS,IAAI;CAAS,IAAI;CAAS,IAAI;AAAQ,GAC1FC,IAA6C;CAAE,IAAI;CAAQ,IAAI;CAAQ,IAAI;CAAQ,IAAI;AAAO,GACvFC,IAA+C;CAAE,IAAI;CAAM,IAAI;CAAM,IAAI;CAAM,IAAI;AAAK,GAE/FC,IAAsB,kBAAmC,EAAE,MAAM,KAAK,CAAC,GAYvEC,IAAuB,kBAA4C,SACvE,EAAE,UAAO,MAAM,gBAAa,mBAAgB,YAAS,aAAU,aAAU,cAAW,aAAU,GAAGC,KACjG,GACA;CACA,OACE,kBAACF,EAAI,UAAL;EAAc,OAAO,EAAE,QAAK;EAC1B,UAAA,kBAAC,OAAD;GACO;GACL,WAAWP,EACT,wGACAE,EAA2B,KAAKQ,EAAK,CAAC,SACtCC,KAAeP,EAAQM,IACvBE,KAAkBP,EAAgBK,IAClCG,KAAY,sBACZC,CACF;GACA,GAAKC,IAAU,EAAE,gBAAgB,GAAG,IAAI,CAAC;GACzC,GAAKF,IAAW,EAAE,iBAAiB,GAAG,IAAI,CAAC;GAC3C,GAAKG,IAAW,EAAE,iBAAiB,GAAG,IAAI,CAAC;GAC3C,aAAaf;GACb,GAAIQ;GAEH;EACE,CAAA;CACO,CAAA;AAElB,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc;AAI9D,IAAMQ,IAAwB,kBAAmD,SAAyB,EAAE,cAAW,GAAGR,KAAS,GAAK;CACtI,OACE,kBAAC,SAAD;EACO;EACL,WAAWT,EACT,2LACAc,CACF;EACA,GAAIL;CACL,CAAA;AAEL,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAM,cAAc;AAM/D,IAAMS,IAAwB,kBAAkD,SAAyB,EAAE,SAAM,cAAW,aAAU,GAAGT,KAAS,GAAK;CACrJ,IAAM,EAAE,YAASU,EAAWZ,CAAG;CAC/B,OACE,kBAAC,QAAD;EAAW;EAAK,WAAWP,EAAG,wFAAwFc,CAAS;EAAG,GAAIL;EAAtI,UAAA,CACGW,KAAQ,kBAACC,GAAD;GAAY;GAAM,MAAMf,EAAgBI;EAAQ,CAAA,GACxDY,CACG;;AAEV,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAM,cAAc;AAU/D,IAAMC,IAA8B,kBAAqD,SAA0B,EAAE,SAAM,cAAW,GAAGd,KAAS,GAAK;CACrJ,IAAM,EAAE,YAASU,EAAWZ,CAAG;CAC/B,OACE,kBAACiB,GAAD;EACO;EACL,OAAM;EACN,SAAQ;EACR,MAAMd,MAAS,OAAO,OAAOA,MAAS,QAAcA,MAAS,OAAhB,OAA8B;EACrE;EACK;EACX,GAAID;CACL,CAAA;AAEL,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAY,cAAc;AAErE,IAAagB,IAA6B,uBAAO,OAAOjB,GAAM;CAAE;CAAO;CAAO,QAAQe;AAAY,CAAC,GACtFG,UAA0BP,EAAWZ,CAAG,CAAC,CAAC"}

package/dist/chunks/inset-BLMdxX4I.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"inset-BLMdxX4I.js","names":["InsetContext","InsetContent","inset","useInset","useContext"],"sources":["../../src/utils/inset.tsx"],"sourcesContent":["import { createContext, useContext, type ReactNode } from \"react\";\n\nconst InsetContext = /* @__PURE__ */ createContext(false);\n\nexport function InsetContent({ children, inset = true }: { children: ReactNode; inset?: boolean | undefined }) {\n  return <InsetContext.Provider value={inset}>{children}</InsetContext.Provider>;\n}\n\nexport function useInset(): boolean {\n  return useContext(InsetContext);\n}\n"],"mappings":";;;;AAEA,IAAMA,IAA+B,kBAAc,EAAK;AAExD,SAAgBC,EAAa,EAAE,aAAU,WAAQ,MAA8D;CAC7G,OAAO,kBAACD,EAAa,UAAd;EAAuB,OAAOE;EAAQ;CAAgC,CAAA;AAC/E;AAEA,SAAgBC,IAAoB;CAClC,OAAOC,EAAWJ,CAAY;AAChC"}