@logicplanes/kaeso-ui 0.1.0

package/dist/components/kaeso/usage.js

@@ -0,0 +1,101 @@
+"use client";
+import { t as e } from "../../chunks/cn-CidVUKMm.js";
+import { i as t } from "../../chunks/context-BELWW79w.js";
+import { formatNumber as n, formatTokens as r } from "../../format.js";
+import { t as i } from "../../chunks/icon-CeNQtobn.js";
+import { a } from "../../chunks/meter-DWhyzFGQ.js";
+import { t as o } from "../../chunks/badge-Dkyhs0_j.js";
+import { C as s, c, l } from "../../chunks/core-Bgefcs3z.js";
+import { forwardRef as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Layers01Icon as p, LeftToRightListBulletIcon as m, Wallet01Icon as h } from "@hugeicons/core-free-icons";
+//#region src/components/kaeso/usage.tsx
+var g = { limit: {
+	hard: { classes: "" },
+	soft: { classes: "" }
+} }, _ = { limit: "hard" }, v = l;
+function y(e) {
+	return {
+		input: e("usageBreakdown.input", "Input"),
+		output: e("usageBreakdown.output", "Output"),
+		cacheRead: e("usageBreakdown.cacheRead", "Cache read"),
+		cacheWrite: e("usageBreakdown.cacheWrite", "Cache write"),
+		reasoning: e("usageBreakdown.reasoning", "Reasoning")
+	};
+}
+var b = /* @__PURE__ */ u(function({ tokens: i, className: a }, o) {
+	let l = t(), u = y(l), p = v.filter((e) => (i[e] ?? 0) > 0), m = p.reduce((e, t) => e + (i[t] ?? 0), 0) || 1;
+	return /* @__PURE__ */ f("div", {
+		ref: o,
+		className: e("flex flex-col gap-12", a),
+		children: [/* @__PURE__ */ d("div", {
+			role: "img",
+			"aria-label": l("usageBreakdown.tokens", "Tokens: {list}", { list: p.map((e) => l("usageBreakdown.kindCount", "{kind} {count}", {
+				kind: u[e],
+				count: n(i[e] ?? 0)
+			})).join(l("usageBreakdown.listSeparator", ", ")) }),
+			className: "flex h-8 w-full gap-2 overflow-hidden rounded-pill",
+			children: p.map((e) => /* @__PURE__ */ d("span", {
+				className: "h-full min-w-2 first:rounded-l-pill last:rounded-r-pill width-motion",
+				style: {
+					width: `${(i[e] ?? 0) / m * 100}%`,
+					background: s(e)
+				}
+			}, e))
+		}), /* @__PURE__ */ d("dl", {
+			className: "flex flex-wrap gap-x-24 gap-y-8",
+			children: v.map((e) => /* @__PURE__ */ f("div", {
+				className: "flex flex-col gap-2",
+				children: [/* @__PURE__ */ f("dt", {
+					className: "flex items-center gap-8 text-small text-fg-secondary",
+					children: [/* @__PURE__ */ d(c, { color: s(e) }), u[e]]
+				}), /* @__PURE__ */ d("dd", {
+					className: "pl-18 text-body font-medium text-fg tabular",
+					title: l("usageBreakdown.tokenCount", "{count} tokens", { count: n(i[e] ?? 0) }),
+					children: r(i[e] ?? 0)
+				})]
+			}, e))
+		})]
+	});
+});
+process.env.NODE_ENV !== "production" && (b.displayName = "UsageBreakdown");
+var x = {
+	requests: m,
+	tokens: p,
+	spend: h
+}, S = /* @__PURE__ */ u(function({ kind: e, scope: n, window: r, used: s, limit: c, valueLabel: l, hard: u = !0, alerts: p = [.8], resets: m, className: h }, g) {
+	let _ = t();
+	return /* @__PURE__ */ d(a, {
+		ref: g,
+		className: h,
+		value: c > 0 ? s / c : 0,
+		thresholds: p,
+		leading: /* @__PURE__ */ d(i, {
+			icon: x[e],
+			size: "sm",
+			className: "text-fg-secondary"
+		}),
+		label: n,
+		trailing: /* @__PURE__ */ d(o, {
+			tone: u ? "neutral" : "outline",
+			children: u ? _("limitMeter.hard", "Hard") : _("limitMeter.soft", "Soft")
+		}),
+		caption: /* @__PURE__ */ f("span", {
+			className: "flex flex-wrap items-baseline justify-between gap-x-12 gap-y-2",
+			children: [/* @__PURE__ */ f("span", { children: [
+				/* @__PURE__ */ d("span", {
+					className: "font-medium text-fg-secondary tabular",
+					children: l
+				}),
+				" · ",
+				r
+			] }), m && /* @__PURE__ */ d("span", { children: m })]
+		}),
+		"aria-label": _("limitMeter.label", "{kind, select, requests {requests limit} tokens {tokens limit} other {spend limit}}", { kind: e })
+	});
+});
+process.env.NODE_ENV !== "production" && (S.displayName = "LimitMeter");
+//#endregion
+export { _ as KAESO_USAGE_DEFAULT_VARIANTS, g as KAESO_USAGE_VARIANTS, S as LimitMeter, b as UsageBreakdown };
+
+//# sourceMappingURL=usage.js.map

package/dist/components/kaeso/usage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usage.js","names":["__icon_LeftToRightListBulletIcon","__icon_Layers01Icon","__icon_Wallet01Icon","cn","useUiText","Icon","Badge","tokenKindColor","KAESO_USAGE_VARIANTS","KAESO_USAGE_DEFAULT_VARIANTS","ORDER","TOKEN_KIND_ORDER","kindLabels","t","UsageBreakdown","label","kinds","tokens","k","total","a","className","formatNumber","Swatch","formatTokens","KIND_ICON","LeftToRightListBulletIcon","Layers01Icon","Wallet01Icon","LimitMeter","win","Meter","limit","used","alerts","kind","scope","hard","valueLabel","resets"],"sources":["../../../src/components/kaeso/usage.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { LeftToRightListBulletIcon as __icon_LeftToRightListBulletIcon, Layers01Icon as __icon_Layers01Icon, Wallet01Icon as __icon_Wallet01Icon } from \"@hugeicons/core-free-icons\";\nimport { formatNumber, formatTokens } from \"../../format/index.js\";\nimport { Icon, type IconData } from \"../icon/icon.js\";\nimport { Badge } from \"../badge/badge.js\";\nimport { Meter } from \"../meter/meter.js\";\nimport { Swatch, TOKEN_KIND_ORDER, tokenKindColor, type TokenKind } from \"../charts/core.js\";\nimport { useUiText, type UiText } from \"../../i18n/context.js\";\n\nexport const KAESO_USAGE_VARIANTS = {\n  limit: {\n    hard: { classes: \"\" },\n    soft: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_USAGE_DEFAULT_VARIANTS = { limit: \"hard\" } as const;\n\nconst ORDER = TOKEN_KIND_ORDER;\n\nfunction kindLabels(t: UiText): Record<TokenKind, string> {\n  return {\n    input: t(\"usageBreakdown.input\", \"Input\"),\n    output: t(\"usageBreakdown.output\", \"Output\"),\n    cacheRead: t(\"usageBreakdown.cacheRead\", \"Cache read\"),\n    cacheWrite: t(\"usageBreakdown.cacheWrite\", \"Cache write\"),\n    reasoning: t(\"usageBreakdown.reasoning\", \"Reasoning\"),\n  };\n}\n\nexport const UsageBreakdown = /* @__PURE__ */ forwardRef<HTMLDivElement, { tokens: Partial<Record<TokenKind, number>>; className?: string | undefined }>(\n  function UsageBreakdown({ tokens, className }, ref) {\n    const t = useUiText();\n    const label = kindLabels(t);\n    const kinds = ORDER.filter((k) => (tokens[k] ?? 0) > 0);\n    const total = kinds.reduce((a, k) => a + (tokens[k] ?? 0), 0) || 1;\n    return (\n      <div ref={ref} className={cn(\"flex flex-col gap-12\", className)}>\n        <div\n          role=\"img\"\n          aria-label={t(\"usageBreakdown.tokens\", \"Tokens: {list}\", {\n            list: kinds\n              .map((k) => t(\"usageBreakdown.kindCount\", \"{kind} {count}\", { kind: label[k], count: formatNumber(tokens[k] ?? 0) }))\n              .join(t(\"usageBreakdown.listSeparator\", \", \")),\n          })}\n          className=\"flex h-8 w-full gap-2 overflow-hidden rounded-pill\"\n        >\n          {kinds.map((k) => (\n            <span\n              key={k}\n              className=\"h-full min-w-2 first:rounded-l-pill last:rounded-r-pill width-motion\"\n              style={{ width: `${((tokens[k] ?? 0) / total) * 100}%`, background: tokenKindColor(k) }}\n            />\n          ))}\n        </div>\n        <dl className=\"flex flex-wrap gap-x-24 gap-y-8\">\n          {ORDER.map((k) => (\n            <div key={k} className=\"flex flex-col gap-2\">\n              <dt className=\"flex items-center gap-8 text-small text-fg-secondary\">\n                <Swatch color={tokenKindColor(k)} />\n                {label[k]}\n              </dt>\n              <dd\n                className=\"pl-18 text-body font-medium text-fg tabular\"\n                title={t(\"usageBreakdown.tokenCount\", \"{count} tokens\", { count: formatNumber(tokens[k] ?? 0) })}\n              >\n                {formatTokens(tokens[k] ?? 0)}\n              </dd>\n            </div>\n          ))}\n        </dl>\n      </div>\n    );\n  },\n);\nif (process.env.NODE_ENV !== \"production\") UsageBreakdown.displayName = \"UsageBreakdown\";\n\nexport type LimitKind = \"requests\" | \"tokens\" | \"spend\";\nconst KIND_ICON: Record<LimitKind, IconData> = { requests: __icon_LeftToRightListBulletIcon, tokens: __icon_Layers01Icon, spend: __icon_Wallet01Icon };\n\nexport interface LimitMeterProps {\n  kind: LimitKind;\n  scope: ReactNode;\n  window: ReactNode;\n  used: number;\n  limit: number;\n  valueLabel: ReactNode;\n  hard?: boolean | undefined;\n  alerts?: number[] | undefined;\n  resets?: ReactNode | undefined;\n  className?: string | undefined;\n}\n\nexport const LimitMeter = /* @__PURE__ */ forwardRef<HTMLDivElement, LimitMeterProps>(function LimitMeter(\n  { kind, scope, window: win, used, limit, valueLabel, hard = true, alerts = [0.8], resets, className },\n  ref,\n) {\n  const t = useUiText();\n  return (\n    <Meter\n      ref={ref}\n      className={className}\n      value={limit > 0 ? used / limit : 0}\n      thresholds={alerts}\n      leading={<Icon icon={KIND_ICON[kind]} size=\"sm\" className=\"text-fg-secondary\" />}\n      label={scope}\n      trailing={<Badge tone={hard ? \"neutral\" : \"outline\"}>{hard ? t(\"limitMeter.hard\", \"Hard\") : t(\"limitMeter.soft\", \"Soft\")}</Badge>}\n      caption={\n        <span className=\"flex flex-wrap items-baseline justify-between gap-x-12 gap-y-2\">\n          <span>\n            <span className=\"font-medium text-fg-secondary tabular\">{valueLabel}</span> · {win}\n          </span>\n          {resets && <span>{resets}</span>}\n        </span>\n      }\n      aria-label={t(\"limitMeter.label\", \"{kind, select, requests {requests limit} tokens {tokens limit} other {spend limit}}\", { kind })}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") LimitMeter.displayName = \"LimitMeter\";\n"],"mappings":"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"}

