@logicplanes/kaeso-ui 0.4.5 → 0.4.7

package/dist/components/playground.js

@@ -17,7 +17,7 @@ import { i as C } from "../chunks/popover-Bl5QYqnh.js";
 import { r as w } from "../chunks/combobox-DkcjkWc6.js";
 import { a as T, t as E } from "../chunks/command-list-CypqsC4T.js";
 import { i as ee, r as D } from "../chunks/picker-popover-1FHb1LQG.js";
-import { c as O, f as k, s as A, t as j } from "../chunks/identity-3Foi5F8w.js";
+import { c as O, f as k, s as A, t as j } from "../chunks/identity-BQoh-UpW.js";
 import { t as M } from "../chunks/reasoning-frame-C3HdQRRS.js";
 import { r as N } from "../chunks/markdown-C565aBR7.js";
 import { Children as te, createContext as ne, forwardRef as P, isValidElement as re, useCallback as F, useContext as ie, useEffect as I, useId as L, useLayoutEffect as ae, useMemo as R, useRef as z, useState as B, useSyncExternalStore as oe } from "react";

package/dist/components/theme-menu.js

@@ -1,6 +1,6 @@
 "use client";
 import { i as e } from "../chunks/context-BELWW79w.js";
-import { a as t } from "../chunks/theme-provider-DJhORMlc.js";
+import { a as t } from "../chunks/theme-provider-BjXTggqM.js";
 import { t as n } from "../chunks/icon-button-Dfwpvmav.js";
 import { c as r } from "../chunks/menu-Clvv6ftq.js";
 import { forwardRef as i } from "react";

package/dist/components/theme-select.js

@@ -1,6 +1,6 @@
 "use client";
 import { i as e } from "../chunks/context-BELWW79w.js";
-import { a as t } from "../chunks/theme-provider-DJhORMlc.js";
+import { a as t } from "../chunks/theme-provider-BjXTggqM.js";
 import { r as n } from "../chunks/select-BqjmQOqx.js";
 import { forwardRef as r } from "react";
 import { jsx as i } from "react/jsx-runtime";

package/dist/components/toast.js

