@lumeweb/portal-framework-ui 0.0.1 → 0.1.1

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":";;;;;AAaA,IAAI,oBAAwC;CAE1C;EACE,WAAW,gBAAiC;AAC1C,UAAO,YAAY;;EAErB,MAAM;EACN,UAAU;EACX;CAGD;EACE,WAAW,gBAAiC;AAC1C,OAAI,YAAY,iBACd,QAAO;;EAIX,MAAM;EACN,UAAU;EACX;CAGD;EACE,WAAW,gBAAiC;AAE1C,QADa,YAAY,MAAM,UAAU,CAAC,aAAa,GAC7C,SAAS,QAAQ,CACzB,QAAO;;EAIX,MAAM;EACN,UAAU;EACX;CAED;EACE,WAAW,gBAAiC;GAC1C,MAAM,OAAO,YAAY,MAAM,UAAU,CAAC,aAAa;AACvD,OACE,SACC,KAAK,SAAS,QAAQ,IAAI,KAAK,SAAS,QAAQ,KACjD,KAAK,SAAS,OAAO,CAErB,QAAO;;EAIX,MAAM;EACN,UAAU;EACX;CAED;EACE,WAAW,gBAAiC;GAC1C,MAAM,OAAO,YAAY,MAAM,UAAU,CAAC,aAAa;AACvD,OACE,SACC,KAAK,SAAS,OAAO,IACpB,KAAK,SAAS,SAAS,IACvB,KAAK,SAAS,MAAM,KACtB,KAAK,SAAS,OAAO,CAErB,QAAO;;EAIX,MAAM;EACN,UAAU;EACX;CAED;EACE,WAAW,gBAAiC;GAC1C,MAAM,OAAO,YAAY,MAAM,UAAU,CAAC,aAAa;AACvD,OAAI,SAAS,KAAK,SAAS,WAAW,IAAI,KAAK,SAAS,QAAQ,EAC9D,QAAO;;EAIX,MAAM;EACN,UAAU;EACX;CAED;EACE,WAAW,gBAAiC;GAC1C,MAAM,OAAO,YAAY,MAAM,UAAU,CAAC,aAAa;AACvD,OACE,SACC,KAAK,SAAS,MAAM,IAClB,KAAK,SAAS,eAAe,IAAI,KAAK,SAAS,OAAO,IACvD,KAAK,SAAS,gBAAgB,IAC9B,KAAK,SAAS,MAAM,IACpB,KAAK,SAAS,MAAM,IACpB,KAAK,SAAS,OAAO,IACrB,KAAK,SAAS,YAAY,IAC1B,KAAK,SAAS,aAAa,IAC3B,KAAK,SAAS,aAAa,EAE7B,QAAO;;EAIX,MAAM;EACN,UAAU;EACX;CAED;EACE,WAAW,aAA8B,YAAkB;GACzD,MAAM,OAAO,YAAY,MAAM,UAAU,CAAC,aAAa;AACvD,OAAI,YAAY,qBAAiC;AAC/C,QAAI,MAAM,SAAS,UAAU,IAAI,KAAK,SAAS,WAAW,CACxD,QAAO;AAET,QAAI,SAAS,cAAc,SAAS,gBAAgB,QAClD,QAAO;AAET,QAAI,SAAS,cAAc,SAAS,gBAAgB,kBAClD,QAAO;;;EAKb,MAAM;EACN,UAAU;EACX;CAED;EACE,WAAW,aAA8B,YAAkB;GACzD,MAAM,OAAO,YAAY,MAAM,UAAU,CAAC,aAAa;AACvD,OAAI,YAAY,qBAAiC;AAC/C,QAAI,MAAM,SAAS,MAAM,IAAI,KAAK,SAAS,WAAW,CACpD,QAAO;AAET,QAAI,MAAM,SAAS,UAAU,IAAI,KAAK,SAAS,WAAW,CACxD,QAAO;AAET,QACE,SAAS,eACR,SAAS,gBAAgB,cACxB,SAAS,gBAAgB,kBAE3B,QAAO;;;EAKb,MAAM;EACN,UAAU;EACX;CAED;EACE,WAAW,gBAAiC;GAC1C,MAAM,OAAO,YAAY,MAAM,UAAU,CAAC,aAAa;AACvD,OAAI,MAAM;AACR,SACG,KAAK,SAAS,KAAK,IAAI,KAAK,SAAS,OAAO,KAC7C,KAAK,SAAS,OAAO,CAErB,QAAO;AAET,SACG,KAAK,SAAS,KAAK,IAAI,KAAK,SAAS,OAAO,KAC7C,KAAK,SAAS,SAAS,CAEvB,QAAO;AAET,SACG,KAAK,SAAS,KAAK,IAAI,KAAK,SAAS,OAAO,KAC7C,KAAK,SAAS,QAAQ,CAEtB,QAAO;AAET,SACG,KAAK,SAAS,KAAK,IAAI,KAAK,SAAS,OAAO,KAC7C,KAAK,SAAS,OAAO,CAErB,QAAO;AAET,SACG,KAAK,SAAS,KAAK,IAAI,KAAK,SAAS,OAAO,MAC5C,KAAK,SAAS,MAAM,IAAI,KAAK,SAAS,aAAa,EAEpD,QAAO;AAET,SACG,KAAK,SAAS,KAAK,IAAI,KAAK,SAAS,OAAO,MAC5C,KAAK,SAAS,MAAM,IACnB,KAAK,SAAS,MAAM,IACpB,KAAK,SAAS,MAAM,IACpB,KAAK,SAAS,MAAM,EAEtB,QAAO;;;EAKb,MAAM;EACN,UAAU;EACX;CAED;EACE,WAAW,gBAAiC;GAC1C,MAAM,OAAO,YAAY,MAAM,UAAU,CAAC,aAAa;AACvD,OAAI,MAAM;AAER,QACE,KAAK,SAAS,WAAW,IACzB,KAAK,SAAS,YAAY,IAC1B,KAAK,SAAS,iBAAiB,IAC/B,KAAK,SAAS,gBAAgB,CAE9B,QAAO;AAET,QACE,KAAK,SAAS,WAAW,IACzB,KAAK,SAAS,YAAY,IAC1B,KAAK,SAAS,iBAAiB,IAC/B,KAAK,SAAS,gBAAgB,CAE9B,QAAO;AAET,QAAI,KAAK,SAAS,UAAU,IAAI,CAAC,KAAK,SAAS,QAAQ,CACrD,QAAO;AAET,QAAI,KAAK,SAAS,OAAO,CACvB,QAAO;AAET,QACE,KAAK,SAAS,QAAQ,IACtB,KAAK,SAAS,WAAW,IACzB,KAAK,SAAS,SAAS,CAEvB,QAAO;AAET,QACE,KAAK,SAAS,MAAM,IACpB,KAAK,SAAS,SAAS,IACvB,KAAK,SAAS,WAAW,CAEzB,QAAO;AAET,QAAI,KAAK,SAAS,UAAU,EAAE;AAE5B,SAAI,KAAK,SAAS,OAAO,IAAI,KAAK,SAAS,MAAM,CAC/C,QAAO;AAET,YAAO;;;;EAKb,MAAM;EACN,UAAU;EACX;CAED;EACE,WAAW,gBAAiC;GAC1C,MAAM,OAAO,YAAY,MAAM,UAAU,CAAC,aAAa;AACvD,OACE,SACC,KAAK,SAAS,QAAQ,IACrB,KAAK,SAAS,MAAM,IACpB,KAAK,SAAS,SAAS,IACvB,KAAK,SAAS,OAAO,EAEvB,QAAO;;EAIX,MAAM;EACN,UAAU;EACX;CAED;EACE,WAAW,gBAAiC;GAC1C,MAAM,OAAO,YAAY,MAAM,UAAU,CAAC,aAAa;AACvD,OACE,SACC,KAAK,SAAS,OAAO,IACpB,KAAK,SAAS,QAAQ,IACtB,KAAK,SAAS,MAAM,EAEtB,QAAO;;EAIX,MAAM;EACN,UAAU;EACX;CAED;EACE,WAAW,gBAAiC;GAC1C,MAAM,OAAO,YAAY,MAAM,UAAU,CAAC,aAAa;AACvD,OACE,SACC,KAAK,SAAS,UAAU,IACvB,KAAK,SAAS,eAAe,IAC7B,KAAK,SAAS,eAAe,EAE/B,QAAO;;EAIX,MAAM;EACN,UAAU;EACX;CAED;EACE,WAAW,gBAAiC;GAC1C,MAAM,OAAO,YAAY,MAAM,UAAU,CAAC,aAAa;AACvD,OACE,SACC,SAAS,UAAW,KAAK,SAAS,OAAO,IAAI,KAAK,SAAS,OAAO,EAEnE,QAAO;;EAIX,MAAM;EACN,UAAU;EACX;CAED;EACE,WAAW,gBAAiC;GAC1C,MAAM,OAAO,YAAY,MAAM,UAAU,CAAC,aAAa;AACvD,OAAI,SAAS,KAAK,SAAS,MAAM,IAAI,KAAK,SAAS,SAAS,EAC1D,QAAO;;EAIX,MAAM;EACN,UAAU;EACX;CAED;EACE,WAAW,gBAAiC;GAC1C,MAAM,OAAO,YAAY,MAAM,UAAU,CAAC,aAAa;AACvD,OAAI,SAAS,KAAK,SAAS,MAAM,IAAI,KAAK,SAAS,UAAU,EAC3D,QAAO;;EAIX,MAAM;EACN,UAAU;EACX;CACF;AAGD,IAAI,cAAc,CAAC,GAAG,kBAAkB,CAAC,MACtC,GAAG,MAAM,EAAE,WAAW,EAAE,SAC1B;AAED,SAAgB,qBACd,aACA,SAC+B;AAE/B,MAAK,MAAM,QAAQ,aAAa;EAC9B,MAAM,SAAS,KAAK,SAAS,aAAa,QAAQ;AAClD,MAAI,WAAW,OACb,QAAO;;;AAQb,SAAgB,iCAA8D;AAC5E,QAAO;;AAGT,SAAgB,yBAAyB,MAA8B;CAErE,MAAM,gBAAgB,kBAAkB,WACrC,MAAM,EAAE,SAAS,KAAK,KACxB;CACD,IAAI;AAEJ,KAAI,iBAAiB,GAAG;AAEtB,aAAW,CAAC,GAAG,kBAAkB;AACjC,WAAS,iBAAiB;OAG1B,YAAW,CAAC,GAAG,mBAAmB,KAAK;AAIzC,qBAAoB;AACpB,eAAc,CAAC,GAAG,SAAS,CAAC,MAAM,GAAG,MAAM,EAAE,WAAW,EAAE,SAAS;;AAGrE,SAAgB,2BAA2B,MAAoB;CAC7D,MAAM,WAAW,kBAAkB,QAAQ,MAAM,EAAE,SAAS,KAAK;AAGjE,KAAI,SAAS,WAAW,kBAAkB,QAAQ;AAChD,sBAAoB;AACpB,gBAAc,CAAC,GAAG,SAAS,CAAC,MAAM,GAAG,MAAM,EAAE,WAAW,EAAE,SAAS;;;AAKvE,sBAAsB"}

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,25 @@
+import React, { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/form/context.tsx
+const FormContext = createContext(void 0);
+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;
+}
+
+//#endregion
+export { FormProvider, 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":";;;;AAkBA,MAAM,cAAc,cAAgD,OAAU;AAE9E,SAAgB,aAA6D,EAC3E,SACA,UACA,UACA,QACA,gBACkD;AAClD,QACE,oBAAC,YAAY,UAAb;EAAsB,OAAO;GAAE;GAAS;GAAU;GAAQ;GAAc;EACrE;EACoB;;AAI3B,SAAgB,iBAEZ;CACF,MAAM,UAAU,WAAW,YAAY;AACvC,KAAI,YAAY,OACd,OAAM,IAAI,MAAM,oDAAoD;AAEtE,QAAO"}

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,33 @@
+import { registerFormComponent } from "./registry.js";
+import { FormFieldType } from "./types.js";
+import "./index.js";
+import "../../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
+const 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";
+function registerCheckbox() {
+	registerFormComponent("checkbox", Checkbox, { handlesLabel: true });
+}
+
+//#endregion
+export { 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":";;;;;;;;;AAsBA,MAAa,WAAW,MAAM,YAC3B,EAAE,cAAc,OAAO,GAAG,SAAS,QAAQ;AAC1C,QACE,4CACE,oBAACA,YAAD;EACE,cAAc;EACd,SAAS,MAAM;EACf,UAAU,MAAM;EAChB,IAAI,MAAM;EACV,MAAM,MAAM;EACZ,QAAQ,MAAM;EACd,iBAAiB,MAAM;EAClB;EACL,GACD,SACC,oBAAC,OAAD;EACE,WAAW,GAAG,mBAAmB,MAAM,eAAe;EACtD,SAAS,MAAM;YACd,OAAO,UAAU,aAAa,MAAM,cAAc,MAAM,GAAG;EACtD,EAET;EAGR;AACD,SAAS,cAAc;AAEvB,SAAgB,mBAAmB;AACjC,mCAA8C,UAAU,EACtD,cAAc,MACf,CAAC"}

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,29 @@
+import { registerFormComponent } from "./registry.js";
+import { FormFieldType } from "./types.js";
+import "./index.js";
+import "../../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
+const 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";
+function registerDatePicker() {
+	registerFormComponent("date", DatePicker);
+}
+
+//#endregion
+export { 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":";;;;;;;;;AAgBA,MAAa,aAAa,MAAM,YAC7B,EAAE,cAAc,GAAG,SAAS,QAAQ;AACnC,QACE,oBAACA,cAAD;EACE,WAAU;EACV,MAAM,MAAM;EACZ,UAAU,MAAM;EAChB,QAAQ,MAAM;EACd,aAAa,MAAM;EACd;EACL,SAAS,MAAM;EACf,GAAK,eAAe,EAAE,cAAc,cAAc,GAAG,EAAE;EACvD;EAGP;AACD,WAAW,cAAc;AAEzB,SAAgB,qBAAqB;AACnC,+BAA0C,WAAW"}

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

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

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

@@ -0,0 +1,25 @@
+import { registerFormComponent } from "./registry.js";
+import { FormFieldType } from "./types.js";
+import "./index.js";
+import "../../index.js";
+import { Input } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/form/fields/EmailInput.tsx
+const EmailInput = React.forwardRef(({ autocomplete, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(Input, {
+		autoComplete: autocomplete,
+		ref,
+		type: "email",
+		...props
+	});
+});
+EmailInput.displayName = "EmailInput";
+function registerEmailInput() {
+	registerFormComponent("email", EmailInput);
+}
+
+//#endregion
+export { EmailInput, registerEmailInput };
+//# sourceMappingURL=EmailInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmailInput.js","names":[],"sources":["../../../../../src/components/form/fields/EmailInput.tsx"],"sourcesContent":["import { Input } from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nimport { registerFormComponent } from \".\";\nimport { FormFieldType } from \"@/components\";\n\ninterface EmailInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  autocomplete?: string;\n  className?: string;\n  inputClassName?: string;\n  label?: string;\n  placeholder?: string;\n}\n\nexport const EmailInput = React.forwardRef<HTMLInputElement, EmailInputProps>(\n  ({ autocomplete, ...props }, ref) => {\n    return (\n      <Input autoComplete={autocomplete} ref={ref} type=\"email\" {...props} />\n    );\n  },\n);\nEmailInput.displayName = \"EmailInput\";\n\nexport function registerEmailInput() {\n  registerFormComponent(FormFieldType.EMAIL, EmailInput);\n}\n"],"mappings":";;;;;;;;;AAcA,MAAa,aAAa,MAAM,YAC7B,EAAE,cAAc,GAAG,SAAS,QAAQ;AACnC,QACE,oBAAC,OAAD;EAAO,cAAc;EAAmB;EAAK,MAAK;EAAQ,GAAI;EAAS;EAG5E;AACD,WAAW,cAAc;AAEzB,SAAgB,qBAAqB;AACnC,gCAA2C,WAAW"}

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

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

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

@@ -0,0 +1,28 @@
+import { registerFormComponent } from "./registry.js";
+import { FormFieldType } from "./types.js";
+import "./index.js";
+import "../../index.js";
+import { Input } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/form/fields/FileInput.tsx
+const FileInput = React.forwardRef(({ autocomplete, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(Input, {
+		autoComplete: autocomplete,
+		disabled: props.disabled,
+		name: props.name,
+		onBlur: props.onBlur,
+		onChange: (e) => props.onChange?.(e.target.files),
+		ref,
+		type: "file"
+	});
+});
+FileInput.displayName = "FileInput";
+function registerFileInput() {
+	registerFormComponent("file", FileInput);
+}
+
+//#endregion
+export { FileInput, registerFileInput };
+//# sourceMappingURL=FileInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileInput.js","names":[],"sources":["../../../../../src/components/form/fields/FileInput.tsx"],"sourcesContent":["import { Input } from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nimport type { AutocompleteToken } from \"@/components\";\n\nimport { registerFormComponent } from \".\";\nimport { FormFieldType } from \"@/components\";\n\ninterface FileInputProps {\n  autocomplete?: AutocompleteToken;\n  disabled?: boolean;\n  label?: string;\n  name: string;\n  onBlur?: () => void;\n  onChange?: (files: FileList | null) => void;\n  value?: FileList;\n}\n\nexport const FileInput = React.forwardRef<HTMLInputElement, FileInputProps>(\n  ({ autocomplete, ...props }, ref) => {\n    return (\n      <Input\n        autoComplete={autocomplete}\n        disabled={props.disabled}\n        name={props.name}\n        onBlur={props.onBlur}\n        onChange={(e) => props.onChange?.(e.target.files)}\n        ref={ref}\n        type=\"file\"\n      />\n    );\n  },\n);\nFileInput.displayName = \"FileInput\";\n\nexport function registerFileInput() {\n  registerFormComponent(FormFieldType.FILE, FileInput);\n}\n"],"mappings":";;;;;;;;;AAkBA,MAAa,YAAY,MAAM,YAC5B,EAAE,cAAc,GAAG,SAAS,QAAQ;AACnC,QACE,oBAAC,OAAD;EACE,cAAc;EACd,UAAU,MAAM;EAChB,MAAM,MAAM;EACZ,QAAQ,MAAM;EACd,WAAW,MAAM,MAAM,WAAW,EAAE,OAAO,MAAM;EAC5C;EACL,MAAK;EACL;EAGP;AACD,UAAU,cAAc;AAExB,SAAgB,oBAAoB;AAClC,+BAA0C,UAAU"}

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

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

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

@@ -0,0 +1,30 @@
+import { registerFormComponent } from "./registry.js";
+import { FormFieldType } from "./types.js";
+import "./index.js";
+import "../../index.js";
+import { Input as Input$1, cn } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/form/fields/Input.tsx
+const Input = React.forwardRef(({ autocomplete, autoComplete: htmlAutoComplete, inputClassName, onChange, placeholder, type, value, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(Input$1, {
+		autoComplete: autocomplete ?? htmlAutoComplete,
+		className: cn("bg-input h-14 border-none", inputClassName),
+		onChange,
+		placeholder,
+		ref,
+		type,
+		value: value ?? "",
+		...props
+	});
+});
+Input.displayName = "Input";
+function registerInput() {
+	registerFormComponent("text", Input);
+	registerFormComponent("password", Input);
+}
+
+//#endregion
+export { Input, registerInput };
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","names":["BaseInput"],"sources":["../../../../../src/components/form/fields/Input.tsx"],"sourcesContent":["import { Input as BaseInput, cn } from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nimport { registerFormComponent } from \".\";\nimport { FormFieldType } from \"@/components\";\n\ninterface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  autocomplete?: string;\n  className?: string;\n  inputClassName?: string; // Use inputClassName for the actual input element\n  label?: string;\n  placeholder?: string;\n  // onChange is included via React.InputHTMLAttributes\n  // value is included via React.InputHTMLAttributes\n}\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      autocomplete,\n      autoComplete: htmlAutoComplete,\n      inputClassName,\n      onChange,\n      placeholder,\n      type,\n      value,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <BaseInput\n        autoComplete={autocomplete ?? htmlAutoComplete}\n        className={cn(\"bg-input h-14 border-none\", inputClassName)}\n        onChange={onChange}\n        placeholder={placeholder}\n        ref={ref}\n        type={type}\n        value={value ?? \"\"} // Use value prop directly, default to empty string\n        {...props}\n      />\n    );\n  },\n);\nInput.displayName = \"Input\";\n\nexport function registerInput() {\n  registerFormComponent(FormFieldType.TEXT, Input);\n  registerFormComponent(FormFieldType.PASSWORD, Input);\n}\n"],"mappings":";;;;;;;;;AAgBA,MAAa,QAAQ,MAAM,YAEvB,EACE,cACA,cAAc,kBACd,gBACA,UACA,aACA,MACA,OACA,GAAG,SAEL,QACG;AACH,QACE,oBAACA,SAAD;EACE,cAAc,gBAAgB;EAC9B,WAAW,GAAG,6BAA6B,eAAe;EAChD;EACG;EACR;EACC;EACN,OAAO,SAAS;EAChB,GAAI;EACJ;EAGP;AACD,MAAM,cAAc;AAEpB,SAAgB,gBAAgB;AAC9B,+BAA0C,MAAM;AAChD,mCAA8C,MAAM"}

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

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

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

@@ -0,0 +1,42 @@
+import { registerFormComponent } from "./registry.js";
+import { FormFieldType } from "./types.js";
+import "./index.js";
+import "../../index.js";
+import { RadioGroup as RadioGroup$1, RadioGroupItem } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/form/fields/RadioGroup.tsx
+function slugify(str) {
+	return str.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
+}
+const RadioGroup = React.forwardRef(({ autocomplete, options, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(RadioGroup$1, {
+		disabled: props.disabled,
+		name: props.name,
+		onBlur: props.onBlur,
+		onValueChange: props.onChange,
+		ref,
+		value: props.value,
+		children: options.map((option) => /* @__PURE__ */ jsxs("div", {
+			className: "radio-option",
+			children: [/* @__PURE__ */ jsx(RadioGroupItem, {
+				id: `${props.name}-${slugify(option)}`,
+				value: option,
+				...autocomplete ? { autoComplete: autocomplete } : {}
+			}), /* @__PURE__ */ jsx("label", {
+				className: props.labelClassName,
+				htmlFor: `${props.name}-${slugify(option)}`,
+				children: option
+			})]
+		}, option))
+	});
+});
+RadioGroup.displayName = "RadioGroup";
+function registerRadioGroup() {
+	registerFormComponent("radio", RadioGroup);
+}
+
+//#endregion
+export { RadioGroup, registerRadioGroup };
+//# sourceMappingURL=RadioGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","names":["BaseRadioGroup"],"sources":["../../../../../src/components/form/fields/RadioGroup.tsx"],"sourcesContent":["import {\n  RadioGroup as BaseRadioGroup,\n  RadioGroupItem,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nimport { registerFormComponent } from \".\";\nimport { FormFieldType } from \"@/components\";\n\ninterface RadioGroupProps {\n  autocomplete?: string;\n  disabled?: boolean;\n  label?: string;\n  labelClassName?: string;\n  name: string;\n  onBlur?: () => void;\n  onChange?: (value: string) => void;\n  options: string[];\n  value?: string;\n}\n\nfunction slugify(str: string): string {\n  return str\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, \"-\")\n    .replace(/^-|-$/g, \"\");\n}\n\nexport const RadioGroup = React.forwardRef<HTMLDivElement, RadioGroupProps>(\n  ({ autocomplete, options, ...props }, ref) => {\n    return (\n      <BaseRadioGroup\n        disabled={props.disabled}\n        name={props.name}\n        onBlur={props.onBlur}\n        onValueChange={props.onChange}\n        ref={ref}\n        value={props.value}>\n        {options.map((option) => (\n          <div className=\"radio-option\" key={option}>\n            <RadioGroupItem\n              id={`${props.name}-${slugify(option)}`}\n              value={option}\n              {...(autocomplete ? { autoComplete: autocomplete } : {})}\n            />\n            <label\n              className={props.labelClassName}\n              htmlFor={`${props.name}-${slugify(option)}`}>\n              {option}\n            </label>\n          </div>\n        ))}\n      </BaseRadioGroup>\n    );\n  },\n);\nRadioGroup.displayName = \"RadioGroup\";\n\nexport function registerRadioGroup() {\n  registerFormComponent(FormFieldType.RADIO, RadioGroup);\n}\n"],"mappings":";;;;;;;;;AAqBA,SAAS,QAAQ,KAAqB;AACpC,QAAO,IACJ,aAAa,CACb,QAAQ,eAAe,IAAI,CAC3B,QAAQ,UAAU,GAAG;;AAG1B,MAAa,aAAa,MAAM,YAC7B,EAAE,cAAc,SAAS,GAAG,SAAS,QAAQ;AAC5C,QACE,oBAACA,cAAD;EACE,UAAU,MAAM;EAChB,MAAM,MAAM;EACZ,QAAQ,MAAM;EACd,eAAe,MAAM;EAChB;EACL,OAAO,MAAM;YACZ,QAAQ,KAAK,WACZ,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,gBAAD;IACE,IAAI,GAAG,MAAM,KAAK,GAAG,QAAQ,OAAO;IACpC,OAAO;IACP,GAAK,eAAe,EAAE,cAAc,cAAc,GAAG,EAAE;IACvD,GACF,oBAAC,SAAD;IACE,WAAW,MAAM;IACjB,SAAS,GAAG,MAAM,KAAK,GAAG,QAAQ,OAAO;cACxC;IACK,EACJ;KAX6B,OAW7B,CACN;EACa;EAGtB;AACD,WAAW,cAAc;AAEzB,SAAgB,qBAAqB;AACnC,gCAA2C,WAAW"}

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

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

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

@@ -0,0 +1,30 @@
+import { registerFormComponent } from "./registry.js";
+import { Editor } from "../../editor/Editor.js";
+import "../../editor/index.js";
+import { FormFieldType } from "./types.js";
+import "./index.js";
+import "../../index.js";
+import React, { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/form/fields/RichText.tsx
+const RichText = forwardRef(({ autocomplete, enablePreview, onChange, placeholder, required, toolbarOptions, value }, ref) => {
+	return /* @__PURE__ */ jsx(Editor, {
+		enablePreview,
+		onChange,
+		placeholder,
+		ref,
+		required,
+		toolbarOptions,
+		value,
+		...autocomplete ? { autoComplete: autocomplete } : {}
+	});
+});
+RichText.displayName = "MarkdownEditor";
+function registerRichText() {
+	registerFormComponent("rich_text", RichText);
+}
+
+//#endregion
+export { RichText, registerRichText };
+//# sourceMappingURL=RichText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichText.js","names":["BaseEditor"],"sources":["../../../../../src/components/form/fields/RichText.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Editor as BaseEditor, ToolbarOption } from \"@/components/editor\";\n\nimport { registerFormComponent } from \".\";\nimport { FormFieldType } from \"@/components\";\nimport { FormComponentProps } from \"./types\";\n\ninterface RichTextProps extends FormComponentProps {\n  autocomplete?: string;\n  enablePreview?: boolean;\n  toolbarOptions?: ToolbarOption[];\n}\n\nexport const RichText = forwardRef<HTMLDivElement, RichTextProps>(\n  (\n    {\n      autocomplete,\n      enablePreview,\n      onChange,\n      placeholder,\n      required,\n      toolbarOptions,\n      value,\n    },\n    ref,\n  ) => {\n    return (\n      <BaseEditor\n        enablePreview={enablePreview}\n        onChange={onChange}\n        placeholder={placeholder}\n        ref={ref}\n        required={required}\n        toolbarOptions={toolbarOptions}\n        value={value}\n        {...(autocomplete ? { autoComplete: autocomplete } : {})}\n      />\n    );\n  },\n);\nRichText.displayName = \"MarkdownEditor\";\n\nexport function registerRichText() {\n  registerFormComponent(FormFieldType.RICH_TEXT, RichText);\n}\n"],"mappings":";;;;;;;;;;AAcA,MAAa,WAAW,YAEpB,EACE,cACA,eACA,UACA,aACA,UACA,gBACA,SAEF,QACG;AACH,QACE,oBAACA,QAAD;EACiB;EACL;EACG;EACR;EACK;EACM;EACT;EACP,GAAK,eAAe,EAAE,cAAc,cAAc,GAAG,EAAE;EACvD;EAGP;AACD,SAAS,cAAc;AAEvB,SAAgB,mBAAmB;AACjC,oCAA+C,SAAS"}

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

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

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

@@ -0,0 +1,37 @@
+import { registerFormComponent } from "./registry.js";
+import { FormFieldType } from "./types.js";
+import "./index.js";
+import "../../index.js";
+import { Select as Select$1, SelectContent, SelectItem, SelectTrigger, SelectValue, cn } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/form/fields/Select.tsx
+const Select = React.forwardRef(({ autocomplete, inputClassName, onChange, options, placeholder = "Select...", required, value, ...props }, ref) => {
+	return /* @__PURE__ */ jsxs(Select$1, {
+		onValueChange: onChange,
+		required,
+		value: value || "",
+		...autocomplete ? { autoComplete: autocomplete } : {},
+		...props,
+		children: [/* @__PURE__ */ jsx(SelectTrigger, {
+			className: cn("bg-modal-input text-foreground placeholder:text-foreground/50 h-14 w-full border-none", inputClassName, "data-[placeholder]:text-foreground/50"),
+			ref,
+			children: /* @__PURE__ */ jsx(SelectValue, { placeholder })
+		}), /* @__PURE__ */ jsx(SelectContent, { children: (options || []).map((option) => {
+			const value = typeof option === "string" ? option : option.value;
+			return /* @__PURE__ */ jsx(SelectItem, {
+				value,
+				children: typeof option === "string" ? option : option.label
+			}, value);
+		}) })]
+	});
+});
+Select.displayName = "Select";
+function registerSelect() {
+	registerFormComponent("select", Select);
+}
+
+//#endregion
+export { Select, registerSelect };
+//# sourceMappingURL=Select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","names":["BaseSelect"],"sources":["../../../../../src/components/form/fields/Select.tsx"],"sourcesContent":["import {\n  Select as BaseSelect,\n  cn,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nimport type { FormFieldOption } from \"@/components\";\n\nimport { registerFormComponent } from \".\";\nimport { FormFieldType } from \"@/components\";\n\nexport const Select = React.forwardRef<\n  HTMLButtonElement,\n  {\n    [key: string]: any;\n    autocomplete?: string;\n    className?: string;\n    label?: string;\n    options: FormFieldOption[];\n    placeholder?: string;\n  }\n>(\n  (\n    {\n      autocomplete,\n      inputClassName,\n      onChange,\n      options,\n      placeholder = \"Select...\",\n      required,\n      value,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <BaseSelect\n        onValueChange={onChange}\n        required={required}\n        value={value || \"\"}\n        {...(autocomplete ? { autoComplete: autocomplete } : {})}\n        {...props}>\n        <SelectTrigger\n          className={cn(\n            \"bg-modal-input text-foreground placeholder:text-foreground/50 h-14 w-full border-none\",\n            inputClassName,\n            \"data-[placeholder]:text-foreground/50\",\n          )}\n          ref={ref}>\n          <SelectValue placeholder={placeholder} />\n        </SelectTrigger>\n        <SelectContent>\n          {(options || []).map((option: FormFieldOption) => {\n            const value = typeof option === \"string\" ? option : option.value;\n            const label = typeof option === \"string\" ? option : option.label;\n            return (\n              <SelectItem key={value} value={value}>\n                {label}\n              </SelectItem>\n            );\n          })}\n        </SelectContent>\n      </BaseSelect>\n    );\n  },\n);\nSelect.displayName = \"Select\";\n\nexport function registerSelect() {\n  registerFormComponent(FormFieldType.SELECT, Select);\n}\n"],"mappings":";;;;;;;;;AAeA,MAAa,SAAS,MAAM,YAYxB,EACE,cACA,gBACA,UACA,SACA,cAAc,aACd,UACA,OACA,GAAG,SAEL,QACG;AACH,QACE,qBAACA,UAAD;EACE,eAAe;EACL;EACV,OAAO,SAAS;EAChB,GAAK,eAAe,EAAE,cAAc,cAAc,GAAG,EAAE;EACvD,GAAI;YALN,CAME,oBAAC,eAAD;GACE,WAAW,GACT,yFACA,gBACA,wCACD;GACI;aACL,oBAAC,aAAD,EAA0B,aAAe;GAC3B,GAChB,oBAAC,eAAD,aACI,WAAW,EAAE,EAAE,KAAK,WAA4B;GAChD,MAAM,QAAQ,OAAO,WAAW,WAAW,SAAS,OAAO;AAE3D,UACE,oBAAC,YAAD;IAA+B;cAFnB,OAAO,WAAW,WAAW,SAAS,OAAO;IAI5C,EAFI,MAEJ;IAEf,EACY,EACL;;EAGlB;AACD,OAAO,cAAc;AAErB,SAAgB,iBAAiB;AAC/B,iCAA4C,OAAO"}

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

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

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

@@ -0,0 +1,29 @@
+import { registerFormComponent } from "./registry.js";
+import { FormFieldType } from "./types.js";
+import "./index.js";
+import "../../index.js";
+import { Slider as Slider$1 } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/form/fields/Slider.tsx
+const Slider = React.forwardRef(({ max = 100, min = 0, onChange, step = 1, value, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(Slider$1, {
+		disabled: props.disabled,
+		max,
+		min,
+		onBlur: props.onBlur,
+		onValueChange: (vals) => onChange?.(vals[0]),
+		ref,
+		step,
+		value: [value || min]
+	});
+});
+Slider.displayName = "Slider";
+function registerSlider() {
+	registerFormComponent("slider", Slider);
+}
+
+//#endregion
+export { Slider, registerSlider };
+//# sourceMappingURL=Slider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","names":["BaseSlider"],"sources":["../../../../../src/components/form/fields/Slider.tsx"],"sourcesContent":["import { Slider as BaseSlider } from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nimport { registerFormComponent } from \".\";\nimport { FormFieldType } from \"@/components\";\n\ninterface SliderProps {\n  className?: string;\n  disabled?: boolean;\n  label?: string;\n  max?: number;\n  min?: number;\n  name: string;\n  onBlur?: () => void;\n  onChange?: (value: number) => void;\n  step?: number;\n  value?: number;\n}\n\nexport const Slider = React.forwardRef<HTMLSpanElement, SliderProps>(\n  ({ max = 100, min = 0, onChange, step = 1, value, ...props }, ref) => {\n    return (\n      <BaseSlider\n        disabled={props.disabled}\n        max={max}\n        min={min}\n        onBlur={props.onBlur}\n        onValueChange={(vals) => onChange?.(vals[0])}\n        ref={ref}\n        step={step}\n        value={[value || min]}\n      />\n    );\n  },\n);\nSlider.displayName = \"Slider\";\n\nexport function registerSlider() {\n  registerFormComponent(FormFieldType.SLIDER, Slider);\n}\n"],"mappings":";;;;;;;;;AAmBA,MAAa,SAAS,MAAM,YACzB,EAAE,MAAM,KAAK,MAAM,GAAG,UAAU,OAAO,GAAG,OAAO,GAAG,SAAS,QAAQ;AACpE,QACE,oBAACA,UAAD;EACE,UAAU,MAAM;EACX;EACA;EACL,QAAQ,MAAM;EACd,gBAAgB,SAAS,WAAW,KAAK,GAAG;EACvC;EACC;EACN,OAAO,CAAC,SAAS,IAAI;EACrB;EAGP;AACD,OAAO,cAAc;AAErB,SAAgB,iBAAiB;AAC/B,iCAA4C,OAAO"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","names":["BaseSwitch"],"sources":["../../../../../src/components/form/fields/Switch.tsx"],"sourcesContent":["import {\n  Switch as BaseSwitch,\n  cn,\n  Label,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nimport { registerFormComponent } from \".\";\nimport { FormFieldType } from \"@/components\";\n\ninterface SwitchProps {\n  autocomplete?: string;\n  disabled?: boolean;\n  label?: string;\n  labelClassName?: string;\n  name: string;\n  onBlur?: () => void;\n  onChange?: (checked: boolean) => void;\n  value?: boolean;\n}\n\nexport const Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\n  ({ autocomplete, label, ...props }, ref) => {\n    return (\n      <>\n        <BaseSwitch\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          {...(autocomplete ? { autoComplete: autocomplete } : {})}\n        />\n        {label && (\n          <Label\n            className={cn(\"text-foreground\", props.labelClassName)}\n            htmlFor={props.name}>\n            {label}\n          </Label>\n        )}\n      </>\n    );\n  },\n);\nSwitch.displayName = \"Switch\";\n\nexport function registerSwitch() {\n  registerFormComponent(FormFieldType.SWITCH, Switch, { handlesLabel: true });\n}\n"],"mappings":";;;;;;;;;AAqBA,MAAa,SAAS,MAAM,YACzB,EAAE,cAAc,OAAO,GAAG,SAAS,QAAQ;AAC1C,QACE,4CACE,oBAACA,UAAD;EACE,SAAS,MAAM;EACf,UAAU,MAAM;EAChB,IAAI,MAAM;EACV,MAAM,MAAM;EACZ,QAAQ,MAAM;EACd,iBAAiB,MAAM;EAClB;EACL,GAAK,eAAe,EAAE,cAAc,cAAc,GAAG,EAAE;EACvD,GACD,SACC,oBAAC,OAAD;EACE,WAAW,GAAG,mBAAmB,MAAM,eAAe;EACtD,SAAS,MAAM;YACd;EACK,EAET;EAGR;AACD,OAAO,cAAc;AAErB,SAAgB,iBAAiB;AAC/B,iCAA4C,QAAQ,EAAE,cAAc,MAAM,CAAC"}

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

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

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

@@ -0,0 +1,28 @@
+import { registerFormComponent } from "./registry.js";
+import { FormFieldType } from "./types.js";
+import "./index.js";
+import "../../index.js";
+import { Textarea as Textarea$1, cn } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/form/fields/Textarea.tsx
+const Textarea = React.forwardRef(({ autocomplete, autoComplete: htmlAutoComplete, inputClassName, onChange, placeholder, value, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(Textarea$1, {
+		autoComplete: autocomplete ?? htmlAutoComplete,
+		className: cn("border-input bg-background placeholder:text-muted-foreground focus-visible:ring-ring flex min-h-[60px] w-full rounded-md border px-3 py-2 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50", inputClassName),
+		onChange,
+		placeholder,
+		ref,
+		value: value ?? "",
+		...props
+	});
+});
+Textarea.displayName = "Textarea";
+function registerTextarea() {
+	registerFormComponent("textarea", Textarea);
+}
+
+//#endregion
+export { Textarea, registerTextarea };
+//# sourceMappingURL=Textarea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","names":["BaseTextarea"],"sources":["../../../../../src/components/form/fields/Textarea.tsx"],"sourcesContent":["import {\n  Textarea as BaseTextarea,\n  cn,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nimport { registerFormComponent } from \".\";\nimport { FormFieldType } from \"@/components\";\n\nexport const Textarea = React.forwardRef<\n  HTMLTextAreaElement,\n  React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n    [key: string]: any; // Allow other props\n    autocomplete?: string;\n    className?: string;\n    inputClassName?: string; // Use inputClassName for the actual textarea element\n    label?: string;\n    placeholder?: string;\n  }\n>(\n  (\n    {\n      autocomplete,\n      autoComplete: htmlAutoComplete,\n      inputClassName,\n      onChange,\n      placeholder,\n      value,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <BaseTextarea\n        autoComplete={autocomplete ?? htmlAutoComplete}\n        className={cn(\n          \"border-input bg-background placeholder:text-muted-foreground focus-visible:ring-ring flex min-h-[60px] w-full rounded-md border px-3 py-2 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50\",\n          inputClassName,\n        )}\n        onChange={onChange}\n        placeholder={placeholder}\n        ref={ref}\n        value={value ?? \"\"} // Use value prop directly, default to empty string\n        {...props}\n      />\n    );\n  },\n);\nTextarea.displayName = \"Textarea\";\n\nexport function registerTextarea() {\n  registerFormComponent(FormFieldType.TEXTAREA, Textarea);\n}\n"],"mappings":";;;;;;;;;AASA,MAAa,WAAW,MAAM,YAY1B,EACE,cACA,cAAc,kBACd,gBACA,UACA,aACA,OACA,GAAG,SAEL,QACG;AACH,QACE,oBAACA,YAAD;EACE,cAAc,gBAAgB;EAC9B,WAAW,GACT,+PACA,eACD;EACS;EACG;EACR;EACL,OAAO,SAAS;EAChB,GAAI;EACJ;EAGP;AACD,SAAS,cAAc;AAEvB,SAAgB,mBAAmB;AACjC,mCAA8C,SAAS"}