@01.software/sdk 0.2.9-dev.260310.cf511cb → 0.2.9-dev.260311.892250f

package/dist/{components.cjs → ui/form.cjs}

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -22,18 +23,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -76,216 +65,16 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 
-// src/components/index.ts
-var components_exports = {};
-__export(components_exports, {
-  CodeBlock: () => CodeBlock,
+// src/ui/Form/index.tsx
+var Form_exports = {};
+__export(Form_exports, {
   FormRenderer: () => FormRenderer,
-  Image: () => Image,
-  RichTextContent: () => RichTextContent,
-  StyledRichTextContent: () => StyledRichTextContent,
-  highlight: () => highlight,
   toSubmissionData: () => toSubmissionData
 });
-module.exports = __toCommonJS(components_exports);
-
-// src/components/RichTextContent/index.tsx
-var import_react2 = __toESM(require("react"), 1);
-var import_react3 = require("@payloadcms/richtext-lexical/react");
-
-// src/components/RichTextContent/styled.tsx
+module.exports = __toCommonJS(Form_exports);
 var import_react = __toESM(require("react"), 1);
-function createComponentConverters(components, internalDocToHref) {
-  const converters = {};
-  if (components.Heading) {
-    const Heading = components.Heading;
-    converters.heading = ({ node, nodesToJSX }) => /* @__PURE__ */ import_react.default.createElement(Heading, { tag: node.tag, node }, nodesToJSX({ nodes: node.children }));
-  }
-  if (components.Paragraph) {
-    const Paragraph = components.Paragraph;
-    converters.paragraph = ({ node, nodesToJSX }) => {
-      const children = nodesToJSX({ nodes: node.children });
-      return /* @__PURE__ */ import_react.default.createElement(Paragraph, { isEmpty: !(children == null ? void 0 : children.length), node }, (children == null ? void 0 : children.length) ? children : /* @__PURE__ */ import_react.default.createElement("br", null));
-    };
-  }
-  if (components.Blockquote) {
-    const Blockquote = components.Blockquote;
-    converters.quote = ({ node, nodesToJSX }) => /* @__PURE__ */ import_react.default.createElement(Blockquote, { node }, nodesToJSX({ nodes: node.children }));
-  }
-  if (components.List) {
-    const List = components.List;
-    converters.list = ({ node, nodesToJSX }) => /* @__PURE__ */ import_react.default.createElement(List, { tag: node.tag, listType: node.listType, node }, nodesToJSX({ nodes: node.children }));
-  }
-  if (components.ListItem) {
-    const ListItem = components.ListItem;
-    converters.listitem = ({ node, nodesToJSX }) => {
-      const hasSubLists = node.children.some(
-        (child) => child.type === "list"
-      );
-      return /* @__PURE__ */ import_react.default.createElement(
-        ListItem,
-        {
-          hasSubLists,
-          checked: node.checked,
-          value: node.value,
-          node
-        },
-        nodesToJSX({ nodes: node.children })
-      );
-    };
-  }
-  if (components.Link) {
-    const Link = components.Link;
-    const resolveHref = (node) => {
-      var _a;
-      if (node.fields.linkType === "internal") {
-        return internalDocToHref ? internalDocToHref({ linkNode: node }) : "#";
-      }
-      return (_a = node.fields.url) != null ? _a : "";
-    };
-    converters.link = ({ node, nodesToJSX }) => /* @__PURE__ */ import_react.default.createElement(
-      Link,
-      {
-        href: resolveHref(node),
-        rel: node.fields.newTab ? "noopener noreferrer" : void 0,
-        target: node.fields.newTab ? "_blank" : void 0,
-        node
-      },
-      nodesToJSX({ nodes: node.children })
-    );
-    converters.autolink = ({ node, nodesToJSX }) => {
-      var _a;
-      return /* @__PURE__ */ import_react.default.createElement(
-        Link,
-        {
-          href: (_a = node.fields.url) != null ? _a : "",
-          rel: node.fields.newTab ? "noopener noreferrer" : void 0,
-          target: node.fields.newTab ? "_blank" : void 0,
-          node
-        },
-        nodesToJSX({ nodes: node.children })
-      );
-    };
-  }
-  if (components.HorizontalRule) {
-    const HorizontalRule = components.HorizontalRule;
-    converters.horizontalrule = /* @__PURE__ */ import_react.default.createElement(HorizontalRule, null);
-  }
-  if (components.Upload) {
-    const Upload = components.Upload;
-    converters.upload = ({ node }) => {
-      var _a;
-      const uploadNode = node;
-      if (typeof uploadNode.value !== "object") return null;
-      const doc = uploadNode.value;
-      return /* @__PURE__ */ import_react.default.createElement(
-        Upload,
-        {
-          src: doc.url,
-          alt: ((_a = uploadNode.fields) == null ? void 0 : _a.alt) || (doc == null ? void 0 : doc.alt) || "",
-          width: doc.width,
-          height: doc.height,
-          mimeType: doc.mimeType,
-          filename: doc.filename,
-          sizes: doc.sizes,
-          node
-        }
-      );
-    };
-  }
-  if (components.Table) {
-    const Table = components.Table;
-    converters.table = ({ node, nodesToJSX }) => /* @__PURE__ */ import_react.default.createElement(Table, { node }, nodesToJSX({ nodes: node.children }));
-  }
-  if (components.TableRow) {
-    const TableRow = components.TableRow;
-    converters.tablerow = ({ node, nodesToJSX }) => /* @__PURE__ */ import_react.default.createElement(TableRow, { node }, nodesToJSX({ nodes: node.children }));
-  }
-  if (components.TableCell) {
-    const TableCell = components.TableCell;
-    converters.tablecell = ({ node, nodesToJSX }) => /* @__PURE__ */ import_react.default.createElement(
-      TableCell,
-      {
-        tag: node.headerState > 0 ? "th" : "td",
-        colSpan: node.colSpan > 1 ? node.colSpan : void 0,
-        rowSpan: node.rowSpan > 1 ? node.rowSpan : void 0,
-        backgroundColor: node.backgroundColor || void 0,
-        node
-      },
-      nodesToJSX({ nodes: node.children })
-    );
-  }
-  return converters;
-}
-function StyledRichTextContent(_a) {
-  var _b = _a, {
-    components = {},
-    internalDocToHref,
-    blocks,
-    textState
-  } = _b, props = __objRest(_b, [
-    "components",
-    "internalDocToHref",
-    "blocks",
-    "textState"
-  ]);
-  const converters = createComponentConverters(components, internalDocToHref);
-  return /* @__PURE__ */ import_react.default.createElement(
-    RichTextContent,
-    __spreadProps(__spreadValues({}, props), {
-      internalDocToHref,
-      converters,
-      blocks,
-      textState
-    })
-  );
-}
-
-// src/components/RichTextContent/index.tsx
-function hyphenToCamel(str) {
-  return str.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
-}
-function createTextStateConverter(state) {
-  const defaultTextConverter = import_react3.TextJSXConverter.text;
-  return (_a) => {
-    var _b = _a, { node } = _b, rest = __objRest(_b, ["node"]);
-    var _a2, _b2;
-    const base = defaultTextConverter(__spreadValues({ node }, rest));
-    const nodeState = node.$;
-    if (!nodeState || typeof nodeState !== "object") return base;
-    const style = {};
-    for (const stateKey in nodeState) {
-      const stateValue = nodeState[stateKey];
-      if (!stateValue) continue;
-      const css = (_b2 = (_a2 = state[stateKey]) == null ? void 0 : _a2[stateValue]) == null ? void 0 : _b2.css;
-      if (css) {
-        for (const prop in css) {
-          const val = css[prop];
-          if (val) style[hyphenToCamel(prop)] = val;
-        }
-      }
-    }
-    if (Object.keys(style).length === 0) return base;
-    return /* @__PURE__ */ import_react2.default.createElement("span", { style }, base);
-  };
-}
-function RichTextContent({
-  data,
-  className,
-  internalDocToHref,
-  converters,
-  blocks,
-  disableDefaultConverters,
-  textState
-}) {
-  const baseConverters = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, disableDefaultConverters ? {} : import_react3.defaultJSXConverters), (0, import_react3.LinkJSXConverter)({ internalDocToHref })), textState ? { text: createTextStateConverter(textState) } : {}), converters), blocks ? { blocks } : {});
-  return /* @__PURE__ */ import_react2.default.createElement(import_react3.RichText, { data, className, converters: baseConverters });
-}
 
