@lumeweb/portal-framework-ui 0.0.1 → 0.1.0

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

@@ -0,0 +1,205 @@
+import { __esmMin } from "../../../_virtual/rolldown_runtime.js";
+import { FormFieldType } from "../fields/types.js";
+import { init_fields } from "../fields/index.js";
+import { init_register, registerDefaultRules } from "./register.js";
+
+//#region src/components/form/autocomplete/rules.ts
+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);
+	}
+}
+var autocompleteRules, sortedRules;
+var init_rules = __esmMin(() => {
+	init_fields();
+	init_register();
+	autocompleteRules = [
+		{
+			evaluate: (fieldConfig) => {
+				return fieldConfig.autocomplete;
+			},
+			name: "explicit",
+			priority: 0
+		},
+		{
+			evaluate: (fieldConfig) => {
+				if (fieldConfig.type === FormFieldType.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 === FormFieldType.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 === FormFieldType.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
+		}
+	];
+	sortedRules = [...autocompleteRules].sort((a, b) => a.priority - b.priority);
+	registerDefaultRules();
+});
+
+//#endregion
+init_rules();
+export { getAutocompleteValue, getRegisteredAutocompleteRules, init_rules, registerAutocompleteRule, unregisterAutocompleteRule };
+//# sourceMappingURL=rules.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rules.js","names":[],"sources":["../../../../../src/components/form/autocomplete/rules.ts"],"sourcesContent":["import { FormFieldType } from \"../fields\";\nimport { AutocompleteToken, FormFieldConfig } from \"../types\";\nimport { registerDefaultRules } from \"./register\";\n\nexport interface AutocompleteRule {\n  evaluate: (\n    fieldConfig: FormFieldConfig,\n    context?: any,\n  ) => AutocompleteToken | undefined;\n  name: string;\n  priority: number;\n}\n\nlet autocompleteRules: AutocompleteRule[] = [\n  // Explicit value always wins\n  {\n    evaluate: (fieldConfig: FormFieldConfig) => {\n      return fieldConfig.autocomplete;\n    },\n    name: \"explicit\",\n    priority: 0,\n  },\n\n  // Field type based rules\n  {\n    evaluate: (fieldConfig: FormFieldConfig) => {\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: FormFieldConfig) => {\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: FormFieldConfig) => {\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: FormFieldConfig) => {\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: 31,\n  },\n\n  {\n    evaluate: (fieldConfig: FormFieldConfig) => {\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: FormFieldConfig) => {\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(\"mfa\") ||\n          name.includes(\"totp\") ||\n          name.includes(\"twofactor\") ||\n          name.includes(\"two-factor\") ||\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: FormFieldConfig, 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: 51,\n  },\n\n  {\n    evaluate: (fieldConfig: FormFieldConfig, 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: 49,\n  },\n\n  {\n    evaluate: (fieldConfig: FormFieldConfig) => {\n      const name = fieldConfig.name?.toString().toLowerCase();\n      if (name) {\n        if (\n          (name.includes(\"cc\") || name.includes(\"card\")) &&\n          name.includes(\"name\")\n        ) {\n          return \"cc-name\";\n        }\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(\"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(\"exp\") || name.includes(\"expiration\"))\n        ) {\n          return \"cc-exp\";\n        }\n        if (\n          (name.includes(\"cc\") || name.includes(\"card\")) &&\n          (name.includes(\"csc\") ||\n            name.includes(\"cvv\") ||\n            name.includes(\"cvc\") ||\n            name.includes(\"cvn\"))\n        ) {\n          return \"cc-csc\";\n        }\n      }\n      return undefined;\n    },\n    name: \"credit-card\",\n    priority: 60,\n  },\n\n  {\n    evaluate: (fieldConfig: FormFieldConfig) => {\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 (\n          name.includes(\"state\") ||\n          name.includes(\"province\") ||\n          name.includes(\"region\")\n        ) {\n          return \"address-level1\";\n        }\n        if (\n          name.includes(\"zip\") ||\n          name.includes(\"postal\") ||\n          name.includes(\"postcode\")\n        ) {\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: FormFieldConfig) => {\n      const name = fieldConfig.name?.toString().toLowerCase();\n      if (\n        name &&\n        (name.includes(\"phone\") ||\n          name.includes(\"tel\") ||\n          name.includes(\"mobile\") ||\n          name.includes(\"cell\"))\n      ) {\n        return \"tel\";\n      }\n      return undefined;\n    },\n    name: \"phone\",\n    priority: 80,\n  },\n\n  {\n    evaluate: (fieldConfig: FormFieldConfig) => {\n      const name = fieldConfig.name?.toString().toLowerCase();\n      if (\n        name &&\n        (name.includes(\"bday\") ||\n          name.includes(\"birth\") ||\n          name.includes(\"dob\"))\n      ) {\n        return \"bday\";\n      }\n      return undefined;\n    },\n    name: \"birthday\",\n    priority: 90,\n  },\n\n  {\n    evaluate: (fieldConfig: FormFieldConfig) => {\n      const name = fieldConfig.name?.toString().toLowerCase();\n      if (\n        name &&\n        (name.includes(\"company\") ||\n          name.includes(\"organization\") ||\n          name.includes(\"organisation\"))\n      ) {\n        return \"organization\";\n      }\n      return undefined;\n    },\n    name: \"organization\",\n    priority: 85,\n  },\n\n  {\n    evaluate: (fieldConfig: FormFieldConfig) => {\n      const name = fieldConfig.name?.toString().toLowerCase();\n      if (\n        name &&\n        (name === \"name\" || (name.includes(\"full\") && name.includes(\"name\")))\n      ) {\n        return \"name\";\n      }\n      return undefined;\n    },\n    name: \"full-name\",\n    priority: 32,\n  },\n\n  {\n    evaluate: (fieldConfig: FormFieldConfig) => {\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: FormFieldConfig) => {\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\n// Keep a sorted copy for efficient lookups\nlet sortedRules = [...autocompleteRules].sort(\n  (a, b) => a.priority - b.priority,\n);\n\nexport function getAutocompleteValue(\n  fieldConfig: FormFieldConfig,\n  context?: any,\n): AutocompleteToken | undefined {\n  // Use the pre-sorted rules for better performance\n  for (const rule of sortedRules) {\n    const result = rule.evaluate(fieldConfig, context);\n    if (result !== undefined) {\n      return result;\n    }\n  }\n\n  // No rule matched\n  return undefined;\n}\n\nexport function getRegisteredAutocompleteRules(): readonly AutocompleteRule[] {\n  return sortedRules;\n}\n\nexport function registerAutocompleteRule(rule: AutocompleteRule): void {\n  // Check if rule with same name already exists\n  const existingIndex = autocompleteRules.findIndex(\n    (r) => r.name === rule.name,\n  );\n  let newRules: AutocompleteRule[];\n\n  if (existingIndex >= 0) {\n    // Replace existing rule\n    newRules = [...autocompleteRules];\n    newRules[existingIndex] = rule;\n  } else {\n    // Add new rule\n    newRules = [...autocompleteRules, rule];\n  }\n\n  // Update both arrays immutably\n  autocompleteRules = newRules;\n  sortedRules = [...newRules].sort((a, b) => a.priority - b.priority);\n}\n\nexport function unregisterAutocompleteRule(name: string): void {\n  const newRules = autocompleteRules.filter((r) => r.name !== name);\n\n  // Only update if something actually changed\n  if (newRules.length !== autocompleteRules.length) {\n    autocompleteRules = newRules;\n    sortedRules = [...newRules].sort((a, b) => a.priority - b.priority);\n  }\n}\n\n// Initialize with default rules\nregisterDefaultRules();\n"],"mappings":"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"}

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

@@ -0,0 +1,29 @@
+import { FormConfig, StepFormConfig } from "./types.js";
+import { UnifiedFormReturnType, adapters } from "./adapters.js";
+import React from "react";
+import { FieldValues } from "react-hook-form";
+
+//#region src/components/form/context.d.ts
+interface FormContextType<TFieldValues extends FieldValues = FieldValues> {
+  adapter: keyof typeof adapters;
+  autoSave?: {
+    data: any;
+    error: any;
+    status: "error" | "idle" | "loading" | "success";
+  };
+  config: FormConfig<TFieldValues> | StepFormConfig<TFieldValues>;
+  formInstance: UnifiedFormReturnType<TFieldValues>;
+}
+declare function FormProvider<TFieldValues extends FieldValues = FieldValues>({
+  adapter,
+  autoSave,
+  children,
+  config,
+  formInstance
+}: FormContextType & {
+  children: React.ReactNode;
+}): any;
+declare function useFormContext<TFieldValues extends FieldValues = FieldValues>(): FormContextType<TFieldValues>;
+//#endregion
+export { FormProvider, useFormContext };
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1,30 @@
+import { __esmMin } from "../../_virtual/rolldown_runtime.js";
+import React, { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/form/context.tsx
+function FormProvider({ adapter, autoSave, children, config, formInstance }) {
+	return /* @__PURE__ */ jsx(FormContext.Provider, {
+		value: {
+			adapter,
+			autoSave,
+			config,
+			formInstance
+		},
+		children
+	});
+}
+function useFormContext() {
+	const context = useContext(FormContext);
+	if (context === void 0) throw new Error("useFormContext must be used within a FormProvider");
+	return context;
+}
+var FormContext;
+var init_context = __esmMin(() => {
+	FormContext = createContext(void 0);
+});
+
+//#endregion
+init_context();
+export { FormProvider, init_context, useFormContext };
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../../src/components/form/context.tsx"],"sourcesContent":["import type { FieldValues } from \"react-hook-form\";\n\nimport React, { createContext, useContext } from \"react\";\n\nimport { adapters, UnifiedFormReturnType } from \"./adapters\";\nimport { FormConfig, StepFormConfig } from \"./types\";\n\ninterface FormContextType<TFieldValues extends FieldValues = FieldValues> {\n  adapter: keyof typeof adapters;\n  autoSave?: {\n    data: any;\n    error: any;\n    status: \"error\" | \"idle\" | \"loading\" | \"success\";\n  };\n  config: FormConfig<TFieldValues> | StepFormConfig<TFieldValues>;\n  formInstance: UnifiedFormReturnType<TFieldValues>;\n}\n\nconst FormContext = createContext<FormContextType<any> | undefined>(undefined);\n\nexport function FormProvider<TFieldValues extends FieldValues = FieldValues>({\n  adapter,\n  autoSave,\n  children,\n  config,\n  formInstance,\n}: FormContextType & { children: React.ReactNode }) {\n  return (\n    <FormContext.Provider value={{ adapter, autoSave, config, formInstance }}>\n      {children}\n    </FormContext.Provider>\n  );\n}\n\nexport function useFormContext<\n  TFieldValues extends FieldValues = FieldValues,\n>() {\n  const context = useContext(FormContext);\n  if (context === undefined) {\n    throw new Error(\"useFormContext must be used within a FormProvider\");\n  }\n  return context as FormContextType<TFieldValues>;\n}\n"],"mappings":";;;;;AAoBA,SAAgB,aAA6D,EAC3E,SACA,UACA,UACA,QACA,gBACkD;AAClD,QACE,oBAAC,YAAY;EAAS,OAAO;GAAE;GAAS;GAAU;GAAQ;GAAc;EACrE;GACoB;;AAI3B,SAAgB,iBAEZ;CACF,MAAM,UAAU,WAAW,YAAY;AACvC,KAAI,YAAY,OACd,OAAM,IAAI,MAAM,oDAAoD;AAEtE,QAAO;;;;CAvBH,cAAc,cAAgD,OAAU"}

package/dist/esm/components/form/context.spec.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/esm/components/form/context.spec.js

@@ -0,0 +1,51 @@
+import { FormProvider, init_context, useFormContext } from "./context.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cleanup, render, screen } from "@testing-library/react";
+import { afterEach, describe, expect, it, vi } from "/home/runner/work/web/web/node_modules/.pnpm/vitest@4.0.16_@types+node@25.0.6_@vitest+browser-playwright@4.0.16_happy-dom@20.1.0_jit_f9bfc6b661e56e62de1f809a028e46f4/node_modules/vitest/dist/index.js";
+
+//#region src/components/form/context.spec.tsx
+init_context();
+vi.mock("./adapters", () => ({ adapters: {
+	refine: {},
+	rhf: {}
+} }));
+const ContextConsumer = () => {
+	const context = useFormContext();
+	return /* @__PURE__ */ jsxs("div", {
+		"data-testid": "context-consumer",
+		children: [/* @__PURE__ */ jsx("span", {
+			"data-testid": "adapter",
+			children: context.adapter
+		}), /* @__PURE__ */ jsx("span", {
+			"data-testid": "config-fields-length",
+			children: context.config.fields.length
+		})]
+	});
+};
+describe("Form Context", () => {
+	afterEach(cleanup);
+	it("FormProvider should provide the correct context values", () => {
+		const mockConfig = { fields: [{
+			label: "Field 1",
+			name: "field1"
+		}] };
+		const mockAdapter = "rhf";
+		render(/* @__PURE__ */ jsx(FormProvider, {
+			adapter: mockAdapter,
+			config: mockConfig,
+			children: /* @__PURE__ */ jsx(ContextConsumer, {})
+		}));
+		expect(screen.getByTestId("context-consumer")).toBeInTheDocument();
+		expect(screen.getByTestId("adapter")).toHaveTextContent(mockAdapter);
+		expect(screen.getByTestId("config-fields-length")).toHaveTextContent(mockConfig.fields.length.toString());
+	});
+	it("useFormContext should throw error if used outside FormProvider", () => {
+		const consoleErrorSpy = vi.spyOn(console, "error").mockImplementation(() => {});
+		expect(() => render(/* @__PURE__ */ jsx(ContextConsumer, {}))).toThrow("useFormContext must be used within a FormProvider");
+		consoleErrorSpy.mockRestore();
+	});
+});
+
+//#endregion
+//# sourceMappingURL=context.spec.js.map

package/dist/esm/components/form/context.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.spec.js","names":[],"sources":["../../../../src/components/form/context.spec.tsx"],"sourcesContent":["import { cleanup, render, screen } from \"@testing-library/react\";\nimport React from \"react\";\nimport { afterEach, describe, expect, it, vi } from \"vitest\";\n\nimport { adapters } from \"./adapters\";\nimport { FormProvider, useFormContext } from \"./context\";\nimport { FormConfig } from \"./types\";\n\n// Mock adapters to avoid dependency issues, though not strictly necessary for this test\nvi.mock(\"./adapters\", () => ({\n  adapters: {\n    refine: {},\n    rhf: {},\n  },\n}));\n\n// Helper component to consume the context\nconst ContextConsumer = () => {\n  const context = useFormContext();\n  return (\n    <div data-testid=\"context-consumer\">\n      <span data-testid=\"adapter\">{context.adapter}</span>\n      <span data-testid=\"config-fields-length\">\n        {context.config.fields.length}\n      </span>\n    </div>\n  );\n};\n\ndescribe(\"Form Context\", () => {\n  afterEach(cleanup);\n\n  it(\"FormProvider should provide the correct context values\", () => {\n    const mockConfig: FormConfig<any> = {\n      fields: [{ label: \"Field 1\", name: \"field1\" } as any],\n    };\n    const mockAdapter = \"rhf\" as keyof typeof adapters;\n\n    render(\n      <FormProvider adapter={mockAdapter} config={mockConfig}>\n        <ContextConsumer />\n      </FormProvider>,\n    );\n\n    const consumerElement = screen.getByTestId(\"context-consumer\");\n    expect(consumerElement).toBeInTheDocument();\n\n    expect(screen.getByTestId(\"adapter\")).toHaveTextContent(mockAdapter);\n    expect(screen.getByTestId(\"config-fields-length\")).toHaveTextContent(\n      mockConfig.fields.length.toString(),\n    );\n  });\n\n  it(\"useFormContext should throw error if used outside FormProvider\", () => {\n    // Suppress console error from React context\n    const consoleErrorSpy = vi\n      .spyOn(console, \"error\")\n      .mockImplementation(() => {}); // Suppress React's console error\n\n    expect(() => render(<ContextConsumer />)).toThrow(\n      \"useFormContext must be used within a FormProvider\",\n    );\n\n    consoleErrorSpy.mockRestore();\n  });\n});\n"],"mappings":";;;;;;;cAKyD;AAIzD,GAAG,KAAK,qBAAqB,EAC3B,UAAU;CACR,QAAQ,EAAE;CACV,KAAK,EAAE;CACR,EACF,EAAE;AAGH,MAAM,wBAAwB;CAC5B,MAAM,UAAU,gBAAgB;AAChC,QACE,qBAAC;EAAI,eAAY;aACf,oBAAC;GAAK,eAAY;aAAW,QAAQ;IAAe,EACpD,oBAAC;GAAK,eAAY;aACf,QAAQ,OAAO,OAAO;IAClB;GACH;;AAIV,SAAS,sBAAsB;AAC7B,WAAU,QAAQ;AAElB,IAAG,gEAAgE;EACjE,MAAM,aAA8B,EAClC,QAAQ,CAAC;GAAE,OAAO;GAAW,MAAM;GAAU,CAAQ,EACtD;EACD,MAAM,cAAc;AAEpB,SACE,oBAAC;GAAa,SAAS;GAAa,QAAQ;aAC1C,oBAAC,oBAAkB;IACN,CAChB;AAGD,SADwB,OAAO,YAAY,mBAAmB,CACvC,CAAC,mBAAmB;AAE3C,SAAO,OAAO,YAAY,UAAU,CAAC,CAAC,kBAAkB,YAAY;AACpE,SAAO,OAAO,YAAY,uBAAuB,CAAC,CAAC,kBACjD,WAAW,OAAO,OAAO,UAAU,CACpC;GACD;AAEF,IAAG,wEAAwE;EAEzE,MAAM,kBAAkB,GACrB,MAAM,SAAS,QAAQ,CACvB,yBAAyB,GAAG;AAE/B,eAAa,OAAO,oBAAC,oBAAkB,CAAC,CAAC,CAAC,QACxC,oDACD;AAED,kBAAgB,aAAa;GAC7B;EACF"}

