@logicplanes/kaeso-ui 0.1.0

package/dist/components/toast.js

@@ -0,0 +1,214 @@
+"use client";
+import { t as e } from "../chunks/cn-CidVUKMm.js";
+import { r as t } from "../chunks/portal-context-BBbzDKmY.js";
+import { i as n } from "../chunks/context-BELWW79w.js";
+import { t as r } from "../chunks/icon-CeNQtobn.js";
+import { r as i } from "../chunks/loader-CUehxvSZ.js";
+import { r as a } from "../chunks/swap-text-BhPI8DOf.js";
+import { useLayoutEffect as o, useRef as s, useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Alert02Icon as f, AlertCircleIcon as p, Cancel01Icon as m, CheckmarkCircle02Icon as h, InformationCircleIcon as g } from "@hugeicons/core-free-icons";
+import { Toast as _ } from "@base-ui/react/toast";
+//#region src/components/toast/toast.tsx
+var v = { tone: {
+	neutral: { classes: "" },
+	success: { classes: "text-success" },
+	error: { classes: "text-danger" },
+	warning: { classes: "text-warning" },
+	info: { classes: "text-info" },
+	loading: { classes: "text-toast-fg-secondary" }
+} }, y = { tone: "neutral" }, b = {
+	success: h,
+	error: p,
+	warning: f,
+	info: g
+}, x = /* @__PURE__ */ _.createToastManager();
+function S(e, t, n = {}) {
+	return x.add({
+		title: t,
+		type: e,
+		...n.description === void 0 ? {} : { description: n.description },
+		...n.timeout === void 0 ? {} : { timeout: n.timeout },
+		...n.id ? { id: n.id } : {},
+		...e === "error" ? { priority: "high" } : {},
+		...n.action ? { actionProps: {
+			children: n.action.label,
+			onClick: n.action.onClick
+		} } : {}
+	});
+}
+var C = /* @__PURE__ */ Object.assign((e, t) => S("neutral", e, t), {
+	success: (e, t) => S("success", e, t),
+	error: (e, t) => S("error", e, t),
+	warning: (e, t) => S("warning", e, t),
+	info: (e, t) => S("info", e, t),
+	dismiss: (e) => x.close(e),
+	promise: (e, t) => {
+		let n = [
+			t.loading,
+			...typeof t.success == "string" ? [t.success] : [],
+			...typeof t.error == "string" ? [t.error] : []
+		];
+		return x.promise(e, {
+			loading: {
+				title: t.loading,
+				type: "loading",
+				timeout: 0,
+				data: { reserve: n }
+			},
+			success: (e) => ({
+				title: typeof t.success == "function" ? t.success(e) : t.success,
+				type: "success",
+				data: { reserve: n }
+			}),
+			error: (e) => ({
+				title: typeof t.error == "function" ? t.error(e) : t.error,
+				type: "error",
+				priority: "high",
+				data: { reserve: n }
+			})
+		});
+	}
+});
+function w({ tone: t }) {
+	return t === "neutral" ? null : /* @__PURE__ */ u("span", {
+		className: e("flex shrink-0", v.tone[t].classes),
+		children: t === "loading" ? /* @__PURE__ */ u(i, { size: "sm" }) : /* @__PURE__ */ u(r, {
+			icon: b[t],
+			size: "sm"
+		})
+	});
+}
+var T = "relative flex min-h-44 max-w-560 items-center gap-10 bg-toast py-8 text-body font-medium text-toast-fg shadow-toast", E = "inline-flex h-32 shrink-0 cursor-pointer items-center rounded-pill bg-toast-action px-12 text-body font-medium text-toast-fg transition-control hover:bg-toast-action-hover focus-ring", D = "k-toast-close absolute -top-6 -left-6 inline-flex size-20 cursor-pointer items-center justify-center rounded-pill bg-toast text-toast-fg-secondary shadow-toast hover:text-toast-fg focus-ring";
+function O(e, t) {
+	let n = s(null), [r, i] = c(!1);
+	return o(() => {
+		let e = n.current;
+		e && i(e.offsetHeight > 46);
+	}, [e, t]), [n, r];
+}
+function k({ tone: t = "neutral", title: i, description: a, action: o, closable: s, "data-force": c }) {
+	let [l, f] = O(i, a), p = n();
+	return /* @__PURE__ */ d("div", {
+		role: "status",
+		className: "k-toast-static relative w-max",
+		children: [/* @__PURE__ */ d("div", {
+			ref: l,
+			className: e(T, f ? "rounded-toast" : "rounded-pill", t === "neutral" ? "pl-16" : "pl-14", o ? "pr-6" : "pr-16"),
+			children: [
+				/* @__PURE__ */ u(w, { tone: t }),
+				/* @__PURE__ */ d("span", {
+					className: "min-w-0 text-pretty",
+					children: [i, a && /* @__PURE__ */ d("span", {
+						className: "font-regular text-toast-fg-secondary",
+						children: [" ", a]
+					})]
+				}),
+				o && /* @__PURE__ */ u("button", {
+					type: "button",
+					className: E,
+					children: o
+				})
+			]
+		}), s && /* @__PURE__ */ u("button", {
+			type: "button",
+			"aria-label": p("toast.dismiss", "Dismiss"),
+			className: D,
+			"data-force": c ? `visible ${c}` : "visible",
+			children: /* @__PURE__ */ u(r, {
+				icon: m,
+				size: "xs",
+				className: "size-12"
+			})
+		})]
+	});
+}
+process.env.NODE_ENV !== "production" && (k.displayName = "ToastCapsule");
+function A({ item: t, index: i, limit: s, onFrontWidth: c }) {
+	let f = n(), p = t.type ?? "neutral", h = t.data?.reserve, [g, v] = O(t.title, t.description);
+	return o(() => {
+		let e = g.current;
+		if (i !== 0 || !e) return;
+		let t = () => c(Math.round(e.offsetWidth));
+		if (t(), typeof ResizeObserver > "u") return;
+		let n = new ResizeObserver(t);
+		return n.observe(e), () => n.disconnect();
+	}, [
+		i,
+		c,
+		g
+	]), /* @__PURE__ */ d(_.Root, {
+		toast: t,
+		swipeDirection: [
+			"down",
+			"left",
+			"right"
+		],
+		className: "k-toast outline-none",
+		...i > 0 ? { "data-behind": "" } : {},
+		...i >= s ? { "data-index-hidden": "" } : {},
+		children: [/* @__PURE__ */ u("div", {
+			ref: g,
+			className: e("k-toast-surface", T, v ? "rounded-toast" : "rounded-pill", p === "neutral" ? "pl-16" : "pl-14", t.actionProps ? "pr-6" : "pr-16"),
+			children: /* @__PURE__ */ d("div", {
+				className: "k-toast-content flex min-w-0 items-center gap-10",
+				children: [
+					/* @__PURE__ */ u(w, { tone: p }),
+					/* @__PURE__ */ d("span", {
+						className: "min-w-0 text-pretty",
+						children: [h ? /* @__PURE__ */ u(a, {
+							reserve: h,
+							align: "start",
+							children: /* @__PURE__ */ u(_.Title, { render: /* @__PURE__ */ u("span", {}) })
+						}) : /* @__PURE__ */ u(_.Title, { render: /* @__PURE__ */ u("span", {}) }), t.description && /* @__PURE__ */ d(l, { children: [" ", /* @__PURE__ */ u(_.Description, {
+							render: /* @__PURE__ */ u("span", {}),
+							className: "font-regular text-toast-fg-secondary"
+						})] })]
+					}),
+					t.actionProps && /* @__PURE__ */ u(_.Action, { className: E })
+				]
+			})
+		}), /* @__PURE__ */ u(_.Close, {
+			"aria-label": f("toast.dismiss", "Dismiss"),
+			className: D,
+			children: /* @__PURE__ */ u(r, {
+				icon: m,
+				size: "xs",
+				className: "size-12"
+			})
+		})]
+	});
+}
+function j({ limit: e }) {
+	let { toasts: r } = _.useToastManager(), i = r.filter((e) => e.transitionStatus !== "ending"), [a, o] = c(0), s = n();
+	return /* @__PURE__ */ u(_.Portal, {
+		container: t(),
+		children: /* @__PURE__ */ u(_.Viewport, {
+			"aria-label": s("toast.notifications", "Notifications"),
+			className: "fixed right-0 bottom-24 left-0 z-60 mx-auto h-0 w-full toast-viewport-width outline-none",
+			style: { "--k-front-width": a ? `${a}px` : "auto" },
+			children: r.map((t) => /* @__PURE__ */ u(A, {
+				item: t,
+				index: Math.max(0, i.indexOf(t)),
+				limit: e,
+				onFrontWidth: o
+			}, t.id))
+		})
+	});
+}
+function M({ limit: e = 3, timeout: t = 5e3 }) {
+	return /* @__PURE__ */ u(_.Provider, {
+		toastManager: x,
+		limit: e,
+		timeout: t,
+		children: /* @__PURE__ */ u(j, { limit: e })
+	});
+}
+process.env.NODE_ENV !== "production" && (M.displayName = "Toaster");
+var N = /* @__PURE__ */ Object.assign(function(e) {
+	return /* @__PURE__ */ u(M, { ...e });
+}, { add: C });
+//#endregion
+export { y as KAESO_TOAST_DEFAULT_VARIANTS, v as KAESO_TOAST_VARIANTS, N as Toast, k as ToastCapsule, M as Toaster, C as toast, x as toastManager };
+
+//# sourceMappingURL=toast.js.map