@@ -23,27 +23,29 @@ var b = { tone: {
 	error: h,
 	warning: m,
 	info: v
-}, C = /* @__PURE__ */ y.createToastManager(), w = (e, t) => e === "error" || !!t.action;
-function T(e, t, n = {}) {
-	let r = n.timeout ?? (w(e, n) ? 0 : void 0);
+}, C = /* @__PURE__ */ y.createToastManager(), w = (e, t) => e === "error" || !!t.action, T = 0;
+function E(e, t, n = {}) {
+	let r = n.timeout ?? (w(e, n) ? 0 : void 0), i = n.id ?? `k-toast-${++T}`, a = n.action;
 	return C.add({
+		id: i,
 		title: t,
 		type: e,
 		...n.description === void 0 ? {} : { description: n.description },
 		...r === void 0 ? {} : { timeout: r },
-		...n.id ? { id: n.id } : {},
 		...e === "error" ? { priority: "high" } : {},
-		...n.action ? { actionProps: {
-			children: n.action.label,
-			onClick: n.action.onClick
+		...a ? { actionProps: {
+			children: a.label,
+			onClick: () => {
+				C.close(i), a.onClick();
+			}
 		} } : {}
 	});
 }
-var E = /* @__PURE__ */ Object.assign((e, t) => T("neutral", e, t), {
-	success: (e, t) => T("success", e, t),
-	error: (e, t) => T("error", e, t),
-	warning: (e, t) => T("warning", e, t),
-	info: (e, t) => T("info", e, t),
+var D = /* @__PURE__ */ Object.assign((e, t) => E("neutral", e, t), {
+	success: (e, t) => E("success", e, t),
+	error: (e, t) => E("error", e, t),
+	warning: (e, t) => E("warning", e, t),
+	info: (e, t) => E("info", e, t),
 	dismiss: (e) => C.close(e),
 	promise: (e, t) => {
 		let n = [
@@ -73,7 +75,7 @@ var E = /* @__PURE__ */ Object.assign((e, t) => T("neutral", e, t), {
 		});
 	}
 });
-function D({ tone: t, multi: n }) {
+function O({ tone: t, multi: n }) {
 	return t === "neutral" ? null : /* @__PURE__ */ f("span", {
 		className: e("flex shrink-0", n && "mt-2 self-start", b.tone[t].classes),
 		children: t === "loading" ? /* @__PURE__ */ f(a, { size: "sm" }) : /* @__PURE__ */ f(r, {
@@ -82,16 +84,16 @@ function D({ tone: t, multi: n }) {
 		})
 	});
 }
-var O = "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", k = "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", A = "relative inline-flex size-24 shrink-0 cursor-pointer items-center justify-center rounded-pill text-toast-fg-secondary transition-control tap-target hover:bg-toast-action hover:text-toast-fg focus-ring", j = (e, t) => t ? "pr-10" : e ? "pr-6" : "pr-16";
-function M(e, t) {
+var k = "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", A = "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", j = "relative inline-flex size-24 shrink-0 cursor-pointer items-center justify-center rounded-pill text-toast-fg-secondary transition-control tap-target hover:bg-toast-action hover:text-toast-fg focus-ring", M = (e, t) => t ? "pr-10" : e ? "pr-6" : "pr-16";
+function N(e, t) {
 	let n = l(null), [r, i] = u(!1);
 	return c(() => {
 		let e = n.current;
 		e && i(e.offsetHeight > (parseFloat(getComputedStyle(e).minHeight) || 0) + 2);
 	}, [e, t]), [n, r];
 }
-var N = /* @__PURE__ */ s(function({ tone: t = "neutral", title: i, description: a, action: o, closable: s, "data-force": c }, l) {
-	let [u, d] = M(i, a), m = n();
+var P = /* @__PURE__ */ s(function({ tone: t = "neutral", title: i, description: a, action: o, closable: s, "data-force": c }, l) {
+	let [u, d] = N(i, a), m = n();
 	return /* @__PURE__ */ f("div", {
 		ref: l,
 		role: "status",
@@ -99,9 +101,9 @@ var N = /* @__PURE__ */ s(function({ tone: t = "neutral", title: i, description:
 		...t === "error" || o ? { "data-stays": "" } : {},
 		children: /* @__PURE__ */ p("div", {
 			ref: u,
-			className: e(O, d ? "rounded-toast" : "rounded-pill", t === "neutral" ? "pl-16" : "pl-14", j(!!o, !!s)),
+			className: e(k, d ? "rounded-toast" : "rounded-pill", t === "neutral" ? "pl-16" : "pl-14", M(!!o, !!s)),
 			children: [
-				/* @__PURE__ */ f(D, {
+				/* @__PURE__ */ f(O, {
 					tone: t,
 					multi: d
 				}),
@@ -114,13 +116,13 @@ var N = /* @__PURE__ */ s(function({ tone: t = "neutral", title: i, description:
 				}),
 				o && /* @__PURE__ */ f("button", {
 					type: "button",
-					className: k,
+					className: A,
 					children: o
 				}),
 				s && /* @__PURE__ */ f("button", {
 					type: "button",
 					"aria-label": m("toast.dismiss", "Dismiss"),
-					className: A,
+					className: j,
 					...c ? { "data-force": c } : {},
 					children: /* @__PURE__ */ f(r, {
 						icon: g,
@@ -131,9 +133,9 @@ var N = /* @__PURE__ */ s(function({ tone: t = "neutral", title: i, description:
 		})
 	});
 });
-process.env.NODE_ENV !== "production" && (N.displayName = "ToastCapsule");
-function P({ item: t, index: a, limit: s, onFrontWidth: l }) {
-	let u = n(), m = t.type ?? "neutral", h = t.data?.reserve, [_, v] = M(t.title, t.description), b = t.timeout === 0 && m !== "loading";
+process.env.NODE_ENV !== "production" && (P.displayName = "ToastCapsule");
+function F({ item: t, index: a, limit: s, onFrontWidth: l }) {
+	let u = n(), m = t.type ?? "neutral", h = t.data?.reserve, [_, v] = N(t.title, t.description), b = t.timeout === 0 && m !== "loading";
 	return c(() => {
 		let e = _.current;
 		if (a !== 0 || !e) return;
@@ -156,11 +158,11 @@ function P({ item: t, index: a, limit: s, onFrontWidth: l }) {
 		...a >= s ? { "data-index-hidden": "" } : {},
 		children: /* @__PURE__ */ f("div", {
 			ref: _,
-			className: e("k-toast-surface", O, v ? "rounded-toast" : "rounded-pill", m === "neutral" ? "pl-16" : "pl-14", j(!!t.actionProps, b)),
+			className: e("k-toast-surface", k, v ? "rounded-toast" : "rounded-pill", m === "neutral" ? "pl-16" : "pl-14", M(!!t.actionProps, b)),
 			children: /* @__PURE__ */ p("div", {
 				className: "k-toast-content flex min-w-0 items-center gap-10",
 				children: [
-					/* @__PURE__ */ f(D, {
+					/* @__PURE__ */ f(O, {
 						tone: m,
 						multi: v
 					}),
@@ -175,10 +177,10 @@ function P({ item: t, index: a, limit: s, onFrontWidth: l }) {
 							className: "font-regular text-toast-fg-secondary"
 						})] })]
 					}),
-					t.actionProps && /* @__PURE__ */ f(y.Action, { className: k }),
+					t.actionProps && /* @__PURE__ */ f(y.Action, { className: A }),
 					b && /* @__PURE__ */ f(y.Close, {
 						"aria-label": u("toast.dismiss", "Dismiss"),
-						className: A,
+						className: j,
 						children: /* @__PURE__ */ f(r, {
 							icon: g,
 							size: "xs"
@@ -189,7 +191,7 @@ function P({ item: t, index: a, limit: s, onFrontWidth: l }) {
 		})
 	});
 }
-function F({ limit: e, viewportRef: r }) {
+function I({ limit: e, viewportRef: r }) {
 	let { toasts: i } = y.useToastManager(), a = i.filter((e) => e.transitionStatus !== "ending"), [o, s] = u(0), c = n();
 	return /* @__PURE__ */ f(y.Portal, {
 		container: t(),
@@ -198,7 +200,7 @@ function F({ limit: e, viewportRef: r }) {
 			"aria-label": c("toast.notifications", "Notifications"),
 			className: "k-toast-viewport fixed right-0 bottom-safe-24 left-0 z-60 mx-auto h-0 w-full toast-viewport-width outline-none",
 			style: { "--k-front-width": o ? `${o}px` : "auto" },
-			children: i.map((t) => /* @__PURE__ */ f(P, {
+			children: i.map((t) => /* @__PURE__ */ f(F, {
 				item: t,
 				index: Math.max(0, a.indexOf(t)),
 				limit: e,
@@ -207,26 +209,26 @@ function F({ limit: e, viewportRef: r }) {
 		})
 	});
 }
-var I = /* @__PURE__ */ s(function({ limit: e = 3, timeout: t = 5e3 }, n) {
+var L = /* @__PURE__ */ s(function({ limit: e = 3, timeout: t = 5e3 }, n) {
 	return /* @__PURE__ */ f(y.Provider, {
 		toastManager: C,
 		limit: e,
 		timeout: t,
-		children: /* @__PURE__ */ f(F, {
+		children: /* @__PURE__ */ f(I, {
 			limit: e,
 			viewportRef: n
 		})
 	});
 });
-process.env.NODE_ENV !== "production" && (I.displayName = "Toaster");
-var L = /* @__PURE__ */ Object.assign(/* @__PURE__ */ s(function(e, t) {
-	return /* @__PURE__ */ f(I, {
+process.env.NODE_ENV !== "production" && (L.displayName = "Toaster");
+var R = /* @__PURE__ */ Object.assign(/* @__PURE__ */ s(function(e, t) {
+	return /* @__PURE__ */ f(L, {
 		ref: t,
 		...e
 	});
-}), { add: E });
-process.env.NODE_ENV !== "production" && (L.displayName = "Toast");
+}), { add: D });
+process.env.NODE_ENV !== "production" && (R.displayName = "Toast");
 //#endregion
-export { x as KAESO_TOAST_DEFAULT_VARIANTS, b as KAESO_TOAST_VARIANTS, L as Toast, N as ToastCapsule, I as Toaster, E as toast, C as toastManager };
+export { x as KAESO_TOAST_DEFAULT_VARIANTS, b as KAESO_TOAST_VARIANTS, R as Toast, P as ToastCapsule, L as Toaster, D as toast, C 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","observeResize","Spinner","SwapText","Fragment$1","Toast$1","KAESO_TOAST_VARIANTS","KAESO_TOAST_DEFAULT_VARIANTS","ICON","CheckmarkCircle02Icon","AlertCircleIcon","Alert02Icon","InformationCircleIcon","toastManager","stays","tone","o","add","timeout","toast","title","id","reserve","m","p","v","ToneIcon","multi","SURFACE","ACTION","CLOSE","padEnd","close","action","useMultiline","ref","useRef","setMulti","useState","useLayoutEffect","el","description","ToastCapsule","force","surface","t","closable","Cancel01Icon","ToastItem","item","index","report","onFrontWidth","limit","List","live","toasts","frontWidth","setFrontWidth","viewportRef","Toaster","Toast","props"],"sources":["../../src/components/toast/toast.tsx"],"sourcesContent":["import { forwardRef, useLayoutEffect, useRef, useState, type ReactNode, type Ref } 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\nconst stays = (tone: Tone, o: ToastOptions) => tone === \"error\" || !!o.action;\n\nfunction add(tone: Tone, title: ReactNode, o: ToastOptions = {}) {\n  const timeout = o.timeout ?? (stays(tone, o) ? 0 : undefined);\n  return toastManager.add({\n    title,\n    type: tone,\n    ...(o.description !== undefined ? { description: o.description } : {}),\n    ...(timeout !== undefined ? { 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) => ({\n        title: typeof m.error === \"function\" ? m.error(e) : m.error,\n        type: \"error\",\n        priority: \"high\",\n        timeout: 0,\n        data: { reserve },\n      }),\n    });\n  },\n});\n\nfunction ToneIcon({ tone, multi }: { tone: Tone; multi: boolean }) {\n  if (tone === \"neutral\") return null;\n  return (\n    <span className={cn(\"flex shrink-0\", multi && \"mt-2 self-start\", 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  \"relative inline-flex size-24 shrink-0 cursor-pointer items-center justify-center rounded-pill text-toast-fg-secondary transition-control tap-target hover:bg-toast-action hover:text-toast-fg focus-ring\";\nconst padEnd = (action: boolean, close: boolean) => (close ? \"pr-10\" : action ? \"pr-6\" : \"pr-16\");\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 > (parseFloat(getComputedStyle(el).minHeight) || 0) + 2);\n  }, [title, description]);\n  return [ref, multi] as const;\n}\n\nexport interface ToastCapsuleProps {\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\nexport const ToastCapsule = /* @__PURE__ */ forwardRef<HTMLDivElement, ToastCapsuleProps>(function ToastCapsule(\n  { tone = \"neutral\", title, description, action, closable, \"data-force\": force },\n  ref,\n) {\n  const [surface, multi] = useMultiline(title, description);\n  const t = useUiText();\n  return (\n    <div ref={ref} role=\"status\" className=\"k-toast-static relative w-max\" {...(tone === \"error\" || action ? { \"data-stays\": \"\" } : {})}>\n      <div\n        ref={surface}\n        className={cn(SURFACE, multi ? \"rounded-toast\" : \"rounded-pill\", tone === \"neutral\" ? \"pl-16\" : \"pl-14\", padEnd(!!action, !!closable))}\n      >\n        <ToneIcon tone={tone} multi={multi} />\n        <span className=\"min-w-0 text-pretty wrap-break-word\">\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        {closable && (\n          <button type=\"button\" aria-label={t(\"toast.dismiss\", \"Dismiss\")} className={CLOSE} {...(force ? { \"data-force\": force } : {})}>\n            <Icon icon={__icon_Cancel01Icon} size=\"xs\" />\n          </button>\n        )}\n      </div>\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  const stays = item.timeout === 0 && tone !== \"loading\";\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      {...(stays ? { \"data-stays\": \"\" } : {})}\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          padEnd(!!item.actionProps, stays),\n        )}\n      >\n        <div className=\"k-toast-content flex min-w-0 items-center gap-10\">\n          <ToneIcon tone={tone} multi={multi} />\n          <span className=\"min-w-0 text-pretty wrap-break-word\">\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          {stays && (\n            <BaseToast.Close aria-label={t(\"toast.dismiss\", \"Dismiss\")} className={CLOSE}>\n              <Icon icon={__icon_Cancel01Icon} size=\"xs\" />\n            </BaseToast.Close>\n          )}\n        </div>\n      </div>\n    </BaseToast.Root>\n  );\n}\n\nfunction List({ limit, viewportRef }: { limit: number; viewportRef: Ref<HTMLDivElement> }) {\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        ref={viewportRef}\n        aria-label={t(\"toast.notifications\", \"Notifications\")}\n        className=\"k-toast-viewport fixed right-0 bottom-safe-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 interface ToasterProps {\n  limit?: number | undefined;\n  timeout?: number | undefined;\n}\n\nexport const Toaster = /* @__PURE__ */ forwardRef<HTMLDivElement, ToasterProps>(function Toaster({ limit = 3, timeout = 5000 }, ref) {\n  return (\n    <BaseToast.Provider toastManager={toastManager} limit={limit} timeout={timeout}>\n      <List limit={limit} viewportRef={ref} />\n    </BaseToast.Provider>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Toaster.displayName = \"Toaster\";\n\nexport const Toast = /* @__PURE__ */ Object.assign(\n  /* @__PURE__ */ forwardRef<HTMLDivElement, ToasterProps>(function Toast(props, ref) {\n    return <Toaster ref={ref} {...props} />;\n  }),\n  { add: toast },\n);\nif (process.env.NODE_ENV !== \"production\") Toast.displayName = \"Toast\";\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","stays","tone","o","added","add","timeout","id","action","toast","title","reserve","m","p","v","ToneIcon","multi","SURFACE","ACTION","CLOSE","padEnd","close","useMultiline","ref","useRef","setMulti","useState","useLayoutEffect","el","description","ToastCapsule","force","surface","t","closable","Cancel01Icon","ToastItem","item","index","report","onFrontWidth","limit","List","live","toasts","frontWidth","setFrontWidth","viewportRef","Toaster","Toast","props"],"sources":["../../src/components/toast/toast.tsx"],"sourcesContent":["import { forwardRef, useLayoutEffect, useRef, useState, type ReactNode, type Ref } 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\nconst stays = (tone: Tone, o: ToastOptions) => tone === \"error\" || !!o.action;\n\nlet added = 0;\n\nfunction add(tone: Tone, title: ReactNode, o: ToastOptions = {}) {\n  const timeout = o.timeout ?? (stays(tone, o) ? 0 : undefined);\n  const id = o.id ?? `k-toast-${++added}`;\n  const action = o.action;\n  return toastManager.add({\n    id,\n    title,\n    type: tone,\n    ...(o.description !== undefined ? { description: o.description } : {}),\n    ...(timeout !== undefined ? { timeout } : {}),\n    ...(tone === \"error\" ? { priority: \"high\" as const } : {}),\n    // An action is the toast's answer: once taken, the toast has nothing left to offer, and it\n    // would otherwise stay, as toasts with an action do, offering the same action again.\n    ...(action\n      ? {\n          actionProps: {\n            children: action.label,\n            onClick: () => {\n              toastManager.close(id);\n              action.onClick();\n            },\n          },\n        }\n      : {}),\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) => ({\n        title: typeof m.error === \"function\" ? m.error(e) : m.error,\n        type: \"error\",\n        priority: \"high\",\n        timeout: 0,\n        data: { reserve },\n      }),\n    });\n  },\n});\n\nfunction ToneIcon({ tone, multi }: { tone: Tone; multi: boolean }) {\n  if (tone === \"neutral\") return null;\n  return (\n    <span className={cn(\"flex shrink-0\", multi && \"mt-2 self-start\", 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  \"relative inline-flex size-24 shrink-0 cursor-pointer items-center justify-center rounded-pill text-toast-fg-secondary transition-control tap-target hover:bg-toast-action hover:text-toast-fg focus-ring\";\nconst padEnd = (action: boolean, close: boolean) => (close ? \"pr-10\" : action ? \"pr-6\" : \"pr-16\");\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 > (parseFloat(getComputedStyle(el).minHeight) || 0) + 2);\n  }, [title, description]);\n  return [ref, multi] as const;\n}\n\nexport interface ToastCapsuleProps {\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\nexport const ToastCapsule = /* @__PURE__ */ forwardRef<HTMLDivElement, ToastCapsuleProps>(function ToastCapsule(\n  { tone = \"neutral\", title, description, action, closable, \"data-force\": force },\n  ref,\n) {\n  const [surface, multi] = useMultiline(title, description);\n  const t = useUiText();\n  return (\n    <div ref={ref} role=\"status\" className=\"k-toast-static relative w-max\" {...(tone === \"error\" || action ? { \"data-stays\": \"\" } : {})}>\n      <div\n        ref={surface}\n        className={cn(SURFACE, multi ? \"rounded-toast\" : \"rounded-pill\", tone === \"neutral\" ? \"pl-16\" : \"pl-14\", padEnd(!!action, !!closable))}\n      >\n        <ToneIcon tone={tone} multi={multi} />\n        <span className=\"min-w-0 text-pretty wrap-break-word\">\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        {closable && (\n          <button type=\"button\" aria-label={t(\"toast.dismiss\", \"Dismiss\")} className={CLOSE} {...(force ? { \"data-force\": force } : {})}>\n            <Icon icon={__icon_Cancel01Icon} size=\"xs\" />\n          </button>\n        )}\n      </div>\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  const stays = item.timeout === 0 && tone !== \"loading\";\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      {...(stays ? { \"data-stays\": \"\" } : {})}\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          padEnd(!!item.actionProps, stays),\n        )}\n      >\n        <div className=\"k-toast-content flex min-w-0 items-center gap-10\">\n          <ToneIcon tone={tone} multi={multi} />\n          <span className=\"min-w-0 text-pretty wrap-break-word\">\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          {stays && (\n            <BaseToast.Close aria-label={t(\"toast.dismiss\", \"Dismiss\")} className={CLOSE}>\n              <Icon icon={__icon_Cancel01Icon} size=\"xs\" />\n            </BaseToast.Close>\n          )}\n        </div>\n      </div>\n    </BaseToast.Root>\n  );\n}\n\nfunction List({ limit, viewportRef }: { limit: number; viewportRef: Ref<HTMLDivElement> }) {\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        ref={viewportRef}\n        aria-label={t(\"toast.notifications\", \"Notifications\")}\n        className=\"k-toast-viewport fixed right-0 bottom-safe-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 interface ToasterProps {\n  limit?: number | undefined;\n  timeout?: number | undefined;\n}\n\nexport const Toaster = /* @__PURE__ */ forwardRef<HTMLDivElement, ToasterProps>(function Toaster({ limit = 3, timeout = 5000 }, ref) {\n  return (\n    <BaseToast.Provider toastManager={toastManager} limit={limit} timeout={timeout}>\n      <List limit={limit} viewportRef={ref} />\n    </BaseToast.Provider>\n  );\n});\nif (process.env.NODE_ENV !== \"production\") Toaster.displayName = \"Toaster\";\n\nexport const Toast = /* @__PURE__ */ Object.assign(\n  /* @__PURE__ */ forwardRef<HTMLDivElement, ToasterProps>(function Toast(props, ref) {\n    return <Toaster ref={ref} {...props} />;\n  }),\n  { add: toast },\n);\nif (process.env.NODE_ENV !== \"production\") Toast.displayName = \"Toast\";\n"],"mappings":"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"}

package/dist/index.js

@@ -12,7 +12,7 @@ import { i as y, n as b, r as x } from "./chunks/context-BELWW79w.js";
 import { UI_LOCALES as S, matchUiLocale as C, preferredUiLocale as w } from "./i18n-locales.js";
 import { LocaleProvider as T, loadUiMessages as E, resolveUiLocale as D } from "./i18n-provider.js";
 import { t as O } from "./chunks/i18n-0RW0IAf3.js";
-import { a as k, i as A, n as j, r as M, t as N } from "./chunks/theme-provider-DJhORMlc.js";
+import { a as k, i as A, n as j, r as M, t as N } from "./chunks/theme-provider-BjXTggqM.js";
 import "./theme.js";
 import { n as P, r as F, t as I } from "./chunks/icon-CBzOwqrX.js";
 import { t as L } from "./chunks/icon-CPJWE2N-.js";
@@ -82,7 +82,7 @@ import { i as Zn, n as Qn, r as $n, t as er } from "./chunks/skeleton-D-qk3mes.j
 import "./components/skeleton.js";
 import { a as tr, c as nr, i as rr, l as ir, n as ar, o as or, r as sr, s as cr, t as lr } from "./chunks/sidebar-Dq7oGOje.js";
 import "./components/sidebar.js";
-import { a as ur, i as dr, n as fr, o as pr, r as mr, s as hr, t as gr } from "./chunks/app-frame-DysOel2X.js";
+import { a as ur, i as dr, n as fr, o as pr, r as mr, s as hr, t as gr } from "./chunks/app-frame-CfJ7s3Q0.js";
 import { t as _r } from "./chunks/nav-sheet-Dt6JSvzX.js";
 import "./components/app-frame.js";
 import { KAESO_THEME_MENU_DEFAULT_VARIANTS as vr, KAESO_THEME_MENU_VARIANTS as yr, ThemeMenu as br } from "./components/theme-menu.js";
@@ -109,7 +109,7 @@ import { KAESO_TABLE_OF_CONTENTS_DEFAULT_VARIANTS as Li, KAESO_TABLE_OF_CONTENTS
 import { n as Bi, r as Vi, t as Hi } from "./chunks/toolbar-u0Gm7Q7-.js";
 import "./components/toolbar.js";
 import { FilterRow as Ui, KAESO_FILTER_ROW_DEFAULT_VARIANTS as Wi, KAESO_FILTER_ROW_VARIANTS as Gi } from "./components/filter-row.js";
-import { n as Ki, r as qi, t as Ji } from "./chunks/page-header-kS5tdmvb.js";
+import { n as Ki, r as qi, t as Ji } from "./chunks/page-header-BQijP6Rp.js";
 import "./components/page-header.js";
 import { n as Yi, r as Xi, t as Zi } from "./chunks/banner-B3DGLTBu.js";
 import "./components/banner.js";
@@ -135,23 +135,23 @@ import { a as so, c as co, i as lo, l as uo, n as fo, o as po, r as mo, s as ho,
 import { Accordion as _o, Collapsible as vo, KAESO_COLLAPSIBLE_DEFAULT_VARIANTS as yo, KAESO_COLLAPSIBLE_VARIANTS as bo } from "./components/collapsible.js";
 import { KAESO_TIMELINE_DEFAULT_VARIANTS as xo, KAESO_TIMELINE_VARIANTS as So, Timeline as Co } from "./components/timeline.js";
 import { Flow as wo, KAESO_FLOW_DEFAULT_VARIANTS as To, KAESO_FLOW_VARIANTS as Eo } from "./components/flow.js";
-import { a as Do, i as Oo, n as ko, o as Ao, r as jo, s as Mo, t as No } from "./chunks/list-B4G-sWwV.js";
+import { a as Do, i as Oo, n as ko, o as Ao, r as jo, s as Mo, t as No } from "./chunks/list-CU_AoVY3.js";
 import "./components/list.js";
-import { a as Po, i as Fo, n as Io, o as Lo, r as Ro, t as zo } from "./chunks/data-table-CqY8_6IS.js";
+import { a as Po, i as Fo, n as Io, o as Lo, r as Ro, t as zo } from "./chunks/data-table-z7z6DqMJ.js";
 import { n as Bo, r as Vo, t as Ho } from "./chunks/table-CTK5E0J7.js";
 import "./components/table.js";
 import { KAESO_SETTINGS_DEFAULT_VARIANTS as Uo, KAESO_SETTINGS_SECTION_DEFAULT_VARIANTS as Wo, KAESO_SETTINGS_SECTION_VARIANTS as Go, KAESO_SETTINGS_VARIANTS as Ko, SettingsGroup as qo, SettingsRow as Jo, SettingsSection as Yo } from "./components/settings.js";
 import { a as Xo, i as Zo, n as Qo, r as $o, t as es } from "./chunks/section-CFBYhsUi.js";
 import "./components/section.js";
-import { A as ts, C as ns, D as rs, E as is, O as as, S as os, T as ss, _ as cs, a as ls, b as us, c as ds, d as fs, f as ps, g as ms, h as hs, i as gs, j as _s, k as vs, l as ys, m as bs, n as xs, o as Ss, p as Cs, r as ws, s as Ts, t as Es, u as Ds, v as Os, w as ks, x as As, y as js } from "./chunks/core-CmK-8ObW.js";
-import { n as Ms, r as Ns, t as Ps } from "./chunks/timeseries-Ck-q0wWn.js";
+import { A as ts, C as ns, D as rs, E as is, O as as, S as os, T as ss, _ as cs, a as ls, b as us, c as ds, d as fs, f as ps, g as ms, h as hs, i as gs, j as _s, k as vs, l as ys, m as bs, n as xs, o as Ss, p as Cs, r as ws, s as Ts, t as Es, u as Ds, v as Os, w as ks, x as As, y as js } from "./chunks/core-B0bULn-t.js";
+import { n as Ms, r as Ns, t as Ps } from "./chunks/timeseries-nDviPxvQ.js";
 import { BarChart as Fs, KAESO_BAR_CHART_DEFAULT_VARIANTS as Is, KAESO_BAR_CHART_VARIANTS as Ls } from "./components/charts/bar.js";
 import { Donut as Rs, KAESO_DONUT_DEFAULT_VARIANTS as zs, KAESO_DONUT_VARIANTS as Bs, KAESO_SHARE_BAR_DEFAULT_VARIANTS as Vs, KAESO_SHARE_BAR_VARIANTS as Hs, Ring as Us, ShareBar as Ws, groupSmall as Gs, shareLabel as Ks, wholeShares as qs } from "./components/charts/donut.js";
 import { Heatmap as Js, KAESO_HEATMAP_DEFAULT_VARIANTS as Ys, KAESO_HEATMAP_VARIANTS as Xs } from "./components/charts/heatmap.js";
 import { Gauge as Zs, KAESO_GAUGE_DEFAULT_VARIANTS as Qs, KAESO_GAUGE_VARIANTS as $s } from "./components/charts/gauge.js";
 import { KAESO_SANKEY_DEFAULT_VARIANTS as ec, KAESO_SANKEY_VARIANTS as tc, Sankey as nc } from "./components/charts/sankey.js";
 import "./components/charts.js";
-import { a as rc, c as ic, d as ac, f as oc, i as sc, l as cc, n as lc, o as uc, r as dc, s as fc, t as pc, u as mc } from "./chunks/identity-3Foi5F8w.js";
+import { a as rc, c as ic, d as ac, f as oc, i as sc, l as cc, n as lc, o as uc, r as dc, s as fc, t as pc, u as mc } from "./chunks/identity-BQoh-UpW.js";
 import { EnvironmentSnippet as hc, KAESO_MOMENTS_DEFAULT_VARIANTS as gc, KAESO_MOMENTS_VARIANTS as _c, SecretReveal as vc, sdkSnippets as yc } from "./components/kaeso/moments.js";
 import { KAESO_USAGE_BREAKDOWN_DEFAULT_VARIANTS as bc, KAESO_USAGE_BREAKDOWN_VARIANTS as xc, KAESO_USAGE_DEFAULT_VARIANTS as Sc, KAESO_USAGE_VARIANTS as Cc, LimitMeter as wc, UsageBreakdown as Tc } from "./components/kaeso/usage.js";
 import { ConversationView as Ec, KAESO_CONVERSATION_DEFAULT_VARIANTS as Dc, KAESO_CONVERSATION_VARIANTS as Oc } from "./components/kaeso/conversation.js";

package/dist/kaeso.css

@@ -1739,3 +1739,11 @@
     transform: translateX(-8px);
   }
 }
+
+/* Set by ThemeProvider for the frame a theme changes in. */
+[data-k-theming],
+[data-k-theming] *,
+[data-k-theming] *::before,
+[data-k-theming] *::after {
+  transition: none !important;
+}