@lumeweb/portal-framework-ui 0.0.1 → 0.1.1

package/dist/esm/components/form/WizardForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardForm.js","names":[],"sources":["../../../../src/components/form/WizardForm.tsx"],"sourcesContent":["import type { FieldValues } from \"react-hook-form\";\n\nimport { BaseRecord } from \"@refinedev/core\";\nimport React, { useMemo } from \"react\";\n\nimport type { WizardFormConfig } from \"./types\";\n\nimport { useDialog } from \"@/components\";\nimport { useIsInDialog } from \"@/components\";\nimport { Environment, UnifiedFooter, UnifiedHeader } from \"@/components\";\nimport { ProgressStyleType } from \"@/components\";\nimport { resolveAllowStepNavigation } from \"@/components\";\nimport { StepControlProvider, useStepControl } from \"./StepControlContext\";\nimport { StepSchemaForm } from \"./StepSchemaForm\";\nimport { createStepRetryHandler } from \"./utils/stepRetry\";\n\ninterface WizardFormContentProps<\n  TRequest extends FieldValues = FieldValues,\n  TResponse extends BaseRecord = any,\n> {\n  closeDialog: () => void;\n  config: WizardFormConfig<TRequest, TResponse>;\n  formMethods: any;\n  isInDialog: boolean;\n}\n\ninterface WizardFormProps<\n  TRequest extends FieldValues = FieldValues,\n  TResponse extends BaseRecord = any,\n> {\n  closeDialog?: () => void;\n  config: WizardFormConfig<TRequest, TResponse>;\n}\n\nexport function WizardForm<\n  TRequest extends FieldValues = FieldValues,\n  TResponse extends BaseRecord = any,\n>({\n  closeDialog = () => void 0,\n  config,\n}: WizardFormProps<TRequest, TResponse>) {\n  const { formMethods } = useDialog();\n  const existingStepControl = useStepControl();\n  const isInDialog = useIsInDialog();\n\n  // If we're already in a step control context, render content directly\n  if (existingStepControl && existingStepControl.totalSteps > 0) {\n    return (\n      <WizardFormContent\n        closeDialog={closeDialog}\n        config={config}\n        formMethods={formMethods}\n        isInDialog={isInDialog}\n      />\n    );\n  }\n\n  return (\n    <StepControlProvider\n      defaultStep={config.stepBehavior?.defaultStep}\n      isBackValidate={config.stepBehavior?.isBackValidate}\n      onStepRetry={createStepRetryHandler(config.steps)}\n      totalSteps={config.steps.length}\n      onNavigationStart={config.onNavigationStart}\n      onNavigationEnd={config.onNavigationEnd}\n      onNavigationError={config.onNavigationError}>\n      <WizardFormContent\n        closeDialog={closeDialog}\n        config={config}\n        formMethods={formMethods}\n        isInDialog={isInDialog}\n      />\n    </StepControlProvider>\n  );\n}\n\nfunction WizardFormContent<\n  TRequest extends FieldValues = FieldValues,\n  TResponse extends BaseRecord = any,\n>({\n  closeDialog,\n  config,\n  formMethods,\n  isInDialog,\n}: WizardFormContentProps<TRequest, TResponse>) {\n  const { currentDialog } = useDialog();\n  const stepControl = useStepControl();\n  const { currentStep, goToStep, isFirstStep, isLastStep, totalSteps } =\n    stepControl;\n  const isSubmitting = formMethods?.current?.formState?.isSubmitting || false;\n\n  // Helper function to evaluate allowStepNavigation (step-level takes precedence over wizard-level)\n  const isStepNavigationAllowed = useMemo(() => {\n    return resolveAllowStepNavigation(\n      config.allowStepNavigation,\n      config.steps,\n      currentStep,\n    );\n  }, [config.allowStepNavigation, config.steps, currentStep]);\n\n  // Create header environment\n  const currentStepConfig = config.steps[currentStep - 1];\n  const headerEnvironmentBuilder = Environment.header();\n\n  // Use dialog container if we're in a dialog, otherwise use standalone\n  if (isInDialog) {\n    headerEnvironmentBuilder.dialog({\n      dialogConfig: currentDialog || {},\n      onClose: closeDialog,\n    });\n  } else {\n    headerEnvironmentBuilder.standalone();\n  }\n\n  const headerEnvironment = headerEnvironmentBuilder\n    .content({\n      actions: undefined,\n      description: currentStepConfig?.description,\n      title: currentStepConfig?.title,\n    })\n    .wizardNavigation({\n      allowNavigation: isStepNavigationAllowed,\n      current: currentStep,\n      disabledSteps: config.stepNavigationDisabled,\n      onStepClick: goToStep,\n      progressStyle: ProgressStyleType.TIMELINE,\n      steps: config.steps,\n      total: totalSteps,\n    })\n    .build();\n\n  return (\n    <div className={config.wizardClassName || \"space-y-6\"}>\n      {!isInDialog && (\n        <UnifiedHeader config={config} environment={headerEnvironment} />\n      )}\n      <div className=\"space-y-4\">\n        <div className=\"space-y-4\">\n          <StepSchemaForm\n            closeDialog={closeDialog}\n            config={{\n              ...config,\n              footer: (\n                stepMethods,\n                formMethods,\n                closeDialog,\n                currentDialog,\n              ) => {\n                const footerEnvironmentBuilder = Environment.footer();\n\n                // Use dialog container if we're in a dialog, otherwise use standalone\n                if (isInDialog) {\n                  footerEnvironmentBuilder.dialog({\n                    dialogConfig: currentDialog || {},\n                    onClose: closeDialog,\n                  });\n                } else {\n                  footerEnvironmentBuilder.standalone();\n                }\n\n                const footerEnvironment = footerEnvironmentBuilder\n                  .wizardForm({\n                    isSubmitting,\n                    methods: {\n                      ...formMethods?.current,\n                      handleSubmit: stepMethods.handleSubmit, // Override with step-specific handler\n                    },\n                  })\n                  .step({\n                    current: currentStep,\n                    isFirst: isFirstStep,\n                    isLast: isLastStep,\n                    jumpTo: stepControl.jumpTo,\n                    onNext: stepMethods.handleNext,\n                    onPrevious: stepMethods.handlePrevious,\n                    onRetry: stepMethods.handleRetry,\n                    retryCount: stepControl.retryCount,\n                    total: totalSteps,\n                  })\n                  .build();\n\n                // Pass the config with actionButtons to UnifiedFooter\n                // This allows UnifiedFooter to properly evaluate dynamic actionButtons callbacks\n                return (\n                  <UnifiedFooter\n                    config={config}\n                    environment={footerEnvironment}\n                  />\n                );\n              },\n              header: false, // Never render step headers in wizards\n              stepBehavior: config.stepBehavior,\n            }}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAkCA,SAAgB,WAGd,EACA,oBAAoB,KAAK,GACzB,UACuC;CACvC,MAAM,EAAE,gBAAgB,WAAW;CACnC,MAAM,sBAAsB,gBAAgB;CAC5C,MAAM,aAAa,eAAe;AAGlC,KAAI,uBAAuB,oBAAoB,aAAa,EAC1D,QACE,oBAAC,mBAAD;EACe;EACL;EACK;EACD;EACZ;AAIN,QACE,oBAAC,qBAAD;EACE,aAAa,OAAO,cAAc;EAClC,gBAAgB,OAAO,cAAc;EACrC,aAAa,uBAAuB,OAAO,MAAM;EACjD,YAAY,OAAO,MAAM;EACzB,mBAAmB,OAAO;EAC1B,iBAAiB,OAAO;EACxB,mBAAmB,OAAO;YAC1B,oBAAC,mBAAD;GACe;GACL;GACK;GACD;GACZ;EACkB;;AAI1B,SAAS,kBAGP,EACA,aACA,QACA,aACA,cAC8C;CAC9C,MAAM,EAAE,kBAAkB,WAAW;CACrC,MAAM,cAAc,gBAAgB;CACpC,MAAM,EAAE,aAAa,UAAU,aAAa,YAAY,eACtD;CACF,MAAM,eAAe,aAAa,SAAS,WAAW,gBAAgB;CAGtE,MAAM,0BAA0B,cAAc;AAC5C,SAAO,2BACL,OAAO,qBACP,OAAO,OACP,YACD;IACA;EAAC,OAAO;EAAqB,OAAO;EAAO;EAAY,CAAC;CAG3D,MAAM,oBAAoB,OAAO,MAAM,cAAc;CACrD,MAAM,2BAA2B,YAAY,QAAQ;AAGrD,KAAI,WACF,0BAAyB,OAAO;EAC9B,cAAc,iBAAiB,EAAE;EACjC,SAAS;EACV,CAAC;KAEF,0BAAyB,YAAY;CAGvC,MAAM,oBAAoB,yBACvB,QAAQ;EACP,SAAS;EACT,aAAa,mBAAmB;EAChC,OAAO,mBAAmB;EAC3B,CAAC,CACD,iBAAiB;EAChB,iBAAiB;EACjB,SAAS;EACT,eAAe,OAAO;EACtB,aAAa;EACb;EACA,OAAO,OAAO;EACd,OAAO;EACR,CAAC,CACD,OAAO;AAEV,QACE,qBAAC,OAAD;EAAK,WAAW,OAAO,mBAAmB;YAA1C,CACG,CAAC,cACA,oBAAC,eAAD;GAAuB;GAAQ,aAAa;GAAqB,GAEnE,oBAAC,OAAD;GAAK,WAAU;aACb,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,gBAAD;KACe;KACb,QAAQ;MACN,GAAG;MACH,SACE,aACA,aACA,aACA,kBACG;OACH,MAAM,2BAA2B,YAAY,QAAQ;AAGrD,WAAI,WACF,0BAAyB,OAAO;QAC9B,cAAc,iBAAiB,EAAE;QACjC,SAAS;QACV,CAAC;WAEF,0BAAyB,YAAY;AA0BvC,cACE,oBAAC,eAAD;QACU;QACR,aA1BsB,yBACvB,WAAW;SACV;SACA,SAAS;UACP,GAAG,aAAa;UAChB,cAAc,YAAY;UAC3B;SACF,CAAC,CACD,KAAK;SACJ,SAAS;SACT,SAAS;SACT,QAAQ;SACR,QAAQ,YAAY;SACpB,QAAQ,YAAY;SACpB,YAAY,YAAY;SACxB,SAAS,YAAY;SACrB,YAAY,YAAY;SACxB,OAAO;SACR,CAAC,CACD,OAO+B;QAC9B;;MAGN,QAAQ;MACR,cAAc,OAAO;MACtB;KACD;IACE;GACF,EACF"}

