@multiplatform.one/frappe-ui 6.0.0

package/dist/cjs/fields/Duration/index.native.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Duration_exports = {};
+__export(Duration_exports, {
+  Duration: () => Duration
+});
+module.exports = __toCommonJS(Duration_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_forms = require("@multiplatform.one/forms");
+var import_react = require("@phosphor-icons/react");
+var import_tamagui = require("tamagui");
+function Duration(props) {
+  var resolvedProps = (0, import_tamagui.useProps)(props);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Duration, {
+    clockIcon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ClockIcon, {
+      size: 16
+    }),
+    ...resolvedProps
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/fields/Duration/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Duration_exports","__export","Duration","module","exports","import_jsx_runtime","require","import_forms","import_react","import_tamagui","props","resolvedProps","useProps","jsx"],"sources":["../../../../src/fields/Duration/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAA0C,CAAAK,gBAAA;AAC1C,IAAAK,kBAA0B,GAAAC,OAAA;AAC1B,IAAAC,YAAA,GAAAD,OAAyB;AAMU,IAAAE,YAAA,GAAAF,OAAA;AAF5B,IAAAG,cAAkB,GAAAH,OAAsB;AAC7C,SAAMJ,SAAAQ,KAAA;EACN,IAAAC,aAAO,OAAAF,cAAA,CAAAG,QAAA,EAAAF,KAAC;EACV,0BAAAL,kBAAA,CAAAQ,GAAA,EAAAN,YAAA,CAAAL,QAAA","ignoreList":[]}

package/dist/cjs/fields/DynamicLink.cjs

@@ -0,0 +1,152 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var DynamicLink_exports = {};
+__export(DynamicLink_exports, {
+  DynamicLink: () => DynamicLink
+});
+module.exports = __toCommonJS(DynamicLink_exports);
+var import_frappe = require("@multiplatform.one/frappe");
+var import_react = require("@phosphor-icons/react");
+var import_theme = require("@multiplatform.one/theme");
+var import_react2 = require("react");
+var import_tamagui = require("tamagui");
+var import_FrappeProvider = require("../FrappeProvider.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function DynamicLink({
+  label,
+  value,
+  onChange,
+  doctypeFieldValue,
+  onDoctypeChange,
+  doctypes = [],
+  disabled = false,
+  required = false,
+  baseURL,
+  auth
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const config = (0, import_FrappeProvider.useFrappeConfig)();
+  const [selectedDoctype, setSelectedDoctype] = (0, import_react2.useState)(doctypeFieldValue || "");
+  const finalBaseURL = baseURL ?? config?.baseURL ?? "";
+  const finalConfig = finalBaseURL ? {
+    baseURL: finalBaseURL,
+    socketPort: config?.socketPort,
+    auth: auth ?? config?.auth,
+    syncOptions: config?.syncOptions,
+    fixtures: config?.fixtures
+  } : void 0;
+  const documentsCollection = (0, import_frappe.useFrappeCollection)(finalConfig, selectedDoctype, selectedDoctype ? {
+    fields: ["name"]
+  } : void 0);
+  const {
+    data: rawDocuments
+  } = (0, import_frappe.useLiveQuery)(q => documentsCollection ? q.from({
+    _list: documentsCollection
+  }) : null, [documentsCollection]);
+  const documents = (0, import_react2.useMemo)(() => rawDocuments ?? [], [rawDocuments]);
+  const handleDoctypeChange = doctype => {
+    setSelectedDoctype(doctype);
+    onDoctypeChange?.(doctype);
+    onChange("");
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    ...knobProps.gap,
+    children: [label && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Label, {
+      children: [label, required && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: "$red10",
+        children: " *"
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      ...knobProps.gap,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Select, {
+        size: knobProps.sizeToken,
+        ...{
+          value: selectedDoctype,
+          onValueChange: handleDoctypeChange,
+          disabled
+        },
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, {
+          iconAfter: import_react.CaretDownIcon,
+          disabled,
+          ...knobProps.borderRadius,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, {
+            placeholder: "Select DocType"
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Content, {
+          ...{
+            backgroundColor: "$background"
+          },
+          ...knobProps.borderRadius,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Viewport, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Select.Group, {
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Label, {
+                children: "DocType"
+              }), doctypes.map((doctype, i) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Item, {
+                index: i,
+                value: doctype,
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemText, {
+                  children: doctype
+                })
+              }, doctype))]
+            })
+          })
+        })]
+      }), selectedDoctype && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Select, {
+        size: knobProps.sizeToken,
+        ...{
+          value,
+          onValueChange: onChange,
+          disabled: disabled || !documents || documents.length === 0
+        },
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, {
+          iconAfter: import_react.CaretDownIcon,
+          disabled: disabled || !documents || documents.length === 0,
+          ...knobProps.borderRadius,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, {
+            placeholder: `Select ${selectedDoctype}`
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Content, {
+          ...{
+            backgroundColor: "$background"
+          },
+          ...knobProps.borderRadius,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Viewport, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Select.Group, {
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Label, {
+                children: selectedDoctype
+              }), documents?.map((doc, i) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Item, {
+                index: i,
+                value: doc.name || "",
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemText, {
+                  children: doc.name
+                })
+              }, doc.name))]
+            })
+          })
+        })]
+      })]
+    })]
+  });
+}

