@knkcs/anker 0.0.3 → 0.0.5

package/dist/feedback/index.d.ts

@@ -1,5 +1,6 @@
 import { ButtonProps } from '@chakra-ui/react';
 import React__default from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
 interface ConfirmOptions {
     /** Dialog title text. */
@@ -24,4 +25,22 @@ interface ConfirmModalProviderProps {
 declare const ConfirmModalProvider: React__default.FC<ConfirmModalProviderProps>;
 declare const useConfirmModal: () => ConfirmModalContextType;
 
-export { ConfirmModalProvider, type ConfirmOptions, useConfirmModal };
+interface UploadFileStatus {
+    id: string;
+    filename: string;
+    status: "pending" | "uploading" | "processing" | "done" | "error";
+    progress?: number;
+    error?: string;
+}
+interface UploadToastStackProps {
+    files: UploadFileStatus[];
+    onDismiss: () => void;
+    autoDismissMs?: number;
+    defaultExpanded?: boolean;
+}
+declare const UploadToastStack: {
+    ({ files, onDismiss, autoDismissMs, defaultExpanded, }: UploadToastStackProps): react_jsx_runtime.JSX.Element | null;
+    displayName: string;
+};
+
+export { ConfirmModalProvider, type ConfirmOptions, type UploadFileStatus, UploadToastStack, type UploadToastStackProps, useConfirmModal };

package/dist/feedback/index.js

@@ -1,8 +1,12 @@
+import { Progress } from '../chunk-WEP2AIQ5.js';
+import { Spinner } from '../chunk-5YDCDC4B.js';
+import { IconButton } from '../chunk-SJ6YXNZW.js';
+import { Box, Flex, Text, Stack, HStack } from '../chunk-G4QMIXLC.js';
 import { Dialog, Portal, ButtonGroup, Button } from '@chakra-ui/react';
-import { createContext, useState, useRef, useCallback, useContext } from 'react';
+import { createContext, useState, useRef, useCallback, useContext, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { ChevronDown, ChevronUp, X, AlertCircle, Check, Clock } from 'lucide-react';
 
-// src/feedback/confirm-modal.tsx
 var ConfirmModalContext = createContext(
   void 0
 );
@@ -94,7 +98,121 @@ var ConfirmModalDialog = ({
     }
   );
 };
+var FileStatusIcon = ({ status }) => {
+  switch (status) {
+    case "pending":
+      return /* @__PURE__ */ jsx(Clock, { size: 14, color: "var(--chakra-colors-fg-muted)" });
+    case "uploading":
+    case "processing":
+      return /* @__PURE__ */ jsx(Spinner, { size: "xs" });
+    case "done":
+      return /* @__PURE__ */ jsx(Check, { size: 14, color: "var(--chakra-colors-green-500)" });
+    case "error":
+      return /* @__PURE__ */ jsx(AlertCircle, { size: 14, color: "var(--chakra-colors-red-500)" });
+  }
+};
+var UploadToastStack = ({
+  files,
+  onDismiss,
+  autoDismissMs = 5e3,
+  defaultExpanded = true
+}) => {
+  const [expanded, setExpanded] = useState(defaultExpanded);
+  const [hovered, setHovered] = useState(false);
+  const allComplete = files.every(
+    (f) => f.status === "done" || f.status === "error"
+  );
+  const totalProgress = files.length > 0 ? files.reduce((sum, f) => sum + (f.progress ?? 0), 0) / files.length : 0;
+  const doneCount = files.filter((f) => f.status === "done").length;
+  const errorCount = files.filter((f) => f.status === "error").length;
+  const headerText = allComplete ? `${doneCount} file${doneCount !== 1 ? "s" : ""} uploaded${errorCount > 0 ? `, ${errorCount} failed` : ""}` : `Uploading ${files.length} file${files.length !== 1 ? "s" : ""}...`;
+  useEffect(() => {
+    if (!allComplete || hovered || autoDismissMs === 0) return;
+    const timer = setTimeout(onDismiss, autoDismissMs);
+    return () => clearTimeout(timer);
+  }, [allComplete, hovered, autoDismissMs, onDismiss]);
+  if (files.length === 0) return null;
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      position: "fixed",
+      bottom: 4,
+      insetInlineEnd: 4,
+      zIndex: "toast",
+      onMouseEnter: () => setHovered(true),
+      onMouseLeave: () => setHovered(false),
+      children: /* @__PURE__ */ jsxs(
+        Box,
+        {
+          bg: "bg.surface",
+          shadow: "lg",
+          rounded: "lg",
+          borderWidth: "1px",
+          borderColor: "border",
+          w: "320px",
+          overflow: "hidden",
+          children: [
+            /* @__PURE__ */ jsxs(Flex, { align: "center", px: 3, py: 2, gap: 1, children: [
+              /* @__PURE__ */ jsx(Text, { fontSize: "sm", fontWeight: "medium", flex: "1", children: headerText }),
+              /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  "aria-label": expanded ? "Collapse upload list" : "Expand upload list",
+                  size: "xs",
+                  variant: "ghost",
+                  onClick: () => setExpanded((v) => !v),
+                  children: expanded ? /* @__PURE__ */ jsx(ChevronDown, { size: 14 }) : /* @__PURE__ */ jsx(ChevronUp, { size: 14 })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  "aria-label": "Dismiss upload toast",
+                  size: "xs",
+                  variant: "ghost",
+                  onClick: onDismiss,
+                  children: /* @__PURE__ */ jsx(X, { size: 14 })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(
+              Progress,
+              {
+                value: totalProgress,
+                size: "xs",
+                colorPalette: allComplete && errorCount === 0 ? "green" : "primary"
+              }
+            ),
+            expanded && /* @__PURE__ */ jsx(Stack, { gap: 0, maxH: "200px", overflowY: "auto", px: 3, py: 2, children: files.map((file) => /* @__PURE__ */ jsxs(Box, { py: 1, children: [
+              /* @__PURE__ */ jsxs(HStack, { gap: 2, align: "center", children: [
+                /* @__PURE__ */ jsx(Box, { flexShrink: 0, children: /* @__PURE__ */ jsx(FileStatusIcon, { status: file.status }) }),
+                /* @__PURE__ */ jsx(
+                  Text,
+                  {
+                    fontSize: "sm",
+                    flex: "1",
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap",
+                    title: file.filename,
+                    children: file.filename
+                  }
+                ),
+                file.progress !== void 0 && /* @__PURE__ */ jsxs(Text, { fontSize: "xs", color: "fg.muted", flexShrink: 0, children: [
+                  Math.round(file.progress),
+                  "%"
+                ] })
+              ] }),
+              file.status === "error" && file.error && /* @__PURE__ */ jsx(Text, { fontSize: "xs", color: "fg.error", ps: 5, children: file.error })
+            ] }, file.id)) })
+          ]
+        }
+      )
+    }
+  );
+};
+UploadToastStack.displayName = "UploadToastStack";
 
-export { ConfirmModalProvider, useConfirmModal };
+export { ConfirmModalProvider, UploadToastStack, useConfirmModal };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/feedback/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback/confirm-modal.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import {\n\tButton,\n\tButtonGroup,\n\ttype ButtonProps,\n\tDialog,\n\tPortal,\n} from \"@chakra-ui/react\";\nimport type React from \"react\";\nimport {\n\tcreateContext,\n\tuseCallback,\n\tuseContext,\n\tuseRef,\n\tuseState,\n} from \"react\";\n\nexport interface ConfirmOptions {\n\t/** Dialog title text. */\n\ttitle: string;\n\t/** Dialog body content. */\n\tmessage: React.ReactNode;\n\t/** Label for the confirm button. @default \"Confirm\" */\n\tconfirmLabel?: string;\n\t/** Label for the cancel button. @default \"Cancel\" */\n\tcancelLabel?: string;\n\t/** Color palette for the confirm button. @default \"red\" */\n\tcolorPalette?: ButtonProps[\"colorPalette\"];\n\t/** Extra actions rendered before the confirm button. */\n\tbeforeConfirmActions?: React.ReactNode;\n}\n\ninterface ConfirmModalContextType {\n\tconfirm: (options: ConfirmOptions) => Promise<boolean>;\n}\n\nconst ConfirmModalContext = createContext<ConfirmModalContextType | undefined>(\n\tundefined,\n);\n\ninterface ConfirmModalProviderProps {\n\tchildren: React.ReactNode;\n}\n\nexport const ConfirmModalProvider: React.FC<ConfirmModalProviderProps> = ({\n\tchildren,\n}) => {\n\tconst [open, setOpen] = useState(false);\n\tconst [options, setOptions] = useState<ConfirmOptions>({\n\t\ttitle: \"\",\n\t\tmessage: \"\",\n\t});\n\tconst resolveRef = useRef<((value: boolean) => void) | null>(null);\n\n\tconst confirm = useCallback((opts: ConfirmOptions): Promise<boolean> => {\n\t\tsetOptions(opts);\n\t\tsetOpen(true);\n\t\treturn new Promise<boolean>((resolve) => {\n\t\t\tresolveRef.current = resolve;\n\t\t});\n\t}, []);\n\n\tconst handleClose = useCallback(() => {\n\t\tsetOpen(false);\n\t\tresolveRef.current?.(false);\n\t\tresolveRef.current = null;\n\t}, []);\n\n\tconst handleConfirm = useCallback(() => {\n\t\tsetOpen(false);\n\t\tresolveRef.current?.(true);\n\t\tresolveRef.current = null;\n\t}, []);\n\n\treturn (\n\t\t<ConfirmModalContext.Provider value={{ confirm }}>\n\t\t\t{children}\n\t\t\t<ConfirmModalDialog\n\t\t\t\topen={open}\n\t\t\t\toptions={options}\n\t\t\t\tonClose={handleClose}\n\t\t\t\tonConfirm={handleConfirm}\n\t\t\t/>\n\t\t</ConfirmModalContext.Provider>\n\t);\n};\n\nConfirmModalProvider.displayName = \"ConfirmModalProvider\";\n\nexport const useConfirmModal = (): ConfirmModalContextType => {\n\tconst context = useContext(ConfirmModalContext);\n\tif (!context) {\n\t\tthrow new Error(\n\t\t\t\"useConfirmModal must be used within a ConfirmModalProvider\",\n\t\t);\n\t}\n\treturn context;\n};\n\ninterface ConfirmModalDialogProps {\n\topen: boolean;\n\toptions: ConfirmOptions;\n\tonClose: () => void;\n\tonConfirm: () => void;\n}\n\nconst ConfirmModalDialog: React.FC<ConfirmModalDialogProps> = ({\n\topen,\n\toptions,\n\tonClose,\n\tonConfirm,\n}) => {\n\tconst cancelRef = useRef<HTMLButtonElement>(null);\n\tconst {\n\t\ttitle,\n\t\tmessage,\n\t\tconfirmLabel = \"Confirm\",\n\t\tcancelLabel = \"Cancel\",\n\t\tcolorPalette = \"red\",\n\t\tbeforeConfirmActions,\n\t} = options;\n\n\treturn (\n\t\t<Dialog.Root\n\t\t\topen={open}\n\t\t\tinitialFocusEl={() => cancelRef.current}\n\t\t\tplacement=\"center\"\n\t\t\trole=\"alertdialog\"\n\t\t\tonOpenChange={(e) => {\n\t\t\t\tif (!e.open) {\n\t\t\t\t\tonClose();\n\t\t\t\t}\n\t\t\t}}\n\t\t>\n\t\t\t<Portal>\n\t\t\t\t<Dialog.Backdrop>\n\t\t\t\t\t<Dialog.Positioner>\n\t\t\t\t\t\t<Dialog.Content>\n\t\t\t\t\t\t\t<Dialog.Header fontSize=\"lg\" fontWeight=\"bold\">\n\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t</Dialog.Header>\n\t\t\t\t\t\t\t<Dialog.Body>{message}</Dialog.Body>\n\t\t\t\t\t\t\t<Dialog.Footer>\n\t\t\t\t\t\t\t\t<ButtonGroup size=\"sm\">\n\t\t\t\t\t\t\t\t\t<Button ref={cancelRef} variant=\"outline\" onClick={onClose}>\n\t\t\t\t\t\t\t\t\t\t{cancelLabel}\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t{beforeConfirmActions}\n\t\t\t\t\t\t\t\t\t<Button colorPalette={colorPalette} onClick={onConfirm}>\n\t\t\t\t\t\t\t\t\t\t{confirmLabel}\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t</ButtonGroup>\n\t\t\t\t\t\t\t</Dialog.Footer>\n\t\t\t\t\t\t</Dialog.Content>\n\t\t\t\t\t</Dialog.Positioner>\n\t\t\t\t</Dialog.Backdrop>\n\t\t\t</Portal>\n\t\t</Dialog.Root>\n\t);\n};\n"]}
+{"version":3,"sources":["../../src/feedback/confirm-modal.tsx","../../src/feedback/upload-toast-stack.tsx"],"names":["jsx","useState","jsxs"],"mappings":"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","file":"index.js","sourcesContent":["import {\n\tButton,\n\tButtonGroup,\n\ttype ButtonProps,\n\tDialog,\n\tPortal,\n} from \"@chakra-ui/react\";\nimport type React from \"react\";\nimport {\n\tcreateContext,\n\tuseCallback,\n\tuseContext,\n\tuseRef,\n\tuseState,\n} from \"react\";\n\nexport interface ConfirmOptions {\n\t/** Dialog title text. */\n\ttitle: string;\n\t/** Dialog body content. */\n\tmessage: React.ReactNode;\n\t/** Label for the confirm button. @default \"Confirm\" */\n\tconfirmLabel?: string;\n\t/** Label for the cancel button. @default \"Cancel\" */\n\tcancelLabel?: string;\n\t/** Color palette for the confirm button. @default \"red\" */\n\tcolorPalette?: ButtonProps[\"colorPalette\"];\n\t/** Extra actions rendered before the confirm button. */\n\tbeforeConfirmActions?: React.ReactNode;\n}\n\ninterface ConfirmModalContextType {\n\tconfirm: (options: ConfirmOptions) => Promise<boolean>;\n}\n\nconst ConfirmModalContext = createContext<ConfirmModalContextType | undefined>(\n\tundefined,\n);\n\ninterface ConfirmModalProviderProps {\n\tchildren: React.ReactNode;\n}\n\nexport const ConfirmModalProvider: React.FC<ConfirmModalProviderProps> = ({\n\tchildren,\n}) => {\n\tconst [open, setOpen] = useState(false);\n\tconst [options, setOptions] = useState<ConfirmOptions>({\n\t\ttitle: \"\",\n\t\tmessage: \"\",\n\t});\n\tconst resolveRef = useRef<((value: boolean) => void) | null>(null);\n\n\tconst confirm = useCallback((opts: ConfirmOptions): Promise<boolean> => {\n\t\tsetOptions(opts);\n\t\tsetOpen(true);\n\t\treturn new Promise<boolean>((resolve) => {\n\t\t\tresolveRef.current = resolve;\n\t\t});\n\t}, []);\n\n\tconst handleClose = useCallback(() => {\n\t\tsetOpen(false);\n\t\tresolveRef.current?.(false);\n\t\tresolveRef.current = null;\n\t}, []);\n\n\tconst handleConfirm = useCallback(() => {\n\t\tsetOpen(false);\n\t\tresolveRef.current?.(true);\n\t\tresolveRef.current = null;\n\t}, []);\n\n\treturn (\n\t\t<ConfirmModalContext.Provider value={{ confirm }}>\n\t\t\t{children}\n\t\t\t<ConfirmModalDialog\n\t\t\t\topen={open}\n\t\t\t\toptions={options}\n\t\t\t\tonClose={handleClose}\n\t\t\t\tonConfirm={handleConfirm}\n\t\t\t/>\n\t\t</ConfirmModalContext.Provider>\n\t);\n};\n\nConfirmModalProvider.displayName = \"ConfirmModalProvider\";\n\nexport const useConfirmModal = (): ConfirmModalContextType => {\n\tconst context = useContext(ConfirmModalContext);\n\tif (!context) {\n\t\tthrow new Error(\n\t\t\t\"useConfirmModal must be used within a ConfirmModalProvider\",\n\t\t);\n\t}\n\treturn context;\n};\n\ninterface ConfirmModalDialogProps {\n\topen: boolean;\n\toptions: ConfirmOptions;\n\tonClose: () => void;\n\tonConfirm: () => void;\n}\n\nconst ConfirmModalDialog: React.FC<ConfirmModalDialogProps> = ({\n\topen,\n\toptions,\n\tonClose,\n\tonConfirm,\n}) => {\n\tconst cancelRef = useRef<HTMLButtonElement>(null);\n\tconst {\n\t\ttitle,\n\t\tmessage,\n\t\tconfirmLabel = \"Confirm\",\n\t\tcancelLabel = \"Cancel\",\n\t\tcolorPalette = \"red\",\n\t\tbeforeConfirmActions,\n\t} = options;\n\n\treturn (\n\t\t<Dialog.Root\n\t\t\topen={open}\n\t\t\tinitialFocusEl={() => cancelRef.current}\n\t\t\tplacement=\"center\"\n\t\t\trole=\"alertdialog\"\n\t\t\tonOpenChange={(e) => {\n\t\t\t\tif (!e.open) {\n\t\t\t\t\tonClose();\n\t\t\t\t}\n\t\t\t}}\n\t\t>\n\t\t\t<Portal>\n\t\t\t\t<Dialog.Backdrop>\n\t\t\t\t\t<Dialog.Positioner>\n\t\t\t\t\t\t<Dialog.Content>\n\t\t\t\t\t\t\t<Dialog.Header fontSize=\"lg\" fontWeight=\"bold\">\n\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t</Dialog.Header>\n\t\t\t\t\t\t\t<Dialog.Body>{message}</Dialog.Body>\n\t\t\t\t\t\t\t<Dialog.Footer>\n\t\t\t\t\t\t\t\t<ButtonGroup size=\"sm\">\n\t\t\t\t\t\t\t\t\t<Button ref={cancelRef} variant=\"outline\" onClick={onClose}>\n\t\t\t\t\t\t\t\t\t\t{cancelLabel}\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t{beforeConfirmActions}\n\t\t\t\t\t\t\t\t\t<Button colorPalette={colorPalette} onClick={onConfirm}>\n\t\t\t\t\t\t\t\t\t\t{confirmLabel}\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t</ButtonGroup>\n\t\t\t\t\t\t\t</Dialog.Footer>\n\t\t\t\t\t\t</Dialog.Content>\n\t\t\t\t\t</Dialog.Positioner>\n\t\t\t\t</Dialog.Backdrop>\n\t\t\t</Portal>\n\t\t</Dialog.Root>\n\t);\n};\n","import {\n\tAlertCircle,\n\tCheck,\n\tChevronDown,\n\tChevronUp,\n\tClock,\n\tX,\n} from \"lucide-react\";\nimport { useEffect, useState } from \"react\";\nimport { IconButton } from \"../atoms/button\";\nimport { Box, Flex, HStack, Stack } from \"../primitives/layout\";\nimport { Progress } from \"../primitives/progress\";\nimport { Spinner } from \"../primitives/spinner\";\nimport { Text } from \"../primitives/typography\";\n\nexport interface UploadFileStatus {\n\tid: string;\n\tfilename: string;\n\tstatus: \"pending\" | \"uploading\" | \"processing\" | \"done\" | \"error\";\n\tprogress?: number;\n\terror?: string;\n}\n\nexport interface UploadToastStackProps {\n\tfiles: UploadFileStatus[];\n\tonDismiss: () => void;\n\tautoDismissMs?: number;\n\tdefaultExpanded?: boolean;\n}\n\nconst FileStatusIcon = ({ status }: { status: UploadFileStatus[\"status\"] }) => {\n\tswitch (status) {\n\t\tcase \"pending\":\n\t\t\treturn <Clock size={14} color=\"var(--chakra-colors-fg-muted)\" />;\n\t\tcase \"uploading\":\n\t\tcase \"processing\":\n\t\t\treturn <Spinner size=\"xs\" />;\n\t\tcase \"done\":\n\t\t\treturn <Check size={14} color=\"var(--chakra-colors-green-500)\" />;\n\t\tcase \"error\":\n\t\t\treturn <AlertCircle size={14} color=\"var(--chakra-colors-red-500)\" />;\n\t}\n};\n\nexport const UploadToastStack = ({\n\tfiles,\n\tonDismiss,\n\tautoDismissMs = 5000,\n\tdefaultExpanded = true,\n}: UploadToastStackProps) => {\n\tconst [expanded, setExpanded] = useState(defaultExpanded);\n\tconst [hovered, setHovered] = useState(false);\n\n\tconst allComplete = files.every(\n\t\t(f) => f.status === \"done\" || f.status === \"error\",\n\t);\n\tconst totalProgress =\n\t\tfiles.length > 0\n\t\t\t? files.reduce((sum, f) => sum + (f.progress ?? 0), 0) / files.length\n\t\t\t: 0;\n\tconst doneCount = files.filter((f) => f.status === \"done\").length;\n\tconst errorCount = files.filter((f) => f.status === \"error\").length;\n\n\tconst headerText = allComplete\n\t\t? `${doneCount} file${doneCount !== 1 ? \"s\" : \"\"} uploaded${errorCount > 0 ? `, ${errorCount} failed` : \"\"}`\n\t\t: `Uploading ${files.length} file${files.length !== 1 ? \"s\" : \"\"}...`;\n\n\tuseEffect(() => {\n\t\tif (!allComplete || hovered || autoDismissMs === 0) return;\n\t\tconst timer = setTimeout(onDismiss, autoDismissMs);\n\t\treturn () => clearTimeout(timer);\n\t}, [allComplete, hovered, autoDismissMs, onDismiss]);\n\n\tif (files.length === 0) return null;\n\n\treturn (\n\t\t<Box\n\t\t\tposition=\"fixed\"\n\t\t\tbottom={4}\n\t\t\tinsetInlineEnd={4}\n\t\t\tzIndex=\"toast\"\n\t\t\tonMouseEnter={() => setHovered(true)}\n\t\t\tonMouseLeave={() => setHovered(false)}\n\t\t>\n\t\t\t<Box\n\t\t\t\tbg=\"bg.surface\"\n\t\t\t\tshadow=\"lg\"\n\t\t\t\trounded=\"lg\"\n\t\t\t\tborderWidth=\"1px\"\n\t\t\t\tborderColor=\"border\"\n\t\t\t\tw=\"320px\"\n\t\t\t\toverflow=\"hidden\"\n\t\t\t>\n\t\t\t\t{/* Header */}\n\t\t\t\t<Flex align=\"center\" px={3} py={2} gap={1}>\n\t\t\t\t\t<Text fontSize=\"sm\" fontWeight=\"medium\" flex=\"1\">\n\t\t\t\t\t\t{headerText}\n\t\t\t\t\t</Text>\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\taria-label={\n\t\t\t\t\t\t\texpanded ? \"Collapse upload list\" : \"Expand upload list\"\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\tonClick={() => setExpanded((v) => !v)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{expanded ? <ChevronDown size={14} /> : <ChevronUp size={14} />}\n\t\t\t\t\t</IconButton>\n\t\t\t\t\t<IconButton\n\t\t\t\t\t\taria-label=\"Dismiss upload toast\"\n\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\tonClick={onDismiss}\n\t\t\t\t\t>\n\t\t\t\t\t\t<X size={14} />\n\t\t\t\t\t</IconButton>\n\t\t\t\t</Flex>\n\n\t\t\t\t{/* Overall progress bar */}\n\t\t\t\t<Progress\n\t\t\t\t\tvalue={totalProgress}\n\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\tcolorPalette={allComplete && errorCount === 0 ? \"green\" : \"primary\"}\n\t\t\t\t/>\n\n\t\t\t\t{/* Per-file list */}\n\t\t\t\t{expanded && (\n\t\t\t\t\t<Stack gap={0} maxH=\"200px\" overflowY=\"auto\" px={3} py={2}>\n\t\t\t\t\t\t{files.map((file) => (\n\t\t\t\t\t\t\t<Box key={file.id} py={1}>\n\t\t\t\t\t\t\t\t<HStack gap={2} align=\"center\">\n\t\t\t\t\t\t\t\t\t<Box flexShrink={0}>\n\t\t\t\t\t\t\t\t\t\t<FileStatusIcon status={file.status} />\n\t\t\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\t\t\tfontSize=\"sm\"\n\t\t\t\t\t\t\t\t\t\tflex=\"1\"\n\t\t\t\t\t\t\t\t\t\toverflow=\"hidden\"\n\t\t\t\t\t\t\t\t\t\ttextOverflow=\"ellipsis\"\n\t\t\t\t\t\t\t\t\t\twhiteSpace=\"nowrap\"\n\t\t\t\t\t\t\t\t\t\ttitle={file.filename}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{file.filename}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t{file.progress !== undefined && (\n\t\t\t\t\t\t\t\t\t\t<Text fontSize=\"xs\" color=\"fg.muted\" flexShrink={0}>\n\t\t\t\t\t\t\t\t\t\t\t{Math.round(file.progress)}%\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t\t{file.status === \"error\" && file.error && (\n\t\t\t\t\t\t\t\t\t<Text fontSize=\"xs\" color=\"fg.error\" ps={5}>\n\t\t\t\t\t\t\t\t\t\t{file.error}\n\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Box>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</Stack>\n\t\t\t\t)}\n\t\t\t</Box>\n\t\t</Box>\n\t);\n};\n\nUploadToastStack.displayName = \"UploadToastStack\";\n"]}

package/dist/forms/index.d.ts

@@ -135,20 +135,6 @@ interface DirtyFormGuardProps {
 }
 declare const DirtyFormGuard: React__default.FC<DirtyFormGuardProps>;
 
-interface EditableHeadingProps {
-    value?: string;
-    onChange?: (nextValue: string) => void;
-    onCancel?: (previousValue: string) => void;
-    onSubmit?: (nextValue: string) => void;
-    /** Aria label for the edit button. @default "Edit" */
-    editLabel?: string;
-    /** Font size for the heading. @default "3xl" */
-    fontSize?: string;
-    /** Max width constraint. @default "lg" */
-    maxW?: string;
-}
-declare const EditableHeading: React__default.FC<EditableHeadingProps>;
-
 type DropzoneOptions = {
     noClick?: boolean;
     multiple?: boolean;
@@ -181,6 +167,28 @@ declare namespace FileField {
     var displayName: string;
 }
 
+interface InlineEditProps {
+    value?: string;
+    onSubmit?: (nextValue: string) => void;
+    onChange?: (nextValue: string) => void;
+    onCancel?: (previousValue: string) => void;
+    /** @default "input" */
+    variant?: "input" | "textarea";
+    placeholder?: string;
+    /** @default "md" */
+    fontSize?: string;
+    fontWeight?: string;
+    maxW?: string;
+    disabled?: boolean;
+    /** When false, submitting an empty value reverts to the previous value. @default false */
+    allowEmpty?: boolean;
+    /** Number of rows used to calculate minH for textarea variant. @default 3 */
+    rows?: number;
+    /** Aria label for the edit button. @default "Edit" */
+    editLabel?: string;
+}
+declare const InlineEdit: React__default.FC<InlineEditProps>;
+
 interface InputFieldProps<T extends FieldValues> extends Omit<FormFieldProps<T>, "children"> {
     placeholder?: string;
     type?: InputProps["type"];
@@ -258,4 +266,4 @@ declare function TextareaField<T extends FieldValues>({ ref, ...props }: Textare
     ref?: React__default.Ref<HTMLTextAreaElement>;
 }): react_jsx_runtime.JSX.Element;
 
-export { ArrayField, type ArrayFieldProps, CheckboxField, type CheckboxFieldProps, CodeField, type CodeFieldProps, ColorPickerField, type ColorPickerFieldProps, ControlledFormField, type ControlledFormFieldProps, DatePickerField, type DatePickerFieldProps, DirtyFormGuard, type DirtyFormGuardProps, EditableHeading, type EditableHeadingProps, FileField, type FileFieldProps, FormField, type FormFieldProps, InputField, type InputFieldProps, MarkdownField, type MarkdownFieldProps, NumberInputField, type NumberInputFieldProps, RadioGroupField, type RadioGroupFieldProps, type RadioOption, SelectField, type SelectFieldProps, SwitchField, type SwitchFieldProps, TextareaField, type TextareaFieldProps };
+export { ArrayField, type ArrayFieldProps, CheckboxField, type CheckboxFieldProps, CodeField, type CodeFieldProps, ColorPickerField, type ColorPickerFieldProps, ControlledFormField, type ControlledFormFieldProps, DatePickerField, type DatePickerFieldProps, DirtyFormGuard, type DirtyFormGuardProps, FileField, type FileFieldProps, FormField, type FormFieldProps, InlineEdit, type InlineEditProps, InputField, type InputFieldProps, MarkdownField, type MarkdownFieldProps, NumberInputField, type NumberInputFieldProps, RadioGroupField, type RadioGroupFieldProps, type RadioOption, SelectField, type SelectFieldProps, SwitchField, type SwitchFieldProps, TextareaField, type TextareaFieldProps };

package/dist/forms/index.js

@@ -1,10 +1,12 @@
-import { Popover, PopoverTrigger, PopoverContent, PopoverBody, LeavePageConfirmation, NumberInputRoot, NumberInputField, Radio, NativeSelect } from '../chunk-C4JI3JNA.js';
-import { Switch } from '../chunk-RJPEVNMJ.js';
-import { text_input_default } from '../chunk-PZCL4M6I.js';
-export { SearchInput } from '../chunk-PZCL4M6I.js';
-import { Stack, Grid, GridItem, Text, Input, IconButton, Box, ButtonGroup, Button, Field, HStack, Checkbox, Square, Editable, Flex, RadioGroup, Textarea, useEditableContext } from '@chakra-ui/react';
+import { LeavePageConfirmation, NumberInputRoot, NumberInputField, RadioGroup, Radio, NativeSelect } from '../chunk-M5WNB4K6.js';
+import { Popover, PopoverTrigger, PopoverContent, PopoverBody, Switch } from '../chunk-WQIEF5N3.js';
+export { SearchInput } from '../chunk-E7KRPPCQ.js';
+import { Textarea } from '../chunk-NFZMG6ZL.js';
+import { text_input_default } from '../chunk-OU6H3KU4.js';
+import { Stack, Grid, GridItem, Text, Box, HStack, Flex } from '../chunk-G4QMIXLC.js';
+import { Input, IconButton, ButtonGroup, Button, Field, Checkbox, Square, Editable, useEditableContext } from '@chakra-ui/react';
 import { Trash2, Plus, Upload, Pencil } from 'lucide-react';
-import React, { useId, useCallback, useEffect } from 'react';
+import React, { useId, useCallback, useEffect, useRef } from 'react';
 import { useFormContext, useFieldArray, Controller } from 'react-hook-form';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useBlocker } from 'react-router-dom';
@@ -449,46 +451,6 @@ var DirtyFormGuard = ({
   );
 };
 DirtyFormGuard.displayName = "DirtyFormGuard";
-var EditableControls = ({ editLabel }) => {
-  const { editing } = useEditableContext();
-  if (editing) return null;
-  return /* @__PURE__ */ jsx(ButtonGroup, { children: /* @__PURE__ */ jsx(Editable.EditTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-    IconButton,
-    {
-      variant: "ghost",
-      marginInlineStart: 2,
-      "aria-label": editLabel,
-      children: /* @__PURE__ */ jsx(Pencil, { size: 20 })
-    }
-  ) }) });
-};
-var EditableHeading = ({
-  value,
-  onChange,
-  onCancel,
-  onSubmit,
-  editLabel = "Edit",
-  fontSize = "3xl",
-  maxW = "lg"
-}) => {
-  return /* @__PURE__ */ jsxs(
-    Editable.Root,
-    {
-      fontSize,
-      maxW,
-      value: String(value ?? ""),
-      onValueChange: (details) => onChange?.(details.value),
-      onValueRevert: (details) => onCancel?.(details.value),
-      onValueCommit: (details) => onSubmit?.(details.value),
-      children: [
-        /* @__PURE__ */ jsx(Editable.Preview, {}),
-        /* @__PURE__ */ jsx(Editable.Input, {}),
-        /* @__PURE__ */ jsx(EditableControls, { editLabel })
-      ]
-    }
-  );
-};
-EditableHeading.displayName = "EditableHeading";
 function FileField(props) {
   const {
     name,
@@ -629,6 +591,70 @@ var DropzoneContent = ({
     )
   ] });
 };