package/dist/esm/components/form/WizardStepContent.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from "react";
+
+//#region src/components/form/WizardStepContent.d.ts
+interface StepContentProps {
+  children: ReactNode;
+  className?: string;
+  description?: string;
+  icon?: ReactNode;
+  isActive?: boolean;
+  isEntering?: boolean;
+  isExiting?: boolean;
+  title?: string;
+}
+declare function WizardStepContent({
+  children,
+  className,
+  description,
+  icon,
+  isActive,
+  isEntering,
+  isExiting,
+  title
+}: StepContentProps): any;
+//#endregion
+export { WizardStepContent };
+//# sourceMappingURL=WizardStepContent.d.ts.map

package/dist/esm/components/form/WizardStepContent.js

@@ -0,0 +1,46 @@
+import { useOptionalStepControlContext } from "./StepControlContext.js";
+import { getStepAnimationClasses } from "./utils/animationUtils.js";
+import { cn } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { isElement, isValidElementType } from "react-is";
+
+//#region src/components/form/WizardStepContent.tsx
+function WizardStepContent({ children, className = "", description, icon, isActive = false, isEntering = false, isExiting = false, title }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("transition-all duration-300 ease-in-out", getStepAnimationClasses(isEntering, isExiting, isActive, useOptionalStepControlContext()?.transitionState?.direction || null), className),
+		style: {
+			gridColumn: 1,
+			gridRow: 1
+		},
+		children: [(title || description || icon) && /* @__PURE__ */ jsxs("div", {
+			className: "bg-muted flex items-start gap-4 rounded-lg p-4",
+			children: [icon && /* @__PURE__ */ jsx("div", {
+				"aria-hidden": !title,
+				className: "bg-primary/10 text-primary flex-shrink-0 rounded-lg p-2",
+				children: renderIcon(icon)
+			}), (title || description) && /* @__PURE__ */ jsxs("div", { children: [title && /* @__PURE__ */ jsx("h2", {
+				"aria-label": description ? `${title}: ${description}` : title,
+				className: "text-foreground text-xl font-semibold",
+				children: title
+			}), description && /* @__PURE__ */ jsx("p", {
+				"aria-label": title ? `${title}: ${description}` : description,
+				className: "text-muted-foreground mt-1 text-sm",
+				children: description
+			})] })]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "pt-6",
+			children
+		})]
+	});
+}
+function renderIcon(icon) {
+	if (!icon) return null;
+	if (isElement(icon)) return icon;
+	if (isValidElementType(icon)) return /* @__PURE__ */ jsx(icon, {});
+	return null;
+}
+
+//#endregion
+export { WizardStepContent };
+//# sourceMappingURL=WizardStepContent.js.map

