@logicplanes/kaeso-ui 0.1.0 → 0.2.0

package/dist/components/theme-select.js

@@ -0,0 +1,58 @@
+"use client";
+import { i as e } from "../chunks/context-BELWW79w.js";
+import { a as t } from "../chunks/theme-provider-DJhORMlc.js";
+import { r as n } from "../chunks/select-Bc4kRiSG.js";
+import { forwardRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/theme-select/theme-select.tsx
+var a = {
+	appearance: {
+		ghost: { classes: "" },
+		default: { classes: "" }
+	},
+	size: {
+		sm: { classes: "" },
+		md: { classes: "" }
+	}
+}, o = {
+	appearance: "ghost",
+	size: "sm"
+}, s = [
+	"system",
+	"light",
+	"dark"
+], c = (e) => s.includes(e), l = /* @__PURE__ */ r(function({ appearance: r = "ghost", size: a = "sm", fullWidth: o, className: s, "data-force": l }, u) {
+	let { theme: d, setTheme: f } = t(), p = e();
+	return /* @__PURE__ */ i(n, {
+		ref: u,
+		"aria-label": p("themeMenu.theme", "Theme"),
+		appearance: r,
+		size: a,
+		fullWidth: o,
+		className: s,
+		"data-force": l,
+		value: d,
+		onValueChange: (e) => {
+			c(e) && f(e);
+		},
+		options: [
+			{
+				value: "system",
+				label: p("themeMenu.system", "System")
+			},
+			{
+				value: "light",
+				label: p("themeMenu.light", "Light")
+			},
+			{
+				value: "dark",
+				label: p("themeMenu.dark", "Dark")
+			}
+		]
+	});
+});
+process.env.NODE_ENV !== "production" && (l.displayName = "ThemeSelect");
+//#endregion
+export { o as KAESO_THEME_SELECT_DEFAULT_VARIANTS, a as KAESO_THEME_SELECT_VARIANTS, l as ThemeSelect };
+
+//# sourceMappingURL=theme-select.js.map

package/dist/components/theme-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-select.js","names":["useUiText","useTheme","Select","KAESO_THEME_SELECT_VARIANTS","KAESO_THEME_SELECT_DEFAULT_VARIANTS","PREFERENCES","isPreference","value","ThemeSelect","force","t","theme","setTheme"],"sources":["../../src/components/theme-select/theme-select.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { useTheme, type ThemePreference } from \"../../theme/theme-provider.js\";\nimport { useUiText } from \"../../i18n/context.js\";\nimport { Select } from \"../select/select.js\";\n\nexport const KAESO_THEME_SELECT_VARIANTS = {\n  appearance: {\n    ghost: { classes: \"\" },\n    default: { classes: \"\" },\n  },\n  size: {\n    sm: { classes: \"\" },\n    md: { classes: \"\" },\n  },\n} as const;\nexport const KAESO_THEME_SELECT_DEFAULT_VARIANTS = { appearance: \"ghost\", size: \"sm\" } as const;\n\nconst PREFERENCES: readonly ThemePreference[] = [\"system\", \"light\", \"dark\"];\nconst isPreference = (value: string): value is ThemePreference => (PREFERENCES as readonly string[]).includes(value);\n\nexport interface ThemeSelectProps {\n  appearance?: keyof typeof KAESO_THEME_SELECT_VARIANTS.appearance | undefined;\n  size?: keyof typeof KAESO_THEME_SELECT_VARIANTS.size | undefined;\n  fullWidth?: boolean | undefined;\n  className?: string | undefined;\n  \"data-force\"?: string | undefined;\n}\n\nexport const ThemeSelect = /* @__PURE__ */ forwardRef<HTMLButtonElement, ThemeSelectProps>(function ThemeSelect(\n  { appearance = \"ghost\", size = \"sm\", fullWidth, className, \"data-force\": force },\n  ref,\n) {\n  const { theme, setTheme } = useTheme();\n  const t = useUiText();\n  return (\n    <Select\n      ref={ref}\n      aria-label={t(\"themeMenu.theme\", \"Theme\")}\n      appearance={appearance}\n      size={size}\n      fullWidth={fullWidth}\n      className={className}\n      data-force={force}\n      value={theme}\n      onValueChange={(value) => {\n        if (isPreference(value)) setTheme(value);\n      }}\n      options={[\n        { value: \"system\", label: t(\"themeMenu.system\", \"System\") },\n        { value: \"light\", label: t(\"themeMenu.light\", \"Light\") },\n        { value: \"dark\", label: t(\"themeMenu.dark\", \"Dark\") },\n      ]}\n    />\n  );\n});\nif (process.env.NODE_ENV !== \"production\") ThemeSelect.displayName = \"ThemeSelect\";\n"],"mappings":";;;;;;;AAKA,IAAaG,IAA8B;CACzC,YAAY;EACV,OAAO,EAAE,SAAS,GAAG;EACrB,SAAS,EAAE,SAAS,GAAG;CACzB;CACA,MAAM;EACJ,IAAI,EAAE,SAAS,GAAG;EAClB,IAAI,EAAE,SAAS,GAAG;CACpB;AACF,GACaC,IAAsC;CAAE,YAAY;CAAS,MAAM;AAAK,GAE/EC,IAA0C;CAAC;CAAU;CAAS;AAAM,GACpEC,KAAgB,MAA6CD,EAAkC,SAASE,CAAK,GAUtGC,IAA8B,kBAAgD,SACzF,EAAE,gBAAa,SAAS,UAAO,MAAM,cAAW,cAAW,cAAcC,KACzE,GACA;CACA,IAAM,EAAE,UAAO,gBAAaR,EAAS,GAC/BS,IAAIV,EAAU;CACpB,OACE,kBAACE,GAAD;EACO;EACL,cAAYQ,EAAE,mBAAmB,OAAO;EAC5B;EACN;EACK;EACA;EACX,cAAYD;EACZ,OAAOE;EACP,gBAAgB,MAAU;GACxB,AAAIL,EAAaC,CAAK,KAAGK,EAASL,CAAK;EACzC;EACA,SAAS;GACP;IAAE,OAAO;IAAU,OAAOG,EAAE,oBAAoB,QAAQ;GAAE;GAC1D;IAAE,OAAO;IAAS,OAAOA,EAAE,mBAAmB,OAAO;GAAE;GACvD;IAAE,OAAO;IAAQ,OAAOA,EAAE,kBAAkB,MAAM;GAAE;EACtD;CACD,CAAA;AAEL,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAY,cAAc"}

