@sonordev/site-kit 4.0.1 → 4.0.2

package/dist/{chunk-ZGQUIL7L.js → chunk-2ACKOMAL.js}

@@ -1,288 +1,8 @@
-'use client';
 'use strict';
 
-var chunkEDFZ6EMM_js = require('./chunk-EDFZ6EMM.js');
-var React2 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React2__default = /*#__PURE__*/_interopDefault(React2);
-
-var DAYS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
-var MONTHS = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
-function pad(n) {
-  return n < 10 ? `0${n}` : `${n}`;
-}
-function toDateStr(y, m, d) {
-  return `${y}-${pad(m + 1)}-${pad(d)}`;
-}
-function parseDate(str) {
-  if (!str) return null;
-  const [y, m, d] = str.split("-").map(Number);
-  if (!y || !m || !d) return null;
-  return { year: y, month: m - 1, day: d };
-}
-function getDaysInMonth(year, month) {
-  return new Date(year, month + 1, 0).getDate();
-}
-function getFirstDayOfMonth(year, month) {
-  return new Date(year, month, 1).getDay();
-}
-function formatDisplay(dateStr) {
-  const parsed = parseDate(dateStr);
-  if (!parsed) return "";
-  return `${MONTHS[parsed.month]} ${parsed.day}, ${parsed.year}`;
-}
-function DatePicker({
-  value,
-  onChange,
-  id,
-  name,
-  required,
-  minDate,
-  placeholder = "Select a date",
-  className = "",
-  style
-}) {
-  const today = /* @__PURE__ */ new Date();
-  const todayStr = toDateStr(today.getFullYear(), today.getMonth(), today.getDate());
-  const effectiveMin = minDate || "";
-  const parsed = parseDate(value);
-  const [viewYear, setViewYear] = React2.useState(parsed?.year || today.getFullYear());
-  const [viewMonth, setViewMonth] = React2.useState(parsed?.month ?? today.getMonth());
-  const [open, setOpen] = React2.useState(false);
-  const [closing, setClosing] = React2.useState(false);
-  const closeTimer = React2.useRef(null);
-  const containerRef = React2.useRef(null);
-  const closeAnimated = React2.useCallback(() => {
-    if (closeTimer.current !== null) return;
-    setClosing(true);
-    closeTimer.current = window.setTimeout(() => {
-      closeTimer.current = null;
-      setClosing(false);
-      setOpen(false);
-    }, 180);
-  }, []);
-  React2.useEffect(
-    () => () => {
-      if (closeTimer.current !== null) window.clearTimeout(closeTimer.current);
-    },
-    []
-  );
-  React2.useEffect(() => {
-    if (!open) return;
-    const handler = (e) => {
-      if (containerRef.current && !containerRef.current.contains(e.target)) {
-        closeAnimated();
-      }
-    };
-    document.addEventListener("mousedown", handler);
-    return () => document.removeEventListener("mousedown", handler);
-  }, [open, closeAnimated]);
-  React2.useEffect(() => {
-    if (!open) return;
-    const handler = (e) => {
-      if (e.key === "Escape") closeAnimated();
-    };
-    window.addEventListener("keydown", handler);
-    return () => window.removeEventListener("keydown", handler);
-  }, [open, closeAnimated]);
-  const prevMonth = React2.useCallback(() => {
-    if (viewMonth === 0) {
-      setViewMonth(11);
-      setViewYear((y) => y - 1);
-    } else setViewMonth((m) => m - 1);
-  }, [viewMonth]);
-  const nextMonth = React2.useCallback(() => {
-    if (viewMonth === 11) {
-      setViewMonth(0);
-      setViewYear((y) => y + 1);
-    } else setViewMonth((m) => m + 1);
-  }, [viewMonth]);
-  const selectDay = React2.useCallback((day) => {
-    const dateStr = toDateStr(viewYear, viewMonth, day);
-    onChange(dateStr);
-    closeAnimated();
-  }, [viewYear, viewMonth, onChange, closeAnimated]);
-  const isDisabled = React2.useCallback((day) => {
-    const dateStr = toDateStr(viewYear, viewMonth, day);
-    return dateStr < effectiveMin;
-  }, [viewYear, viewMonth, effectiveMin]);
-  const isSelected = React2.useCallback((day) => {
-    if (!value) return false;
-    return toDateStr(viewYear, viewMonth, day) === value;
-  }, [viewYear, viewMonth, value]);
-  const isToday = React2.useCallback((day) => {
-    return toDateStr(viewYear, viewMonth, day) === todayStr;
-  }, [viewYear, viewMonth, todayStr]);
-  const daysInMonth = getDaysInMonth(viewYear, viewMonth);
-  const firstDay = getFirstDayOfMonth(viewYear, viewMonth);
-  const weeks = [];
-  let week = Array(firstDay).fill(null);
-  for (let d = 1; d <= daysInMonth; d++) {
-    week.push(d);
-    if (week.length === 7) {
-      weeks.push(week);
-      week = [];
-    }
-  }
-  if (week.length > 0) {
-    while (week.length < 7) week.push(null);
-    weeks.push(week);
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: `sk-datepicker ${className}`, style: { position: "relative", ...style }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("input", { type: "hidden", name, value: value || "" }),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        type: "button",
-        id,
-        onClick: () => open ? closeAnimated() : setOpen(true),
-        "aria-required": required,
-        "aria-expanded": open,
-        style: {
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "space-between",
-          width: "100%",
-          padding: "var(--sk-input-padding, 10px 12px)",
-          backgroundColor: "var(--sk-input-bg, #fff)",
-          border: `1px solid ${open ? "var(--sk-input-border-focus, #2563eb)" : "var(--sk-input-border, #d1d5db)"}`,
-          borderRadius: "var(--sk-input-radius, 0.375rem)",
-          fontSize: "var(--sk-font-size, 14px)",
-          color: value ? "var(--sk-form-success-text, #111)" : "var(--sk-text-tertiary, #9ca3af)",
-          cursor: "pointer",
-          outline: "none",
-          textAlign: "left"
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: value ? "sk-datepicker__value--stamp" : void 0, children: value ? formatDisplay(value) : placeholder }, value || "empty"),
-          /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { opacity: 0.5, flexShrink: 0 }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
-            /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
-            /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
-            /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
-          ] })
-        ]
-      }
-    ),
-    open && /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: "sk-datepicker__pop",
-        "data-sk-closing": closing ? "true" : void 0,
-        style: {
-          position: "absolute",
-          top: "100%",
-          left: 0,
-          right: 0,
-          marginTop: "4px",
-          backgroundColor: "var(--sk-input-bg, #fff)",
-          border: "1px solid var(--sk-input-border, #d1d5db)",
-          borderRadius: "var(--sk-input-radius, 0.375rem)",
-          boxShadow: "0 10px 25px rgba(0,0,0,0.3)",
-          zIndex: 50,
-          padding: "12px",
-          minWidth: "280px"
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "12px" }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                type: "button",
-                onClick: prevMonth,
-                style: { background: "none", border: "none", cursor: "pointer", padding: "4px 8px", color: "var(--sk-label-color, #6b7280)", fontSize: "18px", lineHeight: 1 },
-                "aria-label": "Previous month",
-                children: "\u2039"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontWeight: 600, fontSize: "14px", color: "var(--sk-form-success-text, #111)" }, children: [
-              MONTHS[viewMonth],
-              " ",
-              viewYear
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                type: "button",
-                onClick: nextMonth,
-                style: { background: "none", border: "none", cursor: "pointer", padding: "4px 8px", color: "var(--sk-label-color, #6b7280)", fontSize: "18px", lineHeight: 1 },
-                "aria-label": "Next month",
-                children: "\u203A"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: "2px", marginBottom: "4px" }, children: DAYS.map((d) => /* @__PURE__ */ jsxRuntime.jsx("div", { style: { textAlign: "center", fontSize: "11px", fontWeight: 600, color: "var(--sk-text-tertiary, #9ca3af)", padding: "4px 0", textTransform: "uppercase", letterSpacing: "0.05em" }, children: d }, d)) }),
-          weeks.map((week2, wi) => /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: "2px" }, children: week2.map((day, di) => {
-            if (day === null) {
-              return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: "6px" } }, di);
-            }
-            const disabled = isDisabled(day);
-            const selected = isSelected(day);
-            const todayMark = isToday(day);
-            return /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                type: "button",
-                disabled,
-                onClick: () => selectDay(day),
-                style: {
-                  padding: "6px",
-                  textAlign: "center",
-                  fontSize: "13px",
-                  fontWeight: selected ? 700 : todayMark ? 600 : 400,
-                  borderRadius: "6px",
-                  border: todayMark && !selected ? "1px solid var(--sk-primary, #2563eb)" : "1px solid transparent",
-                  background: selected ? "var(--sk-primary, #2563eb)" : "transparent",
-                  color: disabled ? "var(--sk-text-tertiary, #9ca3af)" : selected ? "#fff" : "var(--sk-form-success-text, #111)",
-                  cursor: disabled ? "not-allowed" : "pointer",
-                  opacity: disabled ? 0.4 : 1,
-                  transition: "background 0.15s, color 0.15s"
-                },
-                onMouseEnter: (e) => {
-                  if (!disabled && !selected) {
-                    e.target.style.background = "var(--sk-input-border, #e5e7eb)";
-                  }
-                },
-                onMouseLeave: (e) => {
-                  if (!disabled && !selected) {
-                    e.target.style.background = "transparent";
-                  }
-                },
-                "aria-label": `${MONTHS[viewMonth]} ${day}, ${viewYear}`,
-                "aria-selected": selected,
-                children: day
-              },
-              di
-            );
-          }) }, wi)),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: "8px", textAlign: "center" }, children: /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => {
-                onChange(todayStr);
-                setOpen(false);
-              },
-              style: {
-                background: "none",
-                border: "none",
-                cursor: "pointer",
-                fontSize: "12px",
-                fontWeight: 600,
-                color: "var(--sk-primary, #2563eb)",
-                padding: "4px 8px"
-              },
-              children: "Today"
-            }
-          ) })
-        ]
-      }
-    )
-  ] });
-}
+// src/forms/delight.tsx
 var STYLE_ID = "sk-delight-css";
 var CSS = `
 /* Every frame must carry the centering translateY: the animation fills both
@@ -508,7 +228,10 @@ function normalizeOptions(options) {
   }
   return [];
 }
-function FormField({ field, value, error, onChange, classPrefix = "sk-form", showValid }) {
+function FormField({ field, value, error, onChange, classPrefix = "sk-form", showValid, controls }) {
+  const interactive = typeof onChange === "function";
+  const emit = (v) => onChange?.(v);
+  const bind = (v) => interactive ? { value: v, onChange: (e) => emit(e.target.value) } : { defaultValue: v || void 0 };
   const inputId = `sk-${field.id || field.slug}`;
   const options = normalizeOptions(field.options);
   const baseInputStyle = {
@@ -548,7 +271,7 @@ function FormField({ field, value, error, onChange, classPrefix = "sk-form", sho
     return /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${classPrefix}__paragraph`, style: { color: "var(--sk-text-tertiary, #6b7280)", margin: "8px 0" }, children: field.help_text || field.label });
   }
   if (field.field_type === "hidden") {
-    return /* @__PURE__ */ jsxRuntime.jsx("input", { type: "hidden", name: field.slug, value: String(value || "") });
+    return interactive ? /* @__PURE__ */ jsxRuntime.jsx("input", { type: "hidden", name: field.slug, value: String(value || ""), readOnly: true }) : /* @__PURE__ */ jsxRuntime.jsx("input", { type: "hidden", name: field.slug, defaultValue: String(value || "") });
   }
   const hideLabel = !!field.hide_label;
   const effectivePlaceholder = hideLabel ? field.label : field.placeholder;