package/dist/esm/components/form/fields/Checkbox.d.ts

@@ -0,0 +1,6 @@
+//#region src/components/form/fields/Checkbox.d.ts
+declare const Checkbox: any;
+declare function registerCheckbox(): void;
+//#endregion
+export { Checkbox, registerCheckbox };
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/esm/components/form/fields/Checkbox.js

@@ -0,0 +1,40 @@
+import { __esmMin } from "../../../_virtual/rolldown_runtime.js";
+import { registerFormComponent } from "./registry.js";
+import { FormFieldType } from "./types.js";
+import { init_fields } from "./index.js";
+import { init_components } from "../../index.js";
+import { Checkbox as Checkbox$1, Label, cn } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/form/fields/Checkbox.tsx
+function registerCheckbox() {
+	registerFormComponent(FormFieldType.CHECKBOX, Checkbox, { handlesLabel: true });
+}
+var Checkbox;
+var init_Checkbox = __esmMin(() => {
+	init_fields();
+	init_components();
+	Checkbox = React.forwardRef(({ autocomplete, label, ...props }, ref) => {
+		return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Checkbox$1, {
+			autoComplete: autocomplete,
+			checked: props.value,
+			disabled: props.disabled,
+			id: props.name,
+			name: props.name,
+			onBlur: props.onBlur,
+			onCheckedChange: props.onChange,
+			ref
+		}), label && /* @__PURE__ */ jsx(Label, {
+			className: cn("text-foreground", props.labelClassName),
+			htmlFor: props.name,
+			children: typeof label === "function" ? React.createElement(label) : label
+		})] });
+	});
+	Checkbox.displayName = "Checkbox";
+});
+
+//#endregion
+init_Checkbox();
+export { Checkbox, init_Checkbox, registerCheckbox };
+//# sourceMappingURL=Checkbox.js.map

