@timeax/form-palette 0.0.6 → 0.0.8

package/dist/index.mjs

@@ -13412,6 +13412,25 @@ var FieldRegistry = class {
   }
 };
 _binding = new WeakMap();
+var CORE_PROP_KEYS = /* @__PURE__ */ new Set([
+  "adapter",
+  "schema",
+  "exceptions",
+  "persist",
+  "name",
+  "activateButtonOnChange",
+  "onChange",
+  "onUpdate",
+  "changeBefore",
+  "formRef",
+  "valueBag",
+  "valueFeed",
+  "onFinish",
+  "init",
+  "onSubmit",
+  "onSubmitted",
+  "children"
+]);
 function isPlainObject(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
@@ -13572,7 +13591,16 @@ function CoreProvider(props) {
     }
     return valid;
   }
-  async function submitWithAdapter(method, route, extra, ignoreForm, autoErr = true, autoRun = true) {
+  function getAdapterPropsFrom(current) {
+    const result = {};
+    for (const key in current) {
+      if (!CORE_PROP_KEYS.has(key)) {
+        result[key] = current[key];
+      }
+    }
+    return result;
+  }
+  async function submitWithAdapter(adapterOverride, extra, ignoreForm, autoErr = true, autoRun = true) {
     var _a2, _b;
     const currentProps = propsRef.current;
     const btn = buttonRef.current;
@@ -13604,6 +13632,10 @@ function CoreProvider(props) {
       ...collectValues(),
       ...extra != null ? extra : {}
     };
+    let adapterConfig = {
+      ...getAdapterPropsFrom(currentProps),
+      ...adapterOverride
+    };
     const event = {
       preventDefault() {
         this.continue = false;
@@ -13614,11 +13646,15 @@ function CoreProvider(props) {
           submissionValues = result;
         }
       },
-      setRoute(newRoute) {
-        route = newRoute;
-      },
-      setMethod(newMethod) {
-        method = newMethod;
+      setConfig(arg1, arg2) {
+        if (typeof arg1 === "string") {
+          adapterConfig[arg1] = arg2;
+        } else if (arg1 && typeof arg1 === "object") {
+          adapterConfig = {
+            ...adapterConfig,
+            ...arg1
+          };
+        }
       },
       button: (_a2 = buttonRef.current) != null ? _a2 : void 0,
       get formData() {
@@ -13641,8 +13677,9 @@ function CoreProvider(props) {
     }
     const factory2 = (_b = getAdapter(adapterKey)) != null ? _b : localAdapter;
     const adapter2 = factory2({
-      method,
-      url: route,
+      // adapter-specific config (url, method, config, etc.)
+      ...adapterConfig,
+      // core config
       data: submissionValues,
       callbacks: {
         onSuccess(ok) {
@@ -13802,9 +13839,12 @@ function CoreProvider(props) {
       return !deepEqual(original, current);
     },
     async prepare(type, route, extra, ignoreForm, autoErr) {
+      const override = {
+        method: type,
+        url: route
+      };
       return submitWithAdapter(
-        type,
-        route,
+        override,
         extra,
         ignoreForm,
         autoErr,
@@ -13910,7 +13950,13 @@ function CoreProvider(props) {
       }
     },
     go(data, ignoreForm) {
-      void submitWithAdapter("post", "", data, ignoreForm, true, true);
+      void submitWithAdapter(
+        void 0,
+        data,
+        ignoreForm,
+        true,
+        true
+      );
     },
     reset(inputs) {
       if (!inputs.length) return;
@@ -13932,7 +13978,13 @@ function CoreProvider(props) {
       buttonRef.current = btn;
     },
     async forceSubmit() {
-      await submitWithAdapter("post", "", void 0, false, true, true);
+      await submitWithAdapter(
+        void 0,
+        void 0,
+        false,
+        true,
+        true
+      );
     },
     get fields() {
       return fetchAllNamedFields();
@@ -18344,7 +18396,7 @@ var Input = React54.forwardRef(
     );
     const baseBoxClasses = cx(
       "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30",
-      "border-input w-full min-w-0 rounded-md border bg-transparent shadow-xs",
+      "border-input w-full min-w-0 rounded-md border bg-[var(--surfaces-input, transparent)] shadow-xs",
       "transition-[color,box-shadow] outline-none",
       "file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium",
       "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
@@ -26335,7 +26387,7 @@ function SelectTrigger2({
       "data-slot": "select-trigger",
       "data-size": size4,
       className: cn(
-        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-[var(--surfaces-input, transparent)] px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       ...props,
@@ -33481,7 +33533,7 @@ var Textarea = React54.forwardRef(
     const frameClasses = cn(
       "border-input placeholder:text-muted-foreground focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]",
       "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-      "dark:bg-input/30 rounded-md border bg-transparent shadow-xs transition-[color,box-shadow] outline-none",
+      "dark:bg-input/30 rounded-md border bg-[var(--surfaces-input, transparent)] shadow-xs transition-[color,box-shadow] outline-none",
       "disabled:cursor-not-allowed disabled:opacity-50"
     );
     const framePaddingClasses = cn(
@@ -41543,7 +41595,7 @@ var ShadcnFileVariant = React54.forwardRef(
             className: cn(
               "relative flex w-full cursor-pointer items-center gap-2 px-3 transition-all",
               heightCls,
-              (!joinControls || !hasExternalControls) && "rounded-md border border-input bg-background shadow-xs ring-offset-background hover:bg-accent/5 focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
+              (!joinControls || !hasExternalControls) && "rounded-md border border-input bg-[var(--surfaces-input, transparent)] shadow-xs ring-offset-background hover:bg-accent/5 focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
               dragOver && "border-primary ring-2 ring-primary/20",
               isDisabled && "cursor-not-allowed opacity-50",
               error && "border-destructive text-destructive",
@@ -41746,7 +41798,7 @@ var ShadcnFileVariant = React54.forwardRef(
         children: [
           /* @__PURE__ */ jsxs("div", { className: cn(
             "flex w-full",
-            joinControls && extendBoxToControls && !showDropArea ? "items-stretch rounded-md border border-input bg-background shadow-xs ring-offset-background focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2" : "items-start gap-2"
+            joinControls && extendBoxToControls && !showDropArea ? "items-stretch rounded-md border border-input bg-[var(--surfaces-input, transparent)] shadow-xs ring-offset-background focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2" : "items-start gap-2"
           ), children: [
             leadingControl && /* @__PURE__ */ jsx("div", { className: cn(
               "flex items-center",
@@ -41884,7 +41936,7 @@ function FieldGroup({ className, ...props }) {
     {
       "data-slot": "field-group",
       className: cn(
-        "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
+        "group/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
         className
       ),
       ...props
@@ -42435,6 +42487,22 @@ function InputField(props) {
     }),
     [layout, sublabel, description, helpText, visualError, tagsContent]
   );
+  const hasLabelSlotsAt = (placement) => {
+    let found = false;
+    graph.getSlotsFor("label", placement).render((slots) => {
+      if (slots.length > 0) {
+        found = true;
+      }
+      return null;
+    });
+    return found;
+  };
+  const hasLabelLeftSlots = hasLabelSlotsAt("left");
+  const hasLabelRightSlots = hasLabelSlotsAt("right");
+  const hasLabelAboveSlots = hasLabelSlotsAt("above");
+  const hasLabelBelowSlots = hasLabelSlotsAt("below");
+  const hasAnyLabelBlockContent = !!label || hasLabelLeftSlots || hasLabelRightSlots || hasLabelAboveSlots || hasLabelBelowSlots;
+  const hasLabelRowContent = !!label || hasLabelLeftSlots || hasLabelRightSlots;
   const inlineLabelSide = lp === "right" ? "right" : lp === "hidden" ? "hidden" : "left";
   const inlineInputColClass = [
     isCompactInline ? "flex-none" : "flex-1 min-w-0",
@@ -42482,7 +42550,7 @@ function InputField(props) {
       )
     )
   ] });
-  const inlineLabelColumn = inlineLabelSide === "hidden" ? null : /* @__PURE__ */ jsxs(
+  const inlineLabelColumn = inlineLabelSide === "hidden" || !hasAnyLabelBlockContent ? null : /* @__PURE__ */ jsxs(
     "div",
     {
       className: ["flex flex-col gap-0", inlineLabelColClass].filter(Boolean).join(" "),
@@ -42492,7 +42560,7 @@ function InputField(props) {
             (slot) => renderHelperSlot("label", slot, classes)
           )
         ),
-        /* @__PURE__ */ jsxs(
+        hasLabelRowContent && /* @__PURE__ */ jsxs(
           "div",
           {
             className: [
@@ -42519,7 +42587,16 @@ function InputField(props) {
                   children: /* @__PURE__ */ jsxs(FieldTitle, { children: [
                     label,
                     " ",
-                    required ? /* @__PURE__ */ jsx("span", { className: cn("text-destructive", classes == null ? void 0 : classes.required), children: "*" }) : ""
+                    required ? /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: cn(
+                          "text-destructive",
+                          classes == null ? void 0 : classes.required
+                        ),
+                        children: "*"
+                      }
+                    ) : ""
                   ] })
                 }
               ),
@@ -42545,7 +42622,11 @@ function InputField(props) {
     "flex items-start gap-2",
     classes == null ? void 0 : classes.inlineRow
   ].filter(Boolean).join(" ");
-  const stackedGroupClassName = ["mt-1", classes == null ? void 0 : classes.group].filter(Boolean).join(" ");
+  const hasStackedLabelBlock = lp !== "hidden" && hasAnyLabelBlockContent;
+  const stackedGroupClassName = [
+    hasStackedLabelBlock && hasLabelRowContent ? "mt-1" : null,
+    classes == null ? void 0 : classes.group
+  ].filter(Boolean).join(" ");
   const Element2 = contain ? "div" : React54.Fragment;
   const attrs = (a = "l") => contain ? a === "l" ? { className: "p-4 border-b border-input" } : { className: "px-4 pt-2 pb-4" } : {};
   return /* @__PURE__ */ jsx(
@@ -42581,7 +42662,7 @@ function InputField(props) {
       ) : (
         // STACKED MODE
         /* @__PURE__ */ jsxs(Fragment, { children: [
-          lp !== "hidden" && /* @__PURE__ */ jsxs(Element2, { ...attrs(), children: [
+          hasStackedLabelBlock && /* @__PURE__ */ jsxs(Element2, { ...attrs(), children: [
             graph.getSlotsFor("label", "above").render(
               (slots) => slots.map(
                 (slot) => renderHelperSlot(
@@ -42591,7 +42672,7 @@ function InputField(props) {
                 )
               )
             ),
-            /* @__PURE__ */ jsxs(
+            hasLabelRowContent && /* @__PURE__ */ jsxs(
               "div",
               {
                 className: [
@@ -42618,7 +42699,16 @@ function InputField(props) {
                       children: /* @__PURE__ */ jsxs(FieldTitle, { children: [
                         label,
                         " ",
-                        required ? /* @__PURE__ */ jsx("span", { className: cn("text-destructive", classes == null ? void 0 : classes.required), children: "*" }) : ""
+                        required ? /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            className: cn(
+                              "text-destructive",
+                              classes == null ? void 0 : classes.required
+                            ),
+                            children: "*"
+                          }
+                        ) : ""
                       ] })
                     }
                   ),
@@ -42777,7 +42867,7 @@ function normalizeInertiaError(raw) {
   return raw;
 }
 var createInertiaAdapter = (config3) => {
-  const { method, url, data, callbacks } = config3;
+  const { method = "post", url, data, callbacks } = config3;
   const upperMethod = method.toUpperCase();
   function buildOptions(resolve, reject, extraOptions) {
     const merged = {