@@ -565,10 +288,9 @@ function FormField({ field, value, error, onChange, classPrefix = "sk-form", sho
           className: `${classPrefix}__input`,
           type: field.field_type === "phone" || field.field_type === "tel" ? "tel" : field.field_type,
           name: field.slug,
-          value: String(value || ""),
+          ...bind(String(value || "")),
           placeholder: effectivePlaceholder,
           required: field.is_required,
-          onChange: (e) => onChange(e.target.value),
           style: baseInputStyle
         }
       ),
@@ -580,11 +302,10 @@ function FormField({ field, value, error, onChange, classPrefix = "sk-form", sho
         id: inputId,
         className: `${classPrefix}__textarea`,
         name: field.slug,
-        value: String(value || ""),
+        ...bind(String(value || "")),
         placeholder: effectivePlaceholder,
         required: field.is_required,
         rows: 4,
-        onChange: (e) => onChange(e.target.value),
         style: { ...baseInputStyle, resize: "vertical" }
       }
     ),
@@ -594,9 +315,8 @@ function FormField({ field, value, error, onChange, classPrefix = "sk-form", sho
         id: inputId,
         className: `${classPrefix}__select`,
         name: field.slug,
-        value: String(value || ""),
+        ...bind(String(value || "")),
         required: field.is_required,
-        onChange: (e) => onChange(e.target.value),
         style: baseInputStyle,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: effectivePlaceholder || "Select an option" }),