package/dist/esm/components/form/fields/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","names":["BaseCheckbox"],"sources":["../../../../../src/components/form/fields/Checkbox.tsx"],"sourcesContent":["import type { ComponentType, ReactNode } from \"react\";\n\nimport {\n  Checkbox as BaseCheckbox,\n  cn,\n  Label,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nimport { registerFormComponent } from \".\";\nimport { FormFieldType } from \"@/components\"; // Use barrel export\n\ninterface CheckboxProps {\n  autocomplete?: string;\n  disabled?: boolean;\n  label?: ComponentType<any> | ReactNode | string;\n  name: string;\n  onBlur?: () => void;\n  onChange?: (checked: boolean) => void;\n  value?: boolean;\n}\n\nexport const Checkbox = React.forwardRef<HTMLButtonElement, CheckboxProps>(\n  ({ autocomplete, label, ...props }, ref) => {\n    return (\n      <>\n        <BaseCheckbox\n          autoComplete={autocomplete}\n          checked={props.value}\n          disabled={props.disabled}\n          id={props.name}\n          name={props.name}\n          onBlur={props.onBlur}\n          onCheckedChange={props.onChange}\n          ref={ref}\n        />\n        {label && (\n          <Label\n            className={cn(\"text-foreground\", props.labelClassName)}\n            htmlFor={props.name}>\n            {typeof label === \"function\" ? React.createElement(label) : label}\n          </Label>\n        )}\n      </>\n    );\n  },\n);\nCheckbox.displayName = \"Checkbox\";\n\nexport function registerCheckbox() {\n  registerFormComponent(FormFieldType.CHECKBOX, Checkbox, {\n    handlesLabel: true,\n  });\n}\n"],"mappings":";;;;;;;;;;AAiDA,SAAgB,mBAAmB;AACjC,uBAAsB,cAAc,UAAU,UAAU,EACtD,cAAc,MACf,CAAC;;;;cA3CsC;kBACG;CAYhC,WAAW,MAAM,YAC3B,EAAE,cAAc,OAAO,GAAG,SAAS,QAAQ;AAC1C,SACE,4CACE,oBAACA;GACC,cAAc;GACd,SAAS,MAAM;GACf,UAAU,MAAM;GAChB,IAAI,MAAM;GACV,MAAM,MAAM;GACZ,QAAQ,MAAM;GACd,iBAAiB,MAAM;GAClB;IACL,EACD,SACC,oBAAC;GACC,WAAW,GAAG,mBAAmB,MAAM,eAAe;GACtD,SAAS,MAAM;aACd,OAAO,UAAU,aAAa,MAAM,cAAc,MAAM,GAAG;IACtD,IAET;GAGR;AACD,UAAS,cAAc"}