package/dist/components/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","names":["__icon_CheckmarkCircle02Icon","__icon_AlertCircleIcon","__icon_Alert02Icon","__icon_InformationCircleIcon","__icon_Cancel01Icon","BaseToast","_Fragment","cn","usePortalContainer","useUiText","Icon","Spinner","SwapText","Fragment$1","Toast$1","KAESO_TOAST_VARIANTS","KAESO_TOAST_DEFAULT_VARIANTS","ICON","CheckmarkCircle02Icon","AlertCircleIcon","Alert02Icon","InformationCircleIcon","toastManager","add","tone","o","toast","title","id","reserve","m","p","v","ToneIcon","SURFACE","ACTION","CLOSE","useMultiline","ref","useRef","multi","setMulti","useState","useLayoutEffect","el","description","ToastCapsule","force","t","action","closable","Cancel01Icon","ToastItem","item","index","report","onFrontWidth","ro","limit","List","live","toasts","frontWidth","setFrontWidth","Toaster","Toast","props"],"sources":["../../src/components/toast/toast.tsx"],"sourcesContent":["import { useLayoutEffect, useRef, useState, type ReactNode } from \"react\";\nimport { Toast as BaseToast } from \"@base-ui/react/toast\";\nimport { usePortalContainer } from \"../../utils/portal-context.js\";\nimport { cn } from \"../../utils/cn.js\";\nimport { CheckmarkCircle02Icon as __icon_CheckmarkCircle02Icon, AlertCircleIcon as __icon_AlertCircleIcon, Alert02Icon as __icon_Alert02Icon, InformationCircleIcon as __icon_InformationCircleIcon, Cancel01Icon as __icon_Cancel01Icon } from \"@hugeicons/core-free-icons\";\nimport { Icon } from \"../icon/icon.js\";\nimport { Spinner } from \"../loader/loader.js\";\nimport { SwapText } from \"../swap-text/swap-text.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_TOAST_VARIANTS = {\n  tone: {\n    neutral: { classes: \"\" },\n    success: { classes: \"text-success\" },\n    error: { classes: \"text-danger\" },\n    warning: { classes: \"text-warning\" },\n    info: { classes: \"text-info\" },\n    loading: { classes: \"text-toast-fg-secondary\" },\n  },\n} as const;\nexport const KAESO_TOAST_DEFAULT_VARIANTS = { tone: \"neutral\" } as const;\ntype Tone = keyof typeof KAESO_TOAST_VARIANTS.tone;\n\nconst ICON = { success: __icon_CheckmarkCircle02Icon, error: __icon_AlertCircleIcon, warning: __icon_Alert02Icon, info: __icon_InformationCircleIcon } as const;\n\nexport const toastManager = /* @__PURE__ */ BaseToast.createToastManager();\n\nexport interface ToastOptions {\n  description?: ReactNode | undefined;\n  action?: { label: string; onClick: () => void } | undefined;\n  timeout?: number | undefined;\n  id?: string | undefined;\n}\n\ninterface ToastData {\n  reserve?: ReactNode[] | undefined;\n}\n\nfunction add(tone: Tone, title: ReactNode, o: ToastOptions = {}) {\n  return toastManager.add({\n    title,\n    type: tone,\n    ...(o.description !== undefined ? { description: o.description } : {}),\n    ...(o.timeout !== undefined ? { timeout: o.timeout } : {}),\n    ...(o.id ? { id: o.id } : {}),\n    ...(tone === \"error\" ? { priority: \"high\" as const } : {}),\n    ...(o.action ? { actionProps: { children: o.action.label, onClick: o.action.onClick } } : {}),\n  });\n}\n\nexport const toast = /* @__PURE__ */ Object.assign((title: ReactNode, o?: ToastOptions) => add(\"neutral\", title, o), {\n  success: (title: ReactNode, o?: ToastOptions) => add(\"success\", title, o),\n  error: (title: ReactNode, o?: ToastOptions) => add(\"error\", title, o),\n  warning: (title: ReactNode, o?: ToastOptions) => add(\"warning\", title, o),\n  info: (title: ReactNode, o?: ToastOptions) => add(\"info\", title, o),\n  dismiss: (id?: string) => toastManager.close(id),\n  promise: <T,>(p: Promise<T>, m: { loading: string; success: string | ((v: T) => string); error: string | ((e: unknown) => string) }) => {\n    const reserve = [m.loading, ...(typeof m.success === \"string\" ? [m.success] : []), ...(typeof m.error === \"string\" ? [m.error] : [])];\n    return toastManager.promise(p, {\n      loading: { title: m.loading, type: \"loading\", timeout: 0, data: { reserve } },\n      success: (v: T) => ({ title: typeof m.success === \"function\" ? m.success(v) : m.success, type: \"success\", data: { reserve } }),\n      error: (e: unknown) => ({ title: typeof m.error === \"function\" ? m.error(e) : m.error, type: \"error\", priority: \"high\", data: { reserve } }),\n    });\n  },\n});\n\nfunction ToneIcon({ tone }: { tone: Tone }) {\n  if (tone === \"neutral\") return null;\n  return (\n    <span className={cn(\"flex shrink-0\", KAESO_TOAST_VARIANTS.tone[tone].classes)}>\n      {tone === \"loading\" ? <Spinner size=\"sm\" /> : <Icon icon={ICON[tone]} size=\"sm\" />}\n    </span>\n  );\n}\n\nconst SURFACE = \"relative flex min-h-44 max-w-560 items-center gap-10 bg-toast py-8 text-body font-medium text-toast-fg shadow-toast\";\nconst ACTION =\n  \"inline-flex h-32 shrink-0 cursor-pointer items-center rounded-pill bg-toast-action px-12 text-body font-medium text-toast-fg transition-control hover:bg-toast-action-hover focus-ring\";\nconst CLOSE =\n  \"k-toast-close absolute -top-6 -left-6 inline-flex size-20 cursor-pointer items-center justify-center rounded-pill bg-toast text-toast-fg-secondary shadow-toast hover:text-toast-fg focus-ring\";\n\nfunction useMultiline(title: ReactNode, description: ReactNode) {\n  const ref = useRef<HTMLDivElement>(null);\n  const [multi, setMulti] = useState(false);\n  useLayoutEffect(() => {\n    const el = ref.current;\n    if (el) setMulti(el.offsetHeight > 46);\n  }, [title, description]);\n  return [ref, multi] as const;\n}\n\nexport function ToastCapsule({\n  tone = \"neutral\",\n  title,\n  description,\n  action,\n  closable,\n  \"data-force\": force,\n}: {\n  tone?: Tone | undefined;\n  title: ReactNode;\n  description?: ReactNode | undefined;\n  action?: string | undefined;\n  closable?: boolean | undefined;\n  \"data-force\"?: string | undefined;\n}) {\n  const [ref, multi] = useMultiline(title, description);\n  const t = useUiText();\n  return (\n    <div role=\"status\" className=\"k-toast-static relative w-max\">\n      <div ref={ref} className={cn(SURFACE, multi ? \"rounded-toast\" : \"rounded-pill\", tone === \"neutral\" ? \"pl-16\" : \"pl-14\", action ? \"pr-6\" : \"pr-16\")}>\n        <ToneIcon tone={tone} />\n        <span className=\"min-w-0 text-pretty\">\n          {title}\n          {description && <span className=\"font-regular text-toast-fg-secondary\"> {description}</span>}\n        </span>\n        {action && (\n          <button type=\"button\" className={ACTION}>\n            {action}\n          </button>\n        )}\n      </div>\n      {closable && (\n        <button type=\"button\" aria-label={t(\"toast.dismiss\", \"Dismiss\")} className={CLOSE} data-force={force ? `visible ${force}` : \"visible\"}>\n          <Icon icon={__icon_Cancel01Icon} size=\"xs\" className=\"size-12\" />\n        </button>\n      )}\n    </div>\n  );\n}\nif (process.env.NODE_ENV !== \"production\") ToastCapsule.displayName = \"ToastCapsule\";\n\ntype ManagedToast = ReturnType<typeof BaseToast.useToastManager>[\"toasts\"][number];\n\nfunction ToastItem({ item, index, limit, onFrontWidth }: { item: ManagedToast; index: number; limit: number; onFrontWidth: (w: number) => void }) {\n  const t = useUiText();\n  const tone = ((item.type as Tone) ?? \"neutral\") as Tone;\n  const reserve = (item.data as ToastData | undefined)?.reserve;\n  const [ref, multi] = useMultiline(item.title, item.description);\n  useLayoutEffect(() => {\n    const el = ref.current;\n    if (index !== 0 || !el) return;\n    const report = () => onFrontWidth(Math.round(el.offsetWidth));\n    report();\n    if (typeof ResizeObserver === \"undefined\") return;\n    const ro = new ResizeObserver(report);\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, [index, onFrontWidth, ref]);\n  return (\n    <BaseToast.Root\n      toast={item}\n      swipeDirection={[\"down\", \"left\", \"right\"]}\n      className=\"k-toast outline-none\"\n      {...(index > 0 ? { \"data-behind\": \"\" } : {})}\n      {...(index >= limit ? { \"data-index-hidden\": \"\" } : {})}\n    >\n      <div\n        ref={ref}\n        className={cn(\n          \"k-toast-surface\",\n          SURFACE,\n          multi ? \"rounded-toast\" : \"rounded-pill\",\n          tone === \"neutral\" ? \"pl-16\" : \"pl-14\",\n          item.actionProps ? \"pr-6\" : \"pr-16\",\n        )}\n      >\n        <div className=\"k-toast-content flex min-w-0 items-center gap-10\">\n          <ToneIcon tone={tone} />\n          <span className=\"min-w-0 text-pretty\">\n            {reserve ? (\n              <SwapText reserve={reserve} align=\"start\">\n                <BaseToast.Title render={<span />} />\n              </SwapText>\n            ) : (\n              <BaseToast.Title render={<span />} />\n            )}\n            {item.description && (\n              <>\n                {\" \"}\n                <BaseToast.Description render={<span />} className=\"font-regular text-toast-fg-secondary\" />\n              </>\n            )}\n          </span>\n          {item.actionProps && <BaseToast.Action className={ACTION} />}\n        </div>\n      </div>\n      <BaseToast.Close aria-label={t(\"toast.dismiss\", \"Dismiss\")} className={CLOSE}>\n        <Icon icon={__icon_Cancel01Icon} size=\"xs\" className=\"size-12\" />\n      </BaseToast.Close>\n    </BaseToast.Root>\n  );\n}\n\nfunction List({ limit }: { limit: number }) {\n  const { toasts } = BaseToast.useToastManager();\n  const live = toasts.filter((item) => item.transitionStatus !== \"ending\");\n  const [frontWidth, setFrontWidth] = useState(0);\n  const t = useUiText();\n  return (\n    <BaseToast.Portal container={usePortalContainer()}>\n      <BaseToast.Viewport\n        aria-label={t(\"toast.notifications\", \"Notifications\")}\n        className=\"fixed right-0 bottom-24 left-0 z-60 mx-auto h-0 w-full toast-viewport-width outline-none\"\n        style={{ [\"--k-front-width\" as string]: frontWidth ? `${frontWidth}px` : \"auto\" }}\n      >\n        {toasts.map((item) => (\n          <ToastItem key={item.id} item={item} index={Math.max(0, live.indexOf(item))} limit={limit} onFrontWidth={setFrontWidth} />\n        ))}\n      </BaseToast.Viewport>\n    </BaseToast.Portal>\n  );\n}\n\nexport function Toaster({ limit = 3, timeout = 5000 }: { limit?: number | undefined; timeout?: number | undefined }) {\n  return (\n    <BaseToast.Provider toastManager={toastManager} limit={limit} timeout={timeout}>\n      <List limit={limit} />\n    </BaseToast.Provider>\n  );\n}\nif (process.env.NODE_ENV !== \"production\") Toaster.displayName = \"Toaster\";\n\nexport const Toast = /* @__PURE__ */ Object.assign(\n  function Toast(props: { limit?: number | undefined; timeout?: number | undefined }) {\n    return <Toaster {...props} />;\n  },\n  { add: toast },\n);\n"],"mappings":"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"}

