@timeax/form-palette 0.0.6 → 0.0.8

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default, { RefObject, ComponentType } from 'react';
 import { z } from 'zod';
-import { Method, AdapterResult, AdapterKey, AdapterSubmit } from './adapters.mjs';
+import { Method, AdapterResult, AdapterKey, AdapterProps, AdapterSubmit } from './adapters.mjs';
 export { AdapterCallbacks, AdapterConfig, AdapterError, AdapterFactory, AdapterOk, Adapters, NamedAdapterConfig, NamedAdapterFactory, createAxiosAdapter, createInertiaAdapter, getAdapter, hasAdapter, localAdapter, registerAdapter, registerAxiosAdapter, registerInertiaAdapter, registerKnownAdapter } from './adapters.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { DayPicker } from 'react-day-picker';
@@ -346,7 +346,7 @@ type InferFromSchema<S, V extends Dict> = S extends z.ZodType ? z.infer<S> & Dic
  *
  * @template TValues Shape of the outbound data for this submit event.
  */
-type SubmitEvent<TValues extends Dict> = {
+type SubmitEvent<TValues extends Dict, K extends AdapterKey> = {
     /**
      * Prevent the default submit behavior.
      *
@@ -361,16 +361,13 @@ type SubmitEvent<TValues extends Dict> = {
      */
     editData(cb: (data: TValues) => TValues | void): void;
     /**
-     * Override the route/URL for this submission only.
+     * Override the config for this adapter submission only.
      *
      * The core itself does not enforce any semantics here; the host
      * is expected to interpret this when wiring submissions.
      */
-    setRoute(route: string): void;
-    /**
-     * Override the HTTP method for this submission only.
-     */
-    setMethod(method: Method): void;
+    setConfig(props: Partial<AdapterProps<K>>): void;
+    setConfig(key: keyof AdapterProps<K>, value: any): void;
     /**
      * The button that triggered this submit, if any.
      */
@@ -396,7 +393,7 @@ type SubmitEvent<TValues extends Dict> = {
  * @template V Shape of the underlying value map (pre-schema).
  * @template S Optional Zod schema type.
  */
-type BaseProps$7<V extends Dict, S extends z.ZodType | undefined> = {
+type BaseProps$7<V extends Dict, S extends z.ZodType | undefined, K extends AdapterKey> = {
     /**
      * Field names that should be ignored when building diffs or snapshots.
      * Useful for excluding secrets like passwords from logs.
@@ -461,7 +458,7 @@ type BaseProps$7<V extends Dict, S extends z.ZodType | undefined> = {
      * - change route/method/xhr flags,
      * - abort by setting e.continue = false.
      */
-    onSubmit?<T extends Dict = InferFromSchema<S, V>>(e: SubmitEvent<T>): Promise<void> | void;
+    onSubmit?<T extends Dict = InferFromSchema<S, V>>(e: SubmitEvent<T, K>): Promise<void> | void;
     /**
      * Optional Zod schema used for validation and value inference.
      */
@@ -480,7 +477,7 @@ type BaseProps$7<V extends Dict, S extends z.ZodType | undefined> = {
  * @template S Optional Zod schema type.
  * @template K Adapter key; defaults to 'local'.
  */
-interface CoreProps<V extends Dict, S extends z.ZodType | undefined, K extends AdapterKey = "local"> extends BaseProps$7<V, S> {
+type CoreProps<V extends Dict, S extends z.ZodType | undefined, K extends AdapterKey = "local"> = BaseProps$7<V, S, K> & AdapterProps<K> & {
     /**
      * Which adapter flavour this core instance should use.
      *
@@ -496,7 +493,7 @@ interface CoreProps<V extends Dict, S extends z.ZodType | undefined, K extends A
      *   AdapterSubmit<'axios'> → host-defined type, etc.
      */
     onSubmitted?(form: CoreContext<InferFromSchema<S, V>>, payload: AdapterSubmit<K>, resolve?: () => void): void | Promise<void>;
-}
+};
 /**
  * Backwards-compatible alias for legacy naming, if you want it.
  */
@@ -3251,13 +3248,13 @@ declare function CoreRoot(props: CoreRootProps): react_jsx_runtime.JSX.Element;
  *     {...fields + buttons...}
  *   </CoreShell>
  */
-interface CoreShellProps<V extends Dict = Dict, S extends z.ZodType | undefined = z.ZodType | undefined, K extends AdapterKey = "local"> extends CoreProps<V, S, K> {
+type CoreShellProps<V extends Dict = Dict, S extends z.ZodType | undefined = z.ZodType | undefined, K extends AdapterKey = "local"> = CoreProps<V, S, K> & {
     /**
      * Props passed directly to the underlying <form> element via CoreRoot.
      */
     formProps?: CoreRootProps;
     children?: React.ReactNode;
-}
+};
 declare function CoreShell<V extends Dict, S extends z.ZodType | undefined, K extends AdapterKey = "local">(props: CoreShellProps<V, S, K>): react_jsx_runtime.JSX.Element;
 
 interface UseButtonOptions {
@@ -3825,4 +3822,4 @@ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "
 }
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 
-export { AdapterKey, AdapterResult, AdapterSubmit, type BaseProps$7 as BaseProps, type ButtonRef, type CoreContext, type CoreProps, CoreProvider, type CoreShellProps, type DescriptionPlacement, type Dict, type EffectiveFieldLayout, type ErrorBag, type ErrorBagMapResult, ErrorStrip, type ErrorStripProps, type ErrorTextPlacement, type Field, type FieldLayoutConfig, type FieldOrdering, type FieldRootId, type FieldRoots, type FieldSlotId, type FieldSlots, CoreShell as Form, type FormProps, CoreRoot as FormRoot, type HelpTextPlacement, type InferFromSchema, Input, InputField, type InputFieldBaseProps, type InputFieldProps, InputMask, InputNumber, type InputStore, type LabelPlacement, type LayoutResolveContext, type LayoutResolver, Method, type RelativeRootsMap, type SlotPlacement, type SublabelPlacement, type SubmitEvent, Textarea, type UseButtonOptions, type UseButtonReturn, type UseFieldOptions, type UseFieldReturn, type UseFieldValidate, type ValidateResult, type ValuesResult, type VariantEntry, type VariantKey, type VariantLayoutDefaults, type VariantModule, type VariantModuleFor, type VariantPropsFor, type VariantValidateFn, type VariantValueFor, type Variants, type ZodErrorMapResult, getVariant, listVariants, mapErrorBag, mapZodError, registerCoreVariants, registerVariant, useButton, useCore, useCoreContext, useField, useOptionalField };
+export { AdapterKey, AdapterProps, AdapterResult, AdapterSubmit, type BaseProps$7 as BaseProps, type ButtonRef, type CoreContext, type CoreProps, CoreProvider, type CoreShellProps, type DescriptionPlacement, type Dict, type EffectiveFieldLayout, type ErrorBag, type ErrorBagMapResult, ErrorStrip, type ErrorStripProps, type ErrorTextPlacement, type Field, type FieldLayoutConfig, type FieldOrdering, type FieldRootId, type FieldRoots, type FieldSlotId, type FieldSlots, CoreShell as Form, type FormProps, CoreRoot as FormRoot, type HelpTextPlacement, type InferFromSchema, Input, InputField, type InputFieldBaseProps, type InputFieldProps, InputMask, InputNumber, type InputStore, type LabelPlacement, type LayoutResolveContext, type LayoutResolver, Method, type RelativeRootsMap, type SlotPlacement, type SublabelPlacement, type SubmitEvent, Textarea, type UseButtonOptions, type UseButtonReturn, type UseFieldOptions, type UseFieldReturn, type UseFieldValidate, type ValidateResult, type ValuesResult, type VariantEntry, type VariantKey, type VariantLayoutDefaults, type VariantModule, type VariantModuleFor, type VariantPropsFor, type VariantValidateFn, type VariantValueFor, type Variants, type ZodErrorMapResult, getVariant, listVariants, mapErrorBag, mapZodError, registerCoreVariants, registerVariant, useButton, useCore, useCoreContext, useField, useOptionalField };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default, { RefObject, ComponentType } from 'react';
 import { z } from 'zod';
-import { Method, AdapterResult, AdapterKey, AdapterSubmit } from './adapters.js';
+import { Method, AdapterResult, AdapterKey, AdapterProps, AdapterSubmit } from './adapters.js';
 export { AdapterCallbacks, AdapterConfig, AdapterError, AdapterFactory, AdapterOk, Adapters, NamedAdapterConfig, NamedAdapterFactory, createAxiosAdapter, createInertiaAdapter, getAdapter, hasAdapter, localAdapter, registerAdapter, registerAxiosAdapter, registerInertiaAdapter, registerKnownAdapter } from './adapters.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { DayPicker } from 'react-day-picker';
@@ -346,7 +346,7 @@ type InferFromSchema<S, V extends Dict> = S extends z.ZodType ? z.infer<S> & Dic
  *
  * @template TValues Shape of the outbound data for this submit event.
  */
-type SubmitEvent<TValues extends Dict> = {
+type SubmitEvent<TValues extends Dict, K extends AdapterKey> = {
     /**
      * Prevent the default submit behavior.
      *
@@ -361,16 +361,13 @@ type SubmitEvent<TValues extends Dict> = {
      */
     editData(cb: (data: TValues) => TValues | void): void;
     /**
-     * Override the route/URL for this submission only.
+     * Override the config for this adapter submission only.
      *
      * The core itself does not enforce any semantics here; the host
      * is expected to interpret this when wiring submissions.
      */
-    setRoute(route: string): void;
-    /**
-     * Override the HTTP method for this submission only.
-     */
-    setMethod(method: Method): void;
+    setConfig(props: Partial<AdapterProps<K>>): void;
+    setConfig(key: keyof AdapterProps<K>, value: any): void;
     /**
      * The button that triggered this submit, if any.
      */
@@ -396,7 +393,7 @@ type SubmitEvent<TValues extends Dict> = {
  * @template V Shape of the underlying value map (pre-schema).
  * @template S Optional Zod schema type.
  */
-type BaseProps$7<V extends Dict, S extends z.ZodType | undefined> = {
+type BaseProps$7<V extends Dict, S extends z.ZodType | undefined, K extends AdapterKey> = {
     /**
      * Field names that should be ignored when building diffs or snapshots.
      * Useful for excluding secrets like passwords from logs.
@@ -461,7 +458,7 @@ type BaseProps$7<V extends Dict, S extends z.ZodType | undefined> = {
      * - change route/method/xhr flags,
      * - abort by setting e.continue = false.
      */
-    onSubmit?<T extends Dict = InferFromSchema<S, V>>(e: SubmitEvent<T>): Promise<void> | void;
+    onSubmit?<T extends Dict = InferFromSchema<S, V>>(e: SubmitEvent<T, K>): Promise<void> | void;
     /**
      * Optional Zod schema used for validation and value inference.
      */
@@ -480,7 +477,7 @@ type BaseProps$7<V extends Dict, S extends z.ZodType | undefined> = {
  * @template S Optional Zod schema type.
  * @template K Adapter key; defaults to 'local'.
  */
-interface CoreProps<V extends Dict, S extends z.ZodType | undefined, K extends AdapterKey = "local"> extends BaseProps$7<V, S> {
+type CoreProps<V extends Dict, S extends z.ZodType | undefined, K extends AdapterKey = "local"> = BaseProps$7<V, S, K> & AdapterProps<K> & {
     /**
      * Which adapter flavour this core instance should use.
      *
@@ -496,7 +493,7 @@ interface CoreProps<V extends Dict, S extends z.ZodType | undefined, K extends A
      *   AdapterSubmit<'axios'> → host-defined type, etc.
      */
     onSubmitted?(form: CoreContext<InferFromSchema<S, V>>, payload: AdapterSubmit<K>, resolve?: () => void): void | Promise<void>;
-}
+};
 /**
  * Backwards-compatible alias for legacy naming, if you want it.
  */
@@ -3251,13 +3248,13 @@ declare function CoreRoot(props: CoreRootProps): react_jsx_runtime.JSX.Element;
  *     {...fields + buttons...}
  *   </CoreShell>
  */
-interface CoreShellProps<V extends Dict = Dict, S extends z.ZodType | undefined = z.ZodType | undefined, K extends AdapterKey = "local"> extends CoreProps<V, S, K> {
+type CoreShellProps<V extends Dict = Dict, S extends z.ZodType | undefined = z.ZodType | undefined, K extends AdapterKey = "local"> = CoreProps<V, S, K> & {
     /**
      * Props passed directly to the underlying <form> element via CoreRoot.
      */
     formProps?: CoreRootProps;
     children?: React.ReactNode;
-}
+};
 declare function CoreShell<V extends Dict, S extends z.ZodType | undefined, K extends AdapterKey = "local">(props: CoreShellProps<V, S, K>): react_jsx_runtime.JSX.Element;
 
 interface UseButtonOptions {
@@ -3825,4 +3822,4 @@ interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "
 }
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 
-export { AdapterKey, AdapterResult, AdapterSubmit, type BaseProps$7 as BaseProps, type ButtonRef, type CoreContext, type CoreProps, CoreProvider, type CoreShellProps, type DescriptionPlacement, type Dict, type EffectiveFieldLayout, type ErrorBag, type ErrorBagMapResult, ErrorStrip, type ErrorStripProps, type ErrorTextPlacement, type Field, type FieldLayoutConfig, type FieldOrdering, type FieldRootId, type FieldRoots, type FieldSlotId, type FieldSlots, CoreShell as Form, type FormProps, CoreRoot as FormRoot, type HelpTextPlacement, type InferFromSchema, Input, InputField, type InputFieldBaseProps, type InputFieldProps, InputMask, InputNumber, type InputStore, type LabelPlacement, type LayoutResolveContext, type LayoutResolver, Method, type RelativeRootsMap, type SlotPlacement, type SublabelPlacement, type SubmitEvent, Textarea, type UseButtonOptions, type UseButtonReturn, type UseFieldOptions, type UseFieldReturn, type UseFieldValidate, type ValidateResult, type ValuesResult, type VariantEntry, type VariantKey, type VariantLayoutDefaults, type VariantModule, type VariantModuleFor, type VariantPropsFor, type VariantValidateFn, type VariantValueFor, type Variants, type ZodErrorMapResult, getVariant, listVariants, mapErrorBag, mapZodError, registerCoreVariants, registerVariant, useButton, useCore, useCoreContext, useField, useOptionalField };
+export { AdapterKey, AdapterProps, AdapterResult, AdapterSubmit, type BaseProps$7 as BaseProps, type ButtonRef, type CoreContext, type CoreProps, CoreProvider, type CoreShellProps, type DescriptionPlacement, type Dict, type EffectiveFieldLayout, type ErrorBag, type ErrorBagMapResult, ErrorStrip, type ErrorStripProps, type ErrorTextPlacement, type Field, type FieldLayoutConfig, type FieldOrdering, type FieldRootId, type FieldRoots, type FieldSlotId, type FieldSlots, CoreShell as Form, type FormProps, CoreRoot as FormRoot, type HelpTextPlacement, type InferFromSchema, Input, InputField, type InputFieldBaseProps, type InputFieldProps, InputMask, InputNumber, type InputStore, type LabelPlacement, type LayoutResolveContext, type LayoutResolver, Method, type RelativeRootsMap, type SlotPlacement, type SublabelPlacement, type SubmitEvent, Textarea, type UseButtonOptions, type UseButtonReturn, type UseFieldOptions, type UseFieldReturn, type UseFieldValidate, type ValidateResult, type ValuesResult, type VariantEntry, type VariantKey, type VariantLayoutDefaults, type VariantModule, type VariantModuleFor, type VariantPropsFor, type VariantValidateFn, type VariantValueFor, type Variants, type ZodErrorMapResult, getVariant, listVariants, mapErrorBag, mapZodError, registerCoreVariants, registerVariant, useButton, useCore, useCoreContext, useField, useOptionalField };

package/dist/index.js

@@ -13433,6 +13433,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);
 }
@@ -13593,7 +13612,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;
@@ -13625,6 +13653,10 @@ function CoreProvider(props) {
       ...collectValues(),
       ...extra != null ? extra : {}
     };
+    let adapterConfig = {
+      ...getAdapterPropsFrom(currentProps),
+      ...adapterOverride
+    };
     const event = {
       preventDefault() {
         this.continue = false;
@@ -13635,11 +13667,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() {
@@ -13662,8 +13698,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) {
@@ -13823,9 +13860,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,
@@ -13931,7 +13971,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;
@@ -13953,7 +13999,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();
@@ -18365,7 +18417,7 @@ var Input = React54__namespace.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",
@@ -26356,7 +26408,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,
@@ -33502,7 +33554,7 @@ var Textarea = React54__namespace.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(
@@ -41564,7 +41616,7 @@ var ShadcnFileVariant = React54__namespace.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",
@@ -41767,7 +41819,7 @@ var ShadcnFileVariant = React54__namespace.forwardRef(
         children: [
           /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: cn(
               "flex items-center",
@@ -41905,7 +41957,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
@@ -42456,6 +42508,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",
@@ -42503,7 +42571,7 @@ function InputField(props) {
       )
     )
   ] });
-  const inlineLabelColumn = inlineLabelSide === "hidden" ? null : /* @__PURE__ */ jsxRuntime.jsxs(
+  const inlineLabelColumn = inlineLabelSide === "hidden" || !hasAnyLabelBlockContent ? null : /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       className: ["flex flex-col gap-0", inlineLabelColClass].filter(Boolean).join(" "),
@@ -42513,7 +42581,7 @@ function InputField(props) {
             (slot) => renderHelperSlot("label", slot, classes)
           )
         ),
-        /* @__PURE__ */ jsxRuntime.jsxs(
+        hasLabelRowContent && /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
             className: [
@@ -42540,7 +42608,16 @@ function InputField(props) {
                   children: /* @__PURE__ */ jsxRuntime.jsxs(FieldTitle, { children: [
                     label,
                     " ",
-                    required ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("text-destructive", classes == null ? void 0 : classes.required), children: "*" }) : ""
+                    required ? /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        className: cn(
+                          "text-destructive",
+                          classes == null ? void 0 : classes.required
+                        ),
+                        children: "*"
+                      }
+                    ) : ""
                   ] })
                 }
               ),
@@ -42566,7 +42643,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__namespace.Fragment;
   const attrs = (a = "l") => contain ? a === "l" ? { className: "p-4 border-b border-input" } : { className: "px-4 pt-2 pb-4" } : {};
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -42602,7 +42683,7 @@ function InputField(props) {
       ) : (
         // STACKED MODE
         /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          lp !== "hidden" && /* @__PURE__ */ jsxRuntime.jsxs(Element2, { ...attrs(), children: [
+          hasStackedLabelBlock && /* @__PURE__ */ jsxRuntime.jsxs(Element2, { ...attrs(), children: [
             graph.getSlotsFor("label", "above").render(
               (slots) => slots.map(
                 (slot) => renderHelperSlot(
@@ -42612,7 +42693,7 @@ function InputField(props) {
                 )
               )
             ),
-            /* @__PURE__ */ jsxRuntime.jsxs(
+            hasLabelRowContent && /* @__PURE__ */ jsxRuntime.jsxs(
               "div",
               {
                 className: [
@@ -42639,7 +42720,16 @@ function InputField(props) {
                       children: /* @__PURE__ */ jsxRuntime.jsxs(FieldTitle, { children: [
                         label,
                         " ",
-                        required ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("text-destructive", classes == null ? void 0 : classes.required), children: "*" }) : ""
+                        required ? /* @__PURE__ */ jsxRuntime.jsx(
+                          "span",
+                          {
+                            className: cn(
+                              "text-destructive",
+                              classes == null ? void 0 : classes.required
+                            ),
+                            children: "*"
+                          }
+                        ) : ""
                       ] })
                     }
                   ),
@@ -42798,7 +42888,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 = {