@@ -610,13 +330,12 @@ function FormField({ field, value, error, onChange, classPrefix = "sk-form", sho
         id: inputId,
         className: `${classPrefix}__select ${classPrefix}__select--multi`,
         name: field.slug,
-        value: Array.isArray(value) ? value : [],
+        ...interactive ? {
+          value: Array.isArray(value) ? value : [],
+          onChange: (e) => emit(Array.from(e.target.selectedOptions, (opt) => opt.value))
+        } : { defaultValue: Array.isArray(value) ? value : [] },
         required: field.is_required,
         multiple: true,
-        onChange: (e) => {
-          const selected = Array.from(e.target.selectedOptions, (opt) => opt.value);
-          onChange(selected);
-        },
         style: { ...baseInputStyle, height: 120 },
         children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: option.value, children: option.label }, option.value))
       }
@@ -628,8 +347,8 @@ function FormField({ field, value, error, onChange, classPrefix = "sk-form", sho
           type: "radio",
           name: field.slug,
           value: option.value,
-          checked: value === option.value,
-          onChange: () => onChange(option.value)
+          ...interactive ? { checked: value === option.value, onChange: () => emit(option.value) } : { defaultChecked: value === option.value },
+          required: field.is_required
         }
       ),
       option.label
@@ -640,8 +359,8 @@ function FormField({ field, value, error, onChange, classPrefix = "sk-form", sho
         {
           type: "checkbox",
           name: field.slug,
-          checked: !!value,
-          onChange: (e) => onChange(e.target.checked)
+          ...interactive ? { checked: !!value, onChange: (e) => emit(e.target.checked) } : { defaultChecked: !!value },
+          required: field.is_required
         }
       ),
       field.help_text || field.label
@@ -654,31 +373,46 @@ function FormField({ field, value, error, onChange, classPrefix = "sk-form", sho
           "input",
           {
             type: "checkbox",
-            checked: isChecked,
-            onChange: () => {
-              if (isChecked) {
-                onChange(selectedValues.filter((v) => v !== option.value));
-              } else {
-                onChange([...selectedValues, option.value]);
-              }
-            }
+            name: field.slug,
+            value: option.value,
+            ...interactive ? {
+              checked: isChecked,
+              onChange: () => emit(
+                isChecked ? selectedValues.filter((v) => v !== option.value) : [...selectedValues, option.value]
+              )
+            } : { defaultChecked: isChecked }
           }
         ),
         option.label
       ] }, option.value);
     }) }),
