@vritti/quantum-ui 0.1.18 → 0.1.19

package/dist/AuthProvider.d.ts

@@ -25,6 +25,8 @@ export declare const OnboardingProvider: default_2.FC<OnboardingProviderProps>;
 
 declare interface OnboardingProviderProps {
     children: default_2.ReactNode;
+    onboardingToken?: string;
+    onUnauthorized?: () => void;
 }
 
 export declare const useOnboarding: () => OnboardingContextType;

package/dist/Form.d.ts

@@ -105,7 +105,7 @@ export declare function FieldGroup({ className, ...props }: React.ComponentProps
     <div
     data-slot="field-group"
     className={cn(
-        "group/field-group @container/field-group flex w-full flex-col gap-4 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",
+        "group/field-group @container/field-group flex w-full flex-col gap-2 data-[slot=checkbox-group]:gap-1 [&>[data-slot=field-group]]:gap-2",
         className
         )}
         {...props}
@@ -232,7 +232,7 @@ declare const fieldVariants = cva(
 }
 );
 
-export declare function Form<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = TFieldValues>({ form, onSubmit, children, showRootError, rootErrorPosition, rootErrorClassName, ...props }: FormProps<TFieldValues, TContext, TTransformedValues>): JSX.Element;
+export declare function Form<TFieldValues extends FieldValues = FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = TFieldValues>({ form, onSubmit, children, showRootError, rootErrorPosition, rootErrorClassName, csrfEndpoint, ...props }: FormProps<TFieldValues, TContext, TTransformedValues>): JSX.Element;
 
 export declare namespace Form {
     var displayName: string;
@@ -245,6 +245,7 @@ export declare interface FormProps<TFieldValues extends FieldValues = FieldValue
     showRootError?: boolean;
     rootErrorPosition?: 'top' | 'bottom';
     rootErrorClassName?: string;
+    csrfEndpoint?: string;
 }
 
 declare function Label({ className, ...props }: React_2.ComponentProps<typeof LabelPrimitive.Root>) {

package/dist/Form.js

@@ -3,6 +3,7 @@ import React__default from 'react';
 import { C as Checkbox } from './Checkbox.js';
 import { c as FieldError } from './field.js';
 import { c as cn } from './utils.js';
+import { axios, setCsrfToken, clearCsrfToken } from './utils/axios.js';
 
 var isCheckBoxInput = (element) => element.type === 'checkbox';
 
@@ -655,9 +656,29 @@ function Form({
   showRootError = true,
   rootErrorPosition = "bottom",
   rootErrorClassName,
+  csrfEndpoint,
   ...props
 }) {
   const handleSubmit = form.handleSubmit(onSubmit);
+  React__default.useEffect(() => {
+    if (csrfEndpoint) {
+      axios.get(csrfEndpoint).then((response) => {
+        const token = response.data?.csrfToken;
+        if (token) {
+          setCsrfToken(token);
+        } else {
+          console.warn("[Form] CSRF endpoint did not return a csrfToken field");
+        }
+      }).catch((error) => {
+        console.error("[Form] Failed to fetch CSRF token:", error);
+      });
+    }
+    return () => {
+      if (csrfEndpoint) {
+        clearCsrfToken();
+      }
+    };
+  }, [csrfEndpoint]);
   const processedChildren = processChildren(children, form.control);
   return /* @__PURE__ */ jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, ...props, children: [
     showRootError && rootErrorPosition === "top" && form.formState.errors.root && /* @__PURE__ */ jsx(