package/dist/components/toc.js

@@ -0,0 +1,48 @@
+"use client";
+import { t as e } from "../chunks/cn-CidVUKMm.js";
+import { i as t } from "../chunks/context-BELWW79w.js";
+import { forwardRef as n, useEffect as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/toc/toc.tsx
+var s = { state: {
+	default: { classes: "text-fg-secondary hover:text-fg" },
+	active: { classes: "text-fg" }
+} }, c = { state: "default" }, l = /* @__PURE__ */ n(function({ items: n, title: c, active: l, className: u }, d) {
+	let f = t(), p = c ?? f("tableOfContents.title", "On this page"), [m, h] = i(n[0]?.id);
+	r(() => {
+		if (l !== void 0 || typeof IntersectionObserver > "u") return;
+		let e = new IntersectionObserver((e) => {
+			for (let t of e) t.isIntersecting && h(t.target.id);
+		}, { rootMargin: "0px 0px -70% 0px" });
+		return n.forEach((t) => {
+			let n = document.getElementById(t.id);
+			n && e.observe(n);
+		}), () => e.disconnect();
+	}, [n, l]);
+	let g = l ?? m;
+	return /* @__PURE__ */ o("nav", {
+		ref: d,
+		"aria-label": p,
+		className: e("flex flex-col", u),
+		children: [/* @__PURE__ */ a("span", {
+			className: "mb-8 text-caption font-medium text-fg-secondary",
+			children: p
+		}), /* @__PURE__ */ a("ul", {
+			className: "flex flex-col hairline-l",
+			children: n.map((t) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ o("a", {
+				href: `#${t.id}`,
+				"aria-current": t.id === g ? "location" : void 0,
+				className: e("relative flex min-h-28 items-center py-4 text-small transition-control focus-ring-inset rounded-code", t.depth ? "pl-24" : "pl-12", s.state[t.id === g ? "active" : "default"].classes),
+				children: [t.id === g && /* @__PURE__ */ a("span", {
+					"aria-hidden": !0,
+					className: "absolute inset-y-4 left-0 w-2 rounded-pill bg-ink"
+				}), t.label]
+			}) }, t.id))
+		})]
+	});
+});
+process.env.NODE_ENV !== "production" && (l.displayName = "TableOfContents");
+//#endregion
+export { c as KAESO_TABLE_OF_CONTENTS_DEFAULT_VARIANTS, s as KAESO_TABLE_OF_CONTENTS_VARIANTS, l as TableOfContents };
+
+//# sourceMappingURL=toc.js.map

