@multiplatform.one/forms 6.0.0

package/dist/jsx/fields/Geolocation/index.native.js

@@ -0,0 +1,478 @@
+"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 Geolocation_exports = {};
+__export(Geolocation_exports, {
+  Geolocation: () => Geolocation
+});
+module.exports = __toCommonJS(Geolocation_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_AdaptivePopup = require("../../AdaptivePopup/index.native.js");
+var import_Button = require("../../Button/index.native.js");
+var import_fieldLayout = require("../../fieldLayout.native.js");
+var import_InputParts = require("../../InputParts/index.native.js");
+var import_Skeleton = require("../../Skeleton/index.native.js");
+var import_colorRamps = require("../../shared/colorRamps.native.js");
+var import_utils = require("../../shared/utils.native.js");
+function parseGeoValue(value) {
+  try {
+    var parsed = JSON.parse(value);
+    return {
+      lat: typeof parsed.lat === "number" ? parsed.lat : 0,
+      lng: typeof parsed.lng === "number" ? parsed.lng : 0
+    };
+  } catch (unused) {
+    return {
+      lat: 0,
+      lng: 0
+    };
+  }
+}
+function clampLat(val) {
+  return Math.max(-90, Math.min(90, val));
+}
+function clampLng(val) {
+  return Math.max(-180, Math.min(180, val));
+}
+function useMapSrc(lat, lng) {
+  var delta = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 0.02;
+  return (0, import_react.useMemo)(function () {
+    var bbox = `${lng - delta},${lat - delta},${lng + delta},${lat + delta}`;
+    return `https://www.openstreetmap.org/export/embed.html?bbox=${bbox}&layer=mapnik&marker=${lat},${lng}`;
+  }, [lat, lng, delta]);
+}
+function DefaultMapPreview(param) {
+  var {
+    lat,
+    lng,
+    knobProps,
+    onExpand,
+    expandIcon
+  } = param;
+  var src = useMapSrc(lat, lng);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    ...knobProps.borderRadius,
+    ...knobProps.inputSurface,
+    borderColor: import_colorRamps.formInputColors.border.base,
+    overflow: "hidden",
+    height: 200,
+    position: "relative",
+    children: [import_tamagui.isWeb ? /* @__PURE__ */(0, import_jsx_runtime.jsx)("iframe", {
+      title: "Location preview",
+      src,
+      width: "100%",
+      height: "100%",
+      style: {
+        border: 0,
+        display: "block"
+      },
+      loading: "lazy"
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      flex: 1,
+      alignItems: "center",
+      justifyContent: "center",
+      backgroundColor: "$backgroundHover",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: "$colorSubtle",
+        fontSize: "$2",
+        children: "Map preview (web only)"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: "$colorSubtle",
+        fontSize: "$1",
+        children: `${lat.toFixed(4)}, ${lng.toFixed(4)}`
+      })]
+    }), onExpand && expandIcon && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      position: "absolute",
+      top: "$2",
+      right: "$2",
+      zIndex: 1,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+        size: "$2",
+        circular: true,
+        onPress: onExpand,
+        backgroundColor: "$background",
+        opacity: 0.9,
+        children: expandIcon
+      })
+    })]
+  });
+}
+function ExpandedMapView(param) {
+  var {
+    lat,
+    lng,
+    onChange: _onChange,
+    disabled: _disabled
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var src = useMapSrc(lat, lng, 0.05);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    flex: 1,
+    minHeight: 400,
+    borderRadius: knobProps.borderRadius.borderRadius,
+    overflow: "hidden",
+    children: import_tamagui.isWeb ? /* @__PURE__ */(0, import_jsx_runtime.jsx)("iframe", {
+      title: "Location selection",
+      src,
+      width: "100%",
+      height: "100%",
+      style: {
+        border: 0,
+        display: "block",
+        minHeight: 400
+      },
+      loading: "lazy"
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      flex: 1,
+      alignItems: "center",
+      justifyContent: "center",
+      backgroundColor: "$backgroundHover",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: "$colorSubtle",
+        fontSize: "$2",
+        children: "Map view (web only)"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        color: "$colorSubtle",
+        fontSize: "$1",
+        children: `${lat.toFixed(4)}, ${lng.toFixed(4)}`
+      })]
+    })
+  });
+}
+function GeoInputs(param) {
+  var {
+    coordinates,
+    onLatChange,
+    onLngChange,
+    onUseMyLocation,
+    onMapChange,
+    disabled,
+    readOnly,
+    locating,
+    knobProps,
+    locationIcon,
+    expandIcon,
+    renderMap,
+    required,
+    hasError
+  } = param;
+  var [expanded, setExpanded] = (0, import_react.useState)(false);
+  var handleExpand = expandIcon ? function () {
+    return setExpanded(true);
+  } : void 0;
+  var mapNode = renderMap ? renderMap({
+    lat: coordinates.lat,
+    lng: coordinates.lng,
+    onChange: onMapChange,
+    disabled,
+    knobProps
+  }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(DefaultMapPreview, {
+    lat: coordinates.lat,
+    lng: coordinates.lng,
+    knobProps,
+    onExpand: handleExpand,
+    expandIcon
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [mapNode, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      ...knobProps.gap,
+      alignItems: "flex-end",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        flex: 1,
+        gap: "$1",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: "$1",
+          ...knobProps.body,
+          color: import_colorRamps.formCommonColors.muted,
+          children: "Lat"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
+          size: knobProps.sizeToken,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Box, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Area, {
+              value: String(coordinates.lat),
+              onChangeText: readOnly ? void 0 : onLatChange,
+              readOnly,
+              "aria-readonly": readOnly || void 0,
+              disabled,
+              placeholder: "-90 to 90",
+              inputMode: "decimal",
+              "aria-required": required || void 0,
+              "aria-invalid": hasError || void 0
+            })
+          })
+        })]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        flex: 1,
+        gap: "$1",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: "$1",
+          ...knobProps.body,
+          color: import_colorRamps.formCommonColors.muted,
+          children: "Lng"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
+          size: knobProps.sizeToken,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Box, {
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Area, {
+              value: String(coordinates.lng),
+              onChangeText: readOnly ? void 0 : onLngChange,
+              readOnly,
+              "aria-readonly": readOnly || void 0,
+              disabled,
+              placeholder: "-180 to 180",
+              inputMode: "decimal",
+              "aria-required": required || void 0,
+              "aria-invalid": hasError || void 0
+            })
+          })
+        })]
+      }), !readOnly && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+        size: knobProps.sizeToken,
+        disabled: disabled || locating,
+        onPress: onUseMyLocation,
+        flexShrink: 0,
+        icon: locating ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {
+          size: "small"
+        }) : locationIcon,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button.Text, {
+          children: locating ? "Locating..." : "Locate"
+        })
+      })]
+    }), expandIcon && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_AdaptivePopup.AdaptivePopup, {
+      open: expanded,
+      onOpenChange: setExpanded,
+      title: "Select Location",
+      size: "lg",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ExpandedMapView, {
+        lat: coordinates.lat,
+        lng: coordinates.lng,
+        onChange: onMapChange,
+        disabled
+      })
+    })]
+  });
+}
+function Geolocation(param) {
+  var {
+    name,
+    form: formProp,
+    validators,
+    label,
+    labelProps,
+    helperText,
+    error,
+    required,
+    size,
+    id: idProp,
+    value,
+    defaultValue,
+    onChange,
+    onBlur,
+    disabled,
+    readOnly,
+    locationIcon,
+    expandIcon,
+    renderMap,
+    skeleton,
+    compact
+  } = param;
+  var {
+    resolvedForm,
+    knobProps,
+    id
+  } = (0, import_utils.useFormField)({
+    form: formProp,
+    id: idProp,
+    compact
+  });
+  var resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);
+  var [locating, setLocating] = (0, import_react.useState)(false);
+  var [geoError, setGeoError] = (0, import_react.useState)();
+  var makeHandlers = (0, import_react.useCallback)(function (currentValue, onValueChange) {
+    var coordinates = currentValue ? parseGeoValue(currentValue) : {
+      lat: 0,
+      lng: 0
+    };
+    return {
+      coordinates,
+      onLatChange: function onLatChange(text) {
+        var parsedNumber = Number.parseFloat(text);
+        if (Number.isNaN(parsedNumber) && text !== "" && text !== "-") return;
+        var lat = Number.isNaN(parsedNumber) ? 0 : clampLat(parsedNumber);
+        onValueChange(JSON.stringify({
+          lat,
+          lng: coordinates.lng
+        }));
+      },
+      onLngChange: function onLngChange(text) {
+        var parsedNumber = Number.parseFloat(text);
+        if (Number.isNaN(parsedNumber) && text !== "" && text !== "-") return;
+        var lng = Number.isNaN(parsedNumber) ? 0 : clampLng(parsedNumber);
+        onValueChange(JSON.stringify({
+          lat: coordinates.lat,
+          lng
+        }));
+      },
+      onMapChange: function onMapChange(lat, lng) {
+        onValueChange(JSON.stringify({
+          lat: clampLat(lat),
+          lng: clampLng(lng)
+        }));
+      },
+      onUseMyLocation: function onUseMyLocation() {
+        var _navigator;
+        if (disabled || readOnly) return;
+        if (!((_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.geolocation)) {
+          setGeoError("Geolocation is not supported by this browser");
+          return;
+        }
+        setLocating(true);
+        setGeoError(void 0);
+        navigator.geolocation.getCurrentPosition(function (position) {
+          var lat = clampLat(position.coords.latitude);
+          var lng = clampLng(position.coords.longitude);
+          onValueChange(JSON.stringify({
+            lat,
+            lng
+          }));
+          setLocating(false);
+        }, function (err) {
+          setGeoError(err.message || "Failed to get location");
+          setLocating(false);
+        }, {
+          enableHighAccuracy: true,
+          timeout: 1e4
+        });
+      }
+    };
+  }, [disabled]);
+  if (skeleton) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_fieldLayout.FieldLayout, {
+      id,
+      label,
+      size,
+      knobProps,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+        variant: "rounded",
+        width: "100%",
+        height: 200
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        ...knobProps.gap,
+        width: "100%",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+          variant: "rounded",
+          width: "100%",
+          height: knobProps.sizeToken,
+          flex: 1
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+          variant: "rounded",
+          width: "100%",
+          height: knobProps.sizeToken,
+          flex: 1
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+          variant: "rounded",
+          width: 80,
+          height: knobProps.sizeToken
+        })]
+      })]
+    });
+  }
+  var displayError = error || geoError;
+  if (!resolvedForm || !name) {
+    var handlers = makeHandlers(value || "", function (v) {
+      return onChange === null || onChange === void 0 ? void 0 : onChange(v);
+    });
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error: displayError,
+      helperText,
+      required,
+      size,
+      knobProps,
+      onBlur,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(GeoInputs, {
+        coordinates: handlers.coordinates,
+        onLatChange: handlers.onLatChange,
+        onLngChange: handlers.onLngChange,
+        onUseMyLocation: handlers.onUseMyLocation,
+        onMapChange: handlers.onMapChange,
+        disabled: !!disabled,
+        readOnly: !!readOnly,
+        locating,
+        knobProps,
+        locationIcon,
+        expandIcon,
+        renderMap,
+        required,
+        hasError: !!displayError
+      })
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.Field, {
+    form: resolvedForm,
+    name,
+    defaultValue,
+    validators: resolvedValidators,
+    children: function children(field) {
+      var resolvedError = (0, import_utils.getFieldError)(field, displayError);
+      var handlers2 = makeHandlers(field.state.value || "", function (v) {
+        field.handleChange(v);
+        onChange === null || onChange === void 0 ? void 0 : onChange(v);
+      });
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+        id,
+        label,
+        labelProps,
+        error: resolvedError,
+        helperText,
+        required,
+        size,
+        knobProps,
+        onBlur: (0, import_utils.mergeFieldHandler)(field, "handleBlur", onBlur),
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(GeoInputs, {
+          coordinates: handlers2.coordinates,
+          onLatChange: handlers2.onLatChange,
+          onLngChange: handlers2.onLngChange,
+          onUseMyLocation: handlers2.onUseMyLocation,
+          onMapChange: handlers2.onMapChange,
+          disabled: !!disabled,
+          locating,
+          knobProps,
+          locationIcon,
+          expandIcon,
+          renderMap,
+          required,
+          hasError: !!resolvedError
+        })
+      });
+    }
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/jsx/fields/Geolocation/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Geolocation_exports","Geolocation","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","import_AdaptivePopup","import_Button","import_fieldLayout","import_InputParts","import_Skeleton","import_colorRamps","import_utils","parseGeoValue","parsed","JSON","parse","lat","lng","unused","clampLat","val","Math","max","min","clampLng","useMapSrc","delta","arguments","length","useMemo","bbox","DefaultMapPreview","param","knobProps","onExpand","expandIcon","src","jsxs","YStack","borderRadius","inputSurface","borderColor","formInputColors","border","base","overflow","height","position","children","isWeb","jsx","title","width","style","display","loading","flex","alignItems","justifyContent","backgroundColor","Text","color","fontSize","toFixed","View","top","right","zIndex","Button","size","circular","onPress","opacity","ExpandedMapView","onChange","_onChange","disabled","_disabled","useResolvedKnobs","minHeight","GeoInputs","coordinates","onLatChange","onLngChange","onUseMyLocation","onMapChange","readOnly","locating","locationIcon","renderMap","required","hasError","expanded","setExpanded","useState","handleExpand","mapNode","Fragment","XStack","gap","body","formCommonColors","muted","Input","sizeToken","Box","Area","String","onChangeText","placeholder","inputMode","flexShrink","icon","Spinner","AdaptivePopup","open","onOpenChange","form","formProp","validators","label","labelProps","helperText","error","id","idProp","defaultValue","onBlur","skeleton","compact","resolvedForm","useFormField","resolvedValidators","useResolvedValidators","setLocating","geoError","setGeoError","makeHandlers","useCallback","currentValue","onValueChange","text","parsedNumber","Number","parseFloat","isNaN","stringify","_navigator","navigator","geolocation","getCurrentPosition","coords","latitude","longitude","err","message","enableHighAccuracy","timeout","FieldLayout","Skeleton","variant","displayError","handlers","v"],"sources":["../../../../src/fields/Geolocation/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/fields/ImageField/ImageField.spec.mjs

