@sonordev/site-kit 3.2.0 → 3.3.0

package/dist/forms/index.mjs

@@ -1,9 +1,9 @@
 'use client';
-import { useFormTracking, submitForm, DEFAULT_FORM_SUCCESS_MESSAGE, useForm } from '../chunk-N2HR2E4Z.mjs';
-export { DEFAULT_FORM_SUCCESS_MESSAGE, useForm, useFormTracking } from '../chunk-N2HR2E4Z.mjs';
+import { useFormTracking, submitForm, DEFAULT_FORM_SUCCESS_MESSAGE, useForm } from '../chunk-WEHJRE3H.mjs';
+export { DEFAULT_FORM_SUCCESS_MESSAGE, useForm, useFormTracking } from '../chunk-WEHJRE3H.mjs';
 import { DEFAULT_HONEYPOT_FIELD } from '../chunk-X3S6KXAP.mjs';
-import { sonorFetch } from '../chunk-LZSCCJ4O.mjs';
-import '../chunk-SN2O72UF.mjs';
+import { sonorFetch } from '../chunk-FO6Y27AH.mjs';
+import '../chunk-S4FJIG6Y.mjs';
 import '../chunk-4XPGGLVP.mjs';
 import React2, { useState, useRef, useEffect, useCallback, useMemo } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -605,7 +605,7 @@ function FormField({ field: field2, value, error, onChange, classPrefix = "sk-fo
     width: "100%",
     padding: "var(--sk-input-padding, 10px 12px)",
     fontSize: "var(--sk-font-size, 16px)",
-    border: error ? "1px solid var(--sk-input-border-error, #ef4444)" : "1px solid var(--sk-input-border, #d1d5db)",
+    border: error ? "1px solid var(--sk-input-border-error, #dc2626)" : "1px solid var(--sk-input-border, #d1d5db)",
     borderRadius: "var(--sk-input-radius, 6px)",
     backgroundColor: "var(--sk-input-bg, #ffffff)",
     outline: "none",
@@ -618,7 +618,7 @@ function FormField({ field: field2, value, error, onChange, classPrefix = "sk-fo
     color: "var(--sk-label-color, inherit)"
   };
   const errorStyle = {
-    color: "var(--sk-error, #ef4444)",
+    color: "var(--sk-error, #dc2626)",
     fontSize: 14,
     marginTop: 4
   };
@@ -641,7 +641,7 @@ function FormField({ field: field2, value, error, onChange, classPrefix = "sk-fo
   return /* @__PURE__ */ jsxs("div", { className: `${classPrefix}__field ${classPrefix}__field--${field2.field_type}`, children: [
     /* @__PURE__ */ jsxs("label", { htmlFor: inputId, className: `${classPrefix}__label`, style: { ...labelStyle, ...hideLabel ? { position: "absolute", width: 1, height: 1, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0,0,0,0)", whiteSpace: "nowrap", border: 0 } : {} }, children: [
       field2.label,
-      field2.is_required && /* @__PURE__ */ jsx("span", { style: { color: "var(--sk-error, #ef4444)" }, children: " *" })
+      field2.is_required && /* @__PURE__ */ jsx("span", { style: { color: "var(--sk-error, #dc2626)" }, children: " *" })
     ] }),
     ["text", "email", "phone", "tel", "number"].includes(field2.field_type) && /* @__PURE__ */ jsx(
       "input",
@@ -879,7 +879,7 @@ function FileUploadField({
       fileName,
       "\u2026"
     ] }),
-    status === "error" && /* @__PURE__ */ jsx("p", { role: "alert", style: { color: "var(--sk-error, #ef4444)", fontSize: 14, marginTop: 4 }, children: "Upload failed. Please choose the file again." })
+    status === "error" && /* @__PURE__ */ jsx("p", { role: "alert", style: { color: "var(--sk-error, #dc2626)", fontSize: 14, marginTop: 4 }, children: "Upload failed. Please choose the file again." })
   ] });
 }
 async function uploadFormFile(file) {
@@ -1207,7 +1207,7 @@ function FormClient({
           {
             className: "sk-form__submit-error",
             role: "alert",
-            style: { color: "var(--sk-error, #ef4444)", fontSize: 14, marginTop: 12 },
+            style: { color: "var(--sk-error, #dc2626)", fontSize: 14, marginTop: 12 },
             children: submitError
           }
         ),
@@ -1259,7 +1259,7 @@ function ManagedForm({
     return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx("p", { style: { color: "#6b7280" }, children: "Loading form..." }) });
   }
   if (fetchError || !form) {
-    return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx("p", { style: { color: "#ef4444" }, children: fetchError?.message || "Form not found or inactive." }) });
+    return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx("p", { style: { color: "var(--sk-error, #dc2626)" }, children: fetchError?.message || "Form not found or inactive." }) });
   }
   return /* @__PURE__ */ jsx(
     FormClient,