-// src/components/FormRenderer/index.tsx
-var import_react4 = __toESM(require("react"), 1);
-
-// src/components/FormRenderer/countries.ts
+// src/ui/Form/countries.ts
 var COUNTRIES = [
   { value: "AF", label: "Afghanistan" },
   { value: "AX", label: "\xC5land Islands" },
@@ -588,7 +377,7 @@ var US_STATES = [
   { value: "DC", label: "District of Columbia" }
 ];
 
-// src/components/FormRenderer/index.tsx
+// src/ui/Form/index.tsx
 function toSubmissionData(values) {
   return Object.entries(values).map(([field, value]) => ({
     field,
@@ -622,15 +411,15 @@ function FormRenderer({
   renderButton
 }) {
   var _a;
-  const [values, setValues] = (0, import_react4.useState)(
+  const [values, setValues] = (0, import_react.useState)(
     () => getInitialValues(form.fields)
   );
-  const [isSubmitting, setIsSubmitting] = (0, import_react4.useState)(false);
-  const submittingRef = (0, import_react4.useRef)(false);
-  (0, import_react4.useEffect)(() => {
+  const [isSubmitting, setIsSubmitting] = (0, import_react.useState)(false);
+  const submittingRef = (0, import_react.useRef)(false);
+  (0, import_react.useEffect)(() => {
     setValues(getInitialValues(form.fields));
   }, [form.id]);
-  const handleChange = (0, import_react4.useCallback)(
+  const handleChange = (0, import_react.useCallback)(
     (name, value) => {
       setValues((prev) => __spreadProps(__spreadValues({}, prev), { [name]: value }));
     },
@@ -654,14 +443,14 @@ function FormRenderer({
       value: (_a2 = values[field.name]) != null ? _a2 : "",
       onChange: (v) => handleChange(field.name, v)
     };
-    const el = /* @__PURE__ */ import_react4.default.createElement(
+    const el = /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         key: (_b = field.id) != null ? _b : field.name,
         className: fieldClassName,
         style
       },
-      field.label && /* @__PURE__ */ import_react4.default.createElement("label", { htmlFor: field.name }, field.label),
+      field.label && /* @__PURE__ */ import_react.default.createElement("label", { htmlFor: field.name }, field.label),
       input
     );
     return renderField ? renderField(field, context, el) : el;
@@ -671,7 +460,7 @@ function FormRenderer({
     return wrapField(
       field,
       style,
-      /* @__PURE__ */ import_react4.default.createElement(
+      /* @__PURE__ */ import_react.default.createElement(
         "select",
         {
           id: field.name,
@@ -680,8 +469,8 @@ function FormRenderer({
           required: (_b = field.required) != null ? _b : false,
           onChange: (e) => handleChange(field.name, e.target.value)
         },
-        /* @__PURE__ */ import_react4.default.createElement("option", { value: "" }, placeholder || "Select\u2026"),
-        options.map((opt) => /* @__PURE__ */ import_react4.default.createElement("option", { key: opt.value, value: opt.value }, opt.label))
+        /* @__PURE__ */ import_react.default.createElement("option", { value: "" }, placeholder || "Select\u2026"),
+        options.map((opt) => /* @__PURE__ */ import_react.default.createElement("option", { key: opt.value, value: opt.value }, opt.label))
       )
     );
   };
@@ -693,7 +482,7 @@ function FormRenderer({
         return wrapField(
           field,
           style,
-          /* @__PURE__ */ import_react4.default.createElement(
+          /* @__PURE__ */ import_react.default.createElement(
             "input",
             {
               type: "text",
@@ -710,7 +499,7 @@ function FormRenderer({
         return wrapField(
           field,
           style,
-          /* @__PURE__ */ import_react4.default.createElement(
+          /* @__PURE__ */ import_react.default.createElement(
             "input",
             {
               type: "email",
@@ -726,7 +515,7 @@ function FormRenderer({
         return wrapField(
           field,
           style,
-          /* @__PURE__ */ import_react4.default.createElement(
+          /* @__PURE__ */ import_react.default.createElement(
             "input",
             {
               type: "number",
@@ -747,7 +536,7 @@ function FormRenderer({
         return wrapField(
           field,
           style,
-          /* @__PURE__ */ import_react4.default.createElement(
+          /* @__PURE__ */ import_react.default.createElement(
             "textarea",
             {
               id: field.name,
@@ -763,14 +552,14 @@ function FormRenderer({
           value: (_j = values[field.name]) != null ? _j : false,
           onChange: (v) => handleChange(field.name, v)
         };
-        const el = /* @__PURE__ */ import_react4.default.createElement(
+        const el = /* @__PURE__ */ import_react.default.createElement(
           "div",
           {
             key: (_k = field.id) != null ? _k : field.name,
             className: fieldClassName,
             style
           },
-          /* @__PURE__ */ import_react4.default.createElement("label", { htmlFor: field.name }, /* @__PURE__ */ import_react4.default.createElement(
+          /* @__PURE__ */ import_react.default.createElement("label", { htmlFor: field.name }, /* @__PURE__ */ import_react.default.createElement(
             "input",
             {
               type: "checkbox",
@@ -780,7 +569,7 @@ function FormRenderer({
               required: (_l = field.required) != null ? _l : false,
               onChange: (e) => handleChange(field.name, e.target.checked)
             }
-          ), field.label && /* @__PURE__ */ import_react4.default.createElement("span", null, field.label))
+          ), field.label && /* @__PURE__ */ import_react.default.createElement("span", null, field.label))
         );
         return renderField ? renderField(field, context, el) : el;
       }
@@ -797,7 +586,7 @@ function FormRenderer({
         return renderSelectField(field, style, US_STATES);
       case "message":
         if (renderMessage && field.message) {
-          return /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, { key: (_p = (_o = field.id) != null ? _o : field.blockName) != null ? _p : "message" }, renderMessage(field.message));
+          return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, { key: (_p = (_o = field.id) != null ? _o : field.blockName) != null ? _p : "message" }, renderMessage(field.message));
         }
         return null;
       default:
@@ -805,7 +594,7 @@ function FormRenderer({
     }
   };
   const buttonLabel = form.submitButtonLabel || "Submit";
-  return /* @__PURE__ */ import_react4.default.createElement("form", { onSubmit: handleSubmit, className }, (_a = form.fields) == null ? void 0 : _a.map((field) => renderFieldElement(field)), renderButton ? renderButton({ isSubmitting, label: buttonLabel }) : /* @__PURE__ */ import_react4.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("form", { onSubmit: handleSubmit, className }, (_a = form.fields) == null ? void 0 : _a.map((field) => renderFieldElement(field)), renderButton ? renderButton({ isSubmitting, label: buttonLabel }) : /* @__PURE__ */ import_react.default.createElement(
     "button",
     {
       type: "submit",
@@ -815,286 +604,4 @@ function FormRenderer({
     buttonLabel
   ));
 }
-
-// src/components/Image/index.tsx
-var import_react5 = __toESM(require("react"), 1);
-
-// src/utils/image.ts
-var IMAGE_SIZES = [384, 768, 1536];
-function getImageSrcSet(image) {
-  const parts = [];
-  const sizes = image.sizes;
-  if (sizes) {
-    for (const size of IMAGE_SIZES) {
-      const entry = sizes[String(size)];
-      if ((entry == null ? void 0 : entry.url) && entry.width) {
-        parts.push(`${entry.url} ${entry.width}w`);
-      }
-    }
-  }
-  if (image.url && image.width) {
-    parts.push(`${image.url} ${image.width}w`);
-  }
-  return parts.join(", ");
-}
-function getImagePlaceholderStyle(image, options) {
-  var _a, _b, _c;
-  const type = (_a = options == null ? void 0 : options.type) != null ? _a : "blur";
-  const paletteColor = (_b = options == null ? void 0 : options.paletteColor) != null ? _b : "muted";
-  if (type === "none") return {};
-  const color = (_c = image.palette) == null ? void 0 : _c[paletteColor];
-  if (type === "blur") {
-    const lqip = image.lqip;
-    if (lqip) {
-      return {
-        backgroundImage: `url(${lqip})`,
-        backgroundSize: "cover",
-        backgroundPosition: "center"
-      };
-    }
-    if (color) {
-      return { backgroundColor: color };
-    }
-    return {};
-  }
-  if (color) {
-    return { backgroundColor: color };
-  }
-  return {};
-}
-
-// src/components/Image/index.tsx
-function Image({
-  image,
-  width,
-  dpr = 1,
-  placeholder: placeholderProp,
-  className,
-  style,
-  imgClassName,
-  imgStyle,
-  sizes,
-  loading: loadingProp,
-  onLoad,
-  objectFit = "cover",
-  priority = false,
-  fill = false,
-  imageRendering
-}) {
-  var _a, _b;
-  const [loaded, setLoaded] = (0, import_react5.useState)(false);
-  const firedRef = (0, import_react5.useRef)(false);
-  const isPixelRendering = imageRendering === "pixelated" || imageRendering === "crisp-edges";
-  const placeholder = placeholderProp != null ? placeholderProp : isPixelRendering ? "none" : "blur";
-  const loading = priority ? "eager" : loadingProp != null ? loadingProp : "lazy";
-  const aspectRatio = !fill && image.width && image.height ? `${image.width} / ${image.height}` : void 0;
-  const srcSet = getImageSrcSet(image);
-  const src = (_a = image.url) != null ? _a : void 0;
-  const hasLqip = placeholder === "blur" && !!image.lqip;
-  const placeholderStyle = getImagePlaceholderStyle(image, {
-    type: placeholder
-  });
-  const placeholderColor = !hasLqip && "backgroundColor" in placeholderStyle ? placeholderStyle.backgroundColor : void 0;
-  const fireLoad = (0, import_react5.useCallback)(() => {
-    if (firedRef.current) return;
-    firedRef.current = true;
-    setLoaded(true);
-    onLoad == null ? void 0 : onLoad();
-  }, [onLoad]);
-  const imgRef = (0, import_react5.useCallback)(
-    (node) => {
-      if (node && node.complete && node.naturalWidth > 0) {
-        fireLoad();
-      }
-    },
-    [fireLoad]
-  );
-  const containerStyle = __spreadValues(__spreadValues(__spreadValues({
-    position: "relative",
-    overflow: "hidden"
-  }, fill ? { width: "100%", height: "100%" } : {}), aspectRatio ? { aspectRatio } : {}), style);
-  const overlayBase = {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    width: "100%",
-    height: "100%",
-    opacity: loaded ? 0 : 1,
-    transition: "opacity 0.3s ease",
-    pointerEvents: "none"
-  };
-  const mainImgStyle = __spreadValues(__spreadProps(__spreadValues({
-    display: "block",
-    width: "100%",
-    height: "100%",
-    objectFit
-  }, imageRendering ? { imageRendering } : {}), {
-    opacity: loaded ? 1 : 0,
-    transition: "opacity 0.3s ease"
-  }), imgStyle);
-  return /* @__PURE__ */ import_react5.default.createElement("div", { className, style: containerStyle }, hasLqip && /* @__PURE__ */ import_react5.default.createElement(
-    "img",
-    {
-      "aria-hidden": true,
-      alt: "",
-      src: image.lqip,
-      style: __spreadProps(__spreadValues({}, overlayBase), {
-        display: "block",
-        objectFit,
-        filter: "blur(20px)",
-        transform: "scale(1.1)"
-      })
-    }
-  ), placeholderColor && /* @__PURE__ */ import_react5.default.createElement(
-    "div",
-    {
-      "aria-hidden": true,
-      style: __spreadProps(__spreadValues({}, overlayBase), {
-        backgroundColor: placeholderColor
-      })
-    }
-  ), /* @__PURE__ */ import_react5.default.createElement(
-    "img",
-    {
-      ref: imgRef,
-      alt: (_b = image.alt) != null ? _b : "",
-      src,
-      srcSet: srcSet || void 0,
-      sizes,
-      width: width ? width * dpr : void 0,
-      loading,
-      decoding: "async",
-      fetchPriority: priority ? "high" : void 0,
-      onLoad: fireLoad,
-      className: imgClassName,
-      style: mainImgStyle
-    }
-  ));
-}
-
-// src/components/CodeBlock/index.tsx
-var import_react7 = __toESM(require("react"), 1);
-
-// src/components/CodeBlock/highlight.ts
-var import_react6 = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_hast_util_to_jsx_runtime = require("hast-util-to-jsx-runtime");
-var import_shiki = require("shiki");
-var LANGUAGE_ALIASES = {
-  js: "javascript",
-  ts: "typescript",
-  sh: "bash",
-  shell: "bash",
-  yml: "yaml",
-  py: "python",
-  rb: "ruby",
-  plaintext: "text"
-};
-function normalizeLanguage(lang) {
-  return LANGUAGE_ALIASES[lang] || lang;
-}
-function highlight(code, lang, theme = "github-dark") {
-  return __async(this, null, function* () {
-    const normalized = normalizeLanguage(lang);
-    try {
-      const hast = yield (0, import_shiki.codeToHast)(code, {
-        lang: normalized,
-        theme
-      });
-      return (0, import_hast_util_to_jsx_runtime.toJsxRuntime)(hast, { Fragment: import_react6.Fragment, jsx: import_jsx_runtime.jsx, jsxs: import_jsx_runtime.jsxs });
-    } catch (e) {
-      const hast = yield (0, import_shiki.codeToHast)(code, { lang: "text", theme });
-      return (0, import_hast_util_to_jsx_runtime.toJsxRuntime)(hast, { Fragment: import_react6.Fragment, jsx: import_jsx_runtime.jsx, jsxs: import_jsx_runtime.jsxs });
-    }
-  });
-}
-
-// src/components/CodeBlock/index.tsx
-function CodeBlock({
-  code,
-  language = "typescript",
-  theme = "github-dark",
-  className,
-  initial,
-  showLineNumbers = false,
-  showCopyButton = true
-}) {
-  const [nodes, setNodes] = (0, import_react7.useState)(initial);
-  const [copied, setCopied] = (0, import_react7.useState)(false);
-  (0, import_react7.useEffect)(() => {
-    let cancelled = false;
-    void highlight(code, language, theme).then((el) => {
-      if (!cancelled) setNodes(el);
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [code, language, theme]);
-  const handleCopy = () => {
-    void navigator.clipboard.writeText(code).then(() => {
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
-    }, () => {
-    });
-  };
-  return /* @__PURE__ */ import_react7.default.createElement("div", { className, style: { position: "relative" } }, showCopyButton && /* @__PURE__ */ import_react7.default.createElement(
-    "button",
-    {
-      type: "button",
-      onClick: handleCopy,
-      "aria-label": "Copy code",
-      style: {
-        position: "absolute",
-        top: 8,
-        right: 8,
-        zIndex: 1,
-        padding: "4px 8px",
-        fontSize: 12,
-        lineHeight: 1,
-        border: "1px solid rgba(255,255,255,0.2)",
-        borderRadius: 4,
-        background: "rgba(0,0,0,0.3)",
-        color: "#ccc",
-        cursor: "pointer",
-        opacity: 0.7,
-        transition: "opacity 0.15s"
-      },
-      onMouseEnter: (e) => {
-        e.currentTarget.style.opacity = "1";
-      },
-      onMouseLeave: (e) => {
-        e.currentTarget.style.opacity = "0.7";
-      }
-    },
-    copied ? "Copied!" : "Copy"
-  ), showLineNumbers && nodes ? /* @__PURE__ */ import_react7.default.createElement("div", { style: { display: "flex" } }, /* @__PURE__ */ import_react7.default.createElement(
-    "div",
-    {
-      "aria-hidden": true,
-      style: {
-        padding: "1em 0.5em 1em 1em",
-        textAlign: "right",
-        userSelect: "none",
-        color: "rgba(255,255,255,0.3)",
-        fontFamily: "monospace",
-        fontSize: 13,
-        lineHeight: 1.5
-      }
-    },
-    code.split("\n").map((_, i) => /* @__PURE__ */ import_react7.default.createElement("div", { key: i }, i + 1))
-  ), /* @__PURE__ */ import_react7.default.createElement("div", { style: { flex: 1, overflow: "auto" } }, nodes)) : nodes != null ? nodes : /* @__PURE__ */ import_react7.default.createElement(
-    "pre",
-    {
-      style: {
-        margin: 0,
-        padding: "1em",
-        overflow: "auto",
-        fontFamily: "monospace",
-        fontSize: 13,
-        lineHeight: 1.5
-      }
-    },
-    /* @__PURE__ */ import_react7.default.createElement("code", null, code)
-  ));
-}
-//# sourceMappingURL=components.cjs.map
+//# sourceMappingURL=form.cjs.map