@logicplanes/kaeso-ui 0.4.2 → 0.4.4

package/dist/blocks/resource-list.js

@@ -1,68 +1,69 @@
 "use client";
 import { i as e } from "../chunks/context-BELWW79w.js";
-import { i as t } from "../chunks/input-TyLIaQ5k.js";
-import { r as n } from "../chunks/toolbar-DL6zVrzU.js";
+import { o as t } from "../chunks/input-2VJuj_M4.js";
+import { r as n } from "../chunks/toolbar-WA_oZgu-.js";
 import { t as r } from "../chunks/empty-DvhyMXQq.js";
-import { i, o as a } from "../chunks/list-CkOozrVY.js";
-import { useMemo as o, useState as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { i, o as a } from "../chunks/list-M1csq-d4.js";
+import { forwardRef as o, useMemo as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/blocks/resource-list/resource-list.tsx
-var u = { grouping: {
+var d = { grouping: {
 	grouped: { classes: "" },
 	flat: { classes: "" }
-} }, d = { grouping: "grouped" };
-function f(e) {
+} }, f = { grouping: "grouped" };
+function p(e) {
 	return `${e.textValue ?? (typeof e.title == "string" ? e.title : "")} ${e.displayId ?? ""}`.toLowerCase();
 }
-function p({ groups: u, onOpen: d, bulkActions: p = [], toolbar: m, emptyTitle: h, emptyDescription: g, emptyAction: _, "aria-label": v }) {
-	let y = e(), [b, x] = s(""), [S, C] = s(/* @__PURE__ */ new Set()), w = b.trim().toLowerCase(), T = o(() => u.map((e) => ({
+var m = /* @__PURE__ */ o(function({ groups: o, onOpen: d, bulkActions: f = [], toolbar: m, emptyTitle: h, emptyDescription: g, emptyAction: _, "aria-label": v }, y) {
+	let b = e(), [x, S] = c(""), [C, w] = c(/* @__PURE__ */ new Set()), T = x.trim().toLowerCase(), E = s(() => o.map((e) => ({
 		...e,
-		items: e.items.filter((e) => !w || f(e).includes(w))
-	})).filter((e) => e.items.length > 0), [u, w]), E = o(() => {
-		let e = new Set(T.flatMap((e) => e.items.map((e) => e.id)));
-		return new Set([...S].filter((t) => e.has(t)));
-	}, [T, S]);
-	return /* @__PURE__ */ l("div", {
+		items: e.items.filter((e) => !T || p(e).includes(T))
+	})).filter((e) => e.items.length > 0), [o, T]), D = s(() => {
+		let e = new Set(E.flatMap((e) => e.items.map((e) => e.id)));
+		return new Set([...C].filter((t) => e.has(t)));
+	}, [E, C]);
+	return /* @__PURE__ */ u("div", {
+		ref: y,
 		className: "flex flex-col",
-		children: [/* @__PURE__ */ l(n, {
-			"aria-label": y("resourceList.filters", "Filters"),
+		children: [/* @__PURE__ */ u(n, {
+			"aria-label": b("resourceList.filters", "Filters"),
 			children: [
 				m,
-				/* @__PURE__ */ c(n.Spacer, {}),
-				/* @__PURE__ */ c("div", {
+				/* @__PURE__ */ l(n.Spacer, {}),
+				/* @__PURE__ */ l("div", {
 					className: "w-240",
-					children: /* @__PURE__ */ c(t, {
-						"aria-label": y("resourceList.search", "Search"),
-						placeholder: y("resourceList.search", "Search"),
-						value: b,
-						onChange: (e) => x(e.target.value),
-						onClear: () => x(""),
+					children: /* @__PURE__ */ l(t, {
+						"aria-label": b("resourceList.search", "Search"),
+						placeholder: b("resourceList.search", "Search"),
+						value: x,
+						onChange: (e) => S(e.target.value),
+						onClear: () => S(""),
 						shortcut: ["/"]
 					})
 				})
 			]
-		}), T.length === 0 ? /* @__PURE__ */ c(r, {
+		}), E.length === 0 ? /* @__PURE__ */ l(r, {
 			size: "md",
-			title: w ? y("resourceList.noMatches", "No matches") : h ?? y("resourceList.nothingHereYet", "Nothing here yet"),
-			...w ? { description: y("resourceList.tryShorterSearch", "Try a shorter search.") } : g ? { description: g } : {},
-			...!w && _ ? { actions: _ } : {}
-		}) : /* @__PURE__ */ c(i, {
+			title: T ? b("resourceList.noMatches", "No matches") : h ?? b("resourceList.nothingHereYet", "Nothing here yet"),
+			...T ? { description: b("resourceList.tryShorterSearch", "Try a shorter search.") } : g ? { description: g } : {},
+			...!T && _ ? { actions: _ } : {}
+		}) : /* @__PURE__ */ l(i, {
 			"aria-label": v,
-			groups: T,
-			selectable: p.length > 0,
-			selected: E,
-			onSelectedChange: C,
+			groups: E,
+			selectable: f.length > 0,
+			selected: D,
+			onSelectedChange: w,
 			...d ? { onOpen: d } : {},
-			selectionActions: p.map((e) => /* @__PURE__ */ c(a, {
+			selectionActions: f.map((e) => /* @__PURE__ */ l(a, {
 				...e.icon ? { icon: e.icon } : {},
-				onClick: () => e.onClick([...E]),
+				onClick: () => e.onClick([...D]),
 				children: e.label
 			}, e.label))
 		})]
 	});
-}
-process.env.NODE_ENV !== "production" && (p.displayName = "ResourceList");
+});
+process.env.NODE_ENV !== "production" && (m.displayName = "ResourceList");
 //#endregion
-export { d as KAESO_RESOURCE_LIST_DEFAULT_VARIANTS, u as KAESO_RESOURCE_LIST_VARIANTS, p as ResourceList };
+export { f as KAESO_RESOURCE_LIST_DEFAULT_VARIANTS, d as KAESO_RESOURCE_LIST_VARIANTS, m as ResourceList };
 
 //# sourceMappingURL=resource-list.js.map

package/dist/blocks/resource-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"resource-list.js","names":["useUiText","SearchInput","Toolbar","Empty","SelectionAction","KAESO_RESOURCE_LIST_VARIANTS","KAESO_RESOURCE_LIST_DEFAULT_VARIANTS","searchText","i","ResourceList","ariaLabel","t","query","setQuery","useState","selected","setSelected","q","filtered","useMemo","groups","g","visibleSelection","shown","id","toolbar","emptyTitle","emptyDescription","emptyAction","List","bulkActions","onOpen","a"],"sources":["../../src/blocks/resource-list/resource-list.tsx"],"sourcesContent":["import { useMemo, useState, type ReactNode } from \"react\";\nimport { List, SelectionAction, type ListGroup, type ListItemData } from \"../../components/list/list.js\";\nimport { Toolbar } from \"../../components/toolbar/toolbar.js\";\nimport { SearchInput } from \"../../components/input/input.js\";\nimport { Empty } from \"../../components/empty/empty.js\";\nimport type { IconData } from \"../../components/icon/icon.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_RESOURCE_LIST_VARIANTS = {\n  grouping: {\n    grouped: { classes: \"\" },\n    flat: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_RESOURCE_LIST_DEFAULT_VARIANTS = { grouping: \"grouped\" } as const;\n\nexport interface ResourceListProps {\n  groups: ListGroup[];\n  \"aria-label\": string;\n  onOpen?: ((item: ListItemData) => void) | undefined;\n  bulkActions?: { label: string; icon?: IconData | undefined; onClick: (ids: string[]) => void }[] | undefined;\n  toolbar?: ReactNode | undefined;\n  emptyTitle?: string | undefined;\n  emptyDescription?: string | undefined;\n  emptyAction?: ReactNode | undefined;\n}\n\nfunction searchText(i: ListItemData) {\n  return `${i.textValue ?? (typeof i.title === \"string\" ? i.title : \"\")} ${i.displayId ?? \"\"}`.toLowerCase();\n}\n\nexport function ResourceList({\n  groups,\n  onOpen,\n  bulkActions = [],\n  toolbar,\n  emptyTitle,\n  emptyDescription,\n  emptyAction,\n  \"aria-label\": ariaLabel,\n}: ResourceListProps) {\n  const t = useUiText();\n  const [query, setQuery] = useState(\"\");\n  const [selected, setSelected] = useState<Set<string>>(new Set());\n  const q = query.trim().toLowerCase();\n  const filtered = useMemo(\n    () => groups.map((g) => ({ ...g, items: g.items.filter((i) => !q || searchText(i).includes(q)) })).filter((g) => g.items.length > 0),\n    [groups, q],\n  );\n  const visibleSelection = useMemo(() => {\n    const shown = new Set(filtered.flatMap((g) => g.items.map((i) => i.id)));\n    return new Set([...selected].filter((id) => shown.has(id)));\n  }, [filtered, selected]);\n  return (\n    <div className=\"flex flex-col\">\n      <Toolbar aria-label={t(\"resourceList.filters\", \"Filters\")}>\n        {toolbar}\n        <Toolbar.Spacer />\n        <div className=\"w-240\">\n          <SearchInput\n            aria-label={t(\"resourceList.search\", \"Search\")}\n            placeholder={t(\"resourceList.search\", \"Search\")}\n            value={query}\n            onChange={(e) => setQuery(e.target.value)}\n            onClear={() => setQuery(\"\")}\n            shortcut={[\"/\"]}\n          />\n        </div>\n      </Toolbar>\n      {filtered.length === 0 ? (\n        <Empty\n          size=\"md\"\n          title={q ? t(\"resourceList.noMatches\", \"No matches\") : (emptyTitle ?? t(\"resourceList.nothingHereYet\", \"Nothing here yet\"))}\n          {...(q ? { description: t(\"resourceList.tryShorterSearch\", \"Try a shorter search.\") } : emptyDescription ? { description: emptyDescription } : {})}\n          {...(!q && emptyAction ? { actions: emptyAction } : {})}\n        />\n      ) : (\n        <List\n          aria-label={ariaLabel}\n          groups={filtered}\n          selectable={bulkActions.length > 0}\n          selected={visibleSelection}\n          onSelectedChange={setSelected}\n          {...(onOpen ? { onOpen } : {})}\n          selectionActions={bulkActions.map((a) => (\n            <SelectionAction key={a.label} {...(a.icon ? { icon: a.icon } : {})} onClick={() => a.onClick([...visibleSelection])}>\n              {a.label}\n            </SelectionAction>\n          ))}\n        />\n      )}\n    </div>\n  );\n}\nif (process.env.NODE_ENV !== \"production\") ResourceList.displayName = \"ResourceList\";\n"],"mappings":";;;;;;;;;AAQA,IAAaK,IAA+B,EAC1C,UAAU;CACR,SAAS,EAAE,SAAS,GAAG;CACvB,MAAM,EAAE,SAAS,GAAG;AACtB,EACF,GACaC,IAAuC,EAAE,UAAU,UAAU;AAa1E,SAASC,EAAW,GAAiB;CACnC,OAAO,GAAGC,EAAE,cAAc,OAAOA,EAAE,SAAU,WAAWA,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,KAAK,YAAY;AAC3G;AAEA,SAAgBC,EAAa,EAC3B,WACA,WACA,iBAAc,CAAC,GACf,YACA,eACA,qBACA,gBACA,cAAcC,KACM;CACpB,IAAMC,IAAIX,EAAU,GACd,CAACY,GAAOC,KAAYC,EAAS,EAAE,GAC/B,CAACC,GAAUC,KAAeF,kBAAsB,IAAI,IAAI,CAAC,GACzDG,IAAIL,EAAM,KAAK,CAAC,CAAC,YAAY,GAC7BM,IAAWC,QACTC,EAAO,KAAK,OAAO;EAAE,GAAGC;EAAG,OAAOA,EAAE,MAAM,QAAQ,MAAM,CAACJ,KAAKV,EAAWC,CAAC,CAAC,CAAC,SAASS,CAAC,CAAC;CAAE,EAAE,CAAC,CAAC,QAAQ,MAAMI,EAAE,MAAM,SAAS,CAAC,GACnI,CAACD,GAAQH,CAAC,CACZ,GACMK,IAAmBH,QAAc;EACrC,IAAMI,IAAQ,IAAI,IAAIL,EAAS,SAAS,MAAMG,EAAE,MAAM,KAAK,MAAMb,EAAE,EAAE,CAAC,CAAC;EACvE,OAAO,IAAI,IAAI,CAAC,GAAGO,CAAQ,CAAC,CAAC,QAAQ,MAAOQ,EAAM,IAAIC,CAAE,CAAC,CAAC;CAC5D,GAAG,CAACN,GAAUH,CAAQ,CAAC;CACvB,OACE,kBAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,kBAACb,GAAD;GAAS,cAAYS,EAAE,wBAAwB,SAAS;GAAxD,UAAA;IACGc;IACD,kBAACvB,EAAQ,QAAT,CAAiB,CAAA;IACjB,kBAAC,OAAD;KAAK,WAAU;KACb,UAAA,kBAACD,GAAD;MACE,cAAYU,EAAE,uBAAuB,QAAQ;MAC7C,aAAaA,EAAE,uBAAuB,QAAQ;MAC9C,OAAOC;MACP,WAAW,MAAMC,EAAS,EAAE,OAAO,KAAK;MACxC,eAAeA,EAAS,EAAE;MAC1B,UAAU,CAAC,GAAG;KACf,CAAA;IACE,CAAA;GACE;EACR,CAAA,GAAAK,EAAS,WAAW,IACnB,kBAACf,GAAD;GACE,MAAK;GACL,OAAOc,IAAIN,EAAE,0BAA0B,YAAY,IAAKe,KAAcf,EAAE,+BAA+B,kBAAkB;GACzH,GAAKM,IAAI,EAAE,aAAaN,EAAE,iCAAiC,uBAAuB,EAAE,IAAIgB,IAAmB,EAAE,aAAaA,EAAiB,IAAI,CAAC;GAChJ,GAAK,CAACV,KAAKW,IAAc,EAAE,SAASA,EAAY,IAAI,CAAC;EACtD,CAAA,IAED,kBAACC,GAAD;GACE,cAAYnB;GACZ,QAAQQ;GACR,YAAYY,EAAY,SAAS;GACjC,UAAUR;GACV,kBAAkBN;GAClB,GAAKe,IAAS,EAAE,UAAO,IAAI,CAAC;GAC5B,kBAAkBD,EAAY,KAAK,MACjC,kBAAC1B,GAAD;IAA+B,GAAK4B,EAAE,OAAO,EAAE,MAAMA,EAAE,KAAK,IAAI,CAAC;IAAI,eAAeA,EAAE,QAAQ,CAAC,GAAGV,CAAgB,CAAC;IAChH,UAAAU,EAAE;GACY,GAFKA,EAAE,KAEP,CAClB;EACF,CAAA,CAEA;;AAET;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAa,cAAc"}
+{"version":3,"file":"resource-list.js","names":["useUiText","SearchInput","Toolbar","Empty","SelectionAction","KAESO_RESOURCE_LIST_VARIANTS","KAESO_RESOURCE_LIST_DEFAULT_VARIANTS","searchText","i","ResourceList","ariaLabel","t","query","setQuery","useState","selected","setSelected","q","filtered","useMemo","groups","g","visibleSelection","shown","id","toolbar","emptyTitle","emptyDescription","emptyAction","List","bulkActions","onOpen","a"],"sources":["../../src/blocks/resource-list/resource-list.tsx"],"sourcesContent":["import { forwardRef, useMemo, useState, type ReactNode } from \"react\";\nimport { List, SelectionAction, type ListGroup, type ListItemData } from \"../../components/list/list.js\";\nimport { Toolbar } from \"../../components/toolbar/toolbar.js\";\nimport { SearchInput } from \"../../components/input/input.js\";\nimport { Empty } from \"../../components/empty/empty.js\";\nimport type { IconData } from \"../../components/icon/icon.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_RESOURCE_LIST_VARIANTS = {\n  grouping: {\n    grouped: { classes: \"\" },\n    flat: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_RESOURCE_LIST_DEFAULT_VARIANTS = { grouping: \"grouped\" } as const;\n\nexport interface ResourceListProps {\n  groups: ListGroup[];\n  \"aria-label\": string;\n  onOpen?: ((item: ListItemData) => void) | undefined;\n  bulkActions?: { label: string; icon?: IconData | undefined; onClick: (ids: string[]) => void }[] | undefined;\n  toolbar?: ReactNode | undefined;\n  emptyTitle?: string | undefined;\n  emptyDescription?: string | undefined;\n  emptyAction?: ReactNode | undefined;\n}\n\nfunction searchText(i: ListItemData) {\n  return `${i.textValue ?? (typeof i.title === \"string\" ? i.title : \"\")} ${i.displayId ?? \"\"}`.toLowerCase();\n}\n\nexport const ResourceList = /* @__PURE__ */ forwardRef<HTMLDivElement, ResourceListProps>(function ResourceList(\n  { groups, onOpen, bulkActions = [], toolbar, emptyTitle, emptyDescription, emptyAction, \"aria-label\": ariaLabel },\n  ref,\n) {\n  const t = useUiText();\n  const [query, setQuery] = useState(\"\");\n  const [selected, setSelected] = useState<Set<string>>(new Set());\n  const q = query.trim().toLowerCase();\n  const filtered = useMemo(\n    () => groups.map((g) => ({ ...g, items: g.items.filter((i) => !q || searchText(i).includes(q)) })).filter((g) => g.items.length > 0),\n    [groups, q],\n  );\n  const visibleSelection = useMemo(() => {\n    const shown = new Set(filtered.flatMap((g) => g.items.map((i) => i.id)));\n    return new Set([...selected].filter((id) => shown.has(id)));\n  }, [filtered, selected]);\n  return (\n    <div ref={ref} className=\"flex flex-col\">\n      <Toolbar aria-label={t(\"resourceList.filters\", \"Filters\")}>\n        {toolbar}\n        <Toolbar.Spacer />\n        <div className=\"w-240\">\n          <SearchInput\n            aria-label={t(\"resourceList.search\", \"Search\")}\n            placeholder={t(\"resourceList.search\", \"Search\")}\n            value={query}\n            onChange={(e) => setQuery(e.target.value)}\n            onClear={() => setQuery(\"\")}\n            shortcut={[\"/\"]}\n          />\n        </div>\n      </Toolbar>\n      {filtered.length === 0 ? (\n        <Empty\n          size=\"md\"\n          title={q ? t(\"resourceList.noMatches\", \"No matches\") : (emptyTitle ?? t(\"resourceList.nothingHereYet\", \"Nothing here yet\"))}\n          {...(q ? { description: t(\"resourceList.tryShorterSearch\", \"Try a shorter search.\") } : emptyDescription ? { description: emptyDescription } : {})}\n          {...(!q && emptyAction ? { actions: emptyAction } : {})}\n        />\n      ) : (\n        <List\n          aria-label={ariaLabel}\n          groups={filtered}\n          selectable={bulkActions.length > 0}\n          selected={visibleSelection}\n          onSelectedChange={setSelected}\n          {...(onOpen ? { onOpen } : {})}\n          selectionActions={bulkActions.map((a) => (\n            <SelectionAction key={a.label} {...(a.icon ? { icon: a.icon } : {})} onClick={() => a.onClick([...visibleSelection])}>\n              {a.label}\n            </SelectionAction>\n          ))}\n        />\n      )}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") ResourceList.displayName = \"ResourceList\";\n"],"mappings":";;;;;;;;;AAQA,IAAaK,IAA+B,EAC1C,UAAU;CACR,SAAS,EAAE,SAAS,GAAG;CACvB,MAAM,EAAE,SAAS,GAAG;AACtB,EACF,GACaC,IAAuC,EAAE,UAAU,UAAU;AAa1E,SAASC,EAAW,GAAiB;CACnC,OAAO,GAAGC,EAAE,cAAc,OAAOA,EAAE,SAAU,WAAWA,EAAE,QAAQ,IAAI,GAAGA,EAAE,aAAa,KAAK,YAAY;AAC3G;AAEA,IAAaC,IAA+B,kBAA8C,SACxF,EAAE,WAAQ,WAAQ,iBAAc,CAAC,GAAG,YAAS,eAAY,qBAAkB,gBAAa,cAAcC,KACtG,GACA;CACA,IAAMC,IAAIX,EAAU,GACd,CAACY,GAAOC,KAAYC,EAAS,EAAE,GAC/B,CAACC,GAAUC,KAAeF,kBAAsB,IAAI,IAAI,CAAC,GACzDG,IAAIL,EAAM,KAAK,CAAC,CAAC,YAAY,GAC7BM,IAAWC,QACTC,EAAO,KAAK,OAAO;EAAE,GAAGC;EAAG,OAAOA,EAAE,MAAM,QAAQ,MAAM,CAACJ,KAAKV,EAAWC,CAAC,CAAC,CAAC,SAASS,CAAC,CAAC;CAAE,EAAE,CAAC,CAAC,QAAQ,MAAMI,EAAE,MAAM,SAAS,CAAC,GACnI,CAACD,GAAQH,CAAC,CACZ,GACMK,IAAmBH,QAAc;EACrC,IAAMI,IAAQ,IAAI,IAAIL,EAAS,SAAS,MAAMG,EAAE,MAAM,KAAK,MAAMb,EAAE,EAAE,CAAC,CAAC;EACvE,OAAO,IAAI,IAAI,CAAC,GAAGO,CAAQ,CAAC,CAAC,QAAQ,MAAOQ,EAAM,IAAIC,CAAE,CAAC,CAAC;CAC5D,GAAG,CAACN,GAAUH,CAAQ,CAAC;CACvB,OACE,kBAAC,OAAD;EAAU;EAAK,WAAU;EAAzB,UAAA,CACE,kBAACb,GAAD;GAAS,cAAYS,EAAE,wBAAwB,SAAS;GAAxD,UAAA;IACGc;IACD,kBAACvB,EAAQ,QAAT,CAAiB,CAAA;IACjB,kBAAC,OAAD;KAAK,WAAU;KACb,UAAA,kBAACD,GAAD;MACE,cAAYU,EAAE,uBAAuB,QAAQ;MAC7C,aAAaA,EAAE,uBAAuB,QAAQ;MAC9C,OAAOC;MACP,WAAW,MAAMC,EAAS,EAAE,OAAO,KAAK;MACxC,eAAeA,EAAS,EAAE;MAC1B,UAAU,CAAC,GAAG;KACf,CAAA;IACE,CAAA;GACE;EACR,CAAA,GAAAK,EAAS,WAAW,IACnB,kBAACf,GAAD;GACE,MAAK;GACL,OAAOc,IAAIN,EAAE,0BAA0B,YAAY,IAAKe,KAAcf,EAAE,+BAA+B,kBAAkB;GACzH,GAAKM,IAAI,EAAE,aAAaN,EAAE,iCAAiC,uBAAuB,EAAE,IAAIgB,IAAmB,EAAE,aAAaA,EAAiB,IAAI,CAAC;GAChJ,GAAK,CAACV,KAAKW,IAAc,EAAE,SAASA,EAAY,IAAI,CAAC;EACtD,CAAA,IAED,kBAACC,GAAD;GACE,cAAYnB;GACZ,QAAQQ;GACR,YAAYY,EAAY,SAAS;GACjC,UAAUR;GACV,kBAAkBN;GAClB,GAAKe,IAAS,EAAE,UAAO,IAAI,CAAC;GAC5B,kBAAkBD,EAAY,KAAK,MACjC,kBAAC1B,GAAD;IAA+B,GAAK4B,EAAE,OAAO,EAAE,MAAMA,EAAE,KAAK,IAAI,CAAC;IAAI,eAAeA,EAAE,QAAQ,CAAC,GAAGV,CAAgB,CAAC;IAChH,UAAAU,EAAE;GACY,GAFKA,EAAE,KAEP,CAClB;EACF,CAAA,CAEA;;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAa,cAAc"}

package/dist/chunks/agent-avatar-0pdBTWkR.js

@@ -0,0 +1,171 @@
+"use client";
+import { t as e } from "./cn-Dj6sRgkF.js";
+import { i as t, n } from "./context-BELWW79w.js";
+import { t as r } from "./avatar-CWbdwbJv.js";
+import { forwardRef as i, useMemo as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/agent-avatar/models.ts
+var c = /* @__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 l(e) {
+	return c.includes(e) ? e : "unknown";
+}
+//#endregion
+//#region src/components/agent-avatar/model-name.ts
+var u = {
+	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 d(e, t = n) {
+	let r = l(e);
+	return r === "unknown" ? t("agentAvatar.unknownModel", "Unknown") : u[r];
+}
+function f() {
+	let e = t();
+	return a(() => (t) => d(t, e), [e]);
+}
+//#endregion
+//#region src/components/agent-avatar/agent-avatar.tsx
+var p = { 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
+	}
+} }, m = { size: 24 }, h = { size: {
+	20: {
+		classes: "size-10 right-0 bottom-0 rounded-cell",
+		glyph: "size-8",
+		stroke: 3
+	},
+	24: {
+		classes: "size-12 right-0 bottom-0 rounded-cell",
+		glyph: "size-10",
+		stroke: 2.75
+	},
+	28: {
+		classes: "size-14 right-0 bottom-0 rounded-cell",
+		glyph: "size-10",
+		stroke: 2.5
+	},
+	32: {
+		classes: "size-16 right-0 bottom-0 rounded-cell",
+		glyph: "size-12",
+		stroke: 2.25
+	},
+	40: {
+		classes: "size-20 right-0 bottom-0 rounded-avatar",
+		glyph: "size-14",
+		stroke: 2
+	}
+} }, g = { size: 24 }, _ = [
+	"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"
+], v = [
+	"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 y(e, t = v) {
+	return /* @__PURE__ */ o("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__ */ o("path", { d: e }, e))
+	});
+}
+var b = /* @__PURE__ */ i(function({ name: t, size: n = 24, decorative: r, className: i }, a) {
+	let s = p.size[n];
+	return /* @__PURE__ */ o("span", {
+		ref: a,
+		...r ? { "aria-hidden": !0 } : {
+			role: "img",
+			"aria-label": t
+		},
+		className: e("inline-flex shrink-0 items-center justify-center bg-ink text-on-ink select-none", s.classes, i),
+		children: y(s)
+	});
+});
+process.env.NODE_ENV !== "production" && (b.displayName = "AgentAvatar");
+var x = /* @__PURE__ */ i(function({ name: n, src: i, agent: a, size: c = 24, className: l }, u) {
+	let f = t(), p = h.size[c];
+	return /* @__PURE__ */ s("span", {
+		ref: u,
+		role: "img",
+		"aria-label": f("agentAttribution.label", "{name} via {agent} ({model})", {
+			name: n,
+			agent: a.name,
+			model: d(a.model, f)
+		}),
+		className: e("relative inline-flex shrink-0", l),
+		children: [/* @__PURE__ */ o(r, {
+			name: n,
+			...i ? { src: i } : {},
+			size: c,
+			decorative: !0
+		}), /* @__PURE__ */ o("span", {
+			"aria-hidden": !0,
+			"data-agent-badge": "",
+			className: e("absolute inline-flex items-center justify-center bg-ink text-on-ink ring-2 ring-panel", p.classes),
+			children: y(p, _)
+		})]
+	});
+});
+process.env.NODE_ENV !== "production" && (x.displayName = "AgentAttribution");
+//#endregion
+export { m as a, f as c, h as i, c as l, b as n, p as o, g as r, d as s, x as t, l as u };
+
+//# sourceMappingURL=agent-avatar-0pdBTWkR.js.map

package/dist/chunks/agent-avatar-0pdBTWkR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent-avatar-0pdBTWkR.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","agent","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 } from \"react\";\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-10 right-0 bottom-0 rounded-cell\", glyph: \"size-8\", stroke: 3 },\n    24: { classes: \"size-12 right-0 bottom-0 rounded-cell\", glyph: \"size-10\", stroke: 2.75 },\n    28: { classes: \"size-14 right-0 bottom-0 rounded-cell\", glyph: \"size-10\", stroke: 2.5 },\n    32: { classes: \"size-16 right-0 bottom-0 rounded-cell\", glyph: \"size-12\", stroke: 2.25 },\n    40: { classes: \"size-20 right-0 bottom-0 rounded-avatar\", glyph: \"size-14\", stroke: 2 },\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// A bot's face on a 24 grid: head 4–20, ears at 2 and 22, antenna to 4.5, eyes as round-capped dots. Badges\n// drop the ears and widen the head, which is all that still reads at 8 to 14 pixels.\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(\"inline-flex shrink-0 items-center justify-center bg-ink text-on-ink select-none\", tile.classes, className)}\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  return (\n    <span\n      ref={ref}\n      role=\"img\"\n      aria-label={t(\"agentAttribution.label\", \"{name} via {agent} ({model})\", { name, agent: agent.name, model: modelName(agent.model, t) })}\n      className={cn(\"relative inline-flex shrink-0\", className)}\n    >\n      <Avatar name={name} {...(src ? { src } : {})} size={size} decorative />\n      <span\n        aria-hidden\n        data-agent-badge=\"\"\n        className={cn(\"absolute inline-flex items-center justify-center bg-ink text-on-ink ring-2 ring-panel\", badge.classes)}\n      >\n        {botGlyph(badge, BADGE_BOT)}\n      </span>\n    </span>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") AgentAttribution.displayName = \"AgentAttribution\";\n"],"mappings":"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"}

package/dist/chunks/{app-frame-C8csevkL.js → app-frame-DogGRmsu.js}

@@ -1,11 +1,11 @@
 "use client";
 import { t as e } from "./cn-Dj6sRgkF.js";
-import { n as t, t as n } from "./inset-BnBj8NJV.js";
+import { n as t, t as n } from "./inset-BUzyXLK4.js";
 import { i as r } from "./context-BELWW79w.js";
-import { l as i, s as a } from "./tooltip-BMQ9BtPp.js";
-import { a as o } from "./button-Dzu7_csE.js";
-import { t as s } from "./icon-button-CPYR21Sz.js";
-import { l as c, t as l } from "./sidebar-DtFlejU7.js";
+import { c as i, u as a } from "./tooltip-OcwO0VUT.js";
+import { a as o } from "./button-CzuxqawA.js";
+import { t as s } from "./icon-button-CrdF_eMG.js";
+import { l as c, t as l } from "./sidebar-3r1ZRXlN.js";
 import { t as u } from "./when-idle-Cy3pinqO.js";
 import { createContext as d, forwardRef as f, useCallback as p, useContext as m, useEffect as h, useId as g, useLayoutEffect as _, useMemo as v, useRef as y, useState as b } from "react";
 import { jsx as x, jsxs as S } from "react/jsx-runtime";
@@ -103,13 +103,13 @@ function A({ banner: e, href: t, label: n, actions: i, open: a, onToggle: o, tog
 	});
 }
 process.env.NODE_ENV !== "production" && (A.displayName = "AppFrame.PhoneBar");
-var j = 750, M = /* @__PURE__ */ a(() => import("./nav-sheet-B2rNb8GB.js").then((e) => e.n), { base: () => import.meta.url });
-function N({ navOpen: e, setNavOpen: t, toggle: n, ready: r, children: a }) {
+var j = 750, M = /* @__PURE__ */ i(() => import("./nav-sheet-CzgIwgAm.js").then((e) => e.n), { base: () => import.meta.url });
+function N({ navOpen: e, setNavOpen: t, toggle: n, ready: r, children: i }) {
 	let { peeking: o, setPeeking: s } = c(), [l, d] = b(!1);
 	h(() => u(() => d(!0)), []);
 	let f = p(() => {
 		t(!1), s(!1);
-	}, [t, s]), m = i(M, l || e || o, () => {
+	}, [t, s]), m = a(M, l || e || o, () => {
 		d(!1), f();
 	})?.NavSheet, g = (e || o) && !m;
 	return _(() => {
@@ -121,7 +121,7 @@ function N({ navOpen: e, setNavOpen: t, toggle: n, ready: r, children: a }) {
 		onOpenChange: (e) => {
 			e || f();
 		},
-		children: a
+		children: i
 	}) : null;
 }
 function P(e, t, n) {
@@ -141,27 +141,28 @@ function P(e, t, n) {
 		n
 	]);
 }
-function F({ className: t }) {
-	let { openNav: n, sheetReady: i } = D(), { collapsed: a, setCollapsed: o, setPeeking: l } = c(), u = y(void 0);
-	h(() => () => clearTimeout(u.current), []);
-	let d = r(), f = () => typeof window < "u" && window.matchMedia("(min-width: 1024px)").matches;
+var F = /* @__PURE__ */ f(function({ className: t }, n) {
+	let { openNav: i, sheetReady: a } = D(), { collapsed: o, setCollapsed: l, setPeeking: u } = c(), d = y(void 0);
+	h(() => () => clearTimeout(d.current), []);
+	let f = r(), p = () => typeof window < "u" && window.matchMedia("(min-width: 1024px)").matches;
 	return /* @__PURE__ */ x(s, {
+		ref: n,
 		onPointerEnter: () => {
-			a && f() && (u.current = setTimeout(() => l(!0), 750));
+			o && p() && (d.current = setTimeout(() => u(!0), 750));
 		},
 		onPointerLeave: () => {
-			clearTimeout(u.current), i.current || l(!1);
+			clearTimeout(d.current), a.current || u(!1);
 		},
 		icon: C,
 		"data-sidebar-expand": "",
-		"aria-label": a ? d("appFrame.expandSidebar", "Expand sidebar") : d("appFrame.openNavigation", "Open navigation"),
-		shortcut: a ? ["["] : void 0,
+		"aria-label": o ? f("appFrame.expandSidebar", "Expand sidebar") : f("appFrame.openNavigation", "Open navigation"),
+		shortcut: o ? ["["] : void 0,
 		onClick: () => {
-			clearTimeout(u.current), a && f() ? o(!1) : n();
+			clearTimeout(d.current), o && p() ? l(!1) : i();
 		},
-		className: e("hidden", a && "lg:inline-flex", t)
+		className: e("hidden", o && "lg:inline-flex", t)
 	});
-}
+});
 process.env.NODE_ENV !== "production" && (F.displayName = "AppFrame.MenuButton");
 var I = { padding: {
 	none: { classes: "" },
@@ -217,4 +218,4 @@ var B = /* @__PURE__ */ Object.assign(O, {
 //#endregion
 export { w as a, T as i, L as n, j as o, I as r, D as s, B as t };
 
-//# sourceMappingURL=app-frame-C8csevkL.js.map
+//# sourceMappingURL=app-frame-DogGRmsu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"app-frame-DogGRmsu.js","names":["__icon_SidebarLeftIcon","cn","InsetContent","GutterContent","useUiText","lazyModule","useLazyModule","buttonClasses","IconButton","useSidebar","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","className","SkipLink","sidebar","PhoneBar","brandHref","brandLabel","phoneActions","o","corner","FrameSheet","t","target","main","Bar","banner","actions","toggleRef","SidebarLeftIcon","open","onToggle","PEEK_DELAY","navSheet","n","idle","setIdle","dismiss","useCallback","setPeeking","NavSheet","peeking","pending","useLayoutEffect","usePendingDismiss","doc","onKeyDown","onPointerDown","MenuButton","intent","wide","collapsed","setCollapsed","openNav","KAESO_APP_FRAME_BODY_VARIANTS","KAESO_APP_FRAME_BODY_DEFAULT_VARIANTS","Body","props","padding","Settings","title","description","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 { 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  return (\n    <Ctx.Provider value={frame}>\n      <div\n        ref={ref}\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=\"fixed right-16 bottom-16 z-10 flex items-center gap-8\">{corner}</div>}\n      </div>\n      <FrameSheet navOpen={navOpen} setNavOpen={setNavOpen} toggle={toggle} ready={sheetReady}>\n        {sidebar}\n      </FrameSheet>\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-8 left-8 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;\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, setPeeking } = 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        if (collapsed && wide()) intent.current = setTimeout(() => setPeeking(true), PEEK_DELAY);\n      }}\n      onPointerLeave={() => {\n        clearTimeout(intent.current);\n        if (!sheetReady.current) setPeeking(false);\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 ? [\"[\"] : 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-64 pb-96\", className)} {...props}>\n        <header className=\"flex flex-col gap-8\">\n          <div 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=\"ml-auto flex h-34 shrink-0 items-center gap-8\">{actions}</div>}\n          </div>\n          {description && <p className=\"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":";;;;;;;;;;;;;AAyBA,IAAaY,IAA2B,EACtC,MAAM;CACJ,QAAQ,EAAE,SAAS,QAAQ;CAC3B,QAAQ,EAAE,SAAS,SAAS;AAC9B,EACF,GACaC,IAAmC,EAAE,MAAM,SAAS,GAE3DC,IAAsB,kBAA0F;CACpH,eAAe,KAAA;CACf,UAAU;CACV,YAAY,EAAE,SAAS,GAAM;AAC/B,CAAC,GACYC,UAAoBC,EAAWF,CAAG,GAazCG,IAAuB,kBAA0C,SACrE,EAAE,YAAS,aAAU,WAAQ,UAAO,UAAU,cAAW,eAAY,iBAAc,gBACnF,GACA;CACA,IAAM,CAACC,GAASC,KAAcC,EAAS,EAAK,GACtCC,IAASC,EAAiC,IAAI,GAC9CC,IAAaD,EAAO,EAAK,GACzBE,IAAS,UAAUC,EAAM,CAAC,CAAC,QAAQ,WAAW,EAAE,KAChDC,IAAOC,MAAS,WAAW,SAAS,OACpCC,IAAQC,SAAe;EAAE,eAAeV,EAAW,EAAI;EAAG,UAAUQ,MAAS;EAAU;CAAW,IAAI,CAACA,CAAI,CAAC;CAClH,OACE,kBAACb,EAAI,UAAL;EAAc,OAAOc;EAArB,UAAA,CACE,kBAAC,OAAD;GACO;GACL,WAAW3B,EACT,uFACAW,EAAyB,KAAKe,EAAK,CAAC,SACpCG,CACF;GANF,UAAA;IAQE,kBAACC,GAAD,EAAU,QAAQP,EAAS,CAAA;IAC3B,kBAAC,OAAD;KAAK,WAAU;KAAyB,UAAAQ;IAAa,CAAA;IACrD,kBAACC,GAAD;KACE,QAAQN,MAAS;KACjB,MAAMO;KACN,OAAOC;KACP,SAASC;KACT,MAAMlB;KACN,gBAAgBC,GAAY,MAAM,CAACkB,CAAC;KACpC,WAAWhB;IACZ,CAAA;IACD,kBAACK,GAAD;KACE,IAAIF;KACJ,WAAU;KAET;IACG,CAAA;IACLc,KAAU,kBAAC,OAAD;KAAK,WAAU;KAAyD,UAAAA;IAAY,CAAA;GAC5F;EACL,CAAA,GAAA,kBAACC,GAAD;GAAqB;GAAqB;GAAoB;GAAQ,OAAOhB;GAC1E,UAAAS;EACS,CAAA,CACA;;AAElB,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc;AAE9D,SAASD,EAAS,EAAE,aAA8B;CAChD,IAAMS,IAAIpC,EAAU;CACpB,OACE,kBAAC,KAAD;EACE,MAAM,IAAIqC;EACV,UAAU,MAAM;GACd,IAAMC,IAAO,SAAS,eAAeD,CAAM;GAC3C,AAAKC,MACL,EAAE,eAAe,GACjBA,EAAK,aAAa,YAAY,IAAI,GAClCA,EAAK,iBAAiB,cAAcA,EAAK,gBAAgB,UAAU,GAAG,EAAE,MAAM,GAAK,CAAC,GACpFA,EAAK,MAAM;EACb;EACA,WAAWzC,EAAGM,EAAc,EAAE,MAAM,KAAK,CAAC,GAAG,8CAA8C;EAE1F,UAAAiC,EAAE,0BAA0B,iBAAiB;CAC7C,CAAA;AAEP;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAS,cAAc;AAElE,SAASP,EAAS,EAChB,WACA,SACA,UACA,YACA,SACA,aACA,gBASC;CACD,IAAMU,IAAMC,IAAS,WAAW,OAC1BJ,IAAIpC,EAAU;CACpB,OACE,kBAACuC,GAAD;EAAK,kBAAe;EAAG,WAAU;EAC/B,UAAA,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,kBAACjC,GAAD;IAAqB;IAAa;GAAQ,CAAA,GAC1C,kBAAC,QAAD;IAAM,WAAU;IAAhB,UAAA,CACGmC,GACD,kBAACrC,GAAD;KACE,KAAKsC;KACL,MAAM9C;KACN,cAAYwC,EAAE,2BAA2B,iBAAiB;KAC1D,iBAAc;KACd,iBAAeQ;KACf,SAAS;KACT,SAASC;IACV,CAAA,CACG;GACH,CAAA,CAAA;;CACF,CAAA;AAET;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAS,cAAc;AAElE,IAAaC,IAAa,KAEpBC,IAA2B,wBAAiB,OAAO,0BAAA,CAAA,MAAA,MAAAC,EAAA,CAAA,GAAmB,EAAE,YAAY,YAAY,IAAI,CAAC;AAE3G,SAASb,EAAW,EAClB,YACA,eACA,WACA,UACA,eAOC;CACD,IAAM,EAAE,YAAS,kBAAe9B,EAAW,GACrC,CAAC4C,GAAMC,KAAWlC,EAAS,EAAK;CACtC,QAAgBT,QAAe2C,EAAQ,EAAI,CAAC,GAAG,CAAC,CAAC;CACjD,IAAMC,IAAUC,QAAkB;EAEhC,AADArC,EAAW,EAAK,GAChBsC,EAAW,EAAK;CAClB,GAAG,CAACtC,GAAYsC,CAAU,CAAC,GACrBC,IAAWpD,EAAc6C,GAAUE,KAAQnC,KAAWyC,SAAe;EAEzE,AADAL,EAAQ,EAAK,GACbC,EAAQ;CACV,CAAC,CAAC,EAAE,UACEK,KAAW1C,KAAWyC,MAAY,CAACD;CAMzC,OALAG,QAAsB;EACpB,EAAM,UAAU,CAAC,CAACH;CACpB,CAAC,GACDI,EAAkBF,GAASvC,GAAQkC,CAAO,GACrCG,IAEH,kBAACA,GAAD;EACE,MAAMxC,KAAWyC;EACjB,MAAMA,KAAW,CAACzC;EAClB,GAAKA,IAAU,EAAE,aAAaG,EAAO,IAAI,CAAC;EAC1C,eAAe,MAAM;GACnB,AAAKgB,KAAGkB,EAAQ;EAClB;EAEC;CACO,CAAA,IAXU;AAaxB;AAEA,SAASO,EAAkB,GAAkB,GAAuC,GAAqB;CACvG,QAAgB;EACd,IAAI,CAACF,GAAS;EACd,IAAMG,IAAM1C,EAAO,SAAS,iBAAiB,UACvC2C,KAAa,MAAqB;GACtC,AAAI,EAAE,QAAQ,aACd,EAAE,gBAAgB,GAClBT,EAAQ;EACV,GACMU,KAAiB,MAAoB;GACzC,AAAK5C,EAAO,SAAS,SAAS,EAAE,MAAc,KAAGkC,EAAQ;EAC3D;EAGA,OAFAQ,EAAI,iBAAiB,WAAWC,GAAW,EAAI,GAC/CD,EAAI,iBAAiB,eAAeE,GAAe,EAAI,SAC1C;GAEX,AADAF,EAAI,oBAAoB,WAAWC,GAAW,EAAI,GAClDD,EAAI,oBAAoB,eAAeE,GAAe,EAAI;EAC5D;CACF,GAAG;EAACL;EAASvC;EAAQkC;CAAO,CAAC;AAC/B;AAEA,IAAMW,IAA6B,kBAAkE,SAA4B,EAAE,gBAAa,GAAK;CACnJ,IAAM,EAAE,YAAS,kBAAenD,EAAY,GACtC,EAAE,cAAW,iBAAc,kBAAeN,EAAW,GACrD0D,IAAS7C,EAAkD,KAAA,CAAS;CAC1E,cAAsB,aAAa6C,EAAO,OAAO,GAAG,CAAC,CAAC;CACtD,IAAM3B,IAAIpC,EAAU,GACdgE,UAAa,OAAO,SAAW,OAAe,OAAO,WAAW,qBAAqB,CAAC,CAAC;CAC7F,OACE,kBAAC5D,GAAD;EACO;EACL,sBAAsB;GACpB,AAAI6D,KAAaD,EAAK,MAAG,EAAO,UAAU,iBAAiBX,EAAW,EAAI,GAAA,GAAa;EACzF;EACA,sBAAsB;GAEpB,AADA,aAAaU,EAAO,OAAO,GACtB5C,EAAW,WAASkC,EAAW,EAAK;EAC3C;EACA,MAAMzD;EACN,uBAAoB;EACpB,cAAYqE,IAAY7B,EAAE,0BAA0B,gBAAgB,IAAIA,EAAE,2BAA2B,iBAAiB;EACtH,UAAU6B,IAAY,CAAC,GAAG,IAAI,KAAA;EAC9B,eAAe;GAEb,AADA,aAAaF,EAAO,OAAO,GACvBE,KAAaD,EAAK,IAAGE,EAAa,EAAK,IACtCC,EAAQ;EACf;EACA,WAAWtE,EAAG,UAAUoE,KAAa,kBAAkBvC,CAAS;CACjE,CAAA;AAEL,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAW,cAAc;AAEpE,IAAa0C,IAAgC,EAC3C,SAAS;CACP,MAAM,EAAE,SAAS,GAAG;CACpB,MAAM,EAAE,SAAS,aAAa;CAC9B,MAAM,EAAE,SAAS,oBAAoB;AACvC,EACF,GACaC,IAAwC,EAAE,SAAS,OAAO,GAMjEC,IAAuB,kBAA8C,SAAsB,EAAE,cAAW,aAAU,QAAQ,aAAU,GAAGC,KAAS,GAAK;CACzJ,OACE,kBAAC,OAAD;EACO;EACL,WAAW1E,EAAG,qEAAqEuE,EAA8B,QAAQI,EAAQ,CAAC,SAAS9C,CAAS;EACpJ,GAAI6C;EAEJ,UAAA,kBAACxE,GAAD;GAAe,QAAQyE,MAAY;GAAS;EAAwB,CAAA;CACjE,CAAA;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc;AAQ9D,IAAMC,IAA2B,kBAA8C,SAA0B,EAAE,UAAO,gBAAa,YAAS,cAAW,aAAU,GAAGF,KAAS,GAAK;CAC5K,OACE,kBAACD,GAAD;EAAW;EAAK,WAAU;EAA1B,UAAA,CACE,kBAACR,GAAD,EAAY,WAAU,+BAAgC,CAAA,GACtD,kBAAC,OAAD;GAAK,WAAWjE,EAAG,mDAAmD6B,CAAS;GAAG,GAAI6C;GAAtF,UAAA,CACE,kBAAC,UAAD;IAAQ,WAAU;IAAlB,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,kBAAC,MAAD;MAAI,WAAU;MAA4D,UAAAG;KAAU,CAAA,GACnFjC,KAAW,kBAAC,OAAD;MAAK,WAAU;MAAiD,UAAAA;KAAa,CAAA,CACtF;IACJ,CAAA,GAAAkC,KAAe,kBAAC,KAAD;KAAG,WAAU;KAA+C,UAAAA;IAAe,CAAA,CACrF;GACR,CAAA,GAAA,kBAAC,OAAD;IAAK,WAAU;IACb,UAAA,kBAAC7E,GAAD,EAAA,UACE,kBAACC,GAAD,EAAgB,YAAwB,CAAA,EAC5B,CAAA;GACX,CAAA,CACF;EACD,CAAA,CAAA;;AAEV,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAS,cAAc;AAElE,IAAa6E,IAA2B,uBAAO,OAAO/D,GAAM;CAAE;CAAY;CAAM;AAAS,CAAC"}

package/dist/chunks/{banner-Cb8OWnqJ.js → banner-BA2ALw9M.js}

@@ -2,7 +2,7 @@
 import { t as e } from "./cn-Dj6sRgkF.js";
 import { i as t } from "./context-BELWW79w.js";
 import { t as n } from "./icon-D7ja-_Yk.js";
-import { t as r } from "./icon-button-CPYR21Sz.js";
+import { t as r } from "./icon-button-CrdF_eMG.js";
 import { forwardRef as i, useState as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { Alert02Icon as c, AlertCircleIcon as l, Cancel01Icon as u, CheckmarkCircle02Icon as d, InformationCircleIcon as f } from "@hugeicons/core-free-icons";
@@ -82,4 +82,4 @@ process.env.NODE_ENV !== "production" && (_.displayName = "Banner");
 //#endregion
 export { m as n, p as r, _ as t };
 
-//# sourceMappingURL=banner-Cb8OWnqJ.js.map
+//# sourceMappingURL=banner-BA2ALw9M.js.map

package/dist/chunks/{banner-Cb8OWnqJ.js.map → banner-BA2ALw9M.js.map}

@@ -1 +1 @@
-{"version":3,"file":"banner-Cb8OWnqJ.js","names":["__icon_InformationCircleIcon","__icon_CheckmarkCircle02Icon","__icon_Alert02Icon","__icon_AlertCircleIcon","__icon_Cancel01Icon","cn","useUiText","Icon","IconButton","KAESO_BANNER_VARIANTS","KAESO_BANNER_DEFAULT_VARIANTS","ICON","InformationCircleIcon","CheckmarkCircle02Icon","Alert02Icon","AlertCircleIcon","ICON_TONE","Banner","hidden","setHidden","useState","t","dismissible","onDismiss","tone","layout","className","actions","icon","title","children","Cancel01Icon"],"sources":["../../src/components/banner/banner.tsx"],"sourcesContent":["import { forwardRef, useState, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { InformationCircleIcon as __icon_InformationCircleIcon, CheckmarkCircle02Icon as __icon_CheckmarkCircle02Icon, Alert02Icon as __icon_Alert02Icon, AlertCircleIcon as __icon_AlertCircleIcon, Cancel01Icon as __icon_Cancel01Icon } from \"@hugeicons/core-free-icons\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { IconButton } from \"../icon-button/icon-button.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_BANNER_VARIANTS = {\n  tone: {\n    neutral: { classes: \"bg-fill-1 text-fg\" },\n    info: { classes: \"bg-info-tint text-fg\" },\n    success: { classes: \"bg-success-tint text-fg\" },\n    warning: { classes: \"bg-warning-tint text-fg\" },\n    danger: { classes: \"bg-danger-tint text-fg\" },\n  },\n  layout: {\n    inline: { classes: \"rounded-well px-16 py-12\" },\n    full: { classes: \"rounded-none px-24 py-10\" },\n  },\n} as const;\nexport const KAESO_BANNER_DEFAULT_VARIANTS = { tone: \"neutral\", layout: \"inline\" } as const;\n\nconst ICON: Record<keyof typeof KAESO_BANNER_VARIANTS.tone, IconData> = {\n  neutral: __icon_InformationCircleIcon,\n  info: __icon_InformationCircleIcon,\n  success: __icon_CheckmarkCircle02Icon,\n  warning: __icon_Alert02Icon,\n  danger: __icon_AlertCircleIcon,\n};\nconst ICON_TONE = {\n  neutral: \"text-fg-secondary\",\n  info: \"text-info-text\",\n  success: \"text-success-text\",\n  warning: \"text-warning-text\",\n  danger: \"text-danger-text\",\n} as const;\n\nexport interface BannerProps {\n  tone?: keyof typeof KAESO_BANNER_VARIANTS.tone | undefined;\n  layout?: keyof typeof KAESO_BANNER_VARIANTS.layout | undefined;\n  title?: ReactNode | undefined;\n  children?: ReactNode | undefined;\n  icon?: IconData | undefined;\n  actions?: ReactNode | undefined;\n  onDismiss?: (() => void) | undefined;\n  className?: string | undefined;\n}\n\nexport const Banner = /* @__PURE__ */ forwardRef<HTMLDivElement, BannerProps>(function Banner(\n  { tone = \"neutral\", layout = \"inline\", title, children, icon, actions, onDismiss, className },\n  ref,\n) {\n  const [hidden, setHidden] = useState(false);\n  const t = useUiText();\n  if (hidden) return null;\n  const dismissible = onDismiss && (tone === \"neutral\" || tone === \"info\");\n  return (\n    <div\n      ref={ref}\n      role={tone === \"danger\" ? \"alert\" : \"status\"}\n      className={cn(\"@container w-full\", KAESO_BANNER_VARIANTS.tone[tone].classes, KAESO_BANNER_VARIANTS.layout[layout].classes, className)}\n    >\n      <div className={cn(\"flex items-start gap-8\", actions && \"@banner:items-center\")}>\n        <div className=\"flex min-w-0 flex-1 flex-col gap-12 @banner:flex-row @banner:items-center @banner:gap-24\">\n          <div className=\"flex min-w-0 flex-1 items-start gap-8\">\n            <Icon icon={icon ?? ICON[tone]} size=\"sm\" className={cn(\"mt-2\", ICON_TONE[tone])} />\n            <div className=\"flex min-w-0 flex-1 flex-col gap-2 text-body\">\n              {title && <span className=\"font-semibold text-fg\">{title}</span>}\n              {children && <div className=\"text-fg text-pretty\">{children}</div>}\n            </div>\n          </div>\n          {actions && <div className=\"ml-24 flex shrink-0 flex-wrap items-center gap-8 @banner:ml-0\">{actions}</div>}\n        </div>\n        {dismissible && (\n          <IconButton\n            icon={__icon_Cancel01Icon}\n            aria-label={t(\"banner.dismiss\", \"Dismiss\")}\n            size=\"xs\"\n            className=\"-my-2 -mr-6\"\n            onClick={() => {\n              setHidden(true);\n              onDismiss?.();\n            }}\n          />\n        )}\n      </div>\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Banner.displayName = \"Banner\";\n"],"mappings":";;;;;;;;;AAOA,IAAaS,IAAwB;CACnC,MAAM;EACJ,SAAS,EAAE,SAAS,oBAAoB;EACxC,MAAM,EAAE,SAAS,uBAAuB;EACxC,SAAS,EAAE,SAAS,0BAA0B;EAC9C,SAAS,EAAE,SAAS,0BAA0B;EAC9C,QAAQ,EAAE,SAAS,yBAAyB;CAC9C;CACA,QAAQ;EACN,QAAQ,EAAE,SAAS,2BAA2B;EAC9C,MAAM,EAAE,SAAS,2BAA2B;CAC9C;AACF,GACaC,IAAgC;CAAE,MAAM;CAAW,QAAQ;AAAS,GAE3EC,IAAkE;CACtE,SAASX;CACT,MAAMA;CACN,SAASC;CACT,SAASC;CACT,QAAQC;AACV,GACMa,IAAY;CAChB,SAAS;CACT,MAAM;CACN,SAAS;CACT,SAAS;CACT,QAAQ;AACV,GAaaC,IAAyB,kBAAwC,SAC5E,EAAE,UAAO,WAAW,YAAS,UAAU,UAAO,aAAU,SAAM,YAAS,cAAW,gBAClF,GACA;CACA,IAAM,CAACC,GAAQC,KAAaC,EAAS,EAAK,GACpCC,IAAIf,EAAU;CACpB,IAAIY,GAAQ,OAAO;CACnB,IAAMI,IAAcC,MAAcC,MAAS,aAAaA,MAAS;CACjE,OACE,kBAAC,OAAD;EACO;EACL,MAAMA,MAAS,WAAW,UAAU;EACpC,WAAWnB,EAAG,qBAAqBI,EAAsB,KAAKe,EAAK,CAAC,SAASf,EAAsB,OAAOgB,EAAO,CAAC,SAASC,CAAS;EAEpI,UAAA,kBAAC,OAAD;GAAK,WAAWrB,EAAG,0BAA0BsB,KAAW,sBAAsB;GAA9E,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,kBAACpB,GAAD;MAAM,MAAMqB,KAAQjB,EAAKa;MAAO,MAAK;MAAK,WAAWnB,EAAG,QAAQW,EAAUQ,EAAK;KAAI,CAAA,GACnF,kBAAC,OAAD;MAAK,WAAU;MAAf,UAAA,CACGK,KAAS,kBAAC,QAAD;OAAM,WAAU;OAAyB,UAAAA;MAAY,CAAA,GAC9DC,KAAY,kBAAC,OAAD;OAAK,WAAU;OAAuB;MAAc,CAAA,CAC9D;KACF,CAAA,CAAA;IACJ,CAAA,GAAAH,KAAW,kBAAC,OAAD;KAAK,WAAU;KAAiE,UAAAA;IAAa,CAAA,CACtG;GACJ,CAAA,GAAAL,KACC,kBAACd,GAAD;IACE,MAAMJ;IACN,cAAYiB,EAAE,kBAAkB,SAAS;IACzC,MAAK;IACL,WAAU;IACV,eAAe;KAEb,AADAF,EAAU,EAAI,GACdI,IAAY;IACd;GACD,CAAA,CAEA;;CACF,CAAA;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAO,cAAc"}
+{"version":3,"file":"banner-BA2ALw9M.js","names":["__icon_InformationCircleIcon","__icon_CheckmarkCircle02Icon","__icon_Alert02Icon","__icon_AlertCircleIcon","__icon_Cancel01Icon","cn","useUiText","Icon","IconButton","KAESO_BANNER_VARIANTS","KAESO_BANNER_DEFAULT_VARIANTS","ICON","InformationCircleIcon","CheckmarkCircle02Icon","Alert02Icon","AlertCircleIcon","ICON_TONE","Banner","hidden","setHidden","useState","t","dismissible","onDismiss","tone","layout","className","actions","icon","title","children","Cancel01Icon"],"sources":["../../src/components/banner/banner.tsx"],"sourcesContent":["import { forwardRef, useState, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { InformationCircleIcon as __icon_InformationCircleIcon, CheckmarkCircle02Icon as __icon_CheckmarkCircle02Icon, Alert02Icon as __icon_Alert02Icon, AlertCircleIcon as __icon_AlertCircleIcon, Cancel01Icon as __icon_Cancel01Icon } from \"@hugeicons/core-free-icons\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { IconButton } from \"../icon-button/icon-button.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_BANNER_VARIANTS = {\n  tone: {\n    neutral: { classes: \"bg-fill-1 text-fg\" },\n    info: { classes: \"bg-info-tint text-fg\" },\n    success: { classes: \"bg-success-tint text-fg\" },\n    warning: { classes: \"bg-warning-tint text-fg\" },\n    danger: { classes: \"bg-danger-tint text-fg\" },\n  },\n  layout: {\n    inline: { classes: \"rounded-well px-16 py-12\" },\n    full: { classes: \"rounded-none px-24 py-10\" },\n  },\n} as const;\nexport const KAESO_BANNER_DEFAULT_VARIANTS = { tone: \"neutral\", layout: \"inline\" } as const;\n\nconst ICON: Record<keyof typeof KAESO_BANNER_VARIANTS.tone, IconData> = {\n  neutral: __icon_InformationCircleIcon,\n  info: __icon_InformationCircleIcon,\n  success: __icon_CheckmarkCircle02Icon,\n  warning: __icon_Alert02Icon,\n  danger: __icon_AlertCircleIcon,\n};\nconst ICON_TONE = {\n  neutral: \"text-fg-secondary\",\n  info: \"text-info-text\",\n  success: \"text-success-text\",\n  warning: \"text-warning-text\",\n  danger: \"text-danger-text\",\n} as const;\n\nexport interface BannerProps {\n  tone?: keyof typeof KAESO_BANNER_VARIANTS.tone | undefined;\n  layout?: keyof typeof KAESO_BANNER_VARIANTS.layout | undefined;\n  title?: ReactNode | undefined;\n  children?: ReactNode | undefined;\n  icon?: IconData | undefined;\n  actions?: ReactNode | undefined;\n  onDismiss?: (() => void) | undefined;\n  className?: string | undefined;\n}\n\nexport const Banner = /* @__PURE__ */ forwardRef<HTMLDivElement, BannerProps>(function Banner(\n  { tone = \"neutral\", layout = \"inline\", title, children, icon, actions, onDismiss, className },\n  ref,\n) {\n  const [hidden, setHidden] = useState(false);\n  const t = useUiText();\n  if (hidden) return null;\n  const dismissible = onDismiss && (tone === \"neutral\" || tone === \"info\");\n  return (\n    <div\n      ref={ref}\n      role={tone === \"danger\" ? \"alert\" : \"status\"}\n      className={cn(\"@container w-full\", KAESO_BANNER_VARIANTS.tone[tone].classes, KAESO_BANNER_VARIANTS.layout[layout].classes, className)}\n    >\n      <div className={cn(\"flex items-start gap-8\", actions && \"@banner:items-center\")}>\n        <div className=\"flex min-w-0 flex-1 flex-col gap-12 @banner:flex-row @banner:items-center @banner:gap-24\">\n          <div className=\"flex min-w-0 flex-1 items-start gap-8\">\n            <Icon icon={icon ?? ICON[tone]} size=\"sm\" className={cn(\"mt-2\", ICON_TONE[tone])} />\n            <div className=\"flex min-w-0 flex-1 flex-col gap-2 text-body\">\n              {title && <span className=\"font-semibold text-fg\">{title}</span>}\n              {children && <div className=\"text-fg text-pretty\">{children}</div>}\n            </div>\n          </div>\n          {actions && <div className=\"ml-24 flex shrink-0 flex-wrap items-center gap-8 @banner:ml-0\">{actions}</div>}\n        </div>\n        {dismissible && (\n          <IconButton\n            icon={__icon_Cancel01Icon}\n            aria-label={t(\"banner.dismiss\", \"Dismiss\")}\n            size=\"xs\"\n            className=\"-my-2 -mr-6\"\n            onClick={() => {\n              setHidden(true);\n              onDismiss?.();\n            }}\n          />\n        )}\n      </div>\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Banner.displayName = \"Banner\";\n"],"mappings":";;;;;;;;;AAOA,IAAaS,IAAwB;CACnC,MAAM;EACJ,SAAS,EAAE,SAAS,oBAAoB;EACxC,MAAM,EAAE,SAAS,uBAAuB;EACxC,SAAS,EAAE,SAAS,0BAA0B;EAC9C,SAAS,EAAE,SAAS,0BAA0B;EAC9C,QAAQ,EAAE,SAAS,yBAAyB;CAC9C;CACA,QAAQ;EACN,QAAQ,EAAE,SAAS,2BAA2B;EAC9C,MAAM,EAAE,SAAS,2BAA2B;CAC9C;AACF,GACaC,IAAgC;CAAE,MAAM;CAAW,QAAQ;AAAS,GAE3EC,IAAkE;CACtE,SAASX;CACT,MAAMA;CACN,SAASC;CACT,SAASC;CACT,QAAQC;AACV,GACMa,IAAY;CAChB,SAAS;CACT,MAAM;CACN,SAAS;CACT,SAAS;CACT,QAAQ;AACV,GAaaC,IAAyB,kBAAwC,SAC5E,EAAE,UAAO,WAAW,YAAS,UAAU,UAAO,aAAU,SAAM,YAAS,cAAW,gBAClF,GACA;CACA,IAAM,CAACC,GAAQC,KAAaC,EAAS,EAAK,GACpCC,IAAIf,EAAU;CACpB,IAAIY,GAAQ,OAAO;CACnB,IAAMI,IAAcC,MAAcC,MAAS,aAAaA,MAAS;CACjE,OACE,kBAAC,OAAD;EACO;EACL,MAAMA,MAAS,WAAW,UAAU;EACpC,WAAWnB,EAAG,qBAAqBI,EAAsB,KAAKe,EAAK,CAAC,SAASf,EAAsB,OAAOgB,EAAO,CAAC,SAASC,CAAS;EAEpI,UAAA,kBAAC,OAAD;GAAK,WAAWrB,EAAG,0BAA0BsB,KAAW,sBAAsB;GAA9E,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,kBAACpB,GAAD;MAAM,MAAMqB,KAAQjB,EAAKa;MAAO,MAAK;MAAK,WAAWnB,EAAG,QAAQW,EAAUQ,EAAK;KAAI,CAAA,GACnF,kBAAC,OAAD;MAAK,WAAU;MAAf,UAAA,CACGK,KAAS,kBAAC,QAAD;OAAM,WAAU;OAAyB,UAAAA;MAAY,CAAA,GAC9DC,KAAY,kBAAC,OAAD;OAAK,WAAU;OAAuB;MAAc,CAAA,CAC9D;KACF,CAAA,CAAA;IACJ,CAAA,GAAAH,KAAW,kBAAC,OAAD;KAAK,WAAU;KAAiE,UAAAA;IAAa,CAAA,CACtG;GACJ,CAAA,GAAAL,KACC,kBAACd,GAAD;IACE,MAAMJ;IACN,cAAYiB,EAAE,kBAAkB,SAAS;IACzC,MAAK;IACL,WAAU;IACV,eAAe;KAEb,AADAF,EAAU,EAAI,GACdI,IAAY;IACd;GACD,CAAA,CAEA;;CACF,CAAA;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAO,cAAc"}

package/dist/chunks/{button-Dzu7_csE.js → button-CzuxqawA.js}

@@ -1,10 +1,10 @@
 "use client";
 import { t as e } from "./cn-Dj6sRgkF.js";
 import { i as t, r as n } from "./dev-CR1p7gCm.js";
-import { n as r, r as i } from "./link-provider-BsUxhZKG.js";
+import { n as r, r as i } from "./link-provider-cvl8lSTT.js";
 import { t as a } from "./icon-D7ja-_Yk.js";
 import { i as o } from "./kbd-BF1vKXJf.js";
-import { r as s } from "./tooltip-BMQ9BtPp.js";
+import { r as s } from "./tooltip-OcwO0VUT.js";
 import { i as c, r as l } from "./loader-DCfPndXa.js";
 import { r as u } from "./swap-text-Dr0Irxz6.js";
 import { forwardRef as d } from "react";
@@ -161,4 +161,4 @@ process.env.NODE_ENV !== "production" && (S.displayName = "Button");
 //#endregion
 export { x as a, h as i, S as n, g as r, b as t };
 
-//# sourceMappingURL=button-Dzu7_csE.js.map
+//# sourceMappingURL=button-CzuxqawA.js.map