-    field.field_type === "date" && /* @__PURE__ */ jsxRuntime.jsx(
-      DatePicker,
+    field.field_type === "date" && (interactive && controls?.Date ? /* @__PURE__ */ jsxRuntime.jsx(
+      controls.Date,
       {
         id: inputId,
         name: field.slug,
         value: String(value || ""),
-        onChange,
+        onChange: emit,
         required: field.is_required,
         placeholder: field.placeholder || "Select a date",
         className: `${classPrefix}__input ${classPrefix}__input--date`
       }
-    ),
+    ) : (
+      // Static: the browser's own date control. Same name and class, so
+      // the swap to DatePicker on enhancement is in place.
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          id: inputId,
+          className: `${classPrefix}__input ${classPrefix}__input--date`,
+          type: "date",
+          name: field.slug,
+          defaultValue: String(value || "") || void 0,
+          required: field.is_required,
+          style: baseInputStyle
+        }
+      )
+    )),
     field.field_type === "time" && /* @__PURE__ */ jsxRuntime.jsx(
       "input",
       {
@@ -686,9 +420,8 @@ function FormField({ field, value, error, onChange, classPrefix = "sk-form", sho
         className: `${classPrefix}__input ${classPrefix}__input--time`,
         type: "time",
         name: field.slug,
-        value: String(value || ""),
+        ...bind(String(value || "")),
         required: field.is_required,
-        onChange: (e) => onChange(e.target.value),
         style: baseInputStyle
       }
     ),
@@ -699,39 +432,74 @@ function FormField({ field, value, error, onChange, classPrefix = "sk-form", sho
         className: `${classPrefix}__input ${classPrefix}__input--datetime`,
         type: "datetime-local",
         name: field.slug,
-        value: String(value || ""),
+        ...bind(String(value || "")),
         required: field.is_required,
-        onChange: (e) => onChange(e.target.value),
         style: baseInputStyle
       }
     ),
-    field.field_type === "file" && /* @__PURE__ */ jsxRuntime.jsx(
-      FileUploadField,
+    field.field_type === "file" && (interactive && controls?.File ? /* @__PURE__ */ jsxRuntime.jsx(
+      controls.File,
       {
         field,
         inputId,
         classPrefix,
         baseInputStyle,
-        onChange
+        onChange: emit
       }
-    ),
-    field.field_type === "rating" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${classPrefix}__rating`, style: { display: "flex", gap: 4 }, children: [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        onClick: () => onChange(star),
-        className: `${classPrefix}__rating-star`,
-        style: {
-          background: "none",
-          border: "none",
-          fontSize: 24,
-          cursor: "pointer",
-          color: value >= star ? "var(--sk-rating-active, #fbbf24)" : "var(--sk-rating-inactive, #d1d5db)"
+    ) : (
+      // Static: a real file input so the field is visible and labelled,
+      // but the Sonor upload only happens once enhanced. Forms with a file
+      // field are excluded from native POST for exactly this reason
+      // (see nativeEligible in native-fallback.tsx).
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          id: inputId,
+          className: `${classPrefix}__input ${classPrefix}__input--file`,
+          type: "file",
+          name: field.slug,
+          required: field.is_required,
+          style: baseInputStyle
+        }
+      )
+    )),
+    field.field_type === "rating" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${classPrefix}__rating`, style: { display: "flex", gap: 4 }, role: interactive ? void 0 : "radiogroup", "aria-label": interactive ? void 0 : field.label, children: [
+      !interactive && [1, 2, 3, 4, 5].map((star) => (
+        // Static: a real radio group. Submits natively, and is reachable
+        // by keyboard and screen readers without any script.
+        /* @__PURE__ */ jsxRuntime.jsxs("label", { className: `${classPrefix}__rating-star`, style: { fontSize: 24, cursor: "pointer", color: value >= star ? "var(--sk-rating-active, #fbbf24)" : "var(--sk-rating-inactive, #d1d5db)" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "radio",
+              name: field.slug,
+              value: star,
+              defaultChecked: value === star,
+              required: field.is_required && star === 1,
+              style: { position: "absolute", width: 1, height: 1, opacity: 0 }
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-label": `${star} star${star > 1 ? "s" : ""}`, children: "\u2605" })
+        ] }, `s${star}`)
+      )),
+      interactive && [1, 2, 3, 4, 5].map((star) => /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => emit(star),
+          className: `${classPrefix}__rating-star`,
+          style: {
+            background: "none",
+            border: "none",
+            fontSize: 24,
+            cursor: "pointer",
+            color: value >= star ? "var(--sk-rating-active, #fbbf24)" : "var(--sk-rating-inactive, #d1d5db)"
+          },
+          children: "\u2605"
         },
-        children: "\u2605"
-      },
-      star
-    )) }),
+        star
+      ))
+    ] }),
     field.field_type === "slider" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${classPrefix}__slider`, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "input",
@@ -739,10 +507,9 @@ function FormField({ field, value, error, onChange, classPrefix = "sk-form", sho
           id: inputId,
           type: "range",
           name: field.slug,
-          value: Number(value || 50),
+          ...interactive ? { value: Number(value || 50), onChange: (e) => emit(Number(e.target.value)) } : { defaultValue: Number(value || 50) },
           min: field.validation?.min || 0,
           max: field.validation?.max || 100,
-          onChange: (e) => onChange(Number(e.target.value)),
           style: { width: "100%" }
         }
       ),
@@ -752,185 +519,9 @@ function FormField({ field, value, error, onChange, classPrefix = "sk-form", sho
     field.help_text && !error && field.field_type !== "checkbox" && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${classPrefix}__help`, style: helpStyle, children: field.help_text })
   ] });
 }