package/dist/components/toast.js

@@ -3,28 +3,29 @@ 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";
+import { t as i } from "../chunks/observe-resize-DhxhmoyB.js";
+import { r as a } from "../chunks/loader-CUehxvSZ.js";
+import { r as o } from "../chunks/swap-text-BhPI8DOf.js";
+import { useLayoutEffect as s, useRef as c, useState as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Alert02Icon as p, AlertCircleIcon as m, Cancel01Icon as h, CheckmarkCircle02Icon as g, InformationCircleIcon as _ } from "@hugeicons/core-free-icons";
+import { Toast as v } from "@base-ui/react/toast";
 //#region src/components/toast/toast.tsx
-var v = { tone: {
+var y = { 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({
+} }, b = { tone: "neutral" }, x = {
+	success: g,
+	error: m,
+	warning: p,
+	info: _
+}, S = /* @__PURE__ */ v.createToastManager();
+function C(e, t, n = {}) {
+	return S.add({
 		title: t,
 		type: e,
 		...n.description === void 0 ? {} : { description: n.description },
@@ -37,19 +38,19 @@ function S(e, t, n = {}) {
 		} } : {}
 	});
 }
-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),
+var w = /* @__PURE__ */ Object.assign((e, t) => C("neutral", e, t), {
+	success: (e, t) => C("success", e, t),
+	error: (e, t) => C("error", e, t),
+	warning: (e, t) => C("warning", e, t),
+	info: (e, t) => C("info", e, t),
+	dismiss: (e) => S.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, {
+		return S.promise(e, {
 			loading: {
 				title: t.loading,
 				type: "loading",
@@ -70,74 +71,72 @@ var C = /* @__PURE__ */ Object.assign((e, t) => S("neutral", e, t), {
 		});
 	}
 });
-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],
+function T({ tone: t }) {
+	return t === "neutral" ? null : /* @__PURE__ */ d("span", {
+		className: e("flex shrink-0", y.tone[t].classes),
+		children: t === "loading" ? /* @__PURE__ */ d(a, { size: "sm" }) : /* @__PURE__ */ d(r, {
+			icon: x[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(() => {
+var E = "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", D = "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", O = "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 k(e, t) {
+	let n = c(null), [r, i] = l(!1);
+	return s(() => {
 		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", {
+function A({ tone: t = "neutral", title: i, description: a, action: o, closable: s, "data-force": c }) {
+	let [l, u] = k(i, a), p = n();
+	return /* @__PURE__ */ f("div", {
 		role: "status",
 		className: "k-toast-static relative w-max",
-		children: [/* @__PURE__ */ d("div", {
+		children: [/* @__PURE__ */ f("div", {
 			ref: l,
-			className: e(T, f ? "rounded-toast" : "rounded-pill", t === "neutral" ? "pl-16" : "pl-14", o ? "pr-6" : "pr-16"),
+			className: e(E, u ? "rounded-toast" : "rounded-pill", t === "neutral" ? "pl-16" : "pl-14", o ? "pr-6" : "pr-16"),
 			children: [
-				/* @__PURE__ */ u(w, { tone: t }),
-				/* @__PURE__ */ d("span", {
+				/* @__PURE__ */ d(T, { tone: t }),
+				/* @__PURE__ */ f("span", {
 					className: "min-w-0 text-pretty",
-					children: [i, a && /* @__PURE__ */ d("span", {
+					children: [i, a && /* @__PURE__ */ f("span", {
 						className: "font-regular text-toast-fg-secondary",
 						children: [" ", a]
 					})]
 				}),
-				o && /* @__PURE__ */ u("button", {
+				o && /* @__PURE__ */ d("button", {
 					type: "button",
-					className: E,
+					className: D,
 					children: o
 				})
 			]
-		}), s && /* @__PURE__ */ u("button", {
+		}), s && /* @__PURE__ */ d("button", {
 			type: "button",
 			"aria-label": p("toast.dismiss", "Dismiss"),
-			className: D,
+			className: O,
 			"data-force": c ? `visible ${c}` : "visible",
-			children: /* @__PURE__ */ u(r, {
-				icon: m,
+			children: /* @__PURE__ */ d(r, {
+				icon: h,
 				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();
+process.env.NODE_ENV !== "production" && (A.displayName = "ToastCapsule");
+function j({ item: t, index: a, limit: c, onFrontWidth: l }) {
+	let p = n(), m = t.type ?? "neutral", g = t.data?.reserve, [_, y] = k(t.title, t.description);
+	return s(() => {
+		let e = _.current;
+		if (a !== 0 || !e) return;
+		let t = () => l(Math.round(e.offsetWidth));
+		return t(), i([e], t);
 	}, [
-		i,
-		c,
-		g
-	]), /* @__PURE__ */ d(_.Root, {
+		a,
+		l,
+		_
+	]), /* @__PURE__ */ f(v.Root, {
 		toast: t,
 		swipeDirection: [
 			"down",
@@ -145,49 +144,49 @@ function A({ item: t, index: i, limit: s, onFrontWidth: c }) {
 			"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", {
+		...a > 0 ? { "data-behind": "" } : {},
+		...a >= c ? { "data-index-hidden": "" } : {},
+		children: [/* @__PURE__ */ d("div", {
+			ref: _,
+			className: e("k-toast-surface", E, y ? "rounded-toast" : "rounded-pill", m === "neutral" ? "pl-16" : "pl-14", t.actionProps ? "pr-6" : "pr-16"),
+			children: /* @__PURE__ */ f("div", {
 				className: "k-toast-content flex min-w-0 items-center gap-10",
 				children: [
-					/* @__PURE__ */ u(w, { tone: p }),
-					/* @__PURE__ */ d("span", {
+					/* @__PURE__ */ d(T, { tone: m }),
+					/* @__PURE__ */ f("span", {
 						className: "min-w-0 text-pretty",
-						children: [h ? /* @__PURE__ */ u(a, {
-							reserve: h,
+						children: [g ? /* @__PURE__ */ d(o, {
+							reserve: g,
 							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", {}),
+							children: /* @__PURE__ */ d(v.Title, { render: /* @__PURE__ */ d("span", {}) })
+						}) : /* @__PURE__ */ d(v.Title, { render: /* @__PURE__ */ d("span", {}) }), t.description && /* @__PURE__ */ f(u, { children: [" ", /* @__PURE__ */ d(v.Description, {
+							render: /* @__PURE__ */ d("span", {}),
 							className: "font-regular text-toast-fg-secondary"
 						})] })]
 					}),
-					t.actionProps && /* @__PURE__ */ u(_.Action, { className: E })
+					t.actionProps && /* @__PURE__ */ d(v.Action, { className: D })
 				]
 			})
-		}), /* @__PURE__ */ u(_.Close, {
-			"aria-label": f("toast.dismiss", "Dismiss"),
-			className: D,
-			children: /* @__PURE__ */ u(r, {
-				icon: m,
+		}), /* @__PURE__ */ d(v.Close, {
+			"aria-label": p("toast.dismiss", "Dismiss"),
+			className: O,
+			children: /* @__PURE__ */ d(r, {
+				icon: h,
 				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, {
+function M({ limit: e }) {
+	let { toasts: r } = v.useToastManager(), i = r.filter((e) => e.transitionStatus !== "ending"), [a, o] = l(0), s = n();
+	return /* @__PURE__ */ d(v.Portal, {
 		container: t(),
-		children: /* @__PURE__ */ u(_.Viewport, {
+		children: /* @__PURE__ */ d(v.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, {
+			children: r.map((t) => /* @__PURE__ */ d(j, {
 				item: t,
 				index: Math.max(0, i.indexOf(t)),
 				limit: e,
@@ -196,19 +195,19 @@ function j({ limit: e }) {
 		})
 	});
 }
-function M({ limit: e = 3, timeout: t = 5e3 }) {
-	return /* @__PURE__ */ u(_.Provider, {
-		toastManager: x,
+function N({ limit: e = 3, timeout: t = 5e3 }) {
+	return /* @__PURE__ */ d(v.Provider, {
+		toastManager: S,
 		limit: e,
 		timeout: t,
-		children: /* @__PURE__ */ u(j, { limit: e })
+		children: /* @__PURE__ */ d(M, { limit: e })
 	});
 }
-process.env.NODE_ENV !== "production" && (M.displayName = "Toaster");
-var N = /* @__PURE__ */ Object.assign(function(e) {
-	return /* @__PURE__ */ u(M, { ...e });
-}, { add: C });
+process.env.NODE_ENV !== "production" && (N.displayName = "Toaster");
+var P = /* @__PURE__ */ Object.assign(function(e) {
+	return /* @__PURE__ */ d(N, { ...e });
+}, { add: w });
 //#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 };
+export { b as KAESO_TOAST_DEFAULT_VARIANTS, y as KAESO_TOAST_VARIANTS, P as Toast, A as ToastCapsule, N as Toaster, w as toast, S as toastManager };
 
 //# sourceMappingURL=toast.js.map

package/dist/components/toast.js.map

@@ -1 +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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"}
+{"version":3,"file":"toast.js","names":["__icon_CheckmarkCircle02Icon","__icon_AlertCircleIcon","__icon_Alert02Icon","__icon_InformationCircleIcon","__icon_Cancel01Icon","BaseToast","_Fragment","cn","usePortalContainer","useUiText","Icon","observeResize","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","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 { observeResize } from \"../../utils/observe-resize.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    return observeResize([el], report);\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/tooltip.js

@@ -1,5 +1,5 @@
 "use client";
-import { i as e, n as t, r as n, t as r } from "../chunks/tooltip-CDu00nzg.js";
+import { i as e, n as t, r as n, t as r } from "../chunks/tooltip-DEbCCsru.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

package/dist/i18n-provider.js

@@ -22,7 +22,7 @@ function s(e) {
 }
 async function c(e) {
 	let t = s(e);
-	return t === "de" ? (await import("./chunks/de-BCg1eRVd.js")).default : t === "zh-CN" ? (await import("./chunks/zh-CN-cPjO1OOo.js")).default : {};
+	return t === "de" ? (await import("./chunks/de-CTAo4KL7.js")).default : t === "zh-CN" ? (await import("./chunks/zh-CN-C7GmVswt.js")).default : {};
 }
 //#endregion
 export { o as LocaleProvider, c as loadUiMessages, s as resolveUiLocale };