package/dist/components/kaeso.js

@@ -0,0 +1,186 @@
+"use client";
+import { t as e } from "../chunks/cn-CidVUKMm.js";
+import { i as t } from "../chunks/context-BELWW79w.js";
+import { r as n } from "../chunks/tooltip-CDu00nzg.js";
+import { a as r } from "../chunks/radio-CUxbLCvD.js";
+import { r as i } from "../chunks/select-Ca3HGsN1.js";
+import { t as a } from "../chunks/badge-Dkyhs0_j.js";
+import { a as o, c as s, i as c, l, n as u, o as d, r as f, s as p, t as m } from "../chunks/identity-DQinp-Ep.js";
+import { EnvironmentSnippet as h, KAESO_MOMENTS_DEFAULT_VARIANTS as g, KAESO_MOMENTS_VARIANTS as _, SecretReveal as v, sdkSnippets as y } from "./kaeso/moments.js";
+import { KAESO_USAGE_DEFAULT_VARIANTS as b, KAESO_USAGE_VARIANTS as x, LimitMeter as S, UsageBreakdown as C } from "./kaeso/usage.js";
+import { ConversationView as w, KAESO_CONVERSATION_DEFAULT_VARIANTS as T, KAESO_CONVERSATION_VARIANTS as E } from "./kaeso/conversation.js";
+import { a as D, i as O, n as k, r as A, t as j } from "../chunks/rights-CXo7zEf6.js";
+import { Fragment as M, forwardRef as N, useId as P } from "react";
+import { jsx as F, jsxs as I } from "react/jsx-runtime";
+import { RadioGroup as L } from "@base-ui/react/radio-group";
+//#region src/components/kaeso/role-picker.tsx
+var R = { appearance: {
+	list: { classes: "flex flex-col gap-16" },
+	select: { classes: "" }
+} }, z = { appearance: "list" }, B = /* @__PURE__ */ N(function({ roles: a, value: o, onValueChange: s, appearance: c = "list", disabled: l, name: u, label: d, "aria-label": f, fullWidth: p, size: m = "md", className: h }, g) {
+	let _ = t(), v = P(), y = _("rolePicker.builtInRoles", "Built-in roles"), b = _("rolePicker.customRoles", "Custom roles"), x = a.some((e) => e.custom);
+	if (c === "select") return /* @__PURE__ */ F("div", {
+		ref: g,
+		className: e("min-w-0", p && "w-full", h),
+		children: /* @__PURE__ */ F(i, {
+			...d ? { label: d } : {},
+			...f ? { "aria-label": f } : {},
+			...u ? { name: u } : {},
+			...l === void 0 ? {} : { disabled: l },
+			...p ? { fullWidth: p } : {},
+			size: m,
+			value: o ?? null,
+			...s ? { onValueChange: s } : {},
+			options: [...a.filter((e) => !e.custom), ...a.filter((e) => e.custom)].map((e) => ({
+				value: e.value,
+				label: e.label,
+				textValue: e.label,
+				description: e.disabled && e.disabledReason ? e.disabledReason : e.description,
+				...x ? { group: e.custom ? b : y } : {},
+				...e.disabled ? { disabled: !0 } : {}
+			}))
+		})
+	});
+	let S = x ? [{
+		caption: y,
+		items: a.filter((e) => !e.custom)
+	}, {
+		caption: b,
+		items: a.filter((e) => e.custom)
+	}] : [{
+		caption: void 0,
+		items: a
+	}];
+	return /* @__PURE__ */ F(L, {
+		ref: g,
+		...o == null ? {} : { value: o },
+		...s ? { onValueChange: (e) => s(String(e)) } : {},
+		...l === void 0 ? {} : { disabled: l },
+		...u ? { name: u } : {},
+		"aria-label": f ?? d ?? _("rolePicker.role", "Role"),
+		className: e(R.appearance.list.classes, h),
+		children: S.filter((e) => e.items.length > 0).map((t, i) => /* @__PURE__ */ F(M, { children: /* @__PURE__ */ I("div", {
+			className: "flex flex-col gap-8",
+			children: [t.caption && /* @__PURE__ */ F("span", {
+				className: "px-4 text-caption font-medium text-fg-secondary",
+				children: t.caption
+			}), /* @__PURE__ */ F("div", {
+				className: "flex flex-col overflow-hidden rounded-group bg-raised shadow-xs",
+				children: t.items.map((t, a) => {
+					let o = `${v}-${i}-${a}`, s = l || t.disabled, c = /* @__PURE__ */ I("label", {
+						htmlFor: o,
+						className: e("flex min-h-56 cursor-pointer items-center gap-16 px-16 py-12 transition-control hover:bg-fill-1 not-first:hairline-t", s && "cursor-not-allowed hover:bg-transparent"),
+						children: [/* @__PURE__ */ I("span", {
+							className: "flex min-w-0 flex-1 flex-col gap-2",
+							children: [
+								/* @__PURE__ */ I("span", {
+									className: "flex min-w-0 items-baseline gap-8",
+									children: [/* @__PURE__ */ F("span", {
+										id: `${o}-name`,
+										className: e("min-w-0 wrap-break-word text-body font-medium", s ? "text-fg-disabled" : "text-fg"),
+										children: t.label
+									}), t.hint && /* @__PURE__ */ F("span", {
+										className: "ml-auto shrink-0 text-small text-fg-tertiary tabular",
+										children: t.hint
+									})]
+								}),
+								t.description && /* @__PURE__ */ F("span", {
+									id: `${o}-desc`,
+									className: e("text-small text-pretty", s ? "text-fg-tertiary" : "text-fg-secondary"),
+									children: t.description
+								}),
+								t.disabled && t.disabledReason && /* @__PURE__ */ F("span", {
+									className: "text-caption text-fg-tertiary",
+									children: t.disabledReason
+								})
+							]
+						}), /* @__PURE__ */ F(r, {
+							id: o,
+							value: t.value,
+							...t.disabled ? { disabled: !0 } : {},
+							"aria-labelledby": `${o}-name`,
+							...t.description ? { "aria-describedby": `${o}-desc` } : {}
+						})]
+					});
+					return t.disabled && t.disabledReason ? /* @__PURE__ */ F(n, {
+						content: t.disabledReason,
+						children: c
+					}, t.value) : /* @__PURE__ */ F(M, { children: c }, t.value);
+				})
+			})]
+		}) }, t.caption ?? "all"))
+	});
+});
+process.env.NODE_ENV !== "production" && (B.displayName = "RolePicker");
+//#endregion
+//#region src/components/kaeso/effective-access.tsx
+var V = { layout: { rows: { classes: "flex flex-col @auth:grid @auth:grid-cols-term @auth:gap-x-16" } } }, H = { layout: "rows" }, U = /* @__PURE__ */ N(function({ groups: r, sources: i, action: o, "aria-label": s, className: c }, l) {
+	let u = t(), d = r.filter((e) => !e.rights.some((e) => e.granted));
+	return /* @__PURE__ */ I("div", {
+		ref: l,
+		role: "group",
+		"aria-label": s ?? u("effectiveAccess.access", "Access"),
+		className: e("@container flex min-w-0 flex-col gap-12", c),
+		children: [
+			!!i?.length && /* @__PURE__ */ I("span", {
+				className: "flex flex-wrap items-center gap-4",
+				children: [/* @__PURE__ */ F("span", {
+					className: "mr-4 text-small text-fg-secondary",
+					children: u("effectiveAccess.from", "From")
+				}), i.map((e) => e.detail ? /* @__PURE__ */ F(n, {
+					content: e.detail,
+					children: /* @__PURE__ */ F(a, {
+						tabIndex: 0,
+						className: "focus-ring",
+						children: e.label
+					})
+				}, e.label) : /* @__PURE__ */ F(a, { children: e.label }, e.label))]
+			}),
+			/* @__PURE__ */ I("dl", {
+				className: V.layout.rows.classes,
+				children: [r.filter((e) => e.rights.some((e) => e.granted)).map((e) => {
+					let t = e.rights.filter((e) => e.granted), n = t.length === e.rights.length ? u("effectiveAccess.everyRight", "Every right") : t.map((e) => e.label ?? e.code).join(u("effectiveAccess.listSeparator", ", "));
+					return /* @__PURE__ */ F(W, {
+						term: e.label,
+						count: u("effectiveAccess.grantedOfTotal", "{granted} of {total}", {
+							granted: t.length,
+							total: e.rights.length
+						}),
+						children: n
+					}, e.label);
+				}), d.length > 0 && /* @__PURE__ */ F(W, {
+					term: d.length === r.length ? u("effectiveAccess.noRights", "No rights") : u("effectiveAccess.noneIn", "None in"),
+					quiet: !0,
+					children: d.map((e) => e.label).join(u("effectiveAccess.listSeparator", ", "))
+				})]
+			}),
+			o && /* @__PURE__ */ F("div", {
+				className: "flex",
+				children: o
+			})
+		]
+	});
+});
+process.env.NODE_ENV !== "production" && (U.displayName = "EffectiveAccess");
+function W({ term: t, count: n, quiet: r, children: i }) {
+	return /* @__PURE__ */ I("div", {
+		className: "flex min-h-40 flex-col gap-2 py-8 not-first:hairline-t @auth:col-span-2 @auth:grid @auth:grid-cols-subgrid @auth:items-baseline @auth:gap-16",
+		children: [/* @__PURE__ */ F("dt", {
+			className: e("shrink-0 text-small font-medium @auth:min-w-140", r ? "text-fg-secondary" : "text-fg"),
+			children: t
+		}), /* @__PURE__ */ I("dd", {
+			className: "flex min-w-0 flex-1 items-baseline gap-12",
+			children: [/* @__PURE__ */ F("span", {
+				className: e("min-w-0 flex-1 text-small text-pretty", r ? "text-fg-tertiary" : "text-fg-secondary"),
+				children: i
+			}), n && /* @__PURE__ */ F("span", {
+				className: "shrink-0 text-small text-fg-tertiary tabular",
+				children: n
+			})]
+		})]
+	});
+}
+//#endregion
+export { w as ConversationView, U as EffectiveAccess, h as EnvironmentSnippet, T as KAESO_CONVERSATION_DEFAULT_VARIANTS, E as KAESO_CONVERSATION_VARIANTS, H as KAESO_EFFECTIVE_ACCESS_DEFAULT_VARIANTS, V as KAESO_EFFECTIVE_ACCESS_VARIANTS, m as KAESO_IDENTITY_DEFAULT_VARIANTS, u as KAESO_IDENTITY_VARIANTS, g as KAESO_MOMENTS_DEFAULT_VARIANTS, _ as KAESO_MOMENTS_VARIANTS, j as KAESO_RIGHTS_MATRIX_DEFAULT_VARIANTS, k as KAESO_RIGHTS_MATRIX_VARIANTS, z as KAESO_ROLE_PICKER_DEFAULT_VARIANTS, R as KAESO_ROLE_PICKER_VARIANTS, b as KAESO_USAGE_DEFAULT_VARIANTS, x as KAESO_USAGE_VARIANTS, f as KeyDisplay, S as LimitMeter, c as ModelLabel, o as ProviderBadge, d as ProviderCard, p as RequestTimeline, A as RightsMatrix, B as RolePicker, v as SecretReveal, s as StatusCode, C as UsageBreakdown, O as groupCascade, l as providerName, D as rightsCascade, y as sdkSnippets };
+
+//# sourceMappingURL=kaeso.js.map