package/dist/esm/components/form/WizardStepContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardStepContent.js","names":["IconComponent"],"sources":["../../../../src/components/form/WizardStepContent.tsx"],"sourcesContent":["import { cn } from \"@lumeweb/portal-framework-ui-core\";\nimport React, { type ReactNode } from \"react\";\nimport { isElement, isValidElementType } from \"react-is\";\n\nimport { useOptionalStepControlContext } from \"./StepControlContext\";\nimport { getStepAnimationClasses } from \"./utils/animationUtils\";\n\ninterface StepContentProps {\n  children: ReactNode;\n  className?: string;\n  description?: string;\n  icon?: ReactNode;\n  isActive?: boolean;\n  isEntering?: boolean;\n  isExiting?: boolean;\n  title?: string;\n}\n\nexport function WizardStepContent({\n  children,\n  className = \"\",\n  description,\n  icon,\n  isActive = false,\n  isEntering = false,\n  isExiting = false,\n  title,\n}: StepContentProps) {\n  // Get transition direction from context\n  const stepControl = useOptionalStepControlContext();\n  const direction = stepControl?.transitionState?.direction || null;\n\n  // Determine animation classes using utility function\n  const animationClasses = getStepAnimationClasses(\n    isEntering,\n    isExiting,\n    isActive,\n    direction,\n  );\n\n  return (\n    <div\n      className={cn(\n        \"transition-all duration-300 ease-in-out\",\n        animationClasses,\n        className,\n      )}\n      style={{\n        gridColumn: 1,\n        gridRow: 1,\n      }}>\n      {(title || description || icon) && (\n        <div className=\"bg-muted flex items-start gap-4 rounded-lg p-4\">\n          {icon && (\n            <div\n              aria-hidden={!title}\n              className=\"bg-primary/10 text-primary flex-shrink-0 rounded-lg p-2\">\n              {renderIcon(icon)}\n            </div>\n          )}\n          {(title || description) && (\n            <div>\n              {title && (\n                <h2\n                  aria-label={description ? `${title}: ${description}` : title}\n                  className=\"text-foreground text-xl font-semibold\">\n                  {title}\n                </h2>\n              )}\n              {description && (\n                <p\n                  aria-label={title ? `${title}: ${description}` : description}\n                  className=\"text-muted-foreground mt-1 text-sm\">\n                  {description}\n                </p>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n\n      <div className=\"pt-6\">{children}</div>\n    </div>\n  );\n}\n\n// Helper function to safely render icons\nfunction renderIcon(icon: ReactNode): ReactNode {\n  if (!icon) return null;\n\n  // If icon is already a valid React element, return it directly\n  if (isElement(icon)) {\n    return icon;\n  }\n\n  // If icon is a valid React component type, instantiate it\n  if (isValidElementType(icon)) {\n    const IconComponent = icon as React.ComponentType;\n    return <IconComponent />;\n  }\n\n  // For any other case, return null\n  return null;\n}\n"],"mappings":";;;;;;;;AAkBA,SAAgB,kBAAkB,EAChC,UACA,YAAY,IACZ,aACA,MACA,WAAW,OACX,aAAa,OACb,YAAY,OACZ,SACmB;AAanB,QACE,qBAAC,OAAD;EACE,WAAW,GACT,2CAVmB,wBACvB,YACA,WACA,UAPkB,+BACS,EAAE,iBAAiB,aAAa,KAcvC,EAChB,UACD;EACD,OAAO;GACL,YAAY;GACZ,SAAS;GACV;YATH,EAUI,SAAS,eAAe,SACxB,qBAAC,OAAD;GAAK,WAAU;aAAf,CACG,QACC,oBAAC,OAAD;IACE,eAAa,CAAC;IACd,WAAU;cACT,WAAW,KAAK;IACb,IAEN,SAAS,gBACT,qBAAC,OAAD,aACG,SACC,oBAAC,MAAD;IACE,cAAY,cAAc,GAAG,MAAM,IAAI,gBAAgB;IACvD,WAAU;cACT;IACE,GAEN,eACC,oBAAC,KAAD;IACE,cAAY,QAAQ,GAAG,MAAM,IAAI,gBAAgB;IACjD,WAAU;cACT;IACC,EAEF,IAEJ;MAGR,oBAAC,OAAD;GAAK,WAAU;GAAQ;GAAe,EAClC;;;AAKV,SAAS,WAAW,MAA4B;AAC9C,KAAI,CAAC,KAAM,QAAO;AAGlB,KAAI,UAAU,KAAK,CACjB,QAAO;AAIT,KAAI,mBAAmB,KAAK,CAE1B,QAAO,oBAACA,MAAD,EAAiB;AAI1B,QAAO"}

package/dist/esm/components/form/__mocks__/@hookform/resolvers/zod.d.ts

@@ -0,0 +1,8 @@
+//#region src/components/form/__mocks__/@hookform/resolvers/zod.d.ts
+// Augment the original module's types to include our mock exports
+declare module "@hookform/resolvers/zod" {
+  export const zodResolverSymbol: symbol; // We can also refine the zodResolver mock's type if needed,
+  // but for this fix, just declaring the symbol is sufficient.
+  // export const zodResolver: import("vitest").Mock<any, any>;
+}
+//# sourceMappingURL=zod.d.ts.map

package/dist/esm/components/form/adapters.d.ts

@@ -0,0 +1,23 @@
+import { FormConfig } from "./types.js";
+import { HttpError } from "@refinedev/core";
+import { UseFormProps, UseFormReturnType } from "@refinedev/react-hook-form";
+import { Controller, FieldValues, FormProvider, UseFormProps as UseFormProps$1, UseFormReturn } from "react-hook-form";
+import * as z$1 from "zod";
+
+//#region src/components/form/adapters.d.ts
+interface FormAdapter<T extends FieldValues = FieldValues> {
+  Controller: typeof Controller;
+  FormProvider: typeof FormProvider<T>;
+  submitHandler: (config: FormConfig<T>, methods: UnifiedFormReturnType<T>) => Promise<void>;
+  useForm: (options: BaseUseFormOptions<T>) => UnifiedFormReturnType<T>;
+}
+type UnifiedFormReturnType<T extends FieldValues> = UseFormReturn<T, any> | UseFormReturnType<T>;
+interface BaseUseFormOptions<TFieldValues extends FieldValues = FieldValues> {
+  defaultValues?: UseFormProps$1<TFieldValues>["defaultValues"];
+  refineCoreProps?: UseFormProps<TFieldValues, HttpError, TFieldValues>["refineCoreProps"];
+  validationSchema?: z$1.ZodSchema<TFieldValues>;
+}
+declare const adapters: Record<string, FormAdapter<any>>;
+//#endregion
+export { FormAdapter, UnifiedFormReturnType, adapters };
+//# sourceMappingURL=adapters.d.ts.map