package/dist/components/toc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toc.js","names":["cn","useUiText","KAESO_TABLE_OF_CONTENTS_VARIANTS","KAESO_TABLE_OF_CONTENTS_DEFAULT_VARIANTS","TableOfContents","titleProp","t","title","seen","setSeen","useState","items","active","io","e","entries","el","i","current","className"],"sources":["../../src/components/toc/toc.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\nimport { useUiText } from \"../../i18n/context.js\";\n\nexport const KAESO_TABLE_OF_CONTENTS_VARIANTS = {\n  state: {\n    default: { classes: \"text-fg-secondary hover:text-fg\" },\n    active: { classes: \"text-fg\" },\n  },\n} as const;\nexport const KAESO_TABLE_OF_CONTENTS_DEFAULT_VARIANTS = { state: \"default\" } as const;\n\nexport interface TocItem {\n  id: string;\n  label: string;\n  depth?: 0 | 1 | undefined;\n}\n\nexport interface TableOfContentsProps {\n  items: TocItem[];\n  title?: string | undefined;\n  active?: string | undefined;\n  className?: string | undefined;\n}\n\nexport const TableOfContents = /* @__PURE__ */ forwardRef<HTMLElement, TableOfContentsProps>(function TableOfContents({ items, title: titleProp, active, className }, ref) {\n  const t = useUiText();\n  const title = titleProp ?? t(\"tableOfContents.title\", \"On this page\");\n  const [seen, setSeen] = useState(items[0]?.id);\n  useEffect(() => {\n    if (active !== undefined || typeof IntersectionObserver === \"undefined\") return;\n    const io = new IntersectionObserver(\n      (entries) => {\n        for (const e of entries) if (e.isIntersecting) setSeen(e.target.id);\n      },\n      { rootMargin: \"0px 0px -70% 0px\" },\n    );\n    items.forEach((i) => {\n      const el = document.getElementById(i.id);\n      if (el) io.observe(el);\n    });\n    return () => io.disconnect();\n  }, [items, active]);\n  const current = active ?? seen;\n  return (\n    <nav ref={ref} aria-label={title} className={cn(\"flex flex-col\", className)}>\n      <span className=\"mb-8 text-caption font-medium text-fg-secondary\">{title}</span>\n      <ul className=\"flex flex-col hairline-l\">\n        {items.map((i) => (\n          <li key={i.id}>\n            <a\n              href={`#${i.id}`}\n              aria-current={i.id === current ? \"location\" : undefined}\n              className={cn(\n                \"relative flex min-h-28 items-center py-4 text-small transition-control focus-ring-inset rounded-code\",\n                i.depth ? \"pl-24\" : \"pl-12\",\n                KAESO_TABLE_OF_CONTENTS_VARIANTS.state[i.id === current ? \"active\" : \"default\"].classes,\n              )}\n            >\n              {i.id === current && <span aria-hidden className=\"absolute inset-y-4 left-0 w-2 rounded-pill bg-ink\" />}\n              {i.label}\n            </a>\n          </li>\n        ))}\n      </ul>\n    </nav>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") TableOfContents.displayName = \"TableOfContents\";\n"],"mappings":";;;;;;AAIA,IAAaE,IAAmC,EAC9C,OAAO;CACL,SAAS,EAAE,SAAS,kCAAkC;CACtD,QAAQ,EAAE,SAAS,UAAU;AAC/B,EACF,GACaC,IAA2C,EAAE,OAAO,UAAU,GAe9DC,IAAkC,kBAA8C,SAAyB,EAAE,UAAO,OAAOC,GAAW,WAAQ,gBAAa,GAAK;CACzK,IAAMC,IAAIL,EAAU,GACdM,IAAQF,KAAaC,EAAE,yBAAyB,cAAc,GAC9D,CAACE,GAAMC,KAAWC,EAASC,EAAM,EAAE,EAAE,EAAE;CAC7C,QAAgB;EACd,IAAIC,MAAW,KAAA,KAAa,OAAO,uBAAyB,KAAa;EACzE,IAAMC,IAAK,IAAI,sBACZ,MAAY;GACX,KAAK,IAAMC,KAAKC,GAAS,AAAID,EAAE,kBAAgBL,EAAQK,EAAE,OAAO,EAAE;EACpE,GACA,EAAE,YAAY,mBAAmB,CACnC;EAKA,OAJAH,EAAM,SAAS,MAAM;GACnB,IAAMK,IAAK,SAAS,eAAeC,EAAE,EAAE;GACvC,AAAID,KAAIH,EAAG,QAAQG,CAAE;EACvB,CAAC,SACYH,EAAG,WAAW;CAC7B,GAAG,CAACF,GAAOC,CAAM,CAAC;CAClB,IAAMM,IAAUN,KAAUJ;CAC1B,OACE,kBAAC,OAAD;EAAU;EAAK,cAAYD;EAAO,WAAWP,EAAG,iBAAiBmB,CAAS;EAA1E,UAAA,CACE,kBAAC,QAAD;GAAM,WAAU;GAAmD,UAAAZ;EAAY,CAAA,GAC/E,kBAAC,MAAD;GAAI,WAAU;GACX,UAAAI,EAAM,KAAK,MACV,kBAAC,MAAD,EAAA,UACE,kBAAC,KAAD;IACE,MAAM,IAAIM,EAAE;IACZ,gBAAcA,EAAE,OAAOC,IAAU,aAAa,KAAA;IAC9C,WAAWlB,EACT,wGACAiB,EAAE,QAAQ,UAAU,SACpBf,EAAiC,MAAMe,EAAE,OAAOC,IAAU,WAAW,UAAU,CAAC,OAClF;IAPF,UAAA,CASGD,EAAE,OAAOC,KAAW,kBAAC,QAAD;KAAM,eAAA;KAAY,WAAU;IAAqD,CAAA,GACrGD,EAAE,KACF;GACD,CAAA,EAAA,GAbKA,EAAE,EAaP,CACL;EACC,CAAA,CACD;;AAET,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAgB,cAAc"}