package/dist/esm/components/form/fields/Checkbox.spec.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/esm/components/form/fields/Checkbox.spec.js

@@ -0,0 +1,80 @@
+import { Checkbox, init_Checkbox } from "./Checkbox.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+import { cleanup, render, screen } from "@testing-library/react";
+import { afterEach, describe, expect, it, vi } from "/home/runner/work/web/web/node_modules/.pnpm/vitest@4.0.16_@types+node@25.0.6_@vitest+browser-playwright@4.0.16_happy-dom@20.1.0_jit_f9bfc6b661e56e62de1f809a028e46f4/node_modules/vitest/dist/index.js";
+import userEvent from "/home/runner/work/web/web/node_modules/.pnpm/@testing-library+user-event@14.6.1_@testing-library+dom@10.4.0/node_modules/@testing-library/user-event/dist/esm/index.js";
+
+//#region src/components/form/fields/Checkbox.spec.tsx
+init_Checkbox();
+vi.mock("./index", () => ({ registerFormComponent: vi.fn() }));
+vi.mock("@lumeweb/portal-framework-ui-core", () => ({ Checkbox: vi.fn(({ checked, onCheckedChange, ...props }) => {
+	const handleChange = (event) => {
+		onCheckedChange?.(event.target.checked);
+	};
+	return /* @__PURE__ */ jsx("input", {
+		checked,
+		"data-testid": "base-checkbox",
+		onChange: handleChange,
+		type: "checkbox",
+		...props
+	});
+}) }));
+describe("Checkbox", () => {
+	afterEach(cleanup);
+	it("renders the base checkbox component", () => {
+		render(/* @__PURE__ */ jsx(Checkbox, { name: "testCheckbox" }));
+		expect(screen.getByTestId("base-checkbox")).toBeInTheDocument();
+	});
+	it("passes checked and disabled props to the base checkbox", () => {
+		render(/* @__PURE__ */ jsx(Checkbox, {
+			disabled: true,
+			name: "testCheckbox",
+			value: true
+		}));
+		const checkbox = screen.getByTestId("base-checkbox");
+		expect(checkbox).toBeChecked();
+		expect(checkbox).toBeDisabled();
+	});
+	it("handles unchecked state correctly", () => {
+		render(/* @__PURE__ */ jsx(Checkbox, {
+			name: "testCheckbox",
+			value: false
+		}));
+		expect(screen.getByTestId("base-checkbox")).not.toBeChecked();
+	});
+	it("calls onChange when the checkbox state changes", async () => {
+		const user = userEvent.setup();
+		const handleChange = vi.fn();
+		render(/* @__PURE__ */ jsx(Checkbox, {
+			name: "testCheckbox",
+			onChange: handleChange
+		}));
+		const checkbox = screen.getByTestId("base-checkbox");
+		await user.click(checkbox);
+		expect(handleChange).toHaveBeenCalledWith(true);
+		await user.click(checkbox);
+		expect(handleChange).toHaveBeenCalledWith(false);
+	});
+	it("calls onBlur when the checkbox is blurred", async () => {
+		const user = userEvent.setup();
+		const handleBlur = vi.fn();
+		render(/* @__PURE__ */ jsx(Checkbox, {
+			name: "testCheckbox",
+			onBlur: handleBlur
+		}));
+		const checkbox = screen.getByTestId("base-checkbox");
+		await user.click(checkbox);
+		await user.tab();
+		expect(handleBlur).toHaveBeenCalled();
+	});
+	it("sets the id and name attributes", () => {
+		render(/* @__PURE__ */ jsx(Checkbox, { name: "testCheckbox" }));
+		const checkbox = screen.getByTestId("base-checkbox");
+		expect(checkbox).toHaveAttribute("id", "testCheckbox");
+		expect(checkbox).toHaveAttribute("name", "testCheckbox");
+	});
+});
+
+//#endregion
+//# sourceMappingURL=Checkbox.spec.js.map

