kaleido-ui 0.1.73 → 0.1.74

package/dist/web/index.cjs

@@ -1156,7 +1156,8 @@ function dispatch(action) {
   memoryState = reducer(memoryState, action);
   listeners.forEach((listener) => listener(memoryState));
 }
-function toast({ duration = 4e3, ...props }) {
+function toast({ duration, ...props }) {
+  const effectiveDuration = duration ?? (props.variant === "destructive" ? 12e3 : 4e3);
   const id = genId();
   const update = (props2) => dispatch({ type: "UPDATE_TOAST", toast: { ...props2, id } });
   const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
@@ -1166,14 +1167,14 @@ function toast({ duration = 4e3, ...props }) {
       ...props,
       id,
       open: true,
-      duration,
+      duration: effectiveDuration,
       onOpenChange: (open) => {
         if (!open) dismiss();
       }
     }
   });
-  if (duration > 0) {
-    setTimeout(() => dismiss(), duration);
+  if (effectiveDuration > 0) {
+    setTimeout(() => dismiss(), effectiveDuration);
   }
   return { id, dismiss, update };
 }
@@ -1195,8 +1196,16 @@ function useToast() {
 
 // src/web/primitives/toaster.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
+function toPlainText(node) {
+  if (node == null || node === false) return "";
+  if (typeof node === "string" || typeof node === "number") return String(node);
+  if (Array.isArray(node)) return node.map(toPlainText).join("");
+  const kids = node?.props?.children;
+  return kids != null ? toPlainText(kids) : "";
+}
 function ToastWithProgress({ id, title, description, action, duration = 4e3, variant, ...props }) {
   const [progress, setProgress] = (0, import_react.useState)(100);
+  const [copied, setCopied] = (0, import_react.useState)(false);
   (0, import_react.useEffect)(() => {
     const interval = 50;
     const decrement = interval / duration * 100;
@@ -1214,16 +1223,36 @@ function ToastWithProgress({ id, title, description, action, duration = 4e3, var
     }
     return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { name: "check_circle", size: "md", className: "text-primary" });
   };
+  const showCopy = variant === "destructive";
+  const copyText = () => {
+    const text = [toPlainText(title), toPlainText(description)].filter(Boolean).join("\n");
+    if (!text) return;
+    void Promise.resolve(navigator?.clipboard?.writeText?.(text)).catch(() => {
+    });
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1500);
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Toast, { ...props, variant, children: [
     /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-start gap-3 flex-1", children: [
       getIcon(),
       /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "grid gap-1 flex-1", children: [
         title && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ToastTitle, { children: title }),
-        description && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ToastDescription, { children: description })
+        description && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ToastDescription, { className: "select-text", children: description })
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-2 shrink-0", children: [
       action,
+      showCopy && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: copyText,
+          "aria-label": copied ? "Copied" : "Copy error",
+          title: copied ? "Copied" : "Copy error",
+          className: "rounded-md p-1 text-foreground/60 hover:text-foreground hover:bg-white/10 transition-colors",
+          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { name: copied ? "check" : "content_copy", size: "sm" })
+        }
+      ),
       /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ToastClose, {})
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "absolute bottom-0 left-0 right-0 h-1 bg-white/10 overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(

package/dist/web/index.js

@@ -972,7 +972,8 @@ function dispatch(action) {
   memoryState = reducer(memoryState, action);
   listeners.forEach((listener) => listener(memoryState));
 }
-function toast({ duration = 4e3, ...props }) {
+function toast({ duration, ...props }) {
+  const effectiveDuration = duration ?? (props.variant === "destructive" ? 12e3 : 4e3);
   const id = genId();
   const update = (props2) => dispatch({ type: "UPDATE_TOAST", toast: { ...props2, id } });
   const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
@@ -982,14 +983,14 @@ function toast({ duration = 4e3, ...props }) {
       ...props,
       id,
       open: true,
-      duration,
+      duration: effectiveDuration,
       onOpenChange: (open) => {
         if (!open) dismiss();
       }
     }
   });
-  if (duration > 0) {
-    setTimeout(() => dismiss(), duration);
+  if (effectiveDuration > 0) {
+    setTimeout(() => dismiss(), effectiveDuration);
   }
   return { id, dismiss, update };
 }
@@ -1011,8 +1012,16 @@ function useToast() {
 
 // src/web/primitives/toaster.tsx
 import { jsx as jsx14, jsxs as jsxs5 } from "react/jsx-runtime";
+function toPlainText(node) {
+  if (node == null || node === false) return "";
+  if (typeof node === "string" || typeof node === "number") return String(node);
+  if (Array.isArray(node)) return node.map(toPlainText).join("");
+  const kids = node?.props?.children;
+  return kids != null ? toPlainText(kids) : "";
+}
 function ToastWithProgress({ id, title, description, action, duration = 4e3, variant, ...props }) {
   const [progress, setProgress] = useState2(100);
+  const [copied, setCopied] = useState2(false);
   useEffect2(() => {
     const interval = 50;
     const decrement = interval / duration * 100;
@@ -1030,16 +1039,36 @@ function ToastWithProgress({ id, title, description, action, duration = 4e3, var
     }
     return /* @__PURE__ */ jsx14(Icon, { name: "check_circle", size: "md", className: "text-primary" });
   };
+  const showCopy = variant === "destructive";
+  const copyText = () => {
+    const text = [toPlainText(title), toPlainText(description)].filter(Boolean).join("\n");
+    if (!text) return;
+    void Promise.resolve(navigator?.clipboard?.writeText?.(text)).catch(() => {
+    });
+    setCopied(true);
+    setTimeout(() => setCopied(false), 1500);
+  };
   return /* @__PURE__ */ jsxs5(Toast, { ...props, variant, children: [
     /* @__PURE__ */ jsxs5("div", { className: "flex items-start gap-3 flex-1", children: [
       getIcon(),
       /* @__PURE__ */ jsxs5("div", { className: "grid gap-1 flex-1", children: [
         title && /* @__PURE__ */ jsx14(ToastTitle, { children: title }),
-        description && /* @__PURE__ */ jsx14(ToastDescription, { children: description })
+        description && /* @__PURE__ */ jsx14(ToastDescription, { className: "select-text", children: description })
       ] })
     ] }),
     /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 shrink-0", children: [
       action,
+      showCopy && /* @__PURE__ */ jsx14(
+        "button",
+        {
+          type: "button",
+          onClick: copyText,
+          "aria-label": copied ? "Copied" : "Copy error",
+          title: copied ? "Copied" : "Copy error",
+          className: "rounded-md p-1 text-foreground/60 hover:text-foreground hover:bg-white/10 transition-colors",
+          children: /* @__PURE__ */ jsx14(Icon, { name: copied ? "check" : "content_copy", size: "sm" })
+        }
+      ),
       /* @__PURE__ */ jsx14(ToastClose, {})
     ] }),
     /* @__PURE__ */ jsx14("div", { className: "absolute bottom-0 left-0 right-0 h-1 bg-white/10 overflow-hidden", children: /* @__PURE__ */ jsx14(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kaleido-ui",
-  "version": "0.1.73",
+  "version": "0.1.74",
   "description": "KaleidoSwap shared UI library — design tokens, web components (Tailwind + Radix), and React Native components extending WDK UI Kit",
   "license": "MIT",
   "type": "module",