package/dist/components/toolbar.js

@@ -0,0 +1,2 @@
+"use client";
+export { t as KAESO_TOOLBAR_DEFAULT_VARIANTS, n as KAESO_TOOLBAR_VARIANTS, r as Toolbar } from "../chunks/toolbar-Dw3uxpsE.js";

package/dist/components/tooltip.js

@@ -0,0 +1,18 @@
+"use client";
+import { i as e, n as t, r as n, t as r } from "../chunks/tooltip-CDu00nzg.js";
+import { jsx as i } from "react/jsx-runtime";
+import { Tooltip as a } from "@base-ui/react/tooltip";
+//#region src/components/tooltip/tooltip-provider.tsx
+function o({ children: e, delay: t = 500 }) {
+	return /* @__PURE__ */ i(a.Provider, {
+		delay: t,
+		closeDelay: 0,
+		timeout: 400,
+		children: e
+	});
+}
+process.env.NODE_ENV !== "production" && (o.displayName = "TooltipProvider");
+//#endregion
+export { r as KAESO_TOOLTIP_DEFAULT_VARIANTS, t as KAESO_TOOLTIP_VARIANTS, n as Tooltip, o as TooltipProvider, e as TooltipSurface };
+
+//# sourceMappingURL=tooltip.js.map

package/dist/components/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","names":["BaseTooltip","TooltipSurface","KAESO_TOOLTIP_VARIANTS","Tooltip","KAESO_TOOLTIP_DEFAULT_VARIANTS","Tooltip$1","TooltipProvider"],"sources":["../../src/components/tooltip/tooltip-provider.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Tooltip as BaseTooltip } from \"@base-ui/react/tooltip\";\n\nexport function TooltipProvider({ children, delay = 500 }: { children: ReactNode; delay?: number | undefined }) {\n  return (\n    <BaseTooltip.Provider delay={delay} closeDelay={0} timeout={400}>\n      {children}\n    </BaseTooltip.Provider>\n  );\n}\nif (process.env.NODE_ENV !== \"production\") TooltipProvider.displayName = \"TooltipProvider\";\n"],"mappings":";;;;;AAGA,SAAgBM,EAAgB,EAAE,aAAU,WAAQ,OAA4D;CAC9G,OACE,kBAACN,EAAY,UAAb;EAA6B;EAAO,YAAY;EAAG,SAAS;EACzD;CACmB,CAAA;AAE1B;AACA,QAAA,IAAA,aAA6B,iBAAc,EAAgB,cAAc"}