package/dist/esm/components/form/fields/Checkbox.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.spec.js","names":[],"sources":["../../../../../src/components/form/fields/Checkbox.spec.tsx"],"sourcesContent":["import { cleanup, render, screen } from \"@testing-library/react\";\nimport userEvent from \"@testing-library/user-event\";\nimport React from \"react\";\nimport { afterEach, describe, expect, it, vi } from \"vitest\";\n\nimport { Checkbox } from \"./Checkbox\";\n\n// Mock the registerFormComponent to prevent side effects\nvi.mock(\"./index\", () => ({\n  registerFormComponent: vi.fn(),\n}));\n\n// Mock the base Checkbox component from ui-core\nvi.mock(\"@lumeweb/portal-framework-ui-core\", () => ({\n  Checkbox: vi.fn(({ checked, onCheckedChange, ...props }) => {\n    // Simple mock: render a checkbox and simulate change\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      onCheckedChange?.(event.target.checked);\n    };\n    return (\n      <input\n        checked={checked}\n        data-testid=\"base-checkbox\"\n        onChange={handleChange}\n        type=\"checkbox\"\n        {...props}\n      />\n    );\n  }),\n}));\n\ndescribe(\"Checkbox\", () => {\n  afterEach(cleanup);\n\n  it(\"renders the base checkbox component\", () => {\n    render(<Checkbox name=\"testCheckbox\" />);\n    expect(screen.getByTestId(\"base-checkbox\")).toBeInTheDocument();\n  });\n\n  it(\"passes checked and disabled props to the base checkbox\", () => {\n    render(<Checkbox disabled name=\"testCheckbox\" value />);\n    const checkbox = screen.getByTestId(\"base-checkbox\");\n    expect(checkbox).toBeChecked();\n    expect(checkbox).toBeDisabled();\n  });\n\n  it(\"handles unchecked state correctly\", () => {\n    render(<Checkbox name=\"testCheckbox\" value={false} />);\n    const checkbox = screen.getByTestId(\"base-checkbox\");\n    expect(checkbox).not.toBeChecked();\n  });\n\n  it(\"calls onChange when the checkbox state changes\", async () => {\n    const user = userEvent.setup();\n    const handleChange = vi.fn();\n    render(<Checkbox name=\"testCheckbox\" onChange={handleChange} />);\n\n    const checkbox = screen.getByTestId(\"base-checkbox\");\n    await user.click(checkbox); // Click to check\n\n    expect(handleChange).toHaveBeenCalledWith(true);\n\n    await user.click(checkbox); // Click to uncheck\n\n    expect(handleChange).toHaveBeenCalledWith(false);\n  });\n\n  it(\"calls onBlur when the checkbox is blurred\", async () => {\n    const user = userEvent.setup();\n    const handleBlur = vi.fn();\n    render(<Checkbox name=\"testCheckbox\" onBlur={handleBlur} />);\n\n    const checkbox = screen.getByTestId(\"base-checkbox\");\n    await user.click(checkbox); // Focus the element (clicking can focus)\n    await user.tab(); // Blur the element\n\n    expect(handleBlur).toHaveBeenCalled();\n  });\n\n  it(\"sets the id and name attributes\", () => {\n    render(<Checkbox name=\"testCheckbox\" />);\n    const checkbox = screen.getByTestId(\"base-checkbox\");\n    expect(checkbox).toHaveAttribute(\"id\", \"testCheckbox\");\n    expect(checkbox).toHaveAttribute(\"name\", \"testCheckbox\");\n  });\n});\n"],"mappings":";;;;;;;;eAKsC;AAGtC,GAAG,KAAK,kBAAkB,EACxB,uBAAuB,GAAG,IAAI,EAC/B,EAAE;AAGH,GAAG,KAAK,4CAA4C,EAClD,UAAU,GAAG,IAAI,EAAE,SAAS,iBAAiB,GAAG,YAAY;CAE1D,MAAM,gBAAgB,UAA+C;AACnE,oBAAkB,MAAM,OAAO,QAAQ;;AAEzC,QACE,oBAAC;EACU;EACT,eAAY;EACZ,UAAU;EACV,MAAK;EACL,GAAI;GACJ;EAEJ,EACH,EAAE;AAEH,SAAS,kBAAkB;AACzB,WAAU,QAAQ;AAElB,IAAG,6CAA6C;AAC9C,SAAO,oBAAC,YAAS,MAAK,iBAAiB,CAAC;AACxC,SAAO,OAAO,YAAY,gBAAgB,CAAC,CAAC,mBAAmB;GAC/D;AAEF,IAAG,gEAAgE;AACjE,SAAO,oBAAC;GAAS;GAAS,MAAK;GAAe;IAAQ,CAAC;EACvD,MAAM,WAAW,OAAO,YAAY,gBAAgB;AACpD,SAAO,SAAS,CAAC,aAAa;AAC9B,SAAO,SAAS,CAAC,cAAc;GAC/B;AAEF,IAAG,2CAA2C;AAC5C,SAAO,oBAAC;GAAS,MAAK;GAAe,OAAO;IAAS,CAAC;AAEtD,SADiB,OAAO,YAAY,gBAAgB,CACpC,CAAC,IAAI,aAAa;GAClC;AAEF,IAAG,kDAAkD,YAAY;EAC/D,MAAM,OAAO,UAAU,OAAO;EAC9B,MAAM,eAAe,GAAG,IAAI;AAC5B,SAAO,oBAAC;GAAS,MAAK;GAAe,UAAU;IAAgB,CAAC;EAEhE,MAAM,WAAW,OAAO,YAAY,gBAAgB;AACpD,QAAM,KAAK,MAAM,SAAS;AAE1B,SAAO,aAAa,CAAC,qBAAqB,KAAK;AAE/C,QAAM,KAAK,MAAM,SAAS;AAE1B,SAAO,aAAa,CAAC,qBAAqB,MAAM;GAChD;AAEF,IAAG,6CAA6C,YAAY;EAC1D,MAAM,OAAO,UAAU,OAAO;EAC9B,MAAM,aAAa,GAAG,IAAI;AAC1B,SAAO,oBAAC;GAAS,MAAK;GAAe,QAAQ;IAAc,CAAC;EAE5D,MAAM,WAAW,OAAO,YAAY,gBAAgB;AACpD,QAAM,KAAK,MAAM,SAAS;AAC1B,QAAM,KAAK,KAAK;AAEhB,SAAO,WAAW,CAAC,kBAAkB;GACrC;AAEF,IAAG,yCAAyC;AAC1C,SAAO,oBAAC,YAAS,MAAK,iBAAiB,CAAC;EACxC,MAAM,WAAW,OAAO,YAAY,gBAAgB;AACpD,SAAO,SAAS,CAAC,gBAAgB,MAAM,eAAe;AACtD,SAAO,SAAS,CAAC,gBAAgB,QAAQ,eAAe;GACxD;EACF"}

