@page-speed/forms 0.7.1 → 0.7.3

package/dist/{FormContext-DsNPeCv0.d.ts → FormContext-CRP1KNiH.d.ts}

@@ -1,4 +1,4 @@
-import { b as FormValues, U as UseFormOptions, m as UseFormReturn, p as UseFieldOptions, q as UseFieldReturn, r as FormProps, s as FieldProps } from './types-CrWhdYGP.js';
+import { b as FormValues, U as UseFormOptions, m as UseFormReturn, p as UseFieldOptions, q as UseFieldReturn, r as FormProps, s as FieldProps } from './types-BfZYTL89.js';
 import * as React from 'react';
 
 /**

package/dist/{FormContext-6c1ttFt2.d.cts → FormContext-DmdEAIQ7.d.cts}

@@ -1,4 +1,4 @@
-import { b as FormValues, U as UseFormOptions, m as UseFormReturn, p as UseFieldOptions, q as UseFieldReturn, r as FormProps, s as FieldProps } from './types-CrWhdYGP.cjs';
+import { b as FormValues, U as UseFormOptions, m as UseFormReturn, p as UseFieldOptions, q as UseFieldReturn, r as FormProps, s as FieldProps } from './types-BfZYTL89.cjs';
 import * as React from 'react';
 
 /**

package/dist/{chunk-ER3C5JAE.cjs → chunk-4K6J2DOK.cjs}

@@ -2338,7 +2338,7 @@ function FileUploadDropzone(props) {
       tabIndex: context.disabled ? -1 : 0,
       ...dropzoneProps,
       className: chunkWQ4HD5UD_cjs.cn(
-        "relative flex select-none flex-col items-center justify-center gap-2 rounded-lg border-2 border-dashed p-6 outline-none transition-colors hover:bg-accent/30 focus-visible:border-ring/50 data-disabled:pointer-events-none data-dragging:border-primary/30 data-dragging:bg-accent/30 data-invalid:ring-destructive/20",
+        "relative flex select-none flex-col items-center justify-center gap-2 rounded-lg border border-dashed p-6 outline-none transition-colors hover:bg-accent/50 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/20 data-disabled:pointer-events-none data-disabled:opacity-50 data-dragging:border-ring data-dragging:bg-accent/50 data-invalid:border-destructive data-invalid:ring-destructive/20",
         className
       ),
       onClick,
@@ -2680,7 +2680,9 @@ function FileInput({
     (incomingFiles) => {
       const nextFiles = multiple ? incomingFiles : incomingFiles.slice(-1);
       if (onFileRemove && nextFiles.length < normalizedValue.length) {
-        const nextFileIds = new Set(nextFiles.map((file) => fileIdentity(file)));
+        const nextFileIds = new Set(
+          nextFiles.map((file) => fileIdentity(file))
+        );
         normalizedValue.forEach((file, index) => {
           if (!nextFileIds.has(fileIdentity(file))) {
             onFileRemove(file, index);
@@ -2820,9 +2822,12 @@ function FileInput({
     setImageToCrop({ file, url: previewUrl });
     setCropperOpen(true);
   }, []);
-  const onCropChange = React19__namespace.useCallback((nextCrop) => {
-    setCrop(nextCrop);
-  }, []);
+  const onCropChange = React19__namespace.useCallback(
+    (nextCrop) => {
+      setCrop(nextCrop);
+    },
+    []
+  );
   const onZoomChange = React19__namespace.useCallback((nextZoom) => {
     setZoom(nextZoom);
   }, []);
@@ -2880,29 +2885,30 @@ function FileInput({
         "aria-label": placeholder,
         className: chunkWQ4HD5UD_cjs.cn(
           "flex min-h-32 w-full cursor-pointer items-center justify-center border-input bg-transparent p-6 transition-colors",
-          "hover:bg-accent/50 hover:border-ring",
-          "data-[dragging]:bg-accent data-[dragging]:border-ring",
+          "hover:bg-accent/50",
+          "data-[dragging]:bg-accent/50",
           disabled && "cursor-not-allowed opacity-50",
           error && "border-destructive"
         )
       },
-      /* @__PURE__ */ React19__namespace.createElement("div", { className: "flex flex-col items-center gap-2 text-center" }, /* @__PURE__ */ React19__namespace.createElement(
+      /* @__PURE__ */ React19__namespace.createElement("div", { className: "flex flex-col items-center gap-1 text-center" }, /* @__PURE__ */ React19__namespace.createElement("div", { className: "flex items-center justify-center rounded-full border p-2.5" }, /* @__PURE__ */ React19__namespace.createElement(
         "svg",
         {
-          width: "48",
-          height: "48",
+          width: "24",
+          height: "24",
           viewBox: "0 0 24 24",
           fill: "none",
           stroke: "currentColor",
           strokeWidth: "2",
           strokeLinecap: "round",
           strokeLinejoin: "round",
+          className: "text-muted-foreground",
           "aria-hidden": "true"
         },
         /* @__PURE__ */ React19__namespace.createElement("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
         /* @__PURE__ */ React19__namespace.createElement("polyline", { points: "17 8 12 3 7 8" }),
         /* @__PURE__ */ React19__namespace.createElement("line", { x1: "12", y1: "3", x2: "12", y2: "15" })
-      ), /* @__PURE__ */ React19__namespace.createElement("p", { className: "text-sm font-medium" }, fileCountLabel), accept && /* @__PURE__ */ React19__namespace.createElement("p", { className: "text-xs" }, "Accepted: ", accept), /* @__PURE__ */ React19__namespace.createElement("p", { className: "text-xs" }, "Max size: ", formatFileSize(maxSize)))
+      )), /* @__PURE__ */ React19__namespace.createElement("p", { className: "text-sm font-medium" }, fileCountLabel), accept && /* @__PURE__ */ React19__namespace.createElement("p", { className: "text-muted-foreground text-xs" }, "Accepted: ", accept), /* @__PURE__ */ React19__namespace.createElement("p", { className: "text-muted-foreground text-xs" }, "Max size: ", formatFileSize(maxSize)))
     ),
     /* @__PURE__ */ React19__namespace.createElement(FileUploadList, { className: "mt-4" }, normalizedValue.map((file, index) => {
       const progressValue = uploadProgress[file.name];
@@ -2912,10 +2918,10 @@ function FileInput({
         {
           key: `${file.name}-${index}`,
           value: file,
-          className: "flex items-center gap-3 border-border bg-card text-card-foreground hover:bg-primary/50 transition-colors"
+          className: "flex items-center gap-3 border-border bg-card text-card-foreground hover:bg-accent/50 transition-colors"
         },
         showPreview ? /* @__PURE__ */ React19__namespace.createElement(FileUploadItemPreview, { className: "h-12 w-12 rounded [&>img]:h-full [&>img]:w-full [&>img]:object-cover [&>svg]:size-6" }) : null,
-        /* @__PURE__ */ React19__namespace.createElement("div", { className: "flex min-w-0 flex-1 flex-col" }, /* @__PURE__ */ React19__namespace.createElement(FileUploadItemMetadata, { className: "min-w-0" }), /* @__PURE__ */ React19__namespace.createElement("span", { className: "text-xs" }, formatFileSize(file.size)), hasProgress ? /* @__PURE__ */ React19__namespace.createElement("div", { className: "mt-1 flex items-center gap-2" }, /* @__PURE__ */ React19__namespace.createElement(
+        /* @__PURE__ */ React19__namespace.createElement("div", { className: "flex min-w-0 flex-1 flex-col" }, /* @__PURE__ */ React19__namespace.createElement(FileUploadItemMetadata, { className: "min-w-0" }), hasProgress && progressValue < 100 ? /* @__PURE__ */ React19__namespace.createElement("div", { className: "mt-1 flex items-center gap-2" }, /* @__PURE__ */ React19__namespace.createElement(
           "div",
           {
             className: "h-1.5 flex-1 overflow-hidden rounded-full bg-accent/40",
@@ -3127,7 +3133,15 @@ function FileInput({
           "aria-label": "Zoom level"
         }
       ))),
-      /* @__PURE__ */ React19__namespace.createElement("div", { className: "flex items-center justify-end gap-2 border-t border-border p-4" }, /* @__PURE__ */ React19__namespace.createElement(chunkWQ4HD5UD_cjs.Button, { type: "button", variant: "outline", onClick: handleCropCancel }, "Cancel"), /* @__PURE__ */ React19__namespace.createElement(chunkWQ4HD5UD_cjs.Button, { type: "button", onClick: handleCropSave }, "Save"))
+      /* @__PURE__ */ React19__namespace.createElement("div", { className: "flex items-center justify-end gap-2 border-t border-border p-4" }, /* @__PURE__ */ React19__namespace.createElement(
+        chunkWQ4HD5UD_cjs.Button,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: handleCropCancel
+        },
+        "Cancel"
+      ), /* @__PURE__ */ React19__namespace.createElement(chunkWQ4HD5UD_cjs.Button, { type: "button", onClick: handleCropSave }, "Save"))
     ) : null
   ));
 }
@@ -4076,5 +4090,5 @@ exports.Select = Select2;
 exports.Switch = Switch2;
 exports.TextArea = TextArea;
 exports.TimePicker = TimePicker;
-//# sourceMappingURL=chunk-ER3C5JAE.cjs.map
-//# sourceMappingURL=chunk-ER3C5JAE.cjs.map
+//# sourceMappingURL=chunk-4K6J2DOK.cjs.map
+//# sourceMappingURL=chunk-4K6J2DOK.cjs.map