package/dist/components/visually-hidden.js

@@ -0,0 +1,17 @@
+"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/visually-hidden/visually-hidden.tsx
+var r = {}, i = {}, a = /* @__PURE__ */ t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n("span", {
+		ref: i,
+		className: e("sr-only", t),
+		...r
+	});
+});
+process.env.NODE_ENV !== "production" && (a.displayName = "VisuallyHidden");
+//#endregion
+export { i as KAESO_VISUALLY_HIDDEN_DEFAULT_VARIANTS, r as KAESO_VISUALLY_HIDDEN_VARIANTS, a as VisuallyHidden };
+
+//# sourceMappingURL=visually-hidden.js.map

package/dist/components/visually-hidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visually-hidden.js","names":["cn","KAESO_VISUALLY_HIDDEN_VARIANTS","KAESO_VISUALLY_HIDDEN_DEFAULT_VARIANTS","VisuallyHidden","props","className"],"sources":["../../src/components/visually-hidden/visually-hidden.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../utils/cn.js\";\n\nexport const KAESO_VISUALLY_HIDDEN_VARIANTS = {} as const;\nexport const KAESO_VISUALLY_HIDDEN_DEFAULT_VARIANTS = {} as const;\n\nexport const VisuallyHidden = /* @__PURE__ */ forwardRef<HTMLSpanElement, HTMLAttributes<HTMLSpanElement>>(function VisuallyHidden({ className, ...props }, ref) {\n  return <span ref={ref} className={cn(\"sr-only\", className)} {...props} />;\n});\nif (process.env.NODE_ENV !== \"production\") VisuallyHidden.displayName = \"VisuallyHidden\";\n"],"mappings":";;;;;AAGA,IAAaC,IAAiC,CAAC,GAClCC,IAAyC,CAAC,GAE1CC,IAAiC,kBAA6D,SAAwB,EAAE,cAAW,GAAGC,KAAS,GAAK;CAC/J,OAAO,kBAAC,QAAD;EAAW;EAAK,WAAWJ,EAAG,WAAWK,CAAS;EAAG,GAAID;CAAQ,CAAA;AAC1E,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAe,cAAc"}