package/dist/esm/components/form/adapters.js

@@ -0,0 +1,43 @@
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "@refinedev/react-hook-form";
+import { Controller, FormProvider, useForm as useForm$1 } from "react-hook-form";
+
+//#region src/components/form/adapters.tsx
+const adapters = {
+	refine: {
+		Controller,
+		FormProvider,
+		submitHandler: async (config, methods) => {
+			const values = methods.getValues();
+			const refineResult = await methods.refineCore.onFinish({ ...values });
+			if (config.onSubmit) return await config.onSubmit(values) ?? refineResult;
+			return refineResult;
+		},
+		useForm: (options) => {
+			return useForm({
+				defaultValues: options.defaultValues,
+				refineCoreProps: {
+					autoSave: { enabled: false },
+					...options.refineCoreProps ?? {}
+				},
+				resolver: options.validationSchema ? zodResolver(options.validationSchema) : void 0
+			});
+		}
+	},
+	rhf: {
+		Controller,
+		FormProvider,
+		submitHandler: async (config, methods) => {
+			if (!config.onSubmit) throw new Error("onSubmit required for RHF adapter");
+			return await config.onSubmit(methods.getValues());
+		},
+		useForm: (options) => useForm$1({
+			defaultValues: options.defaultValues,
+			resolver: options.validationSchema ? zodResolver(options.validationSchema) : void 0
+		})
+	}
+};
+
+//#endregion
+export { adapters };
+//# sourceMappingURL=adapters.js.map

package/dist/esm/components/form/adapters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapters.js","names":["RHFController","RHFFormProvider","useRefineForm","useRHFForm"],"sources":["../../../../src/components/form/adapters.tsx"],"sourcesContent":["import { zodResolver } from \"@hookform/resolvers/zod\";\nimport { BaseRecord, HttpError } from \"@refinedev/core\"; // Add FormAction import\nimport {\n  type UseFormProps as RefineUseFormProps,\n  UseFormReturnType,\n  useForm as useRefineForm,\n} from \"@refinedev/react-hook-form\";\nimport {\n  FieldValues,\n  Controller as RHFController,\n  FormProvider as RHFFormProvider,\n  type UseFormProps as RHFUseFormProps,\n  type UseFormReturn,\n  useForm as useRHFForm,\n} from \"react-hook-form\";\nimport * as z from \"zod\";\n\nimport type { FormConfig } from \"./types\";\n\nexport interface FormAdapter<T extends FieldValues = FieldValues> {\n  Controller: typeof RHFController;\n  FormProvider: typeof RHFFormProvider<T>;\n  submitHandler: (\n    config: FormConfig<T>,\n    methods: UnifiedFormReturnType<T>,\n  ) => Promise<void>;\n  useForm: (options: BaseUseFormOptions<T>) => UnifiedFormReturnType<T>;\n}\n\nexport type UnifiedFormReturnType<T extends FieldValues> =\n  | UseFormReturn<T, any>\n  | UseFormReturnType<T>;\n\ninterface BaseUseFormOptions<TFieldValues extends FieldValues = FieldValues> {\n  defaultValues?: RHFUseFormProps<TFieldValues>[\"defaultValues\"];\n  refineCoreProps?: RefineUseFormProps<\n    TFieldValues,\n    HttpError,\n    TFieldValues\n  >[\"refineCoreProps\"];\n  validationSchema?: z.ZodSchema<TFieldValues>;\n}\n\nexport const adapters: Record<string, FormAdapter<any>> = {\n  refine: {\n    Controller: RHFController,\n    FormProvider: RHFFormProvider,\n    submitHandler: async <\n      TRequest extends FieldValues,\n      TResponse extends BaseRecord = any,\n    >(\n      config: FormConfig<TRequest, TResponse>,\n      methods: UseFormReturn<TRequest, any>,\n    ) => {\n      const values = methods.getValues();\n      const refineResult = await (\n        methods as ReturnType<typeof useRefineForm>\n      ).refineCore.onFinish({\n        ...values,\n      });\n\n      if (config.onSubmit) {\n        const submitResult = await config.onSubmit(values);\n        return (submitResult ?? refineResult) as unknown as TResponse;\n      }\n      return refineResult as unknown as TResponse;\n    },\n    useForm: <TFieldValues extends FieldValues>(\n      options: BaseUseFormOptions<TFieldValues>,\n    ) => {\n      return useRefineForm<TFieldValues, HttpError, TFieldValues>({\n        defaultValues: options.defaultValues,\n        refineCoreProps: {\n          autoSave: {\n            enabled: false,\n          },\n          ...(options.refineCoreProps ?? {}),\n        },\n        resolver: options.validationSchema\n          ? zodResolver(options.validationSchema)\n          : undefined,\n      });\n    },\n  },\n  rhf: {\n    Controller: RHFController,\n    FormProvider: RHFFormProvider,\n    submitHandler: async <\n      TRequest extends FieldValues,\n      TResponse extends BaseRecord = any,\n    >(\n      config: FormConfig<TRequest, TResponse>,\n      methods: UseFormReturn<TRequest, any>,\n    ): Promise<TResponse> => {\n      if (!config.onSubmit)\n        throw new Error(\"onSubmit required for RHF adapter\");\n      return (await config.onSubmit(\n        methods.getValues(),\n      )) as unknown as TResponse;\n    },\n    useForm: <TFieldValues extends FieldValues>(\n      options: BaseUseFormOptions<TFieldValues>,\n    ) =>\n      useRHFForm({\n        defaultValues: options.defaultValues,\n        resolver: options.validationSchema\n          ? zodResolver(options.validationSchema)\n          : undefined,\n      }),\n  },\n};\n"],"mappings":";;;;;AA2CA,MAAa,WAA6C;CACxD,QAAQ;EACMA;EACEC;EACd,eAAe,OAIb,QACA,YACG;GACH,MAAM,SAAS,QAAQ,WAAW;GAClC,MAAM,eAAe,MACnB,QACA,WAAW,SAAS,EACpB,GAAG,QACJ,CAAC;AAEF,OAAI,OAAO,SAET,QAAQ,MADmB,OAAO,SAAS,OAAO,IAC1B;AAE1B,UAAO;;EAET,UACE,YACG;AACH,UAAOC,QAAqD;IAC1D,eAAe,QAAQ;IACvB,iBAAiB;KACf,UAAU,EACR,SAAS,OACV;KACD,GAAI,QAAQ,mBAAmB,EAAE;KAClC;IACD,UAAU,QAAQ,mBACd,YAAY,QAAQ,iBAAiB,GACrC;IACL,CAAC;;EAEL;CACD,KAAK;EACSF;EACEC;EACd,eAAe,OAIb,QACA,YACuB;AACvB,OAAI,CAAC,OAAO,SACV,OAAM,IAAI,MAAM,oCAAoC;AACtD,UAAQ,MAAM,OAAO,SACnB,QAAQ,WAAW,CACpB;;EAEH,UACE,YAEAE,UAAW;GACT,eAAe,QAAQ;GACvB,UAAU,QAAQ,mBACd,YAAY,QAAQ,iBAAiB,GACrC;GACL,CAAC;EACL;CACF"}