package/dist/components/kaeso.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kaeso.js","names":["BaseRadioGroup","cn","useUiText","Tooltip","RadioCircle","Select","Badge","ProviderBadge","StatusCode","ModelLabel","KAESO_IDENTITY_VARIANTS","ProviderCard","KeyDisplay","RequestTimeline","KAESO_IDENTITY_DEFAULT_VARIANTS","rightsCascade","groupCascade","KAESO_RIGHTS_MATRIX_VARIANTS","RightsMatrix","KAESO_RIGHTS_MATRIX_DEFAULT_VARIANTS","KAESO_ROLE_PICKER_VARIANTS","KAESO_ROLE_PICKER_DEFAULT_VARIANTS","RolePicker","ariaLabel","t","baseId","useId","builtIn","custom","hasCustom","roles","r","appearance","fullWidth","className","label","name","disabled","value","onValueChange","sections","RadioGroup","v","s","Fragment","id","si","i","off","row","KAESO_EFFECTIVE_ACCESS_VARIANTS","KAESO_EFFECTIVE_ACCESS_DEFAULT_VARIANTS","EffectiveAccess","empty","groups","g","sources","granted","words","Row","action","quiet","term","count","ConversationView","EnvironmentSnippet","KAESO_CONVERSATION_DEFAULT_VARIANTS","KAESO_CONVERSATION_VARIANTS","KAESO_MOMENTS_DEFAULT_VARIANTS","KAESO_MOMENTS_VARIANTS","KAESO_USAGE_DEFAULT_VARIANTS","KAESO_USAGE_VARIANTS","LimitMeter","SecretReveal","UsageBreakdown","providerName","sdkSnippets"],"sources":["../../src/components/kaeso/role-picker.tsx","../../src/components/kaeso/effective-access.tsx"],"sourcesContent":["import { forwardRef, Fragment, useId } from \"react\";\nimport { RadioGroup as BaseRadioGroup } from \"@base-ui/react/radio-group\";\nimport { cn } from \"../../utils/cn.js\";\nimport { RadioCircle } from \"../radio/radio.js\";\nimport { Select } from \"../select/select.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_ROLE_PICKER_VARIANTS = {\n  appearance: {\n    list: {\n      classes: \"flex flex-col gap-16\",\n    },\n    select: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_ROLE_PICKER_DEFAULT_VARIANTS = { appearance: \"list\" } as const;\n\nexport interface RoleOption {\n  value: string;\n  label: string;\n  description?: string | undefined;\n  custom?: boolean | undefined;\n  hint?: string | undefined;\n  disabled?: boolean | undefined;\n  disabledReason?: string | undefined;\n}\n\nexport interface RolePickerProps {\n  roles: RoleOption[];\n  value?: string | null | undefined;\n  onValueChange?: ((value: string) => void) | undefined;\n  appearance?: keyof typeof KAESO_ROLE_PICKER_VARIANTS.appearance | undefined;\n  disabled?: boolean | undefined;\n  name?: string | undefined;\n  label?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  fullWidth?: boolean | undefined;\n  size?: \"sm\" | \"md\" | undefined;\n  className?: string | undefined;\n}\n\nexport const RolePicker = /* @__PURE__ */ forwardRef<HTMLDivElement, RolePickerProps>(function RolePicker(\n  { roles, value, onValueChange, appearance = \"list\", disabled, name, label, \"aria-label\": ariaLabel, fullWidth, size = \"md\", className },\n  ref,\n) {\n  const t = useUiText();\n  const baseId = useId();\n  const builtIn = t(\"rolePicker.builtInRoles\", \"Built-in roles\");\n  const custom = t(\"rolePicker.customRoles\", \"Custom roles\");\n  const hasCustom = roles.some((r) => r.custom);\n  if (appearance === \"select\") {\n    return (\n      <div ref={ref} className={cn(\"min-w-0\", fullWidth && \"w-full\", className)}>\n        <Select\n          {...(label ? { label } : {})}\n          {...(ariaLabel ? { \"aria-label\": ariaLabel } : {})}\n          {...(name ? { name } : {})}\n          {...(disabled !== undefined ? { disabled } : {})}\n          {...(fullWidth ? { fullWidth } : {})}\n          size={size}\n          value={value ?? null}\n          {...(onValueChange ? { onValueChange } : {})}\n          options={[...roles.filter((r) => !r.custom), ...roles.filter((r) => r.custom)].map((r) => ({\n            value: r.value,\n            label: r.label,\n            textValue: r.label,\n            description: r.disabled && r.disabledReason ? r.disabledReason : r.description,\n            ...(hasCustom ? { group: r.custom ? custom : builtIn } : {}),\n            ...(r.disabled ? { disabled: true } : {}),\n          }))}\n        />\n      </div>\n    );\n  }\n  const sections = hasCustom\n    ? [\n        { caption: builtIn, items: roles.filter((r) => !r.custom) },\n        { caption: custom, items: roles.filter((r) => r.custom) },\n      ]\n    : [{ caption: undefined, items: roles }];\n  return (\n    <BaseRadioGroup\n      ref={ref}\n      {...(value != null ? { value } : {})}\n      {...(onValueChange ? { onValueChange: (v: unknown) => onValueChange(String(v)) } : {})}\n      {...(disabled !== undefined ? { disabled } : {})}\n      {...(name ? { name } : {})}\n      aria-label={ariaLabel ?? label ?? t(\"rolePicker.role\", \"Role\")}\n      className={cn(KAESO_ROLE_PICKER_VARIANTS.appearance.list.classes, className)}\n    >\n      {sections\n        .filter((s) => s.items.length > 0)\n        .map((s, si) => (\n          <Fragment key={s.caption ?? \"all\"}>\n            <div className=\"flex flex-col gap-8\">\n              {s.caption && <span className=\"px-4 text-caption font-medium text-fg-secondary\">{s.caption}</span>}\n              <div className=\"flex flex-col overflow-hidden rounded-group bg-raised shadow-xs\">\n                {s.items.map((r, i) => {\n                  const id = `${baseId}-${si}-${i}`;\n                  const off = disabled || r.disabled;\n                  const row = (\n                    <label\n                      htmlFor={id}\n                      className={cn(\n                        \"flex min-h-56 cursor-pointer items-center gap-16 px-16 py-12 transition-control hover:bg-fill-1 not-first:hairline-t\",\n                        off && \"cursor-not-allowed hover:bg-transparent\",\n                      )}\n                    >\n                      <span className=\"flex min-w-0 flex-1 flex-col gap-2\">\n                        <span className=\"flex min-w-0 items-baseline gap-8\">\n                          <span id={`${id}-name`} className={cn(\"min-w-0 wrap-break-word text-body font-medium\", off ? \"text-fg-disabled\" : \"text-fg\")}>\n                            {r.label}\n                          </span>\n                          {r.hint && <span className=\"ml-auto shrink-0 text-small text-fg-tertiary tabular\">{r.hint}</span>}\n                        </span>\n                        {r.description && (\n                          <span id={`${id}-desc`} className={cn(\"text-small text-pretty\", off ? \"text-fg-tertiary\" : \"text-fg-secondary\")}>\n                            {r.description}\n                          </span>\n                        )}\n                        {r.disabled && r.disabledReason && <span className=\"text-caption text-fg-tertiary\">{r.disabledReason}</span>}\n                      </span>\n                      <RadioCircle\n                        id={id}\n                        value={r.value}\n                        {...(r.disabled ? { disabled: true } : {})}\n                        aria-labelledby={`${id}-name`}\n                        {...(r.description ? { \"aria-describedby\": `${id}-desc` } : {})}\n                      />\n                    </label>\n                  );\n                  return r.disabled && r.disabledReason ? (\n                    <Tooltip key={r.value} content={r.disabledReason}>\n                      {row}\n                    </Tooltip>\n                  ) : (\n                    <Fragment key={r.value}>{row}</Fragment>\n                  );\n                })}\n              </div>\n            </div>\n          </Fragment>\n        ))}\n    </BaseRadioGroup>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") RolePicker.displayName = \"RolePicker\";\n","import { forwardRef, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { Badge } from \"../badge/badge.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\nimport type { RightSource, RightsGroup } from \"./rights.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_EFFECTIVE_ACCESS_VARIANTS = {\n  layout: {\n    rows: {\n      classes: \"flex flex-col @auth:grid @auth:grid-cols-term @auth:gap-x-16\",\n    },\n  },\n} as const;\nexport const KAESO_EFFECTIVE_ACCESS_DEFAULT_VARIANTS = { layout: \"rows\" } as const;\n\nexport interface EffectiveAccessProps {\n  groups: RightsGroup[];\n  sources?: RightSource[] | undefined;\n  action?: ReactNode | undefined;\n  \"aria-label\"?: string | undefined;\n  className?: string | undefined;\n}\n\nexport const EffectiveAccess = /* @__PURE__ */ forwardRef<HTMLDivElement, EffectiveAccessProps>(function EffectiveAccess(\n  { groups, sources, action, \"aria-label\": ariaLabel, className },\n  ref,\n) {\n  const t = useUiText();\n  const empty = groups.filter((g) => !g.rights.some((r) => r.granted));\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      aria-label={ariaLabel ?? t(\"effectiveAccess.access\", \"Access\")}\n      className={cn(\"@container flex min-w-0 flex-col gap-12\", className)}\n    >\n      {!!sources?.length && (\n        <span className=\"flex flex-wrap items-center gap-4\">\n          <span className=\"mr-4 text-small text-fg-secondary\">{t(\"effectiveAccess.from\", \"From\")}</span>\n          {sources.map((s) =>\n            s.detail ? (\n              <Tooltip key={s.label} content={s.detail}>\n                <Badge tabIndex={0} className=\"focus-ring\">\n                  {s.label}\n                </Badge>\n              </Tooltip>\n            ) : (\n              <Badge key={s.label}>{s.label}</Badge>\n            ),\n          )}\n        </span>\n      )}\n      <dl className={KAESO_EFFECTIVE_ACCESS_VARIANTS.layout.rows.classes}>\n        {groups\n          .filter((g) => g.rights.some((r) => r.granted))\n          .map((g) => {\n            const granted = g.rights.filter((r) => r.granted);\n            const words =\n              granted.length === g.rights.length\n                ? t(\"effectiveAccess.everyRight\", \"Every right\")\n                : granted.map((r) => r.label ?? r.code).join(t(\"effectiveAccess.listSeparator\", \", \"));\n            return (\n              <Row\n                key={g.label}\n                term={g.label}\n                count={t(\"effectiveAccess.grantedOfTotal\", \"{granted} of {total}\", { granted: granted.length, total: g.rights.length })}\n              >\n                {words}\n              </Row>\n            );\n          })}\n        {empty.length > 0 && (\n          <Row term={empty.length === groups.length ? t(\"effectiveAccess.noRights\", \"No rights\") : t(\"effectiveAccess.noneIn\", \"None in\")} quiet>\n            {empty.map((g) => g.label).join(t(\"effectiveAccess.listSeparator\", \", \"))}\n          </Row>\n        )}\n      </dl>\n      {action && <div className=\"flex\">{action}</div>}\n    </div>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") EffectiveAccess.displayName = \"EffectiveAccess\";\n\nfunction Row({ term, count, quiet, children }: { term: string; count?: string | undefined; quiet?: boolean | undefined; children: ReactNode }) {\n  return (\n    <div className=\"flex min-h-40 flex-col gap-2 py-8 not-first:hairline-t @auth:col-span-2 @auth:grid @auth:grid-cols-subgrid @auth:items-baseline @auth:gap-16\">\n      <dt className={cn(\"shrink-0 text-small font-medium @auth:min-w-140\", quiet ? \"text-fg-secondary\" : \"text-fg\")}>{term}</dt>\n      <dd className=\"flex min-w-0 flex-1 items-baseline gap-12\">\n        <span className={cn(\"min-w-0 flex-1 text-small text-pretty\", quiet ? \"text-fg-tertiary\" : \"text-fg-secondary\")}>{children}</span>\n        {count && <span className=\"shrink-0 text-small text-fg-tertiary tabular\">{count}</span>}\n      </dd>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/kbd.js

