@logicplanes/kaeso-ui 0.4.4 → 0.4.6

package/dist/chunks/agent-avatar-DHieggHK.js

@@ -0,0 +1,188 @@
+"use client";
+import { t as e } from "./cn-BjnOAUrA.js";
+import { i as t, n } from "./context-BELWW79w.js";
+import { r } from "./tooltip-Tkm-urbi.js";
+import { t as i } from "./avatar-CYNMK7uY.js";
+import { forwardRef as a, useMemo as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/agent-avatar/models.ts
+var l = /* @__PURE__ */ "claude.gpt.gemini.gemma.grok.llama.mistral.deepseek.qwen.kimi.glm.minimax.command.nova.phi.granite.jamba.ernie.hunyuan.doubao.yi.nemotron.olmo.sonar.reka.unknown".split(".");
+function u(e) {
+	return l.includes(e) ? e : "unknown";
+}
+//#endregion
+//#region src/components/agent-avatar/model-name.ts
+var d = {
+	claude: "Claude",
+	gpt: "GPT",
+	gemini: "Gemini",
+	gemma: "Gemma",
+	grok: "Grok",
+	llama: "Llama",
+	mistral: "Mistral",
+	deepseek: "DeepSeek",
+	qwen: "Qwen",
+	kimi: "Kimi",
+	glm: "GLM",
+	minimax: "MiniMax",
+	command: "Command",
+	nova: "Nova",
+	phi: "Phi",
+	granite: "Granite",
+	jamba: "Jamba",
+	ernie: "ERNIE",
+	hunyuan: "Hunyuan",
+	doubao: "Doubao",
+	yi: "Yi",
+	nemotron: "Nemotron",
+	olmo: "OLMo",
+	sonar: "Sonar",
+	reka: "Reka"
+};
+function f(e, t = n) {
+	let r = u(e);
+	return r === "unknown" ? t("agentAvatar.unknownModel", "Unknown") : d[r];
+}
+function p() {
+	let e = t();
+	return o(() => (t) => f(t, e), [e]);
+}
+//#endregion
+//#region src/components/agent-avatar/agent-avatar.tsx
+var m = { size: {
+	20: {
+		classes: "size-20 rounded-avatar",
+		glyph: "size-14",
+		stroke: 2.25
+	},
+	24: {
+		classes: "size-24 rounded-avatar",
+		glyph: "size-16",
+		stroke: 2
+	},
+	28: {
+		classes: "size-28 rounded-org",
+		glyph: "size-18",
+		stroke: 2
+	},
+	32: {
+		classes: "size-32 rounded-org",
+		glyph: "size-20",
+		stroke: 1.75
+	},
+	40: {
+		classes: "size-40 rounded-org",
+		glyph: "size-28",
+		stroke: 1.5
+	}
+} }, h = { size: 24 }, g = { size: {
+	20: {
+		classes: "size-8",
+		px: 8,
+		glyph: "size-6",
+		stroke: 3.5
+	},
+	24: {
+		classes: "size-10",
+		px: 10,
+		glyph: "size-8",
+		stroke: 3
+	},
+	28: {
+		classes: "size-12",
+		px: 12,
+		glyph: "size-10",
+		stroke: 2.75
+	},
+	32: {
+		classes: "size-12",
+		px: 12,
+		glyph: "size-10",
+		stroke: 2.75
+	},
+	40: {
+		classes: "size-16",
+		px: 16,
+		glyph: "size-12",
+		stroke: 2.5
+	}
+} }, _ = { size: 24 }, v = [
+	"M6.5 7h11A3.5 3.5 0 0 1 21 10.5v6a3.5 3.5 0 0 1-3.5 3.5h-11A3.5 3.5 0 0 1 3 16.5v-6A3.5 3.5 0 0 1 6.5 7z",
+	"M12 7V3.5",
+	"M9 13v1.5",
+	"M15 13v1.5"
+], y = [
+	"M7.5 8h9A3.5 3.5 0 0 1 20 11.5v5a3.5 3.5 0 0 1-3.5 3.5h-9A3.5 3.5 0 0 1 4 16.5v-5A3.5 3.5 0 0 1 7.5 8z",
+	"M12 8V4.5",
+	"M9.5 13.5v1",
+	"M14.5 13.5v1",
+	"M2 13v2",
+	"M22 13v2"
+];
+function b(e, t = y) {
+	return /* @__PURE__ */ s("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: e.stroke,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": !0,
+		focusable: "false",
+		className: e.glyph,
+		children: t.map((e) => /* @__PURE__ */ s("path", { d: e }, e))
+	});
+}
+var x = /* @__PURE__ */ a(function({ name: t, size: n = 24, decorative: r, className: i }, a) {
+	let o = m.size[n];
+	return /* @__PURE__ */ s("span", {
+		ref: a,
+		...r ? { "aria-hidden": !0 } : {
+			role: "img",
+			"aria-label": t
+		},
+		className: e("inline-flex shrink-0 items-center justify-center bg-fill-3 text-fg select-none forced-colors:outline forced-colors:-outline-offset-1", o.classes, i),
+		children: b(o)
+	});
+});
+process.env.NODE_ENV !== "production" && (x.displayName = "AgentAvatar");
+var S = /* @__PURE__ */ a(function({ name: n, src: a, agent: o, size: l = 24, className: u }, d) {
+	let p = t(), m = g.size[l], h = p("agentAttribution.label", "{name} via {agent} ({model})", {
+		name: n,
+		agent: o.name,
+		model: f(o.model, p)
+	}), _ = `${l - m.px / 2}px`;
+	return /* @__PURE__ */ s(r, {
+		content: h,
+		children: /* @__PURE__ */ c("span", {
+			ref: d,
+			role: "img",
+			"aria-label": h,
+			className: e("relative inline-flex shrink-0", u),
+			children: [/* @__PURE__ */ s("span", {
+				className: "flex cutout rounded-pill",
+				style: {
+					"--k-cut-x-ltr": _,
+					"--k-cut-y": _,
+					"--k-cut-r": `${m.px / 2 + 2}px`
+				},
+				children: /* @__PURE__ */ s(i, {
+					name: n,
+					...a ? { src: a } : {},
+					size: l,
+					decorative: !0
+				})
+			}), /* @__PURE__ */ s("span", {
+				"aria-hidden": !0,
+				"data-agent-badge": "",
+				className: e("absolute right-0 bottom-0 inline-flex items-center justify-center rounded-pill bg-ink text-on-ink data-mark forced-colors:outline forced-colors:-outline-offset-1", m.classes),
+				children: b(m, v)
+			})]
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (S.displayName = "AgentAttribution");
+//#endregion
+export { h as a, p as c, g as i, l, x as n, m as o, _ as r, f as s, S as t, u };
+
+//# sourceMappingURL=agent-avatar-DHieggHK.js.map

package/dist/chunks/agent-avatar-DHieggHK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-avatar-DHieggHK.js","names":["cn","useUiText","Avatar","AGENT_MODELS","agentModel","model","PRODUCT_NAMES","modelName","englishText","known","useModelName","t","useMemo","KAESO_AGENT_AVATAR_VARIANTS","KAESO_AGENT_AVATAR_DEFAULT_VARIANTS","KAESO_AGENT_ATTRIBUTION_VARIANTS","KAESO_AGENT_ATTRIBUTION_DEFAULT_VARIANTS","BADGE_BOT","BOT","botGlyph","tile","paths","d","AgentAvatar","size","decorative","name","className","AgentAttribution","badge","label","agent","centre","Tooltip","src"],"sources":["../../src/components/agent-avatar/models.ts","../../src/components/agent-avatar/model-name.ts","../../src/components/agent-avatar/agent-avatar.tsx"],"sourcesContent":["export const AGENT_MODELS = [\n  \"claude\",\n  \"gpt\",\n  \"gemini\",\n  \"gemma\",\n  \"grok\",\n  \"llama\",\n  \"mistral\",\n  \"deepseek\",\n  \"qwen\",\n  \"kimi\",\n  \"glm\",\n  \"minimax\",\n  \"command\",\n  \"nova\",\n  \"phi\",\n  \"granite\",\n  \"jamba\",\n  \"ernie\",\n  \"hunyuan\",\n  \"doubao\",\n  \"yi\",\n  \"nemotron\",\n  \"olmo\",\n  \"sonar\",\n  \"reka\",\n  \"unknown\",\n] as const;\n\nexport type AgentModel = (typeof AGENT_MODELS)[number];\n\n/** The model family an API string names, or `unknown` for anything the library doesn't know. */\nexport function agentModel(model: string): AgentModel {\n  return (AGENT_MODELS as readonly string[]).includes(model) ? (model as AgentModel) : \"unknown\";\n}\n","import { useMemo } from \"react\";\nimport { englishText, useUiText, type UiText } from \"../../i18n/context.js\";\nimport { agentModel, type AgentModel } from \"./models.js\";\n\nconst PRODUCT_NAMES: Readonly<Record<Exclude<AgentModel, \"unknown\">, string>> = {\n  claude: \"Claude\",\n  gpt: \"GPT\",\n  gemini: \"Gemini\",\n  gemma: \"Gemma\",\n  grok: \"Grok\",\n  llama: \"Llama\",\n  mistral: \"Mistral\",\n  deepseek: \"DeepSeek\",\n  qwen: \"Qwen\",\n  kimi: \"Kimi\",\n  glm: \"GLM\",\n  minimax: \"MiniMax\",\n  command: \"Command\",\n  nova: \"Nova\",\n  phi: \"Phi\",\n  granite: \"Granite\",\n  jamba: \"Jamba\",\n  ernie: \"ERNIE\",\n  hunyuan: \"Hunyuan\",\n  doubao: \"Doubao\",\n  yi: \"Yi\",\n  nemotron: \"Nemotron\",\n  olmo: \"OLMo\",\n  sonar: \"Sonar\",\n  reka: \"Reka\",\n};\n\n/**\n * The display name of a model family from the API, such as `deepseek` → \"DeepSeek\". Product names are never\n * translated; `unknown` and ids the library doesn't know are \"Unknown\", translated through `t` (English without it).\n * In a component, prefer `useModelName()`, which translates into the page's language.\n */\nexport function modelName(model: string, t: UiText = englishText): string {\n  const known = agentModel(model);\n  return known === \"unknown\" ? t(\"agentAvatar.unknownModel\", \"Unknown\") : PRODUCT_NAMES[known];\n}\n\n/** `modelName` in the language of the nearest `LocaleProvider`. */\nexport function useModelName(): (model: string) => string {\n  const t = useUiText();\n  return useMemo(() => (model: string) => modelName(model, t), [t]);\n}\n","import { forwardRef, type CSSProperties } from \"react\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useUiText } from \"../../i18n/context.js\";\nimport { Avatar } from \"../avatar/avatar.js\";\nimport { modelName } from \"./model-name.js\";\n\nexport const KAESO_AGENT_AVATAR_VARIANTS = {\n  size: {\n    20: { classes: \"size-20 rounded-avatar\", glyph: \"size-14\", stroke: 2.25 },\n    24: { classes: \"size-24 rounded-avatar\", glyph: \"size-16\", stroke: 2 },\n    28: { classes: \"size-28 rounded-org\", glyph: \"size-18\", stroke: 2 },\n    32: { classes: \"size-32 rounded-org\", glyph: \"size-20\", stroke: 1.75 },\n    40: { classes: \"size-40 rounded-org\", glyph: \"size-28\", stroke: 1.5 },\n  },\n} as const;\nexport const KAESO_AGENT_AVATAR_DEFAULT_VARIANTS = { size: 24 } as const;\n\nexport const KAESO_AGENT_ATTRIBUTION_VARIANTS = {\n  size: {\n    20: { classes: \"size-8\", px: 8, glyph: \"size-6\", stroke: 3.5 },\n    24: { classes: \"size-10\", px: 10, glyph: \"size-8\", stroke: 3 },\n    28: { classes: \"size-12\", px: 12, glyph: \"size-10\", stroke: 2.75 },\n    32: { classes: \"size-12\", px: 12, glyph: \"size-10\", stroke: 2.75 },\n    40: { classes: \"size-16\", px: 16, glyph: \"size-12\", stroke: 2.5 },\n  },\n} as const;\nexport const KAESO_AGENT_ATTRIBUTION_DEFAULT_VARIANTS = { size: 24 } as const;\n\ntype AvatarSize = keyof typeof KAESO_AGENT_AVATAR_VARIANTS.size;\n\n// Below 14px the ears merge with the head, so the badge drops them and widens the head instead.\nconst BADGE_BOT = [\n  \"M6.5 7h11A3.5 3.5 0 0 1 21 10.5v6a3.5 3.5 0 0 1-3.5 3.5h-11A3.5 3.5 0 0 1 3 16.5v-6A3.5 3.5 0 0 1 6.5 7z\",\n  \"M12 7V3.5\",\n  \"M9 13v1.5\",\n  \"M15 13v1.5\",\n];\nconst BOT = [\n  \"M7.5 8h9A3.5 3.5 0 0 1 20 11.5v5a3.5 3.5 0 0 1-3.5 3.5h-9A3.5 3.5 0 0 1 4 16.5v-5A3.5 3.5 0 0 1 7.5 8z\",\n  \"M12 8V4.5\",\n  \"M9.5 13.5v1\",\n  \"M14.5 13.5v1\",\n  \"M2 13v2\",\n  \"M22 13v2\",\n];\n\nfunction botGlyph(tile: { glyph: string; stroke: number }, paths: readonly string[] = BOT) {\n  return (\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={tile.stroke}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden\n      focusable=\"false\"\n      className={tile.glyph}\n    >\n      {paths.map((d) => (\n        <path key={d} d={d} />\n      ))}\n    </svg>\n  );\n}\n\nexport interface AgentAvatarProps {\n  name: string;\n  size?: AvatarSize | undefined;\n  decorative?: boolean | undefined;\n  className?: string | undefined;\n}\n\nexport const AgentAvatar = /* @__PURE__ */ forwardRef<HTMLSpanElement, AgentAvatarProps>(function AgentAvatar({ name, size = 24, decorative, className }, ref) {\n  const tile = KAESO_AGENT_AVATAR_VARIANTS.size[size];\n  return (\n    <span\n      ref={ref}\n      {...(decorative ? { \"aria-hidden\": true } : { role: \"img\", \"aria-label\": name })}\n      className={cn(\n        \"inline-flex shrink-0 items-center justify-center bg-fill-3 text-fg select-none forced-colors:outline forced-colors:-outline-offset-1\",\n        tile.classes,\n        className,\n      )}\n    >\n      {botGlyph(tile)}\n    </span>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") AgentAvatar.displayName = \"AgentAvatar\";\n\nexport interface AgentAttributionProps {\n  name: string;\n  src?: string | undefined;\n  agent: { name: string; model: string };\n  size?: AvatarSize | undefined;\n  className?: string | undefined;\n}\n\nexport const AgentAttribution = /* @__PURE__ */ forwardRef<HTMLSpanElement, AgentAttributionProps>(function AgentAttribution({ name, src, agent, size = 24, className }, ref) {\n  const t = useUiText();\n  const badge = KAESO_AGENT_ATTRIBUTION_VARIANTS.size[size];\n  const label = t(\"agentAttribution.label\", \"{name} via {agent} ({model})\", { name, agent: agent.name, model: modelName(agent.model, t) });\n  const centre = `${size - badge.px / 2}px`;\n  return (\n    <Tooltip content={label}>\n      <span ref={ref} role=\"img\" aria-label={label} className={cn(\"relative inline-flex shrink-0\", className)}>\n        <span\n          className=\"flex cutout rounded-pill\"\n          style={{ \"--k-cut-x-ltr\": centre, \"--k-cut-y\": centre, \"--k-cut-r\": `${badge.px / 2 + 2}px` } as CSSProperties}\n        >\n          <Avatar name={name} {...(src ? { src } : {})} size={size} decorative />\n        </span>\n        <span\n          aria-hidden\n          data-agent-badge=\"\"\n          className={cn(\n            \"absolute right-0 bottom-0 inline-flex items-center justify-center rounded-pill bg-ink text-on-ink data-mark forced-colors:outline forced-colors:-outline-offset-1\",\n            badge.classes,\n          )}\n        >\n          {botGlyph(badge, BADGE_BOT)}\n        </span>\n      </span>\n    </Tooltip>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") AgentAttribution.displayName = \"AgentAttribution\";\n"],"mappings":";;;;;;;;AAAA,IAAaG,IAAe,6LA2B5B;AAKA,SAAgBC,EAAW,GAA2B;CACpD,OAAQD,EAAmC,SAASE,CAAK,IAAKA,IAAuB;AACvF;;;AC9BA,IAAMC,IAA0E;CAC9E,QAAQ;CACR,KAAK;CACL,QAAQ;CACR,OAAO;CACP,MAAM;CACN,OAAO;CACP,SAAS;CACT,UAAU;CACV,MAAM;CACN,MAAM;CACN,KAAK;CACL,SAAS;CACT,SAAS;CACT,MAAM;CACN,KAAK;CACL,SAAS;CACT,OAAO;CACP,OAAO;CACP,SAAS;CACT,QAAQ;CACR,IAAI;CACJ,UAAU;CACV,MAAM;CACN,OAAO;CACP,MAAM;AACR;AAOA,SAAgBC,EAAU,GAAe,IAAYC,GAAqB;CACxE,IAAMC,IAAQL,EAAWC,CAAK;CAC9B,OAAOI,MAAU,YAAY,EAAE,4BAA4B,SAAS,IAAIH,EAAcG;AACxF;AAGA,SAAgBC,IAA0C;CACxD,IAAMC,IAAIV,EAAU;CACpB,OAAOW,SAAe,MAAkBL,EAAUF,GAAOM,CAAC,GAAG,CAACA,CAAC,CAAC;AAClE;;;ACvCA,IAAaE,IAA8B,EACzC,MAAM;CACJ,IAAI;EAAE,SAAS;EAA0B,OAAO;EAAW,QAAQ;CAAK;CACxE,IAAI;EAAE,SAAS;EAA0B,OAAO;EAAW,QAAQ;CAAE;CACrE,IAAI;EAAE,SAAS;EAAuB,OAAO;EAAW,QAAQ;CAAE;CAClE,IAAI;EAAE,SAAS;EAAuB,OAAO;EAAW,QAAQ;CAAK;CACrE,IAAI;EAAE,SAAS;EAAuB,OAAO;EAAW,QAAQ;CAAI;AACtE,EACF,GACaC,IAAsC,EAAE,MAAM,GAAG,GAEjDC,IAAmC,EAC9C,MAAM;CACJ,IAAI;EAAE,SAAS;EAAU,IAAI;EAAG,OAAO;EAAU,QAAQ;CAAI;CAC7D,IAAI;EAAE,SAAS;EAAW,IAAI;EAAI,OAAO;EAAU,QAAQ;CAAE;CAC7D,IAAI;EAAE,SAAS;EAAW,IAAI;EAAI,OAAO;EAAW,QAAQ;CAAK;CACjE,IAAI;EAAE,SAAS;EAAW,IAAI;EAAI,OAAO;EAAW,QAAQ;CAAK;CACjE,IAAI;EAAE,SAAS;EAAW,IAAI;EAAI,OAAO;EAAW,QAAQ;CAAI;AAClE,EACF,GACaC,IAA2C,EAAE,MAAM,GAAG,GAK7DC,IAAY;CAChB;CACA;CACA;CACA;AACF,GACMC,IAAM;CACV;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,SAASC,EAAS,GAAyC,IAA2BD,GAAK;CACzF,OACE,kBAAC,OAAD;EACE,SAAQ;EACR,MAAK;EACL,QAAO;EACP,aAAaE,EAAK;EAClB,eAAc;EACd,gBAAe;EACf,eAAA;EACA,WAAU;EACV,WAAWA,EAAK;EAEf,UAAAC,EAAM,KAAK,MACV,kBAAC,QAAD,EAAiB,KAAI,GAAVC,CAAU,CACtB;CACE,CAAA;AAET;AASA,IAAaC,IAA8B,kBAA8C,SAAqB,EAAE,SAAM,UAAO,IAAI,eAAY,gBAAa,GAAK;CAC7J,IAAMH,IAAOP,EAA4B,KAAKW;CAC9C,OACE,kBAAC,QAAD;EACO;EACL,GAAKC,IAAa,EAAE,eAAe,GAAK,IAAI;GAAE,MAAM;GAAO,cAAcC;EAAK;EAC9E,WAAW1B,EACT,wIACAoB,EAAK,SACLO,CACF;EAEC,UAAAR,EAASC,CAAI;CACV,CAAA;AAEV,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAY,cAAc;AAUrE,IAAaQ,IAAmC,kBAAmD,SAA0B,EAAE,SAAM,QAAK,UAAO,UAAO,IAAI,gBAAa,GAAK;CAC5K,IAAMjB,IAAIV,EAAU,GACd4B,IAAQd,EAAiC,KAAKS,IAC9CM,IAAQnB,EAAE,0BAA0B,gCAAgC;EAAE;EAAM,OAAOoB,EAAM;EAAM,OAAOxB,EAAUwB,EAAM,OAAOpB,CAAC;CAAE,CAAC,GACjIqB,IAAS,GAAGR,IAAOK,EAAM,KAAK,EAAE;CACtC,OACE,kBAACI,GAAD;EAAS,SAASH;EAChB,UAAA,kBAAC,QAAD;GAAW;GAAK,MAAK;GAAM,cAAYA;GAAO,WAAW9B,EAAG,iCAAiC2B,CAAS;GAAtG,UAAA,CACE,kBAAC,QAAD;IACE,WAAU;IACV,OAAO;KAAE,iBAAiBK;KAAQ,aAAaA;KAAQ,aAAa,GAAGH,EAAM,KAAK,IAAI,EAAE;IAAI;IAE5F,UAAA,kBAAC3B,GAAD;KAAc;KAAM,GAAKgC,IAAM,EAAE,OAAI,IAAI,CAAC;KAAU;KAAM,YAAA;IAAY,CAAA;GAClE,CAAA,GACN,kBAAC,QAAD;IACE,eAAA;IACA,oBAAiB;IACjB,WAAWlC,EACT,qKACA6B,EAAM,OACR;IAEC,UAAAV,EAASU,GAAOZ,CAAS;GACtB,CAAA,CACF;;CACC,CAAA;AAEb,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAiB,cAAc"}

package/dist/chunks/app-frame-DysOel2X.js

@@ -0,0 +1,232 @@
+"use client";
+import { t as e } from "./cn-BjnOAUrA.js";
+import { t } from "./portal-context-CTatR2Z8.js";
+import { n, t as r } from "./inset-BUzyXLK4.js";
+import { i } from "./context-BELWW79w.js";
+import { l as a, s as o } from "./tooltip-Tkm-urbi.js";
+import { a as s } from "./button-IblhXUyZ.js";
+import { t as c } from "./icon-button-Dfwpvmav.js";
+import { l, t as u } from "./sidebar-Dq7oGOje.js";
+import { t as d } from "./when-idle-Cy3pinqO.js";
+import { createContext as f, forwardRef as p, useCallback as m, useContext as h, useEffect as g, useId as _, useLayoutEffect as v, useMemo as y, useRef as b, useState as x } from "react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { SidebarLeftIcon as w } from "@hugeicons/core-free-icons";
+//#region src/components/app-frame/app-frame.tsx
+var T = { fill: {
+	screen: { classes: "h-dvh" },
+	parent: { classes: "h-full" }
+} }, E = { fill: "screen" }, D = /* @__PURE__ */ f({
+	openNav: () => void 0,
+	embedded: !1,
+	sheetReady: { current: !1 }
+}), O = () => h(D), k = /* @__PURE__ */ p(function({ sidebar: n, children: r, corner: i, fill: a = "screen", brandHref: o, brandLabel: s, phoneActions: c, className: l }, u) {
+	let [d, f] = x(!1), p = b(null), m = b(!1), h = `k-main-${_().replace(/[^\w-]/g, "")}`, g = a === "screen" ? "main" : "div", v = y(() => ({
+		openNav: () => f(!0),
+		embedded: a === "parent",
+		sheetReady: m
+	}), [a]), w = /* @__PURE__ */ S(F, {
+		navOpen: d,
+		setNavOpen: f,
+		toggle: p,
+		ready: m,
+		children: n
+	});
+	return /* @__PURE__ */ S(D.Provider, {
+		value: v,
+		children: /* @__PURE__ */ C("div", {
+			ref: u,
+			"data-app-frame": a,
+			className: e("relative isolate flex w-full flex-col overflow-hidden bg-chrome text-fg lg:flex-row", T.fill[a].classes, l),
+			children: [
+				/* @__PURE__ */ S(A, { target: h }),
+				/* @__PURE__ */ S("div", {
+					className: "hidden h-full lg:flex",
+					children: n
+				}),
+				/* @__PURE__ */ S(j, {
+					banner: a === "screen",
+					href: o,
+					label: s,
+					actions: c,
+					open: d,
+					onToggle: () => f((e) => !e),
+					toggleRef: p
+				}),
+				/* @__PURE__ */ S(g, {
+					id: h,
+					className: "relative flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden bg-panel outline-none safe-area-panel lg:my-8 lg:mr-8 lg:rounded-panel lg:shadow-panel",
+					children: r
+				}),
+				i && /* @__PURE__ */ S("div", {
+					className: e(a === "parent" ? "absolute" : "fixed", "right-16 bottom-16 z-10 flex items-center gap-8"),
+					children: i
+				}),
+				a === "parent" ? /* @__PURE__ */ S(t, {
+					className: "contents",
+					children: w
+				}) : w
+			]
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (k.displayName = "AppFrame");
+function A({ target: t }) {
+	let n = i();
+	return /* @__PURE__ */ S("a", {
+		href: `#${t}`,
+		onClick: (e) => {
+			let n = document.getElementById(t);
+			n && (e.preventDefault(), n.setAttribute("tabindex", "-1"), n.addEventListener("blur", () => n.removeAttribute("tabindex"), { once: !0 }), n.focus());
+		},
+		className: e(s({ size: "sm" }), "absolute top-16 left-16 z-50 not-focus:sr-only"),
+		children: n("appFrame.skipToContent", "Skip to content")
+	});
+}
+process.env.NODE_ENV !== "production" && (A.displayName = "AppFrame.SkipLink");
+function j({ banner: e, href: t, label: n, actions: r, open: a, onToggle: o, toggleRef: s }) {
+	let l = e ? "header" : "div", d = i();
+	return /* @__PURE__ */ S(l, {
+		"data-phone-bar": "",
+		className: "shrink-0 bg-panel safe-area-bar lg:hidden",
+		children: /* @__PURE__ */ C("div", {
+			className: "mt-8 flex h-52 items-center justify-between px-24",
+			children: [/* @__PURE__ */ S(u, {
+				href: t,
+				label: n
+			}), /* @__PURE__ */ C("span", {
+				className: "flex items-center",
+				children: [r, /* @__PURE__ */ S(c, {
+					ref: s,
+					icon: w,
+					"aria-label": d("appFrame.openNavigation", "Open navigation"),
+					"aria-haspopup": "dialog",
+					"aria-expanded": a,
+					tooltip: !1,
+					onClick: o
+				})]
+			})]
+		})
+	});
+}
+process.env.NODE_ENV !== "production" && (j.displayName = "AppFrame.PhoneBar");
+var M = 750, N = 160, P = /* @__PURE__ */ o(() => import("./nav-sheet-Dt6JSvzX.js").then((e) => e.n), { base: () => import.meta.url });
+function F({ navOpen: e, setNavOpen: t, toggle: n, ready: r, children: i }) {
+	let { peeking: o, setPeeking: s } = l(), [c, u] = x(!1);
+	g(() => d(() => u(!0)), []);
+	let f = m(() => {
+		t(!1), s(!1);
+	}, [t, s]), p = a(P, c || e || o, () => {
+		u(!1), f();
+	})?.NavSheet, h = (e || o) && !p;
+	return v(() => {
+		r.current = !!p;
+	}), I(h, n, f), p ? /* @__PURE__ */ S(p, {
+		open: e || o,
+		peek: o && !e,
+		...e ? { returnFocus: n } : {},
+		onOpenChange: (e) => {
+			e || f();
+		},
+		children: i
+	}) : null;
+}
+function I(e, t, n) {
+	g(() => {
+		if (!e) return;
+		let r = t.current?.ownerDocument ?? document, i = (e) => {
+			e.key === "Escape" && (e.stopPropagation(), n());
+		}, a = (e) => {
+			t.current?.contains(e.target) || n();
+		};
+		return r.addEventListener("keydown", i, !0), r.addEventListener("pointerdown", a, !0), () => {
+			r.removeEventListener("keydown", i, !0), r.removeEventListener("pointerdown", a, !0);
+		};
+	}, [
+		e,
+		t,
+		n
+	]);
+}
+var L = /* @__PURE__ */ p(function({ className: t }, n) {
+	let { openNav: r, sheetReady: a } = O(), { collapsed: o, setCollapsed: s, peeking: u, setPeeking: d, shortcut: f } = l(), p = b(void 0);
+	g(() => () => clearTimeout(p.current), []);
+	let m = i(), h = () => typeof window < "u" && window.matchMedia("(min-width: 1024px)").matches;
+	return /* @__PURE__ */ S(c, {
+		ref: n,
+		onPointerEnter: () => {
+			clearTimeout(p.current), o && h() && !u && (p.current = setTimeout(() => d(!0), 750));
+		},
+		onPointerLeave: (e) => {
+			if (clearTimeout(p.current), !a.current || !u) return d(!1);
+			let t = e.currentTarget.ownerDocument;
+			p.current = setTimeout(() => {
+				t.querySelector("[data-nav-sheet]")?.matches(":hover") || d(!1);
+			}, N);
+		},
+		icon: w,
+		"data-sidebar-expand": "",
+		"aria-label": o ? m("appFrame.expandSidebar", "Expand sidebar") : m("appFrame.openNavigation", "Open navigation"),
+		shortcut: o && f ? ["["] : void 0,
+		onClick: () => {
+			clearTimeout(p.current), o && h() ? s(!1) : r();
+		},
+		className: e("hidden", o && "lg:inline-flex", t)
+	});
+});
+process.env.NODE_ENV !== "production" && (L.displayName = "AppFrame.MenuButton");
+var R = { padding: {
+	none: { classes: "" },
+	list: { classes: "pt-8 pb-24" },
+	page: { classes: "px-24 pt-16 pb-48" }
+} }, z = { padding: "none" }, B = /* @__PURE__ */ p(function({ className: t, padding: n = "none", children: i, ...a }, o) {
+	return /* @__PURE__ */ S("div", {
+		ref: o,
+		className: e("min-h-0 flex-1 overflow-y-auto overscroll-contain scrollbar-quiet", R.padding[n].classes, t),
+		...a,
+		children: /* @__PURE__ */ S(r, {
+			padded: n === "page",
+			children: i
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (B.displayName = "AppFrame.Body");
+var V = /* @__PURE__ */ p(function({ title: t, description: i, actions: a, className: o, children: s, ...c }, l) {
+	return /* @__PURE__ */ C(B, {
+		ref: l,
+		className: "relative",
+		children: [/* @__PURE__ */ S(L, { className: "absolute top-10 left-24 z-10" }), /* @__PURE__ */ C("div", {
+			className: e("mx-auto w-full max-w-settings px-24 pt-16 pb-96 lg:pt-64", o),
+			...c,
+			children: [/* @__PURE__ */ C("header", {
+				className: "flex flex-wrap items-start justify-between gap-x-16 gap-y-8",
+				children: [
+					/* @__PURE__ */ S("h1", {
+						className: "min-w-0 text-title-lg font-semibold text-fg text-balance",
+						children: t
+					}),
+					a && /* @__PURE__ */ S("div", {
+						className: "order-last flex h-34 shrink-0 items-center gap-8 sm:order-none sm:ml-auto",
+						children: a
+					}),
+					i && /* @__PURE__ */ S("p", {
+						className: "basis-full text-body-lg font-regular text-fg-secondary",
+						children: i
+					})
+				]
+			}), /* @__PURE__ */ S("div", {
+				className: "mt-8",
+				children: /* @__PURE__ */ S(n, { children: /* @__PURE__ */ S(r, { children: s }) })
+			})]
+		})]
+	});
+});
+process.env.NODE_ENV !== "production" && (V.displayName = "AppFrame.Settings");
+var H = /* @__PURE__ */ Object.assign(k, {
+	MenuButton: L,
+	Body: B,
+	Settings: V
+});
+//#endregion
+export { T as a, E as i, z as n, M as o, R as r, O as s, H as t };
+
+//# sourceMappingURL=app-frame-DysOel2X.js.map

package/dist/chunks/app-frame-DysOel2X.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-frame-DysOel2X.js","names":["__icon_SidebarLeftIcon","cn","GutterContent","useLazyModule","lazyModule","buttonClasses","IconButton","BrandWordmark","whenIdle","KAESO_APP_FRAME_VARIANTS","KAESO_APP_FRAME_DEFAULT_VARIANTS","Ctx","useAppFrame","useContext","Root","navOpen","setNavOpen","useState","toggle","useRef","sheetReady","mainId","useId","Main","fill","frame","useMemo","sheet","FrameSheet","sidebar","className","SkipLink","PhoneBar","brandHref","brandLabel","phoneActions","o","corner","PortalContainer","t","useUiText","target","main","Bar","banner","actions","toggleRef","SidebarLeftIcon","open","onToggle","PEEK_DELAY","PEEK_LEAVE","navSheet","n","useSidebar","idle","setIdle","dismiss","useCallback","setPeeking","NavSheet","peeking","pending","useLayoutEffect","usePendingDismiss","doc","onKeyDown","onPointerDown","MenuButton","intent","wide","collapsed","shortcut","setCollapsed","openNav","KAESO_APP_FRAME_BODY_VARIANTS","KAESO_APP_FRAME_BODY_DEFAULT_VARIANTS","Body","props","padding","Settings","title","description","InsetContent","AppFrame"],"sources":["../../src/components/app-frame/app-frame.tsx"],"sourcesContent":["import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n  type RefObject,\n} from \"react\";\nimport { GutterContent, InsetContent } from \"../../utils/inset.js\";\nimport { cn } from \"../../utils/cn.js\";\nimport { SidebarLeftIcon as __icon_SidebarLeftIcon } from \"@hugeicons/core-free-icons\";\nimport { IconButton } from \"../icon-button/icon-button.js\";\nimport { buttonClasses } from \"../button/button.js\";\nimport { useSidebar, BrandWordmark } from \"../sidebar/sidebar.js\";\nimport { PortalContainer } from \"../../utils/portal-context.js\";\nimport { lazyModule, useLazyModule } from \"../../utils/lazy-module.js\";\nimport { whenIdle } from \"../../utils/when-idle.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_APP_FRAME_VARIANTS = {\n  fill: {\n    screen: { classes: \"h-dvh\" },\n    parent: { classes: \"h-full\" },\n  },\n} as const;\nexport const KAESO_APP_FRAME_DEFAULT_VARIANTS = { fill: \"screen\" } as const;\n\nconst Ctx = /* @__PURE__ */ createContext<{ openNav: () => void; embedded: boolean; sheetReady: RefObject<boolean> }>({\n  openNav: () => undefined,\n  embedded: false,\n  sheetReady: { current: false },\n});\nexport const useAppFrame = () => useContext(Ctx);\n\nexport interface AppFrameProps {\n  sidebar: ReactNode;\n  children: ReactNode;\n  corner?: ReactNode | undefined;\n  fill?: keyof typeof KAESO_APP_FRAME_VARIANTS.fill | undefined;\n  brandHref?: string | undefined;\n  brandLabel?: string | undefined;\n  phoneActions?: ReactNode | undefined;\n  className?: string | undefined;\n}\n\nconst Root = /* @__PURE__ */ forwardRef<HTMLDivElement, AppFrameProps>(function AppFrame(\n  { sidebar, children, corner, fill = \"screen\", brandHref, brandLabel, phoneActions, className },\n  ref,\n) {\n  const [navOpen, setNavOpen] = useState(false);\n  const toggle = useRef<HTMLButtonElement | null>(null);\n  const sheetReady = useRef(false);\n  const mainId = `k-main-${useId().replace(/[^\\w-]/g, \"\")}`;\n  const Main = fill === \"screen\" ? \"main\" : \"div\";\n  const frame = useMemo(() => ({ openNav: () => setNavOpen(true), embedded: fill === \"parent\", sheetReady }), [fill]);\n  const sheet = (\n    <FrameSheet navOpen={navOpen} setNavOpen={setNavOpen} toggle={toggle} ready={sheetReady}>\n      {sidebar}\n    </FrameSheet>\n  );\n  return (\n    <Ctx.Provider value={frame}>\n      <div\n        ref={ref}\n        data-app-frame={fill}\n        className={cn(\n          \"relative isolate flex w-full flex-col overflow-hidden bg-chrome text-fg lg:flex-row\",\n          KAESO_APP_FRAME_VARIANTS.fill[fill].classes,\n          className,\n        )}\n      >\n        <SkipLink target={mainId} />\n        <div className=\"hidden h-full lg:flex\">{sidebar}</div>\n        <PhoneBar\n          banner={fill === \"screen\"}\n          href={brandHref}\n          label={brandLabel}\n          actions={phoneActions}\n          open={navOpen}\n          onToggle={() => setNavOpen((o) => !o)}\n          toggleRef={toggle}\n        />\n        <Main\n          id={mainId}\n          className=\"relative flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden bg-panel outline-none safe-area-panel lg:my-8 lg:mr-8 lg:rounded-panel lg:shadow-panel\"\n        >\n          {children}\n        </Main>\n        {corner && <div className={cn(fill === \"parent\" ? \"absolute\" : \"fixed\", \"right-16 bottom-16 z-10 flex items-center gap-8\")}>{corner}</div>}\n        {fill === \"parent\" ? <PortalContainer className=\"contents\">{sheet}</PortalContainer> : sheet}\n      </div>\n    </Ctx.Provider>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Root.displayName = \"AppFrame\";\n\nfunction SkipLink({ target }: { target: string }) {\n  const t = useUiText();\n  return (\n    <a\n      href={`#${target}`}\n      onClick={(e) => {\n        const main = document.getElementById(target);\n        if (!main) return;\n        e.preventDefault();\n        main.setAttribute(\"tabindex\", \"-1\");\n        main.addEventListener(\"blur\", () => main.removeAttribute(\"tabindex\"), { once: true });\n        main.focus();\n      }}\n      className={cn(buttonClasses({ size: \"sm\" }), \"absolute top-16 left-16 z-50 not-focus:sr-only\")}\n    >\n      {t(\"appFrame.skipToContent\", \"Skip to content\")}\n    </a>\n  );\n}\nif (process.env.NODE_ENV !== \"production\") SkipLink.displayName = \"AppFrame.SkipLink\";\n\nfunction PhoneBar({\n  banner,\n  href,\n  label,\n  actions,\n  open,\n  onToggle,\n  toggleRef,\n}: {\n  banner: boolean;\n  href: string | undefined;\n  label: string | undefined;\n  actions: ReactNode;\n  open: boolean;\n  onToggle: () => void;\n  toggleRef: RefObject<HTMLButtonElement | null>;\n}) {\n  const Bar = banner ? \"header\" : \"div\";\n  const t = useUiText();\n  return (\n    <Bar data-phone-bar=\"\" className=\"shrink-0 bg-panel safe-area-bar lg:hidden\">\n      <div className=\"mt-8 flex h-52 items-center justify-between px-24\">\n        <BrandWordmark href={href} label={label} />\n        <span className=\"flex items-center\">\n          {actions}\n          <IconButton\n            ref={toggleRef}\n            icon={__icon_SidebarLeftIcon}\n            aria-label={t(\"appFrame.openNavigation\", \"Open navigation\")}\n            aria-haspopup=\"dialog\"\n            aria-expanded={open}\n            tooltip={false}\n            onClick={onToggle}\n          />\n        </span>\n      </div>\n    </Bar>\n  );\n}\nif (process.env.NODE_ENV !== \"production\") PhoneBar.displayName = \"AppFrame.PhoneBar\";\n\nexport const PEEK_DELAY = 750;\nconst PEEK_LEAVE = 160;\n\nconst navSheet = /* @__PURE__ */ lazyModule(() => import(\"./nav-sheet.js\"), { base: () => import.meta.url });\n\nfunction FrameSheet({\n  navOpen,\n  setNavOpen,\n  toggle,\n  ready,\n  children,\n}: {\n  navOpen: boolean;\n  setNavOpen: (o: boolean) => void;\n  toggle: RefObject<HTMLElement | null>;\n  ready: RefObject<boolean>;\n  children: ReactNode;\n}) {\n  const { peeking, setPeeking } = useSidebar();\n  const [idle, setIdle] = useState(false);\n  useEffect(() => whenIdle(() => setIdle(true)), []);\n  const dismiss = useCallback(() => {\n    setNavOpen(false);\n    setPeeking(false);\n  }, [setNavOpen, setPeeking]);\n  const NavSheet = useLazyModule(navSheet, idle || navOpen || peeking, () => {\n    setIdle(false);\n    dismiss();\n  })?.NavSheet;\n  const pending = (navOpen || peeking) && !NavSheet;\n  useLayoutEffect(() => {\n    ready.current = !!NavSheet;\n  });\n  usePendingDismiss(pending, toggle, dismiss);\n  if (!NavSheet) return null;\n  return (\n    <NavSheet\n      open={navOpen || peeking}\n      peek={peeking && !navOpen}\n      {...(navOpen ? { returnFocus: toggle } : {})}\n      onOpenChange={(o) => {\n        if (!o) dismiss();\n      }}\n    >\n      {children}\n    </NavSheet>\n  );\n}\n\nfunction usePendingDismiss(pending: boolean, toggle: RefObject<HTMLElement | null>, dismiss: () => void) {\n  useEffect(() => {\n    if (!pending) return;\n    const doc = toggle.current?.ownerDocument ?? document;\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== \"Escape\") return;\n      e.stopPropagation();\n      dismiss();\n    };\n    const onPointerDown = (e: PointerEvent) => {\n      if (!toggle.current?.contains(e.target as Node)) dismiss();\n    };\n    doc.addEventListener(\"keydown\", onKeyDown, true);\n    doc.addEventListener(\"pointerdown\", onPointerDown, true);\n    return () => {\n      doc.removeEventListener(\"keydown\", onKeyDown, true);\n      doc.removeEventListener(\"pointerdown\", onPointerDown, true);\n    };\n  }, [pending, toggle, dismiss]);\n}\n\nconst MenuButton = /* @__PURE__ */ forwardRef<HTMLButtonElement, { className?: string | undefined }>(function AppFrameMenuButton({ className }, ref) {\n  const { openNav, sheetReady } = useAppFrame();\n  const { collapsed, setCollapsed, peeking, setPeeking, shortcut } = useSidebar();\n  const intent = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  useEffect(() => () => clearTimeout(intent.current), []);\n  const t = useUiText();\n  const wide = () => typeof window !== \"undefined\" && window.matchMedia(\"(min-width: 1024px)\").matches;\n  return (\n    <IconButton\n      ref={ref}\n      onPointerEnter={() => {\n        clearTimeout(intent.current);\n        if (collapsed && wide() && !peeking) intent.current = setTimeout(() => setPeeking(true), PEEK_DELAY);\n      }}\n      onPointerLeave={(e) => {\n        clearTimeout(intent.current);\n        if (!sheetReady.current || !peeking) return setPeeking(false);\n        const doc = e.currentTarget.ownerDocument;\n        intent.current = setTimeout(() => {\n          if (!doc.querySelector(\"[data-nav-sheet]\")?.matches(\":hover\")) setPeeking(false);\n        }, PEEK_LEAVE);\n      }}\n      icon={__icon_SidebarLeftIcon}\n      data-sidebar-expand=\"\"\n      aria-label={collapsed ? t(\"appFrame.expandSidebar\", \"Expand sidebar\") : t(\"appFrame.openNavigation\", \"Open navigation\")}\n      shortcut={collapsed && shortcut ? [\"[\"] : undefined}\n      onClick={() => {\n        clearTimeout(intent.current);\n        if (collapsed && wide()) setCollapsed(false);\n        else openNav();\n      }}\n      className={cn(\"hidden\", collapsed && \"lg:inline-flex\", className)}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") MenuButton.displayName = \"AppFrame.MenuButton\";\n\nexport const KAESO_APP_FRAME_BODY_VARIANTS = {\n  padding: {\n    none: { classes: \"\" },\n    list: { classes: \"pt-8 pb-24\" },\n    page: { classes: \"px-24 pt-16 pb-48\" },\n  },\n} as const;\nexport const KAESO_APP_FRAME_BODY_DEFAULT_VARIANTS = { padding: \"none\" } as const;\n\nexport interface AppFrameBodyProps extends HTMLAttributes<HTMLDivElement> {\n  padding?: keyof typeof KAESO_APP_FRAME_BODY_VARIANTS.padding | undefined;\n}\n\nconst Body = /* @__PURE__ */ forwardRef<HTMLDivElement, AppFrameBodyProps>(function AppFrameBody({ className, padding = \"none\", children, ...props }, ref) {\n  return (\n    <div\n      ref={ref}\n      className={cn(\"min-h-0 flex-1 overflow-y-auto overscroll-contain scrollbar-quiet\", KAESO_APP_FRAME_BODY_VARIANTS.padding[padding].classes, className)}\n      {...props}\n    >\n      <GutterContent padded={padding === \"page\"}>{children}</GutterContent>\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Body.displayName = \"AppFrame.Body\";\n\nexport interface SettingsPageProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  title: ReactNode;\n  description?: ReactNode | undefined;\n  actions?: ReactNode | undefined;\n}\n\nconst Settings = /* @__PURE__ */ forwardRef<HTMLDivElement, SettingsPageProps>(function AppFrameSettings({ title, description, actions, className, children, ...props }, ref) {\n  return (\n    <Body ref={ref} className=\"relative\">\n      <MenuButton className=\"absolute top-10 left-24 z-10\" />\n      <div className={cn(\"mx-auto w-full max-w-settings px-24 pt-16 pb-96 lg:pt-64\", className)} {...props}>\n        <header className=\"flex flex-wrap items-start justify-between gap-x-16 gap-y-8\">\n          <h1 className=\"min-w-0 text-title-lg font-semibold text-fg text-balance\">{title}</h1>\n          {actions && <div className=\"order-last flex h-34 shrink-0 items-center gap-8 sm:order-none sm:ml-auto\">{actions}</div>}\n          {description && <p className=\"basis-full text-body-lg font-regular text-fg-secondary\">{description}</p>}\n        </header>\n        <div className=\"mt-8\">\n          <InsetContent>\n            <GutterContent>{children}</GutterContent>\n          </InsetContent>\n        </div>\n      </div>\n    </Body>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Settings.displayName = \"AppFrame.Settings\";\n\nexport const AppFrame = /* @__PURE__ */ Object.assign(Root, { MenuButton, Body, Settings });\n"],"mappings":"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"}

package/dist/chunks/arrow-focus-B0KdRFX8.js

@@ -0,0 +1,20 @@
+function e(e) {
+	return [...e.querySelectorAll("button, input, select, textarea, a[href], [tabindex], [contenteditable]:not([contenteditable=\"false\"])")].filter((e) => !e.matches(":disabled") && (e.getAttribute("tabindex") !== "-1" || e.dataset.roving !== void 0) && !e.closest("[inert], [hidden], [aria-hidden='true']") && (typeof e.checkVisibility != "function" || e.checkVisibility()));
+}
+function t(t, { byItem: n = !1 } = {}) {
+	if (t.defaultPrevented || t.key !== "ArrowLeft" && t.key !== "ArrowRight") return;
+	let r = t.target;
+	if (r.tagName === "INPUT" && r.value) return;
+	let i = e(t.currentTarget), a = n ? [...t.currentTarget.children].map((e) => i.filter((t) => e.contains(t))).filter((e) => e.length) : i.map((e) => [e]), o = a.findIndex((e) => e.includes(r));
+	if (o < 0) return;
+	t.preventDefault();
+	let s = t.key === "ArrowRight" ? 1 : -1;
+	for (let e = 1; e < a.length; e++) {
+		let t = a[((o + s * e) % a.length + a.length) % a.length]?.[0];
+		if (t?.focus(), t && document.activeElement === t) return;
+	}
+}
+//#endregion
+export { e as n, t };
+
+//# sourceMappingURL=arrow-focus-B0KdRFX8.js.map

package/dist/chunks/arrow-focus-B0KdRFX8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow-focus-B0KdRFX8.js","names":["focusables","container","el","arrowFocus","e","target","all","groups","byItem","child","g","i","step","n","next"],"sources":["../../src/utils/arrow-focus.ts"],"sourcesContent":["import type { KeyboardEvent } from \"react\";\n\nconst CANDIDATES = 'button, input, select, textarea, a[href], [tabindex], [contenteditable]:not([contenteditable=\"false\"])';\n\nexport function focusables(container: HTMLElement): HTMLElement[] {\n  return [...container.querySelectorAll<HTMLElement>(CANDIDATES)].filter(\n    (el) =>\n      !el.matches(\":disabled\") &&\n      (el.getAttribute(\"tabindex\") !== \"-1\" || el.dataset.roving !== undefined) &&\n      !el.closest(\"[inert], [hidden], [aria-hidden='true']\") &&\n      (typeof el.checkVisibility !== \"function\" || el.checkVisibility()),\n  );\n}\n\nexport function arrowFocus(e: KeyboardEvent<HTMLElement>, { byItem = false }: { byItem?: boolean | undefined } = {}) {\n  if (e.defaultPrevented || (e.key !== \"ArrowLeft\" && e.key !== \"ArrowRight\")) return;\n  const target = e.target as HTMLElement;\n  if (target.tagName === \"INPUT\" && (target as HTMLInputElement).value) return;\n  const all = focusables(e.currentTarget);\n  const groups = byItem ? [...e.currentTarget.children].map((child) => all.filter((el) => child.contains(el))).filter((g) => g.length) : all.map((el) => [el]);\n  const i = groups.findIndex((g) => g.includes(target));\n  if (i < 0) return;\n  e.preventDefault();\n  const step = e.key === \"ArrowRight\" ? 1 : -1;\n  for (let n = 1; n < groups.length; n++) {\n    const next = groups[(((i + step * n) % groups.length) + groups.length) % groups.length]?.[0];\n    next?.focus();\n    if (next && document.activeElement === next) return;\n  }\n}\n"],"mappings":"AAIA,SAAgBA,EAAW,GAAuC;CAChE,OAAO,CAAC,GAAGC,EAAU,iBAA8B,0GAAU,CAAC,CAAC,CAAC,QAC7D,MACC,CAACC,EAAG,QAAQ,WAAW,MACtBA,EAAG,aAAa,UAAU,MAAM,QAAQA,EAAG,QAAQ,WAAW,KAAA,MAC/D,CAACA,EAAG,QAAQ,yCAAyC,MACpD,OAAOA,EAAG,mBAAoB,cAAcA,EAAG,gBAAgB,EACpE;AACF;AAEA,SAAgBC,EAAW,GAA+B,EAAE,YAAS,OAA4C,CAAC,GAAG;CACnH,IAAIC,EAAE,oBAAqBA,EAAE,QAAQ,eAAeA,EAAE,QAAQ,cAAe;CAC7E,IAAMC,IAASD,EAAE;CACjB,IAAIC,EAAO,YAAY,WAAYA,EAA4B,OAAO;CACtE,IAAMC,IAAMN,EAAWI,EAAE,aAAa,GAChCG,IAASC,IAAS,CAAC,GAAGJ,EAAE,cAAc,QAAQ,CAAC,CAAC,KAAK,MAAUE,EAAI,QAAQ,MAAOG,EAAM,SAASP,CAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,MAAMQ,EAAE,MAAM,IAAIJ,EAAI,KAAK,MAAO,CAACJ,CAAE,CAAC,GACrJS,IAAIJ,EAAO,WAAW,MAAMG,EAAE,SAASL,CAAM,CAAC;CACpD,IAAIM,IAAI,GAAG;CACX,EAAE,eAAe;CACjB,IAAMC,IAAOR,EAAE,QAAQ,eAAe,IAAI;CAC1C,KAAK,IAAIS,IAAI,GAAGA,IAAIN,EAAO,QAAQ,KAAK;EACtC,IAAMO,IAAOP,IAAUI,IAAIC,IAAOC,KAAKN,EAAO,SAAUA,EAAO,UAAUA,EAAO,OAAO,GAAG;EAE1F,IADAO,GAAM,MAAM,GACRA,KAAQ,SAAS,kBAAkBA,GAAM;CAC/C;AACF"}

package/dist/chunks/avatar-CYNMK7uY.js

@@ -0,0 +1,110 @@
+"use client";
+import { t as e } from "./cn-BjnOAUrA.js";
+import { i as t } from "./context-BELWW79w.js";
+import { r as n } from "./tooltip-Tkm-urbi.js";
+import { t as r } from "./use-hydrating-COtYVRo4.js";
+import { forwardRef as i, useState as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/avatar/avatar.tsx
+var l = {
+	size: {
+		20: { classes: "size-20 text-micro" },
+		24: { classes: "size-24 text-micro" },
+		28: { classes: "size-28 text-caption" },
+		32: { classes: "size-32 text-caption" },
+		40: { classes: "size-40 text-body" }
+	},
+	kind: {
+		person: { classes: "rounded-pill" },
+		org: { classes: "rounded-org" }
+	}
+}, u = {
+	size: 24,
+	kind: "person"
+};
+function d(e, t = 2) {
+	let n = e.trim().split(/\s+/).filter(Boolean);
+	if (n.length === 0) return "?";
+	let r = n[0]?.[0] ?? "";
+	return (t === 1 || n.length < 2 ? r : r + (n[n.length - 1]?.[0] ?? "")).toUpperCase();
+}
+var f = /* @__PURE__ */ i(function({ name: t, src: n, size: i = 24, kind: u = "person", decorative: f, className: p }, m) {
+	let [h, g] = a(void 0), _ = r();
+	return /* @__PURE__ */ s("span", {
+		ref: m,
+		...f ? { "aria-hidden": !0 } : {
+			role: "img",
+			"aria-label": t
+		},
+		className: e("relative inline-flex shrink-0 items-center justify-center overflow-hidden mark-fill font-semibold text-fg select-none forced-colors:outline forced-colors:-outline-offset-1", l.size[i].classes, l.kind[u].classes, i <= 24 && u === "org" && "rounded-avatar", p),
+		children: n && n !== h ? /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("img", {
+			ref: (e) => {
+				_ && e?.complete && e.naturalWidth === 0 && g(n);
+			},
+			src: n,
+			alt: "",
+			className: "size-full object-cover",
+			onError: () => g(n)
+		}), /* @__PURE__ */ s("span", {
+			"aria-hidden": !0,
+			className: "pointer-events-none absolute inset-0 shadow-ring"
+		})] }) : d(t, i === 20 ? 1 : 2)
+	});
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "Avatar");
+var p = {
+	20: 4,
+	24: 4,
+	28: 4,
+	32: 6,
+	40: 8
+}, m = {
+	4: "-ms-4",
+	6: "-ms-6",
+	8: "-ms-8"
+}, h = 2;
+function g(e, t) {
+	return {
+		"--k-cut-x-ltr": `${1.5 * e - t}px`,
+		"--k-cut-x-rtl": `${t - .5 * e}px`,
+		"--k-cut-r": `${e / 2 + h}px`
+	};
+}
+var _ = /* @__PURE__ */ i(function({ people: r, size: i = 24, max: a = 4, className: o, children: u }, d) {
+	let h = t(), _ = r.slice(0, a), v = r.length - _.length, y = p[i], b = _.length + +(v > 0), x = (t, n, r) => /* @__PURE__ */ s("span", {
+		className: e("flex shrink-0 rounded-pill", t > 0 && m[y], t < b - 1 && "cutout"),
+		style: t < b - 1 ? g(i, y) : void 0,
+		children: n
+	}, r);
+	return /* @__PURE__ */ c("div", {
+		ref: d,
+		role: "group",
+		"aria-label": r.map((e) => e.name).join(h("avatarGroup.listSeparator", ", ")),
+		className: e("flex items-center", o),
+		children: [
+			_.map((e, t) => x(t, /* @__PURE__ */ s(f, {
+				name: e.name,
+				...e.src ? { src: e.src } : {},
+				size: i,
+				decorative: !0
+			}), e.name + t)),
+			v > 0 && x(_.length, /* @__PURE__ */ s(n, {
+				content: r.slice(a).map((e) => e.name).join(h("avatarGroup.listSeparator", ", ")),
+				shape: "multiline",
+				children: /* @__PURE__ */ c("span", {
+					className: e("inline-flex shrink-0 items-center justify-center rounded-pill mark-fill font-medium text-fg-secondary tabular forced-colors:outline forced-colors:-outline-offset-1", l.size[i].classes),
+					children: ["+", v]
+				})
+			}), "rest"),
+			u && /* @__PURE__ */ s("span", {
+				className: "ms-8 inline-flex items-center",
+				children: u
+			})
+		]
+	});
+});
+process.env.NODE_ENV !== "production" && (_.displayName = "AvatarGroup");
+//#endregion
+export { d as a, l as i, _ as n, u as r, f as t };
+
+//# sourceMappingURL=avatar-CYNMK7uY.js.map

package/dist/chunks/avatar-CYNMK7uY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-CYNMK7uY.js","names":["_Fragment","cn","useUiText","Tooltip","useHydrating","Fragment$1","KAESO_AVATAR_VARIANTS","KAESO_AVATAR_DEFAULT_VARIANTS","initials","parts","name","first","max","Avatar","failedSrc","setFailedSrc","useState","hydrating","decorative","size","kind","className","src","img","GROUP_OVERLAP","OVERLAP_CLASS","GAP","cutFor","overlap","AvatarGroup","t","shown","people","rest","items","slot","i","child","key","p","children"],"sources":["../../src/components/avatar/avatar.tsx"],"sourcesContent":["import { forwardRef, useState, type CSSProperties, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useHydrating } from \"../../hooks/use-hydrating.js\";\nimport { useUiText } from \"../../i18n/context.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\n\nexport const KAESO_AVATAR_VARIANTS = {\n  size: {\n    20: { classes: \"size-20 text-micro\" },\n    24: { classes: \"size-24 text-micro\" },\n    28: { classes: \"size-28 text-caption\" },\n    32: { classes: \"size-32 text-caption\" },\n    40: { classes: \"size-40 text-body\" },\n  },\n  kind: {\n    person: { classes: \"rounded-pill\" },\n    org: { classes: \"rounded-org\" },\n  },\n} as const;\nexport const KAESO_AVATAR_DEFAULT_VARIANTS = { size: 24, kind: \"person\" } as const;\n\nexport function initials(name: string, max: 1 | 2 = 2): string {\n  const parts = name.trim().split(/\\s+/).filter(Boolean);\n  if (parts.length === 0) return \"?\";\n  const first = parts[0]?.[0] ?? \"\";\n  return (max === 1 || parts.length < 2 ? first : first + (parts[parts.length - 1]?.[0] ?? \"\")).toUpperCase();\n}\n\nexport interface AvatarProps {\n  name: string;\n  src?: string | undefined;\n  size?: keyof typeof KAESO_AVATAR_VARIANTS.size | undefined;\n  kind?: keyof typeof KAESO_AVATAR_VARIANTS.kind | undefined;\n  decorative?: boolean | undefined;\n  className?: string | undefined;\n}\n\nexport const Avatar = /* @__PURE__ */ forwardRef<HTMLSpanElement, AvatarProps>(function Avatar({ name, src, size = 24, kind = \"person\", decorative, className }, ref) {\n  const [failedSrc, setFailedSrc] = useState<string | undefined>(undefined);\n  const hydrating = useHydrating();\n  return (\n    <span\n      ref={ref}\n      {...(decorative ? { \"aria-hidden\": true } : { role: \"img\", \"aria-label\": name })}\n      className={cn(\n        \"relative inline-flex shrink-0 items-center justify-center overflow-hidden mark-fill font-semibold text-fg select-none forced-colors:outline forced-colors:-outline-offset-1\",\n        KAESO_AVATAR_VARIANTS.size[size].classes,\n        KAESO_AVATAR_VARIANTS.kind[kind].classes,\n        size <= 24 && kind === \"org\" && \"rounded-avatar\",\n        className,\n      )}\n    >\n      {src && src !== failedSrc ? (\n        <>\n          <img\n            ref={(img) => {\n              // A server-rendered picture that failed before hydration fired its error event before React listened for it.\n              if (hydrating && img?.complete && img.naturalWidth === 0) setFailedSrc(src);\n            }}\n            src={src}\n            alt=\"\"\n            className=\"size-full object-cover\"\n            onError={() => setFailedSrc(src)}\n          />\n          <span aria-hidden className=\"pointer-events-none absolute inset-0 shadow-ring\" />\n        </>\n      ) : (\n        initials(name, size === 20 ? 1 : 2)\n      )}\n    </span>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Avatar.displayName = \"Avatar\";\n\nexport interface AvatarGroupProps {\n  people: { name: string; src?: string | undefined }[];\n  size?: keyof typeof KAESO_AVATAR_VARIANTS.size | undefined;\n  max?: number | undefined;\n  className?: string | undefined;\n  children?: ReactNode | undefined;\n}\n\nconst GROUP_OVERLAP = { 20: 4, 24: 4, 28: 4, 32: 6, 40: 8 } as const;\nconst OVERLAP_CLASS = { 4: \"-ms-4\", 6: \"-ms-6\", 8: \"-ms-8\" } as const;\nconst GAP = 2;\n\nfunction cutFor(size: number, overlap: number): CSSProperties {\n  return {\n    \"--k-cut-x-ltr\": `${1.5 * size - overlap}px`,\n    \"--k-cut-x-rtl\": `${overlap - 0.5 * size}px`,\n    \"--k-cut-r\": `${size / 2 + GAP}px`,\n  } as CSSProperties;\n}\n\nexport const AvatarGroup = /* @__PURE__ */ forwardRef<HTMLDivElement, AvatarGroupProps>(function AvatarGroup({ people, size = 24, max = 4, className, children }, ref) {\n  const t = useUiText();\n  const shown = people.slice(0, max);\n  const rest = people.length - shown.length;\n  const overlap = GROUP_OVERLAP[size];\n  const items = shown.length + (rest > 0 ? 1 : 0);\n  const slot = (i: number, child: ReactNode, key: string) => (\n    <span\n      key={key}\n      className={cn(\"flex shrink-0 rounded-pill\", i > 0 && OVERLAP_CLASS[overlap], i < items - 1 && \"cutout\")}\n      style={i < items - 1 ? cutFor(size, overlap) : undefined}\n    >\n      {child}\n    </span>\n  );\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      aria-label={people.map((p) => p.name).join(t(\"avatarGroup.listSeparator\", \", \"))}\n      className={cn(\"flex items-center\", className)}\n    >\n      {shown.map((p, i) => slot(i, <Avatar name={p.name} {...(p.src ? { src: p.src } : {})} size={size} decorative />, p.name + i))}\n      {rest > 0 &&\n        slot(\n          shown.length,\n          <Tooltip\n            content={people\n              .slice(max)\n              .map((p) => p.name)\n              .join(t(\"avatarGroup.listSeparator\", \", \"))}\n            shape=\"multiline\"\n          >\n            <span\n              className={cn(\n                \"inline-flex shrink-0 items-center justify-center rounded-pill mark-fill font-medium text-fg-secondary tabular forced-colors:outline forced-colors:-outline-offset-1\",\n                KAESO_AVATAR_VARIANTS.size[size].classes,\n              )}\n            >\n              +{rest}\n            </span>\n          </Tooltip>,\n          \"rest\",\n        )}\n      {children && <span className=\"ms-8 inline-flex items-center\">{children}</span>}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") AvatarGroup.displayName = \"AvatarGroup\";\n"],"mappings":"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"}