package/dist/esm/components/form/autocomplete/index.d.ts

@@ -0,0 +1,3 @@
+import { AutocompleteRule, getAutocompleteValue, getRegisteredAutocompleteRules, registerAutocompleteRule, unregisterAutocompleteRule } from "./rules.js";
+import { getDefaultAutocompleteRules, registerDefaultRules } from "./register.js";
+export { AutocompleteRule, getAutocompleteValue, getDefaultAutocompleteRules, getRegisteredAutocompleteRules, registerAutocompleteRule, registerDefaultRules, unregisterAutocompleteRule };

package/dist/esm/components/form/autocomplete/index.js

@@ -0,0 +1,4 @@
+import { getAutocompleteValue, getRegisteredAutocompleteRules, registerAutocompleteRule, unregisterAutocompleteRule } from "./rules.js";
+import { getDefaultAutocompleteRules, registerDefaultRules } from "./register.js";
+
+export { getAutocompleteValue, getDefaultAutocompleteRules, getRegisteredAutocompleteRules, registerAutocompleteRule, registerDefaultRules, unregisterAutocompleteRule };

package/dist/esm/components/form/autocomplete/register.d.ts

@@ -0,0 +1,8 @@
+import { AutocompleteRule } from "./rules.js";
+
+//#region src/components/form/autocomplete/register.d.ts
+declare function getDefaultAutocompleteRules(): AutocompleteRule[];
+declare function registerDefaultRules(): void;
+//#endregion
+export { getDefaultAutocompleteRules, registerDefaultRules };
+//# sourceMappingURL=register.d.ts.map

package/dist/esm/components/form/autocomplete/register.js

@@ -0,0 +1,161 @@
+import { FormFieldType } from "../fields/types.js";
+import "../fields/index.js";
+import { registerAutocompleteRule } from "./rules.js";
+
+//#region src/components/form/autocomplete/register.ts
+const defaultRules = [
+	{
+		evaluate: (fieldConfig) => {
+			return fieldConfig.autocomplete;
+		},
+		name: "explicit",
+		priority: 0
+	},
+	{
+		evaluate: (fieldConfig) => {
+			if (fieldConfig.type === "email") return "email";
+		},
+		name: "email-type",
+		priority: 10
+	},
+	{
+		evaluate: (fieldConfig) => {
+			if ((fieldConfig.name?.toString().toLowerCase())?.includes("email")) return "email";
+		},
+		name: "email-name",
+		priority: 20
+	},
+	{
+		evaluate: (fieldConfig) => {
+			const name = fieldConfig.name?.toString().toLowerCase();
+			if (name && (name.includes("first") || name.includes("given")) && name.includes("name")) return "given-name";
+		},
+		name: "given-name",
+		priority: 30
+	},
+	{
+		evaluate: (fieldConfig) => {
+			const name = fieldConfig.name?.toString().toLowerCase();
+			if (name && (name.includes("last") || name.includes("family") || name.includes("sur")) && name.includes("name")) return "family-name";
+		},
+		name: "family-name",
+		priority: 30
+	},
+	{
+		evaluate: (fieldConfig) => {
+			const name = fieldConfig.name?.toString().toLowerCase();
+			if (name && (name.includes("username") || name.includes("login"))) return "username";
+		},
+		name: "username",
+		priority: 40
+	},
+	{
+		evaluate: (fieldConfig) => {
+			const name = fieldConfig.name?.toString().toLowerCase();
+			if (name && (name.includes("otp") || name.includes("verification") && name.includes("code") || name.includes("one-time-code") || name.includes("2fa") || name.includes("twofactor") || name.includes("two-factor"))) return "one-time-code";
+		},
+		name: "one-time-code",
+		priority: 45
+	},
+	{
+		evaluate: (fieldConfig, context) => {
+			const name = fieldConfig.name?.toString().toLowerCase();
+			if (fieldConfig.type === "password") {
+				if (name?.includes("current") && name.includes("password")) return "current-password";
+				if (name === "password" && context?.formPurpose === "login") return "current-password";
+				if (name === "password" && context?.formPurpose === "change-password") return "current-password";
+			}
+		},
+		name: "current-password",
+		priority: 50
+	},
+	{
+		evaluate: (fieldConfig, context) => {
+			const name = fieldConfig.name?.toString().toLowerCase();
+			if (fieldConfig.type === "password") {
+				if (name?.includes("new") && name.includes("password")) return "new-password";
+				if (name?.includes("confirm") && name.includes("password")) return "new-password";
+				if (name === "password" && (context?.formPurpose === "register" || context?.formPurpose === "reset-password")) return "new-password";
+			}
+		},
+		name: "new-password",
+		priority: 50
+	},
+	{
+		evaluate: (fieldConfig) => {
+			const name = fieldConfig.name?.toString().toLowerCase();
+			if (name) {
+				if ((name.includes("cc") || name.includes("card")) && name.includes("number")) return "cc-number";
+				if ((name.includes("cc") || name.includes("card")) && (name.includes("exp") || name.includes("expiration"))) return "cc-exp";
+				if ((name.includes("cc") || name.includes("card")) && name.includes("month")) return "cc-exp-month";
+				if ((name.includes("cc") || name.includes("card")) && name.includes("year")) return "cc-exp-year";
+				if ((name.includes("cc") || name.includes("card")) && (name.includes("csc") || name.includes("cvv"))) return "cc-csc";
+			}
+		},
+		name: "credit-card",
+		priority: 60
+	},
+	{
+		evaluate: (fieldConfig) => {
+			const name = fieldConfig.name?.toString().toLowerCase();
+			if (name) {
+				if (name.includes("address2") || name.includes("address_2") || name.includes("address line 2") || name.includes("address-line2")) return "address-line2";
+				if (name.includes("address1") || name.includes("address_1") || name.includes("address line 1") || name.includes("address-line1")) return "address-line1";
+				if (name.includes("address") && !name.includes("email")) return "street-address";
+				if (name.includes("city")) return "address-level2";
+				if (name.includes("state") || name.includes("province")) return "address-level1";
+				if (name.includes("zip") || name.includes("postal")) return "postal-code";
+				if (name.includes("country")) {
+					if (name.includes("code") || name.includes("iso")) return "country";
+					return "country-name";
+				}
+			}
+		},
+		name: "address",
+		priority: 70
+	},
+	{
+		evaluate: (fieldConfig) => {
+			const name = fieldConfig.name?.toString().toLowerCase();
+			if (name && (name.includes("phone") || name.includes("tel"))) return "tel";
+		},
+		name: "phone",
+		priority: 80
+	},
+	{
+		evaluate: (fieldConfig) => {
+			const name = fieldConfig.name?.toString().toLowerCase();
+			if (name && (name.includes("bday") || name.includes("birth"))) return "bday";
+		},
+		name: "birthday",
+		priority: 90
+	},
+	{
+		evaluate: (fieldConfig) => {
+			const name = fieldConfig.name?.toString().toLowerCase();
+			if (name && (name.includes("sex") || name.includes("gender"))) return "sex";
+		},
+		name: "gender",
+		priority: 100
+	},
+	{
+		evaluate: (fieldConfig) => {
+			const name = fieldConfig.name?.toString().toLowerCase();
+			if (name && (name.includes("url") || name.includes("website"))) return "url";
+		},
+		name: "url",
+		priority: 110
+	}
+];
+function getDefaultAutocompleteRules() {
+	return [...defaultRules];
+}
+function registerDefaultRules() {
+	defaultRules.forEach((rule) => {
+		registerAutocompleteRule(rule);
+	});
+}
+
+//#endregion
+export { getDefaultAutocompleteRules, registerDefaultRules };
+//# sourceMappingURL=register.js.map