@@ -0,0 +1,2 @@
+"use client";
+export { t as KAESO_KBD_DEFAULT_VARIANTS, n as KAESO_KBD_VARIANTS, r as Kbd, i as KbdSequence, a as keyLabel } from "../chunks/kbd-CBcBDvqU.js";

package/dist/components/key-value.js

@@ -0,0 +1,73 @@
+"use client";
+import { t as e } from "../chunks/cn-CidVUKMm.js";
+import { r as t } from "../chunks/tooltip-CDu00nzg.js";
+import { t as n } from "../chunks/use-truncated-DmQoePvG.js";
+import { n as r } from "../chunks/copy-button-mAzHjYXq.js";
+import { forwardRef as i, useRef as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/key-value/key-value.tsx
+var c = {
+	layout: {
+		columns: { classes: "grid grid-cols-kv gap-x-24" },
+		stacked: { classes: "flex flex-col" },
+		grid: { classes: "grid gap-x-32" }
+	},
+	columns: {
+		2: { classes: "grid-cols-1 @kv:grid-cols-2" },
+		3: { classes: "grid-cols-2 @kv:grid-cols-3" },
+		4: { classes: "grid-cols-2 @kv:grid-cols-4" }
+	}
+}, l = {
+	layout: "columns",
+	columns: 2
+};
+function u({ children: e }) {
+	let r = a(null), i = n(r), s = /* @__PURE__ */ o("span", {
+		ref: r,
+		className: "block min-w-0 truncate",
+		...i ? { tabIndex: 0 } : {},
+		children: e
+	});
+	return i ? /* @__PURE__ */ o(t, {
+		content: e,
+		shape: "multiline",
+		children: s
+	}) : s;
+}
+var d = /* @__PURE__ */ i(function({ items: t, layout: n = "columns", columns: i = 2, className: a }, l) {
+	let d = n === "grid", f = /* @__PURE__ */ o("dl", {
+		ref: l,
+		className: e(c.layout[n].classes, d && c.columns[i].classes, a),
+		children: t.map((t, i) => /* @__PURE__ */ s("div", {
+			className: e(n === "columns" ? "contents" : "flex min-w-0 flex-col gap-2 py-8", d && t.span === "row" && "col-span-full"),
+			children: [/* @__PURE__ */ o("dt", {
+				className: e("text-small text-fg-secondary", n === "columns" && "flex min-h-36 items-center", n === "columns" && t.wrap && "items-start pt-8", d && "truncate"),
+				children: t.label
+			}), /* @__PURE__ */ s("dd", {
+				className: e("group/kv flex min-w-0 items-center gap-4 text-body text-fg", d ? "min-h-24" : "min-h-36", t.mono && "mono text-small", t.wrap && (d ? "items-start" : "items-start py-8")),
+				children: [t.wrap ? /* @__PURE__ */ o("span", {
+					className: "min-w-0 break-words",
+					children: t.value
+				}) : typeof t.value == "string" ? /* @__PURE__ */ o(u, { children: t.value }) : /* @__PURE__ */ o("span", {
+					className: "min-w-0 truncate",
+					children: t.value
+				}), t.copy && /* @__PURE__ */ o("span", {
+					className: "shrink-0 opacity-0 transition-control group-hover/kv:opacity-100 coarse:opacity-100 focus-within:opacity-100",
+					children: /* @__PURE__ */ o(r, {
+						value: t.copy,
+						size: "xs"
+					})
+				})]
+			})]
+		}, i))
+	});
+	return d ? /* @__PURE__ */ o("div", {
+		className: "@container min-w-0",
+		children: f
+	}) : f;
+});
+process.env.NODE_ENV !== "production" && (d.displayName = "KeyValue");
+//#endregion
+export { l as KAESO_KEY_VALUE_DEFAULT_VARIANTS, c as KAESO_KEY_VALUE_VARIANTS, d as KeyValue };
+
+//# sourceMappingURL=key-value.js.map

package/dist/components/key-value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-value.js","names":["cn","Tooltip","useTruncated","CopyButton","KAESO_KEY_VALUE_VARIANTS","KAESO_KEY_VALUE_DEFAULT_VARIANTS","Cut","ref","useRef","cut","el","children","KeyValue","grid","layout","list","columns","className","items","it"],"sources":["../../src/components/key-value/key-value.tsx"],"sourcesContent":["import { forwardRef, useRef, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useTruncated } from \"../../hooks/use-truncated.js\";\nimport { CopyButton } from \"../copy-button/copy-button.js\";\nimport { Tooltip } from \"../tooltip/tooltip.js\";\n\nexport const KAESO_KEY_VALUE_VARIANTS = {\n  layout: {\n    columns: { classes: \"grid grid-cols-kv gap-x-24\" },\n    stacked: { classes: \"flex flex-col\" },\n    grid: { classes: \"grid gap-x-32\" },\n  },\n  columns: {\n    2: { classes: \"grid-cols-1 @kv:grid-cols-2\" },\n    3: { classes: \"grid-cols-2 @kv:grid-cols-3\" },\n    4: { classes: \"grid-cols-2 @kv:grid-cols-4\" },\n  },\n} as const;\nexport const KAESO_KEY_VALUE_DEFAULT_VARIANTS = { layout: \"columns\", columns: 2 } as const;\n\nexport interface KeyValueItem {\n  label: ReactNode;\n  value: ReactNode;\n  copy?: string | undefined;\n  mono?: boolean | undefined;\n  wrap?: boolean | undefined;\n  span?: \"row\" | undefined;\n}\n\nexport interface KeyValueProps {\n  items: KeyValueItem[];\n  layout?: keyof typeof KAESO_KEY_VALUE_VARIANTS.layout | undefined;\n  columns?: keyof typeof KAESO_KEY_VALUE_VARIANTS.columns | undefined;\n  className?: string | undefined;\n}\n\nfunction Cut({ children }: { children: string }) {\n  const ref = useRef<HTMLSpanElement>(null);\n  const cut = useTruncated(ref);\n  const el = (\n    <span ref={ref} className=\"block min-w-0 truncate\" {...(cut ? { tabIndex: 0 } : {})}>\n      {children}\n    </span>\n  );\n  return cut ? (\n    <Tooltip content={children} shape=\"multiline\">\n      {el}\n    </Tooltip>\n  ) : (\n    el\n  );\n}\n\nexport const KeyValue = /* @__PURE__ */ forwardRef<HTMLDListElement, KeyValueProps>(function KeyValue({ items, layout = \"columns\", columns = 2, className }, ref) {\n  const grid = layout === \"grid\";\n  const list = (\n    <dl ref={ref} className={cn(KAESO_KEY_VALUE_VARIANTS.layout[layout].classes, grid && KAESO_KEY_VALUE_VARIANTS.columns[columns].classes, className)}>\n      {items.map((it, i) => (\n        <div key={i} className={cn(layout === \"columns\" ? \"contents\" : \"flex min-w-0 flex-col gap-2 py-8\", grid && it.span === \"row\" && \"col-span-full\")}>\n          <dt\n            className={cn(\n              \"text-small text-fg-secondary\",\n              layout === \"columns\" && \"flex min-h-36 items-center\",\n              layout === \"columns\" && it.wrap && \"items-start pt-8\",\n              grid && \"truncate\",\n            )}\n          >\n            {it.label}\n          </dt>\n          <dd\n            className={cn(\n              \"group/kv flex min-w-0 items-center gap-4 text-body text-fg\",\n              grid ? \"min-h-24\" : \"min-h-36\",\n              it.mono && \"mono text-small\",\n              it.wrap && (grid ? \"items-start\" : \"items-start py-8\"),\n            )}\n          >\n            {it.wrap ? (\n              <span className=\"min-w-0 break-words\">{it.value}</span>\n            ) : typeof it.value === \"string\" ? (\n              <Cut>{it.value}</Cut>\n            ) : (\n              <span className=\"min-w-0 truncate\">{it.value}</span>\n            )}\n            {it.copy && (\n              <span className=\"shrink-0 opacity-0 transition-control group-hover/kv:opacity-100 coarse:opacity-100 focus-within:opacity-100\">\n                <CopyButton value={it.copy} size=\"xs\" />\n              </span>\n            )}\n          </dd>\n        </div>\n      ))}\n    </dl>\n  );\n  return grid ? <div className=\"@container min-w-0\">{list}</div> : list;\n});\nif (process.env.NODE_ENV !== \"production\") KeyValue.displayName = \"KeyValue\";\n"],"mappings":";;;;;;;;AAMA,IAAaI,IAA2B;CACtC,QAAQ;EACN,SAAS,EAAE,SAAS,6BAA6B;EACjD,SAAS,EAAE,SAAS,gBAAgB;EACpC,MAAM,EAAE,SAAS,gBAAgB;CACnC;CACA,SAAS;EACP,GAAG,EAAE,SAAS,8BAA8B;EAC5C,GAAG,EAAE,SAAS,8BAA8B;EAC5C,GAAG,EAAE,SAAS,8BAA8B;CAC9C;AACF,GACaC,IAAmC;CAAE,QAAQ;CAAW,SAAS;AAAE;AAkBhF,SAASC,EAAI,EAAE,eAAkC;CAC/C,IAAMC,IAAMC,EAAwB,IAAI,GAClCC,IAAMP,EAAaK,CAAG,GACtBG,IACJ,kBAAC,QAAD;EAAW;EAAK,WAAU;EAAyB,GAAKD,IAAM,EAAE,UAAU,EAAE,IAAI,CAAC;EAC9E;CACG,CAAA;CAER,OAAOA,IACL,kBAACR,GAAD;EAAS,SAASU;EAAU,OAAM;EAC/B,UAAAD;CACM,CAAA,IAETA;AAEJ;AAEA,IAAaE,IAA2B,kBAA4C,SAAkB,EAAE,UAAO,YAAS,WAAW,aAAU,GAAG,gBAAa,GAAK;CAChK,IAAMC,IAAOC,MAAW,QAClBC,IACJ,kBAAC,MAAD;EAAS;EAAK,WAAWf,EAAGI,EAAyB,OAAOU,EAAO,CAAC,SAASD,KAAQT,EAAyB,QAAQY,EAAQ,CAAC,SAASC,CAAS;EAC9I,UAAAC,EAAM,KAAK,GAAI,MACd,kBAAC,OAAD;GAAa,WAAWlB,EAAGc,MAAW,YAAY,aAAa,oCAAoCD,KAAQM,EAAG,SAAS,SAAS,eAAe;GAA/I,UAAA,CACE,kBAAC,MAAD;IACE,WAAWnB,EACT,gCACAc,MAAW,aAAa,8BACxBA,MAAW,aAAaK,EAAG,QAAQ,oBACnCN,KAAQ,UACV;IAEC,UAAAM,EAAG;GACF,CAAA,GACJ,kBAAC,MAAD;IACE,WAAWnB,EACT,8DACAa,IAAO,aAAa,YACpBM,EAAG,QAAQ,mBACXA,EAAG,SAASN,IAAO,gBAAgB,mBACrC;IANF,UAAA,CAQGM,EAAG,OACF,kBAAC,QAAD;KAAM,WAAU;KAAuB,UAAAA,EAAG;IAAY,CAAA,IACpD,OAAOA,EAAG,SAAU,WACtB,kBAACb,GAAD,EAAA,UAAMa,EAAG,MAAW,CAAA,IAEpB,kBAAC,QAAD;KAAM,WAAU;KAAoB,UAAAA,EAAG;IAAY,CAAA,GAEpDA,EAAG,QACF,kBAAC,QAAD;KAAM,WAAU;KACd,UAAA,kBAAChB,GAAD;MAAY,OAAOgB,EAAG;MAAM,MAAK;KAAM,CAAA;IACnC,CAAA,CAEN;GACD,CAAA,CAAA;EAhCK,GAAA,CAgCL,CACN;CACC,CAAA;CAEN,OAAON,IAAO,kBAAC,OAAD;EAAK,WAAU;EAAsB,UAAAE;CAAU,CAAA,IAAIA;AACnE,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAS,cAAc"}