package/dist/fonts/LICENSE-GeistMono.txt

@@ -0,0 +1,93 @@
+Copyright 2024 The Geist Project Authors (https://github.com/vercel/geist-font.git) GeistMono-Italic[wght].ttf: Copyright 2024 The Geist Project Authors (https://github.com/vercel/geist-font.git)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/dist/fonts/LICENSE-Inter.txt

@@ -0,0 +1,93 @@
+Copyright 2016 The Inter Project Authors (https://github.com/rsms/inter) Inter-Italic[opsz,wght].ttf: Copyright 2016 The Inter Project Authors (https://github.com/rsms/inter)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/dist/fonts.css

@@ -0,0 +1,40 @@
+@font-face {
+  font-family: "Inter Variable";
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url("./fonts/inter-latin-opsz-normal.woff2") format("woff2-variations");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+@font-face {
+  font-family: "Inter Variable";
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url("./fonts/inter-latin-ext-opsz-normal.woff2") format("woff2-variations");
+  unicode-range:
+    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+@font-face {
+  font-family: "Geist Mono Variable";
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url("./fonts/geist-mono-latin-wght-normal.woff2") format("woff2-variations");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
+    U+FEFF, U+FFFD;
+}
+@font-face {
+  font-family: "Geist Mono Variable";
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url("./fonts/geist-mono-latin-ext-wght-normal.woff2") format("woff2-variations");
+  unicode-range:
+    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}