package/dist/esm/components/form/autocomplete/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","names":[],"sources":["../../../../../src/components/form/autocomplete/register.ts"],"sourcesContent":["import { FormFieldType } from \"../fields\";\nimport { AutocompleteRule, registerAutocompleteRule } from \"./rules\";\n\nconst defaultRules: AutocompleteRule[] = [\n  // Explicit value always wins\n  {\n    evaluate: (fieldConfig: any) => {\n      return fieldConfig.autocomplete;\n    },\n    name: \"explicit\",\n    priority: 0,\n  },\n\n  // Field type based rules\n  {\n    evaluate: (fieldConfig: any) => {\n      if (fieldConfig.type === FormFieldType.EMAIL) {\n        return \"email\";\n      }\n      return undefined;\n    },\n    name: \"email-type\",\n    priority: 10,\n  },\n\n  // Name pattern based rules\n  {\n    evaluate: (fieldConfig: any) => {\n      const name = fieldConfig.name?.toString().toLowerCase();\n      if (name?.includes(\"email\")) {\n        return \"email\";\n      }\n      return undefined;\n    },\n    name: \"email-name\",\n    priority: 20,\n  },\n\n  {\n    evaluate: (fieldConfig: any) => {\n      const name = fieldConfig.name?.toString().toLowerCase();\n      if (\n        name &&\n        (name.includes(\"first\") || name.includes(\"given\")) &&\n        name.includes(\"name\")\n      ) {\n        return \"given-name\";\n      }\n      return undefined;\n    },\n    name: \"given-name\",\n    priority: 30,\n  },\n\n  {\n    evaluate: (fieldConfig: any) => {\n      const name = fieldConfig.name?.toString().toLowerCase();\n      if (\n        name &&\n        (name.includes(\"last\") ||\n          name.includes(\"family\") ||\n          name.includes(\"sur\")) &&\n        name.includes(\"name\")\n      ) {\n        return \"family-name\";\n      }\n      return undefined;\n    },\n    name: \"family-name\",\n    priority: 30,\n  },\n\n  {\n    evaluate: (fieldConfig: any) => {\n      const name = fieldConfig.name?.toString().toLowerCase();\n      if (name && (name.includes(\"username\") || name.includes(\"login\"))) {\n        return \"username\";\n      }\n      return undefined;\n    },\n    name: \"username\",\n    priority: 40,\n  },\n\n  {\n    evaluate: (fieldConfig: any) => {\n      const name = fieldConfig.name?.toString().toLowerCase();\n      if (\n        name &&\n        (name.includes(\"otp\") ||\n          (name.includes(\"verification\") && name.includes(\"code\")) ||\n          name.includes(\"one-time-code\") ||\n          name.includes(\"2fa\") ||\n          name.includes(\"twofactor\") ||\n          name.includes(\"two-factor\"))\n      ) {\n        return \"one-time-code\";\n      }\n      return undefined;\n    },\n    name: \"one-time-code\",\n    priority: 45,\n  },\n\n  {\n    evaluate: (fieldConfig: any, context?: any) => {\n      const name = fieldConfig.name?.toString().toLowerCase();\n      if (fieldConfig.type === FormFieldType.PASSWORD) {\n        if (name?.includes(\"current\") && name.includes(\"password\")) {\n          return \"current-password\";\n        }\n        if (name === \"password\" && context?.formPurpose === \"login\") {\n          return \"current-password\";\n        }\n        if (name === \"password\" && context?.formPurpose === \"change-password\") {\n          return \"current-password\";\n        }\n      }\n      return undefined;\n    },\n    name: \"current-password\",\n    priority: 50,\n  },\n\n  {\n    evaluate: (fieldConfig: any, context?: any) => {\n      const name = fieldConfig.name?.toString().toLowerCase();\n      if (fieldConfig.type === FormFieldType.PASSWORD) {\n        if (name?.includes(\"new\") && name.includes(\"password\")) {\n          return \"new-password\";\n        }\n        if (name?.includes(\"confirm\") && name.includes(\"password\")) {\n          return \"new-password\";\n        }\n        if (\n          name === \"password\" &&\n          (context?.formPurpose === \"register\" ||\n            context?.formPurpose === \"reset-password\")\n        ) {\n          return \"new-password\";\n        }\n      }\n      return undefined;\n    },\n    name: \"new-password\",\n    priority: 50,\n  },\n\n  {\n    evaluate: (fieldConfig: any) => {\n      const name = fieldConfig.name?.toString().toLowerCase();\n      if (name) {\n        if (\n          (name.includes(\"cc\") || name.includes(\"card\")) &&\n          name.includes(\"number\")\n        ) {\n          return \"cc-number\";\n        }\n        if (\n          (name.includes(\"cc\") || name.includes(\"card\")) &&\n          (name.includes(\"exp\") || name.includes(\"expiration\"))\n        ) {\n          return \"cc-exp\";\n        }\n        if (\n          (name.includes(\"cc\") || name.includes(\"card\")) &&\n          name.includes(\"month\")\n        ) {\n          return \"cc-exp-month\";\n        }\n        if (\n          (name.includes(\"cc\") || name.includes(\"card\")) &&\n          name.includes(\"year\")\n        ) {\n          return \"cc-exp-year\";\n        }\n        if (\n          (name.includes(\"cc\") || name.includes(\"card\")) &&\n          (name.includes(\"csc\") || name.includes(\"cvv\"))\n        ) {\n          return \"cc-csc\";\n        }\n      }\n      return undefined;\n    },\n    name: \"credit-card\",\n    priority: 60,\n  },\n\n  {\n    evaluate: (fieldConfig: any) => {\n      const name = fieldConfig.name?.toString().toLowerCase();\n      if (name) {\n        // address line 2 before generic street-address\n        if (\n          name.includes(\"address2\") ||\n          name.includes(\"address_2\") ||\n          name.includes(\"address line 2\") ||\n          name.includes(\"address-line2\")\n        ) {\n          return \"address-line2\";\n        }\n        if (\n          name.includes(\"address1\") ||\n          name.includes(\"address_1\") ||\n          name.includes(\"address line 1\") ||\n          name.includes(\"address-line1\")\n        ) {\n          return \"address-line1\";\n        }\n        if (name.includes(\"address\") && !name.includes(\"email\")) {\n          return \"street-address\";\n        }\n        if (name.includes(\"city\")) {\n          return \"address-level2\";\n        }\n        if (name.includes(\"state\") || name.includes(\"province\")) {\n          return \"address-level1\";\n        }\n        if (name.includes(\"zip\") || name.includes(\"postal\")) {\n          return \"postal-code\";\n        }\n        if (name.includes(\"country\")) {\n          // Default to full country name unless explicitly a code\n          if (name.includes(\"code\") || name.includes(\"iso\")) {\n            return \"country\";\n          }\n          return \"country-name\";\n        }\n      }\n      return undefined;\n    },\n    name: \"address\",\n    priority: 70,\n  },\n\n  {\n    evaluate: (fieldConfig: any) => {\n      const name = fieldConfig.name?.toString().toLowerCase();\n      if (name && (name.includes(\"phone\") || name.includes(\"tel\"))) {\n        return \"tel\";\n      }\n      return undefined;\n    },\n    name: \"phone\",\n    priority: 80,\n  },\n\n  {\n    evaluate: (fieldConfig: any) => {\n      const name = fieldConfig.name?.toString().toLowerCase();\n      if (name && (name.includes(\"bday\") || name.includes(\"birth\"))) {\n        return \"bday\";\n      }\n      return undefined;\n    },\n    name: \"birthday\",\n    priority: 90,\n  },\n\n  {\n    evaluate: (fieldConfig: any) => {\n      const name = fieldConfig.name?.toString().toLowerCase();\n      if (name && (name.includes(\"sex\") || name.includes(\"gender\"))) {\n        return \"sex\";\n      }\n      return undefined;\n    },\n    name: \"gender\",\n    priority: 100,\n  },\n\n  {\n    evaluate: (fieldConfig: any) => {\n      const name = fieldConfig.name?.toString().toLowerCase();\n      if (name && (name.includes(\"url\") || name.includes(\"website\"))) {\n        return \"url\";\n      }\n      return undefined;\n    },\n    name: \"url\",\n    priority: 110,\n  },\n];\n\nexport function getDefaultAutocompleteRules(): AutocompleteRule[] {\n  return [...defaultRules];\n}\n\nexport function registerDefaultRules(): void {\n  // Register all default rules\n  defaultRules.forEach((rule) => {\n    registerAutocompleteRule(rule);\n  });\n}\n"],"mappings":"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"}

