@particle-academy/react-fancy 4.9.0 → 4.11.0

package/dist/index.cjs

@@ -2421,6 +2421,7 @@ var Button = react.forwardRef(
     loading = false,
     disabled,
     href,
+    as: As,
     responsive,
     labelClassName,
     ...props
@@ -2583,11 +2584,12 @@ var Button = react.forwardRef(
       trailingElements
     ] });
     const safeHref = sanitizeHref(href);
+    const Anchor = As ?? "a";
     const buttonEl = safeHref && !disabled ? (
       // Anchor mode forwards the same rest props as the <button> branch so
       // onClick / target / rel / ref / ARIA / data-* reach the <a> (issue #7).
       /* @__PURE__ */ jsxRuntime.jsx(
-        "a",
+        Anchor,
         {
           ref,
           href: safeHref,
@@ -11656,11 +11658,10 @@ function ContentRenderer({
   );
 }
 ContentRenderer.displayName = "ContentRenderer";
-function toHtml(value, outputFormat, unsafe) {
+function toHtml(value, outputFormat, unsafe, valueFormat = "auto") {
   if (!value) return "";
   const raw = (() => {
-    if (outputFormat === "html") return value;
-    const format = detectFormat(value);
+    const format = valueFormat !== "auto" ? valueFormat : outputFormat === "html" ? "html" : detectFormat(value);
     if (format === "html") return value;
     return marked.marked.parse(value, { async: false }).trim();
   })();
@@ -11673,6 +11674,7 @@ function EditorRoot({
   defaultValue = "",
   onChange,
   outputFormat = "html",
+  valueFormat = "auto",
   lineSpacing = 1.6,
   placeholder,
   mode: modeProp,
@@ -11684,13 +11686,13 @@ function EditorRoot({
   const mode = useFieldMode(modeProp);
   const isView = mode === "view";
   const initialHtml = react.useMemo(
-    () => toHtml(value, outputFormat, unsafe),
+    () => toHtml(value, outputFormat, unsafe, valueFormat),
     // Seed the contentEditable from the LIVE value when (re)entering edit mode.
     // EditorContent reads this once on mount, and it only mounts in edit mode —
     // so this captures the current value on view→edit, not a stale mount snapshot,
     // and does NOT re-run on every keystroke.
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [isView, outputFormat, unsafe]
+    [isView, outputFormat, unsafe, valueFormat]
   );
   const extensions = react.useMemo(
     () => mergeExtensions(instanceExtensions),
@@ -11767,7 +11769,7 @@ function EditorRoot({
           ContentRenderer,
           {
             value,
-            format: outputFormat,
+            format: valueFormat !== "auto" ? valueFormat : outputFormat,
             lineSpacing,
             extensions: instanceExtensions,
             unsafe,