-function FileUploadField({
-  field,
-  inputId,
-  classPrefix,
-  baseInputStyle,
-  onChange
-}) {
-  const [status, setStatus] = React2__default.default.useState("idle");
-  const [fileName, setFileName] = React2__default.default.useState("");
-  const handleFile = async (e) => {
-    const file = e.target.files?.[0];
-    if (!file) return;
-    setFileName(file.name);
-    setStatus("uploading");
-    onChange("");
-    try {
-      const url = await uploadFormFile(file);
-      onChange(url);
-      setStatus("idle");
-    } catch (err) {
-      console.error("[Forms] File upload failed:", err);
-      onChange("");
-      setStatus("error");
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        id: inputId,
-        className: `${classPrefix}__input ${classPrefix}__input--file`,
-        type: "file",
-        name: field.slug,
-        required: field.is_required,
-        disabled: status === "uploading",
-        onChange: handleFile,
-        style: baseInputStyle
-      }
-    ),
-    status === "uploading" && /* @__PURE__ */ jsxRuntime.jsxs("p", { style: { color: "var(--sk-text-tertiary, #6b7280)", fontSize: 14, marginTop: 4 }, children: [
-      "Uploading ",
-      fileName,
-      "\u2026"
-    ] }),
-    status === "error" && /* @__PURE__ */ jsxRuntime.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) {
-  const apiUrl = typeof window !== "undefined" ? window.__SITE_KIT_API_URL__ || "https://api.sonor.io" : "https://api.sonor.io";
-  const apiKey = typeof window !== "undefined" ? window.__SITE_KIT_API_KEY__ : void 0;
-  if (!apiKey) {
-    throw new Error("API key is required to upload files.");
-  }
-  const body = new FormData();
-  body.append("file", file);
-  const response = await chunkEDFZ6EMM_js.sonorFetch(
-    `${apiUrl}/api/public/forms/upload`,
-    {
-      method: "POST",
-      headers: { Authorization: `Bearer ${apiKey}` },
-      body
-    },
-    { retries: 1, timeoutMs: 6e4 }
-  );
-  if (!response.ok) {
-    throw new Error(`Upload failed (${response.status})`);
-  }
-  const data = await response.json().catch(() => null);
-  if (!data?.url) {
-    throw new Error("Upload did not return a URL.");
-  }
-  return data.url;
-}
-
-// src/forms/experience-plan.ts
-var NON_QUESTION_TYPES = ["heading", "section_header", "paragraph", "hidden"];
-function stageQuestions(config) {
-  const input = (config.fields || []).filter(
-    (f) => !NON_QUESTION_TYPES.includes(f.field_type)
-  );
-  if (!config.is_multi_step || !config.steps?.length) {
-    return input.map((field) => ({ field }));
-  }
-  const ordered = [...config.steps].sort((a, b) => a.step_number - b.step_number);
-  const out = [];
-  const claimed = /* @__PURE__ */ new Set();
-  for (const step of ordered) {
-    for (const field of input) {
-      if (field.step_id === step.id) {
-        out.push({ field, step });
-        claimed.add(field.id);
-      }
-    }
-  }
-  for (const field of input) {
-    if (!claimed.has(field.id)) out.push({ field });
-  }
-  return out;
-}
-var WIDTH_FRACTION = {
-  full: 1,
-  half: 1 / 2,
-  third: 1 / 3,
-  quarter: 1 / 4
-};
-function stageViews(config) {
-  const questions = stageQuestions(config);
-  const views = [];
-  let open = null;
-  let openWidth = 0;
-  const close = () => {
-    if (open) views.push(open);
-    open = null;
-    openWidth = 0;
-  };
-  for (const q of questions) {
-    const fraction = WIDTH_FRACTION[q.field.width] ?? 1;
-    const chapterChanged = open && open.step?.id !== q.step?.id;
-    if (fraction >= 1 || chapterChanged) close();
-    if (!open) {
-      open = { fields: [q.field], step: q.step };
-      openWidth = fraction;
-      if (fraction >= 1) close();
-      continue;
-    }
-    if (openWidth + fraction > 1.0001) close();
-    if (!open) {
-      open = { fields: [q.field], step: q.step };
-      openWidth = fraction;
-      continue;
-    }
-    open.fields.push(q.field);
-    openWidth += fraction;
-  }
-  close();
-  return views;
-}
-function countStageViews(config) {
-  return stageViews(config).length;
-}
-function countStageQuestions(config) {
-  return stageQuestions(config).length;
-}
-function stageEstimate(questionCount) {
-  const seconds = questionCount * 8;
-  if (seconds < 50) return `about ${Math.max(15, Math.ceil(seconds / 5) * 5)} seconds`;
-  if (seconds <= 90) return "about a minute";
-  return `about ${Math.round(seconds / 60)} minutes`;
-}
-function stageFirstName(value) {
-  if (typeof value !== "string") return null;
-  const token = value.trim().split(/\s+/)[0];
-  if (!token || token.length > 24) return null;
-  return token;
-}
-function isEmptyValue(value) {
-  if (value === void 0 || value === null || value === "") return true;
-  if (Array.isArray(value)) return value.length === 0;
-  return false;
-}
-function formatAnswer(value) {
-  if (isEmptyValue(value)) return null;
-  if (Array.isArray(value)) return value.map(String).join(", ");
-  if (typeof value === "boolean") return value ? "Yes" : "No";
-  return String(value);
-}
-var AUTO_ADVANCE_TYPES = ["radio", "select", "rating"];
 
-exports.AUTO_ADVANCE_TYPES = AUTO_ADVANCE_TYPES;
-exports.DatePicker = DatePicker;
 exports.DelightStyles = DelightStyles;
 exports.FormField = FormField;
 exports.FormMomentum = FormMomentum;
-exports.countStageQuestions = countStageQuestions;
-exports.countStageViews = countStageViews;
-exports.formatAnswer = formatAnswer;
-exports.isEmptyValue = isEmptyValue;
-exports.stageEstimate = stageEstimate;
-exports.stageFirstName = stageFirstName;
-exports.stageViews = stageViews;
-//# sourceMappingURL=chunk-ZGQUIL7L.js.map
-//# sourceMappingURL=chunk-ZGQUIL7L.js.map
+//# sourceMappingURL=chunk-2ACKOMAL.js.map
+//# sourceMappingURL=chunk-2ACKOMAL.js.map