package/dist/cjs/fields/DynamicLink.native.js

@@ -0,0 +1,172 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var DynamicLink_exports = {};
+__export(DynamicLink_exports, {
+  DynamicLink: () => DynamicLink
+});
+module.exports = __toCommonJS(DynamicLink_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_frappe = require("@multiplatform.one/frappe");
+var import_react = require("@phosphor-icons/react");
+var import_theme = require("@multiplatform.one/theme");
+var import_react2 = __toESM(require("react"));
+var import_tamagui = require("tamagui");
+var import_FrappeProvider = require("../FrappeProvider.native.js");
+function DynamicLink(param) {
+  var {
+    label,
+    value,
+    onChange,
+    doctypeFieldValue,
+    onDoctypeChange,
+    doctypes = [],
+    disabled = false,
+    required = false,
+    baseURL,
+    auth
+  } = param;
+  var _ref;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var config = (0, import_FrappeProvider.useFrappeConfig)();
+  var [selectedDoctype, setSelectedDoctype] = (0, import_react2.useState)(doctypeFieldValue || "");
+  var finalBaseURL = (_ref = baseURL !== null && baseURL !== void 0 ? baseURL : config === null || config === void 0 ? void 0 : config.baseURL) !== null && _ref !== void 0 ? _ref : "";
+  var finalConfig = finalBaseURL ? {
+    baseURL: finalBaseURL,
+    socketPort: config === null || config === void 0 ? void 0 : config.socketPort,
+    auth: auth !== null && auth !== void 0 ? auth : config === null || config === void 0 ? void 0 : config.auth,
+    syncOptions: config === null || config === void 0 ? void 0 : config.syncOptions,
+    fixtures: config === null || config === void 0 ? void 0 : config.fixtures
+  } : void 0;
+  var documentsCollection = (0, import_frappe.useFrappeCollection)(finalConfig, selectedDoctype, selectedDoctype ? {
+    fields: ["name"]
+  } : void 0);
+  var {
+    data: rawDocuments
+  } = (0, import_frappe.useLiveQuery)(function (q) {
+    return documentsCollection ? q.from({
+      _list: documentsCollection
+    }) : null;
+  }, [documentsCollection]);
+  var documents = (0, import_react2.useMemo)(function () {
+    return rawDocuments !== null && rawDocuments !== void 0 ? rawDocuments : [];
+  }, [rawDocuments]);
+  var handleDoctypeChange = function handleDoctypeChange2(doctype) {
+    setSelectedDoctype(doctype);
+    onDoctypeChange === null || onDoctypeChange === void 0 ? void 0 : onDoctypeChange(doctype);
+    onChange("");
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    ...knobProps.gap,
+    children: [label && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Label, {
+      children: [label, required && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: "$red10",
+        children: " *"
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      ...knobProps.gap,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Select, {
+        size: knobProps.sizeToken,
+        ...{
+          value: selectedDoctype,
+          onValueChange: handleDoctypeChange,
+          disabled
+        },
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, {
+          iconAfter: import_react.CaretDownIcon,
+          disabled,
+          ...knobProps.borderRadius,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, {
+            placeholder: "Select DocType"
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Content, {
+          backgroundColor: "$background",
+          ...knobProps.borderRadius,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Viewport, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Select.Group, {
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Label, {
+                children: "DocType"
+              }), doctypes.map(function (doctype, i) {
+                return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Item, {
+                  index: i,
+                  value: doctype,
+                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemText, {
+                    children: doctype
+                  })
+                }, doctype);
+              })]
+            })
+          })
+        })]
+      }), selectedDoctype && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Select, {
+        size: knobProps.sizeToken,
+        ...{
+          value,
+          onValueChange: onChange,
+          disabled: disabled || !documents || documents.length === 0
+        },
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, {
+          iconAfter: import_react.CaretDownIcon,
+          disabled: disabled || !documents || documents.length === 0,
+          ...knobProps.borderRadius,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, {
+            placeholder: `Select ${selectedDoctype}`
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Content, {
+          backgroundColor: "$background",
+          ...knobProps.borderRadius,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Viewport, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Select.Group, {
+              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Label, {
+                children: selectedDoctype
+              }), documents === null || documents === void 0 ? void 0 : documents.map(function (doc, i) {
+                return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.Item, {
+                  index: i,
+                  value: doc.name || "",
+                  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemText, {
+                    children: doc.name
+                  })
+                }, doc.name);
+              })]
+            })
+          })
+        })]
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=DynamicLink.native.js.map