package/dist/esm/components/form/fields/DatePicker.d.ts

@@ -0,0 +1,6 @@
+//#region src/components/form/fields/DatePicker.d.ts
+declare const DatePicker: any;
+declare function registerDatePicker(): void;
+//#endregion
+export { DatePicker, registerDatePicker };
+//# sourceMappingURL=DatePicker.d.ts.map

package/dist/esm/components/form/fields/DatePicker.js

@@ -0,0 +1,36 @@
+import { __esmMin } from "../../../_virtual/rolldown_runtime.js";
+import { registerFormComponent } from "./registry.js";
+import { FormFieldType } from "./types.js";
+import { init_fields } from "./index.js";
+import { init_components } from "../../index.js";
+import { DatePicker as DatePicker$1 } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/form/fields/DatePicker.tsx
+function registerDatePicker() {
+	registerFormComponent(FormFieldType.DATE, DatePicker);
+}
+var DatePicker;
+var init_DatePicker = __esmMin(() => {
+	init_fields();
+	init_components();
+	DatePicker = React.forwardRef(({ autocomplete, ...props }, ref) => {
+		return /* @__PURE__ */ jsx(DatePicker$1, {
+			className: "border-modal-input placeholder-modal-input placeholder:text-foreground/50 p-4",
+			date: props.date,
+			disabled: props.disabled,
+			onBlur: props.onBlur,
+			placeholder: props.placeholder,
+			ref,
+			setDate: props.onChange,
+			...autocomplete ? { autoComplete: autocomplete } : {}
+		});
+	});
+	DatePicker.displayName = "DatePicker";
+});
+
+//#endregion
+init_DatePicker();
+export { DatePicker, init_DatePicker, registerDatePicker };
+//# sourceMappingURL=DatePicker.js.map