@@ -0,0 +1,83 @@
+import { describe, expect, it } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Form } from "../../Form/index.mjs";
+import { ImageField } from "./index.mjs";
+import { jsx } from "react/jsx-runtime";
+describe("ImageField", () => {
+  describe("without form context", () => {
+    it("renders with label", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(ImageField, {
+        label: "Avatar",
+        name: "avatar"
+      }));
+      expect(result.findTextElement("Avatar")).toBeDefined();
+    });
+    it("renders required label with asterisk", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(ImageField, {
+        label: "Required",
+        name: "req",
+        required: true
+      }));
+      const label = result.container.querySelector("label");
+      expect(label?.textContent).toContain("*");
+    });
+    it("renders with helper text", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(ImageField, {
+        label: "Image",
+        name: "img",
+        helperText: "Upload an image"
+      }));
+      expect(result.findTextElement("Upload an image")).toBeDefined();
+    });
+    it("renders skeleton placeholder", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(ImageField, {
+        label: "Loading",
+        name: "l",
+        skeleton: true
+      }));
+      expect(result.container.querySelector("input[type='file']")).toBeNull();
+    });
+    it("renders file input for upload", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(ImageField, {
+        label: "Upload",
+        name: "u"
+      }));
+      const input = result.container.querySelector("input[type='file']");
+      expect(input).toBeTruthy();
+    });
+    it("renders with placeholder text", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(ImageField, {
+        label: "Image",
+        name: "img",
+        placeholder: "Click to upload"
+      }));
+      expect(result.findTextElement("Click to upload")).toBeDefined();
+    });
+    it("renders disabled state", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(ImageField, {
+        label: "Disabled",
+        name: "d",
+        disabled: true
+      }));
+      expect(result.findTextElement("Disabled")).toBeDefined();
+    });
+  });
+  describe("with form context", () => {
+    it("renders inside form", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Form, {
+        formOptions: {
+          defaultValues: {
+            avatar: null
+          }
+        },
+        submitText: "Submit",
+        children: /* @__PURE__ */jsx(ImageField, {
+          name: "avatar",
+          label: "Avatar"
+        })
+      }));
+      expect(result.findTextElement("Avatar")).toBeDefined();
+    });
+  });
+});
+//# sourceMappingURL=ImageField.spec.mjs.map