package/dist/cjs/fields/DynamicLink.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["to","__toESM","mod","isNodeMode","target","__create","__getProtoOf","__copyProps","__esModule","__defProp","value","enumerable","__toCommonJS","DynamicLink_exports","__export","DynamicLink","module","exports","import_jsx_runtime","require","import_frappe","import_react","import_theme","import_react2","import_tamagui","import_FrappeProvider","param","label","onChange","doctypeFieldValue","onDoctypeChange","doctypes","disabled","required","baseURL","auth","_ref","knobProps","useResolvedKnobs","config","useFrappeConfig","selectedDoctype","setSelectedDoctype","useState","finalBaseURL","finalConfig","socketPort","syncOptions","fixtures","documentsCollection","useFrappeCollection","fields","data","rawDocuments","useLiveQuery","q","from","_list","documents","useMemo","handleDoctypeChange","handleDoctypeChange2","doctype","jsxs","YStack","gap","children","Label","jsx","Text","color","Select","size","sizeToken","onValueChange","Trigger","iconAfter","CaretDownIcon","borderRadius","Value","placeholder","Content","backgroundColor","Viewport","Group","map","i","Item","index","ItemText"],"sources":["../../../src/fields/DynamicLink.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/fields/FileUpload.cjs

@@ -0,0 +1,188 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var FileUpload_exports = {};
+__export(FileUpload_exports, {
+  FileUpload: () => FileUpload
+});
+module.exports = __toCommonJS(FileUpload_exports);
+var import_frappe = require("@multiplatform.one/frappe");
+var import_react = require("@phosphor-icons/react");
+var import_theme = require("@multiplatform.one/theme");
+var import_react2 = require("react");
+var import_tamagui = require("tamagui");
+var import_FrappeProvider = require("../FrappeProvider.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function FileUpload({
+  label,
+  value,
+  onChange,
+  accept,
+  isImage = false,
+  disabled = false,
+  required = false,
+  maxSize = 5 * 1024 * 1024,
+  baseURL,
+  auth
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const config = (0, import_FrappeProvider.useFrappeConfig)();
+  const fileInputRef = (0, import_react2.useRef)(null);
+  const [uploading, setUploading] = (0, import_react2.useState)(false);
+  const [error, setError] = (0, import_react2.useState)(null);
+  const finalBaseURL = baseURL ?? config?.baseURL ?? "";
+  const finalConfig = finalBaseURL ? {
+    baseURL: finalBaseURL,
+    socketPort: config?.socketPort,
+    auth: auth ?? config?.auth,
+    syncOptions: config?.syncOptions,
+    fixtures: config?.fixtures
+  } : void 0;
+  const fileCollection = (0, import_frappe.useFrappeCollection)(finalConfig, "File", {
+    fields: ["name", "file_name", "file_url", "is_private"]
+  });
+  const handleFileSelect = async event => {
+    const file = event.target.files?.[0];
+    if (!file) return;
+    if (maxSize && file.size > maxSize) {
+      setError(`File size exceeds ${Math.round(maxSize / 1024 / 1024)}MB limit`);
+      return;
+    }
+    setError(null);
+    setUploading(true);
+    try {
+      const reader = new FileReader();
+      reader.onload = async e => {
+        try {
+          const base64 = e.target?.result;
+          if (fileCollection) {
+            const tx = fileCollection.insert({
+              doctype: "File",
+              name: `new-${Date.now()}`,
+              file_name: file.name,
+              file_url: base64,
+              is_private: 0
+            });
+            await tx.isPersisted.promise;
+          }
+          onChange(base64);
+        } catch (err) {
+          setError(err instanceof Error ? err.message : "Upload failed");
+        } finally {
+          setUploading(false);
+        }
+      };
+      reader.onerror = () => {
+        setError("Failed to read file");
+        setUploading(false);
+      };
+      reader.readAsDataURL(file);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Upload failed");
+      setUploading(false);
+    }
+  };
+  const handleRemove = () => {
+    onChange("");
+    if (fileInputRef.current) {
+      fileInputRef.current.value = "";
+    }
+  };
+  const handleClick = () => {
+    fileInputRef.current?.click();
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    ...knobProps.gap,
+    children: [label && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Label, {
+      children: [label, required && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: "$red10",
+        children: " *"
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)("input", {
+      ref: fileInputRef,
+      type: "file",
+      accept: accept || (isImage ? "image/*" : void 0),
+      style: {
+        display: "none"
+      },
+      onChange: handleFileSelect,
+      disabled: disabled || uploading
+    }), !value ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+      size: "$3",
+      icon: uploading ? import_tamagui.Spinner : import_react.UploadIcon,
+      disabled: disabled || uploading,
+      onPress: handleClick,
+      ...knobProps.borderRadius,
+      children: uploading ? "Uploading..." : "Choose File"
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      ...knobProps.gap,
+      children: [isImage ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Image, {
+        source: {
+          uri: value
+        },
+        width: 200,
+        height: 200,
+        ...knobProps.borderRadius,
+        resizeMode: "cover"
+      }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        gap: "$2",
+        alignItems: "center",
+        ...knobProps.panelPadding,
+        ...{
+          backgroundColor: "$color2"
+        },
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.FileIcon, {
+          size: 20
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          flex: 1,
+          numberOfLines: 1,
+          children: value.split("/").pop() || value
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        ...knobProps.gap,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+          size: "$2",
+          variant: "outlined",
+          icon: import_react.UploadIcon,
+          disabled: disabled || uploading,
+          onPress: handleClick,
+          ...knobProps.borderRadius,
+          children: "Replace"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+          size: "$2",
+          variant: "outlined",
+          icon: import_react.XIcon,
+          disabled: disabled || uploading,
+          onPress: handleRemove,
+          ...knobProps.borderRadius,
+          children: "Remove"
+        })]
+      })]
+    }), error && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      color: "$red10",
+      fontSize: "$2",
+      children: error
+    })]
+  });
+}