package/dist/esm/components/form/fields/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","names":["BaseDatePicker"],"sources":["../../../../../src/components/form/fields/DatePicker.tsx"],"sourcesContent":["import { DatePicker as BaseDatePicker } from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nimport { registerFormComponent } from \".\";\nimport { FormFieldType } from \"@/components\"; // Use barrel export\ninterface DatePickerProps {\n  autocomplete?: React.InputHTMLAttributes<HTMLInputElement>[\"autoComplete\"];\n  date?: Date;\n  disabled?: boolean;\n  label?: string;\n  name: string;\n  onBlur?: () => void;\n  onChange: (date: Date | undefined) => void;\n  placeholder?: string;\n}\n\nexport const DatePicker = React.forwardRef<HTMLDivElement, DatePickerProps>(\n  ({ autocomplete, ...props }, ref) => {\n    return (\n      <BaseDatePicker\n        className=\"border-modal-input placeholder-modal-input placeholder:text-foreground/50 p-4\"\n        date={props.date}\n        disabled={props.disabled}\n        onBlur={props.onBlur}\n        placeholder={props.placeholder}\n        ref={ref}\n        setDate={props.onChange}\n        {...(autocomplete ? { autoComplete: autocomplete } : {})}\n      />\n    );\n  },\n);\nDatePicker.displayName = \"DatePicker\";\n\nexport function registerDatePicker() {\n  registerFormComponent(FormFieldType.DATE, DatePicker);\n}\n"],"mappings":";;;;;;;;;;AAkCA,SAAgB,qBAAqB;AACnC,uBAAsB,cAAc,MAAM,WAAW;;;;cAhCb;kBACG;CAYhC,aAAa,MAAM,YAC7B,EAAE,cAAc,GAAG,SAAS,QAAQ;AACnC,SACE,oBAACA;GACC,WAAU;GACV,MAAM,MAAM;GACZ,UAAU,MAAM;GAChB,QAAQ,MAAM;GACd,aAAa,MAAM;GACd;GACL,SAAS,MAAM;GACf,GAAK,eAAe,EAAE,cAAc,cAAc,GAAG,EAAE;IACvD;GAGP;AACD,YAAW,cAAc"}

package/dist/esm/components/form/fields/DatePicker.spec.d.ts

@@ -0,0 +1 @@
+export { };