+var CancelRefCapture = ({ cancelRef }) => {
+  const { cancel } = useEditableContext();
+  cancelRef.current = cancel;
+  return null;
+};
+var EditControls = ({ editLabel }) => {
+  const { editing } = useEditableContext();
+  if (editing) return null;
+  return /* @__PURE__ */ jsx(ButtonGroup, { children: /* @__PURE__ */ jsx(Editable.EditTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      variant: "ghost",
+      marginInlineStart: 2,
+      "aria-label": editLabel,
+      children: /* @__PURE__ */ jsx(Pencil, { size: 16 })
+    }
+  ) }) });
+};
+var InlineEdit = ({
+  value,
+  onSubmit,
+  onChange,
+  onCancel,
+  variant = "input",
+  placeholder,
+  fontSize = "md",
+  fontWeight,
+  maxW,
+  disabled,
+  allowEmpty = false,
+  rows = 3,
+  editLabel = "Edit"
+}) => {
+  const cancelRef = useRef(null);
+  const handleSubmit = (details) => {
+    const trimmed = details.value.trim();
+    if (!allowEmpty && trimmed === "") {
+      cancelRef.current?.();
+      return;
+    }
+    onSubmit?.(trimmed);
+  };
+  return /* @__PURE__ */ jsxs(
+    Editable.Root,
+    {
+      fontSize,
+      fontWeight,
+      maxW,
+      value: String(value ?? ""),
+      onValueChange: (d) => onChange?.(d.value),
+      onValueRevert: (d) => onCancel?.(d.value),
+      onValueCommit: handleSubmit,
+      disabled,
+      placeholder,
+      children: [
+        /* @__PURE__ */ jsx(CancelRefCapture, { cancelRef }),
+        /* @__PURE__ */ jsx(Editable.Preview, {}),
+        variant === "textarea" ? /* @__PURE__ */ jsx(Editable.Textarea, { minH: `${rows * 1.5}em` }) : /* @__PURE__ */ jsx(Editable.Input, {}),
+        /* @__PURE__ */ jsx(EditControls, { editLabel })
+      ]
+    }
+  );
+};
+InlineEdit.displayName = "InlineEdit";
 function InputField({
   ref,
   ...props
@@ -781,7 +807,7 @@ NumberInputField2.displayName = "NumberInputField";
 function RadioGroupField(props) {
   const { name, label, options, radioGroupProps, stackProps, ...rest } = props;
   return /* @__PURE__ */ jsx(FormField, { name, label, ...rest, children: (field) => /* @__PURE__ */ jsx(
-    RadioGroup.Root,
+    RadioGroup,
     {
       value: String(field.value ?? ""),
       onValueChange: (e) => field.onChange(e.value),
@@ -904,6 +930,6 @@ function TextareaField({
 }
 TextareaField.displayName = "TextareaField";
 
-export { ArrayField, CheckboxField, CodeField, ColorPickerField, ControlledFormField, DatePickerField, DirtyFormGuard, EditableHeading, FileField, FormField, InputField, MarkdownField, NumberInputField2 as NumberInputField, RadioGroupField, SelectField, SwitchField, TextareaField };
+export { ArrayField, CheckboxField, CodeField, ColorPickerField, ControlledFormField, DatePickerField, DirtyFormGuard, FileField, FormField, InlineEdit, InputField, MarkdownField, NumberInputField2 as NumberInputField, RadioGroupField, SelectField, SwitchField, TextareaField };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map