package/dist/components/label.js

@@ -0,0 +1,26 @@
+"use client";
+import { t as e } from "../chunks/cn-CidVUKMm.js";
+import { i as t } from "../chunks/context-BELWW79w.js";
+import { forwardRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/label/label.tsx
+var a = { size: {
+	md: { classes: "text-body font-medium" },
+	sm: { classes: "text-small font-medium" }
+} }, o = { size: "md" }, s = /* @__PURE__ */ n(function({ size: n = "md", optional: o, className: s, children: c, ...l }, u) {
+	let d = t();
+	return /* @__PURE__ */ i("label", {
+		ref: u,
+		className: e("inline-flex items-baseline gap-6 text-fg", a.size[n].classes, s),
+		...l,
+		children: [c, o && /* @__PURE__ */ r("span", {
+			className: "text-small font-regular text-fg-tertiary",
+			children: d("label.optional", "Optional")
+		})]
+	});
+});
+process.env.NODE_ENV !== "production" && (s.displayName = "Label");
+//#endregion
+export { o as KAESO_LABEL_DEFAULT_VARIANTS, a as KAESO_LABEL_VARIANTS, s as Label };
+
+//# sourceMappingURL=label.js.map

package/dist/components/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","names":["cn","useUiText","KAESO_LABEL_VARIANTS","KAESO_LABEL_DEFAULT_VARIANTS","Label","props","t","size","className","children","optional"],"sources":["../../src/components/label/label.tsx"],"sourcesContent":["import { forwardRef, type LabelHTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_LABEL_VARIANTS = {\n  size: {\n    md: { classes: \"text-body font-medium\" },\n    sm: { classes: \"text-small font-medium\" },\n  },\n} as const;\nexport const KAESO_LABEL_DEFAULT_VARIANTS = { size: \"md\" } as const;\n\nexport interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {\n  size?: keyof typeof KAESO_LABEL_VARIANTS.size | undefined;\n  optional?: boolean | undefined;\n  children: ReactNode;\n}\n\nexport const Label = /* @__PURE__ */ forwardRef<HTMLLabelElement, LabelProps>(function Label({ size = \"md\", optional, className, children, ...props }, ref) {\n  const t = useUiText();\n  return (\n    <label ref={ref} className={cn(\"inline-flex items-baseline gap-6 text-fg\", KAESO_LABEL_VARIANTS.size[size].classes, className)} {...props}>\n      {children}\n      {optional && <span className=\"text-small font-regular text-fg-tertiary\">{t(\"label.optional\", \"Optional\")}</span>}\n    </label>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Label.displayName = \"Label\";\n"],"mappings":";;;;;;AAIA,IAAaE,IAAuB,EAClC,MAAM;CACJ,IAAI,EAAE,SAAS,wBAAwB;CACvC,IAAI,EAAE,SAAS,yBAAyB;AAC1C,EACF,GACaC,IAA+B,EAAE,MAAM,KAAK,GAQ5CC,IAAwB,kBAAyC,SAAe,EAAE,UAAO,MAAM,aAAU,cAAW,aAAU,GAAGC,KAAS,GAAK;CAC1J,IAAMC,IAAIL,EAAU;CACpB,OACE,kBAAC,SAAD;EAAY;EAAK,WAAWD,EAAG,4CAA4CE,EAAqB,KAAKK,EAAK,CAAC,SAASC,CAAS;EAAG,GAAIH;EAApI,UAAA,CACGI,GACAC,KAAY,kBAAC,QAAD;GAAM,WAAU;GAA4C,UAAAJ,EAAE,kBAAkB,UAAU;EAAQ,CAAA,CAC1G;;AAEX,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAM,cAAc"}

package/dist/components/layout.js

@@ -0,0 +1,72 @@
+"use client";
+import { t as e } from "../chunks/cn-CidVUKMm.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/layout/layout.tsx
+var r = {
+	0: "gap-0",
+	2: "gap-2",
+	4: "gap-4",
+	6: "gap-6",
+	8: "gap-8",
+	12: "gap-12",
+	16: "gap-16",
+	20: "gap-20",
+	24: "gap-24",
+	32: "gap-32",
+	40: "gap-40",
+	48: "gap-48",
+	64: "gap-64"
+}, i = {
+	align: {
+		start: { classes: "items-start" },
+		center: { classes: "items-center" },
+		end: { classes: "items-end" },
+		baseline: { classes: "items-baseline" },
+		stretch: { classes: "items-stretch" }
+	},
+	justify: {
+		start: { classes: "justify-start" },
+		center: { classes: "justify-center" },
+		end: { classes: "justify-end" },
+		between: { classes: "justify-between" }
+	},
+	columns: {
+		1: { classes: "grid-cols-1" },
+		2: { classes: "grid-cols-1 md:grid-cols-2" },
+		3: { classes: "grid-cols-1 md:grid-cols-3" },
+		4: { classes: "grid-cols-2 lg:grid-cols-4" },
+		6: { classes: "grid-cols-3 lg:grid-cols-6" }
+	}
+}, a = {
+	align: "stretch",
+	justify: "start",
+	columns: 2
+}, o = /* @__PURE__ */ t(function({ gap: t = 12, align: a, justify: o, as: s, className: c, ...l }, u) {
+	return /* @__PURE__ */ n(s ?? "div", {
+		ref: u,
+		className: e("flex flex-col", r[t], a && i.align[a].classes, o && i.justify[o].classes, c),
+		...l
+	});
+});
+process.env.NODE_ENV !== "production" && (o.displayName = "Stack");
+var s = /* @__PURE__ */ t(function({ gap: t = 8, align: a = "center", justify: o, wrap: s = !0, as: c, className: l, ...u }, d) {
+	return /* @__PURE__ */ n(c ?? "div", {
+		ref: d,
+		className: e("flex", s && "flex-wrap", r[t], i.align[a].classes, o && i.justify[o].classes, l),
+		...u
+	});
+});
+process.env.NODE_ENV !== "production" && (s.displayName = "Inline");
+var c = /* @__PURE__ */ t(function({ gap: t = 16, columns: a = 2, align: o, as: s, className: c, ...l }, u) {
+	return /* @__PURE__ */ n(s ?? "div", {
+		ref: u,
+		className: e("grid", r[t], i.columns[a].classes, o && i.align[o].classes, c),
+		...l
+	});
+});
+process.env.NODE_ENV !== "production" && (c.displayName = "Grid");
+//#endregion
+export { c as Grid, s as Inline, a as KAESO_LAYOUT_DEFAULT_VARIANTS, i as KAESO_LAYOUT_VARIANTS, o as Stack };
+
+//# sourceMappingURL=layout.js.map

package/dist/components/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","names":["cn","GAP","KAESO_LAYOUT_VARIANTS","KAESO_LAYOUT_DEFAULT_VARIANTS","Stack","props","as","gap","align","justify","className","Inline","wrap","Grid","columns"],"sources":["../../src/components/layout/layout.tsx"],"sourcesContent":["import { forwardRef, type ElementType, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\n\nconst GAP = {\n  0: \"gap-0\",\n  2: \"gap-2\",\n  4: \"gap-4\",\n  6: \"gap-6\",\n  8: \"gap-8\",\n  12: \"gap-12\",\n  16: \"gap-16\",\n  20: \"gap-20\",\n  24: \"gap-24\",\n  32: \"gap-32\",\n  40: \"gap-40\",\n  48: \"gap-48\",\n  64: \"gap-64\",\n} as const;\nexport type Gap = keyof typeof GAP;\n\nexport const KAESO_LAYOUT_VARIANTS = {\n  align: {\n    start: { classes: \"items-start\" },\n    center: { classes: \"items-center\" },\n    end: { classes: \"items-end\" },\n    baseline: { classes: \"items-baseline\" },\n    stretch: { classes: \"items-stretch\" },\n  },\n  justify: {\n    start: { classes: \"justify-start\" },\n    center: { classes: \"justify-center\" },\n    end: { classes: \"justify-end\" },\n    between: { classes: \"justify-between\" },\n  },\n  columns: {\n    1: { classes: \"grid-cols-1\" },\n    2: { classes: \"grid-cols-1 md:grid-cols-2\" },\n    3: { classes: \"grid-cols-1 md:grid-cols-3\" },\n    4: { classes: \"grid-cols-2 lg:grid-cols-4\" },\n    6: { classes: \"grid-cols-3 lg:grid-cols-6\" },\n  },\n} as const;\nexport const KAESO_LAYOUT_DEFAULT_VARIANTS = { align: \"stretch\", justify: \"start\", columns: 2 } as const;\n\ninterface BaseProps extends HTMLAttributes<HTMLElement> {\n  gap?: Gap | undefined;\n  align?: keyof typeof KAESO_LAYOUT_VARIANTS.align | undefined;\n  justify?: keyof typeof KAESO_LAYOUT_VARIANTS.justify | undefined;\n  as?: ElementType | undefined;\n}\n\nexport const Stack = /* @__PURE__ */ forwardRef<HTMLElement, BaseProps>(function Stack({ gap = 12, align, justify, as, className, ...props }, ref) {\n  const C = (as ?? \"div\") as ElementType;\n  return (\n    <C\n      ref={ref}\n      className={cn(\n        \"flex flex-col\",\n        GAP[gap],\n        align && KAESO_LAYOUT_VARIANTS.align[align].classes,\n        justify && KAESO_LAYOUT_VARIANTS.justify[justify].classes,\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Stack.displayName = \"Stack\";\n\nexport const Inline = /* @__PURE__ */ forwardRef<HTMLElement, BaseProps & { wrap?: boolean | undefined }>(function Inline(\n  { gap = 8, align = \"center\", justify, wrap = true, as, className, ...props },\n  ref,\n) {\n  const C = (as ?? \"div\") as ElementType;\n  return (\n    <C\n      ref={ref}\n      className={cn(\n        \"flex\",\n        wrap && \"flex-wrap\",\n        GAP[gap],\n        KAESO_LAYOUT_VARIANTS.align[align].classes,\n        justify && KAESO_LAYOUT_VARIANTS.justify[justify].classes,\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Inline.displayName = \"Inline\";\n\nexport const Grid = /* @__PURE__ */ forwardRef<HTMLElement, Omit<BaseProps, \"justify\"> & { columns?: keyof typeof KAESO_LAYOUT_VARIANTS.columns | undefined }>(function Grid(\n  { gap = 16, columns = 2, align, as, className, ...props },\n  ref,\n) {\n  const C = (as ?? \"div\") as ElementType;\n  return (\n    <C\n      ref={ref}\n      className={cn(\"grid\", GAP[gap], KAESO_LAYOUT_VARIANTS.columns[columns].classes, align && KAESO_LAYOUT_VARIANTS.align[align].classes, className)}\n      {...props}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Grid.displayName = \"Grid\";\n"],"mappings":";;;;;AAGA,IAAMC,IAAM;CACV,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN,GAGaC,IAAwB;CACnC,OAAO;EACL,OAAO,EAAE,SAAS,cAAc;EAChC,QAAQ,EAAE,SAAS,eAAe;EAClC,KAAK,EAAE,SAAS,YAAY;EAC5B,UAAU,EAAE,SAAS,iBAAiB;EACtC,SAAS,EAAE,SAAS,gBAAgB;CACtC;CACA,SAAS;EACP,OAAO,EAAE,SAAS,gBAAgB;EAClC,QAAQ,EAAE,SAAS,iBAAiB;EACpC,KAAK,EAAE,SAAS,cAAc;EAC9B,SAAS,EAAE,SAAS,kBAAkB;CACxC;CACA,SAAS;EACP,GAAG,EAAE,SAAS,cAAc;EAC5B,GAAG,EAAE,SAAS,6BAA6B;EAC3C,GAAG,EAAE,SAAS,6BAA6B;EAC3C,GAAG,EAAE,SAAS,6BAA6B;EAC3C,GAAG,EAAE,SAAS,6BAA6B;CAC7C;AACF,GACaC,IAAgC;CAAE,OAAO;CAAW,SAAS;CAAS,SAAS;AAAE,GASjFC,IAAwB,kBAAmC,SAAe,EAAE,SAAM,IAAI,UAAO,YAAS,OAAI,cAAW,GAAGC,KAAS,GAAK;CAEjJ,OACE,kBAFSC,KAAM,OAEf;EACO;EACL,WAAWN,EACT,iBACAC,EAAIM,IACJC,KAASN,EAAsB,MAAMM,EAAM,CAAC,SAC5CC,KAAWP,EAAsB,QAAQO,EAAQ,CAAC,SAClDC,CACF;EACA,GAAIL;CACL,CAAA;AAEL,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAM,cAAc;AAE/D,IAAaM,IAAyB,kBAAoE,SACxG,EAAE,SAAM,GAAG,WAAQ,UAAU,YAAS,UAAO,IAAM,OAAI,cAAW,GAAGN,KACrE,GACA;CAEA,OACE,kBAFSC,KAAM,OAEf;EACO;EACL,WAAWN,EACT,QACAY,KAAQ,aACRX,EAAIM,IACJL,EAAsB,MAAMM,EAAM,CAAC,SACnCC,KAAWP,EAAsB,QAAQO,EAAQ,CAAC,SAClDC,CACF;EACA,GAAIL;CACL,CAAA;AAEL,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAO,cAAc;AAEhE,IAAaQ,IAAuB,kBAA2H,SAC7J,EAAE,SAAM,IAAI,aAAU,GAAG,UAAO,OAAI,cAAW,GAAGR,KAClD,GACA;CAEA,OACE,kBAFSC,KAAM,OAEf;EACO;EACL,WAAWN,EAAG,QAAQC,EAAIM,IAAML,EAAsB,QAAQY,EAAQ,CAAC,SAASN,KAASN,EAAsB,MAAMM,EAAM,CAAC,SAASE,CAAS;EAC9I,GAAIL;CACL,CAAA;AAEL,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAK,cAAc"}

package/dist/components/link.js

@@ -0,0 +1,2 @@
+"use client";
+export { t as KAESO_LINK_DEFAULT_VARIANTS, n as KAESO_LINK_VARIANTS, r as Link } from "../chunks/link-tTapNTpM.js";

package/dist/components/list.js

@@ -0,0 +1,2 @@
+"use client";
+export { t as GroupHeader, n as KAESO_LIST_DEFAULT_VARIANTS, r as KAESO_LIST_VARIANTS, i as List, a as ListRow, o as SelectionAction, s as SelectionBar } from "../chunks/list-CN8pO8lv.js";

package/dist/components/loader.js

@@ -0,0 +1,38 @@
+"use client";
+import { t as e } from "../chunks/cn-CidVUKMm.js";
+import { i as t } from "../chunks/context-BELWW79w.js";
+import { i as n, n as r, r as i, t as a } from "../chunks/loader-CUehxvSZ.js";
+import { forwardRef as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/loader/status.tsx
+var l = {
+	size: r.size,
+	tone: {
+		secondary: { classes: "text-fg-secondary" },
+		tertiary: { classes: "text-fg-tertiary" },
+		current: { classes: "" }
+	}
+}, u = {
+	size: "sm",
+	tone: "secondary"
+}, d = /* @__PURE__ */ o(function({ size: r = "sm", tone: a, label: o, hideLabel: u, loading: d = !0, delay: f, minDuration: p, className: m, ...h }, g) {
+	let _ = t(), v = n(d, f === !0 ? void 0 : f || 0, p ?? (f ? void 0 : 0));
+	return /* @__PURE__ */ s("span", {
+		ref: g,
+		role: "status",
+		className: e("inline-flex items-center gap-8 text-body", l.tone[a ?? "secondary"].classes, m),
+		...h,
+		children: /* @__PURE__ */ c("span", {
+			className: v ? "contents" : "contents invisible",
+			children: [/* @__PURE__ */ s(i, { size: r }), /* @__PURE__ */ s("span", {
+				className: e(!o || u ? "sr-only" : void 0),
+				children: o ?? _("loader.loading", "Loading")
+			})]
+		})
+	});
+});
+process.env.NODE_ENV !== "production" && (d.displayName = "Loader");
+//#endregion
+export { u as KAESO_LOADER_DEFAULT_VARIANTS, l as KAESO_LOADER_VARIANTS, a as KAESO_SPINNER_DEFAULT_VARIANTS, r as KAESO_SPINNER_VARIANTS, d as Loader, i as Spinner, n as useDelayedLoading };
+
+//# sourceMappingURL=loader.js.map

package/dist/components/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.js","names":["cn","useUiText","useDelayedLoading","KAESO_SPINNER_VARIANTS","Spinner","KAESO_SPINNER_DEFAULT_VARIANTS","KAESO_LOADER_VARIANTS","KAESO_LOADER_DEFAULT_VARIANTS","Loader","props","t","shown","loading","delay","minDuration","tone","className","label","hideLabel"],"sources":["../../src/components/loader/status.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { KAESO_SPINNER_VARIANTS, Spinner, useDelayedLoading } from \"./loader.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_LOADER_VARIANTS = {\n  size: KAESO_SPINNER_VARIANTS.size,\n  tone: {\n    secondary: { classes: \"text-fg-secondary\" },\n    tertiary: { classes: \"text-fg-tertiary\" },\n    current: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_LOADER_DEFAULT_VARIANTS = { size: \"sm\", tone: \"secondary\" } as const;\n\nexport type LoaderSize = keyof typeof KAESO_LOADER_VARIANTS.size;\nexport type LoaderTone = keyof typeof KAESO_LOADER_VARIANTS.tone;\n\nexport interface LoaderProps extends HTMLAttributes<HTMLSpanElement> {\n  size?: LoaderSize | undefined;\n  tone?: LoaderTone | undefined;\n  label?: string | undefined;\n  hideLabel?: boolean | undefined;\n  loading?: boolean | undefined;\n  delay?: boolean | number | undefined;\n  minDuration?: number | undefined;\n}\n\nexport const Loader = /* @__PURE__ */ forwardRef<HTMLSpanElement, LoaderProps>(function Loader(\n  { size = \"sm\", tone, label, hideLabel, loading = true, delay, minDuration, className, ...props },\n  ref,\n) {\n  const t = useUiText();\n  const shown = useDelayedLoading(loading, delay === true ? undefined : delay || 0, minDuration ?? (delay ? undefined : 0));\n  return (\n    <span\n      ref={ref}\n      role=\"status\"\n      className={cn(\"inline-flex items-center gap-8 text-body\", KAESO_LOADER_VARIANTS.tone[tone ?? \"secondary\"].classes, className)}\n      {...props}\n    >\n      <span className={shown ? \"contents\" : \"contents invisible\"}>\n        <Spinner size={size} />\n        <span className={cn(!label || hideLabel ? \"sr-only\" : undefined)}>{label ?? t(\"loader.loading\", \"Loading\")}</span>\n      </span>\n    </span>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Loader.displayName = \"Loader\";\n"],"mappings":";;;;;;;AAKA,IAAaM,IAAwB;CACnC,MAAMH,EAAuB;CAC7B,MAAM;EACJ,WAAW,EAAE,SAAS,oBAAoB;EAC1C,UAAU,EAAE,SAAS,mBAAmB;EACxC,SAAS,EAAE,SAAS,GAAG;CACzB;AACF,GACaI,IAAgC;CAAE,MAAM;CAAM,MAAM;AAAY,GAehEC,IAAyB,kBAAyC,SAC7E,EAAE,UAAO,MAAM,SAAM,UAAO,cAAW,aAAU,IAAM,UAAO,gBAAa,cAAW,GAAGC,KACzF,GACA;CACA,IAAMC,IAAIT,EAAU,GACdU,IAAQT,EAAkBU,GAASC,MAAU,KAAO,KAAA,IAAYA,KAAS,GAAGC,MAAgBD,IAAQ,KAAA,IAAY,EAAE;CACxH,OACE,kBAAC,QAAD;EACO;EACL,MAAK;EACL,WAAWb,EAAG,4CAA4CM,EAAsB,KAAKS,KAAQ,YAAY,CAAC,SAASC,CAAS;EAC5H,GAAIP;EAEJ,UAAA,kBAAC,QAAD;GAAM,WAAWE,IAAQ,aAAa;GAAtC,UAAA,CACE,kBAACP,GAAD,EAAe,QAAO,CAAA,GACtB,kBAAC,QAAD;IAAM,WAAWJ,EAAG,CAACiB,KAASC,IAAY,YAAY,KAAA,CAAS;IAAI,UAAAD,KAASP,EAAE,kBAAkB,SAAS;GAAQ,CAAA,CAC7G;;CACF,CAAA;AAEV,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAO,cAAc"}

package/dist/components/logo.js

@@ -0,0 +1,2 @@
+"use client";
+export { t as KAESO_LOGO_DEFAULT_VARIANTS, n as KAESO_LOGO_VARIANTS, r as Logo } from "../chunks/logo-VmXYhIJL.js";

package/dist/components/markdown.js

@@ -0,0 +1,4 @@
+"use client";
+import { t as e } from "../chunks/safe-href-G5DBNVwm.js";
+import { a as t, i as n, n as r, r as i, s as a, t as o } from "../chunks/markdown-C-iJsYnd.js";
+export { o as KAESO_MARKDOWN_DEFAULT_VARIANTS, r as KAESO_MARKDOWN_VARIANTS, i as Markdown, n as lexMarkdown, t as markdownCodeLang, a as previewMarkdown, e as safeHref };