package/dist/esm/components/form/autocomplete/rules.d.ts

@@ -0,0 +1,15 @@
+import { AutocompleteToken, FormFieldConfig } from "../types.js";
+
+//#region src/components/form/autocomplete/rules.d.ts
+interface AutocompleteRule {
+  evaluate: (fieldConfig: FormFieldConfig, context?: any) => AutocompleteToken | undefined;
+  name: string;
+  priority: number;
+}
+declare function getAutocompleteValue(fieldConfig: FormFieldConfig, context?: any): AutocompleteToken | undefined;
+declare function getRegisteredAutocompleteRules(): readonly AutocompleteRule[];
+declare function registerAutocompleteRule(rule: AutocompleteRule): void;
+declare function unregisterAutocompleteRule(name: string): void;
+//#endregion
+export { AutocompleteRule, getAutocompleteValue, getRegisteredAutocompleteRules, registerAutocompleteRule, unregisterAutocompleteRule };
+//# sourceMappingURL=rules.d.ts.map

package/dist/esm/components/form/autocomplete/rules.js

@@ -0,0 +1,198 @@
+import { FormFieldType } from "../fields/types.js";
+import "../fields/index.js";
+import { registerDefaultRules } from "./register.js";
+
+//#region src/components/form/autocomplete/rules.ts
+let autocompleteRules = [
+	{
+		evaluate: (fieldConfig) => {
+			return fieldConfig.autocomplete;
+		},
+		name: "explicit",
+		priority: 0
+	},
+	{
+		evaluate: (fieldConfig) => {
+			if (fieldConfig.type === "email") return "email";
+		},
+		name: "email-type",
+		priority: 10
+	},
+	{
+		evaluate: (fieldConfig) => {
+			if ((fieldConfig.name?.toString().toLowerCase())?.includes("email")) return "email";
+		},
+		name: "email-name",
+		priority: 20
+	},
+	{
+		evaluate: (fieldConfig) => {
+			const name = fieldConfig.name?.toString().toLowerCase();
+			if (name && (name.includes("first") || name.includes("given")) && name.includes("name")) return "given-name";
+		},
+		name: "given-name",
+		priority: 30
+	},
+	{
+		evaluate: (fieldConfig) => {
+			const name = fieldConfig.name?.toString().toLowerCase();
+			if (name && (name.includes("last") || name.includes("family") || name.includes("sur")) && name.includes("name")) return "family-name";
+		},
+		name: "family-name",
+		priority: 31
+	},
+	{
+		evaluate: (fieldConfig) => {
+			const name = fieldConfig.name?.toString().toLowerCase();
+			if (name && (name.includes("username") || name.includes("login"))) return "username";
+		},
+		name: "username",
+		priority: 40
+	},
+	{
+		evaluate: (fieldConfig) => {
+			const name = fieldConfig.name?.toString().toLowerCase();
+			if (name && (name.includes("otp") || name.includes("verification") && name.includes("code") || name.includes("one-time-code") || name.includes("2fa") || name.includes("mfa") || name.includes("totp") || name.includes("twofactor") || name.includes("two-factor") || name.includes("two factor"))) return "one-time-code";
+		},
+		name: "one-time-code",
+		priority: 45
+	},
+	{
+		evaluate: (fieldConfig, context) => {
+			const name = fieldConfig.name?.toString().toLowerCase();
+			if (fieldConfig.type === "password") {
+				if (name?.includes("current") && name.includes("password")) return "current-password";
+				if (name === "password" && context?.formPurpose === "login") return "current-password";
+				if (name === "password" && context?.formPurpose === "change-password") return "current-password";
+			}
+		},
+		name: "current-password",
+		priority: 51
+	},
+	{
+		evaluate: (fieldConfig, context) => {
+			const name = fieldConfig.name?.toString().toLowerCase();
+			if (fieldConfig.type === "password") {
+				if (name?.includes("new") && name.includes("password")) return "new-password";
+				if (name?.includes("confirm") && name.includes("password")) return "new-password";
+				if (name === "password" && (context?.formPurpose === "register" || context?.formPurpose === "reset-password")) return "new-password";
+			}
+		},
+		name: "new-password",
+		priority: 49
+	},
+	{
+		evaluate: (fieldConfig) => {
+			const name = fieldConfig.name?.toString().toLowerCase();
+			if (name) {
+				if ((name.includes("cc") || name.includes("card")) && name.includes("name")) return "cc-name";
+				if ((name.includes("cc") || name.includes("card")) && name.includes("number")) return "cc-number";
+				if ((name.includes("cc") || name.includes("card")) && name.includes("month")) return "cc-exp-month";
+				if ((name.includes("cc") || name.includes("card")) && name.includes("year")) return "cc-exp-year";
+				if ((name.includes("cc") || name.includes("card")) && (name.includes("exp") || name.includes("expiration"))) return "cc-exp";
+				if ((name.includes("cc") || name.includes("card")) && (name.includes("csc") || name.includes("cvv") || name.includes("cvc") || name.includes("cvn"))) return "cc-csc";
+			}
+		},
+		name: "credit-card",
+		priority: 60
+	},
+	{
+		evaluate: (fieldConfig) => {
+			const name = fieldConfig.name?.toString().toLowerCase();
+			if (name) {
+				if (name.includes("address2") || name.includes("address_2") || name.includes("address line 2") || name.includes("address-line2")) return "address-line2";
+				if (name.includes("address1") || name.includes("address_1") || name.includes("address line 1") || name.includes("address-line1")) return "address-line1";
+				if (name.includes("address") && !name.includes("email")) return "street-address";
+				if (name.includes("city")) return "address-level2";
+				if (name.includes("state") || name.includes("province") || name.includes("region")) return "address-level1";
+				if (name.includes("zip") || name.includes("postal") || name.includes("postcode")) return "postal-code";
+				if (name.includes("country")) {
+					if (name.includes("code") || name.includes("iso")) return "country";
+					return "country-name";
+				}
+			}
+		},
+		name: "address",
+		priority: 70
+	},
+	{
+		evaluate: (fieldConfig) => {
+			const name = fieldConfig.name?.toString().toLowerCase();
+			if (name && (name.includes("phone") || name.includes("tel") || name.includes("mobile") || name.includes("cell"))) return "tel";
+		},
+		name: "phone",
+		priority: 80
+	},
+	{
+		evaluate: (fieldConfig) => {
+			const name = fieldConfig.name?.toString().toLowerCase();
+			if (name && (name.includes("bday") || name.includes("birth") || name.includes("dob"))) return "bday";
+		},
+		name: "birthday",
+		priority: 90
+	},
+	{
+		evaluate: (fieldConfig) => {
+			const name = fieldConfig.name?.toString().toLowerCase();
+			if (name && (name.includes("company") || name.includes("organization") || name.includes("organisation"))) return "organization";
+		},
+		name: "organization",
+		priority: 85
+	},
+	{
+		evaluate: (fieldConfig) => {
+			const name = fieldConfig.name?.toString().toLowerCase();
+			if (name && (name === "name" || name.includes("full") && name.includes("name"))) return "name";
+		},
+		name: "full-name",
+		priority: 32
+	},
+	{
+		evaluate: (fieldConfig) => {
+			const name = fieldConfig.name?.toString().toLowerCase();
+			if (name && (name.includes("sex") || name.includes("gender"))) return "sex";
+		},
+		name: "gender",
+		priority: 100
+	},
+	{
+		evaluate: (fieldConfig) => {
+			const name = fieldConfig.name?.toString().toLowerCase();
+			if (name && (name.includes("url") || name.includes("website"))) return "url";
+		},
+		name: "url",
+		priority: 110
+	}
+];
+let sortedRules = [...autocompleteRules].sort((a, b) => a.priority - b.priority);
+function getAutocompleteValue(fieldConfig, context) {
+	for (const rule of sortedRules) {
+		const result = rule.evaluate(fieldConfig, context);
+		if (result !== void 0) return result;
+	}
+}
+function getRegisteredAutocompleteRules() {
+	return sortedRules;
+}
+function registerAutocompleteRule(rule) {
+	const existingIndex = autocompleteRules.findIndex((r) => r.name === rule.name);
+	let newRules;
+	if (existingIndex >= 0) {
+		newRules = [...autocompleteRules];
+		newRules[existingIndex] = rule;
+	} else newRules = [...autocompleteRules, rule];
+	autocompleteRules = newRules;
+	sortedRules = [...newRules].sort((a, b) => a.priority - b.priority);
+}
+function unregisterAutocompleteRule(name) {
+	const newRules = autocompleteRules.filter((r) => r.name !== name);
+	if (newRules.length !== autocompleteRules.length) {
+		autocompleteRules = newRules;
+		sortedRules = [...newRules].sort((a, b) => a.priority - b.priority);
+	}
+}
+registerDefaultRules();
+
+//#endregion
+export { getAutocompleteValue, getRegisteredAutocompleteRules, registerAutocompleteRule, unregisterAutocompleteRule };
+//# sourceMappingURL=rules.js.map