package/dist/jsx/fields/ImageField/ImageField.spec.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["describe","expect","it","renderWithProviders","Form","ImageField","jsx","result","label","name","findTextElement","toBeDefined","required","container","querySelector","textContent","toContain","helperText","skeleton","toBeNull","input","toBeTruthy","placeholder","disabled","formOptions","defaultValues","avatar","submitText","children"],"sources":["../../../../src/fields/ImageField/ImageField.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/fields/ImageField/ImageField.spec.native.js

@@ -0,0 +1,85 @@
+"use strict";
+
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_vitest = require("vitest");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_Form = require("../../Form/index.native.js");
+var import_index = require("./index.native.js");
+(0, import_vitest.describe)("ImageField", function () {
+  (0, import_vitest.describe)("without form context", function () {
+    (0, import_vitest.it)("renders with label", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+        label: "Avatar",
+        name: "avatar"
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Avatar")).toBeDefined();
+    });
+    (0, import_vitest.it)("renders required label with asterisk", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+        label: "Required",
+        name: "req",
+        required: true
+      }));
+      var label = result.container.querySelector("label");
+      (0, import_vitest.expect)(label === null || label === void 0 ? void 0 : label.textContent).toContain("*");
+    });
+    (0, import_vitest.it)("renders with helper text", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+        label: "Image",
+        name: "img",
+        helperText: "Upload an image"
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Upload an image")).toBeDefined();
+    });
+    (0, import_vitest.it)("renders skeleton placeholder", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+        label: "Loading",
+        name: "l",
+        skeleton: true
+      }));
+      (0, import_vitest.expect)(result.container.querySelector("input[type='file']")).toBeNull();
+    });
+    (0, import_vitest.it)("renders file input for upload", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+        label: "Upload",
+        name: "u"
+      }));
+      var input = result.container.querySelector("input[type='file']");
+      (0, import_vitest.expect)(input).toBeTruthy();
+    });
+    (0, import_vitest.it)("renders with placeholder text", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+        label: "Image",
+        name: "img",
+        placeholder: "Click to upload"
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Click to upload")).toBeDefined();
+    });
+    (0, import_vitest.it)("renders disabled state", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+        label: "Disabled",
+        name: "d",
+        disabled: true
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Disabled")).toBeDefined();
+    });
+  });
+  (0, import_vitest.describe)("with form context", function () {
+    (0, import_vitest.it)("renders inside form", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Form.Form, {
+        formOptions: {
+          defaultValues: {
+            avatar: null
+          }
+        },
+        submitText: "Submit",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.ImageField, {
+          name: "avatar",
+          label: "Avatar"
+        })
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Avatar")).toBeDefined();
+    });
+  });
+});
+//# sourceMappingURL=ImageField.spec.native.js.map