@lumeweb/portal-framework-ui 0.1.0 → 0.1.1

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

@@ -1,32 +1,25 @@
-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 "./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
-function registerEmailInput() {
-	registerFormComponent(FormFieldType.EMAIL, EmailInput);
-}
-var EmailInput;
-var init_EmailInput = __esmMin(() => {
-	init_fields();
-	init_components();
-	EmailInput = React.forwardRef(({ autocomplete, ...props }, ref) => {
-		return /* @__PURE__ */ jsx(Input, {
-			autoComplete: autocomplete,
-			ref,
-			type: "email",
-			...props
-		});
+const EmailInput = React.forwardRef(({ autocomplete, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(Input, {
+		autoComplete: autocomplete,
+		ref,
+		type: "email",
+		...props
 	});
-	EmailInput.displayName = "EmailInput";
 });
+EmailInput.displayName = "EmailInput";
+function registerEmailInput() {
+	registerFormComponent("email", EmailInput);
+}
 
 //#endregion
-init_EmailInput();
-export { EmailInput, init_EmailInput, registerEmailInput };
+export { EmailInput, registerEmailInput };
 //# sourceMappingURL=EmailInput.js.map

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

@@ -1 +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":";;;;;;;;;;AAuBA,SAAgB,qBAAqB;AACnC,uBAAsB,cAAc,OAAO,WAAW;;;;cArBd;kBACG;CAUhC,aAAa,MAAM,YAC7B,EAAE,cAAc,GAAG,SAAS,QAAQ;AACnC,SACE,oBAAC;GAAM,cAAc;GAAmB;GAAK,MAAK;GAAQ,GAAI;IAAS;GAG5E;AACD,YAAW,cAAc"}
+{"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.js

@@ -1,35 +1,28 @@
-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 "./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
-function registerFileInput() {
-	registerFormComponent(FormFieldType.FILE, FileInput);
-}
-var FileInput;
-var init_FileInput = __esmMin(() => {
-	init_fields();
-	init_components();
-	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"
-		});
+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";
 });
+FileInput.displayName = "FileInput";
+function registerFileInput() {
+	registerFormComponent("file", FileInput);
+}
 
 //#endregion
-init_FileInput();
-export { FileInput, init_FileInput, registerFileInput };
+export { FileInput, registerFileInput };
 //# sourceMappingURL=FileInput.js.map

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

@@ -1 +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":";;;;;;;;;;AAmCA,SAAgB,oBAAoB;AAClC,uBAAsB,cAAc,MAAM,UAAU;;;;cA/BZ;kBACG;CAYhC,YAAY,MAAM,YAC5B,EAAE,cAAc,GAAG,SAAS,QAAQ;AACnC,SACE,oBAAC;GACC,cAAc;GACd,UAAU,MAAM;GAChB,MAAM,MAAM;GACZ,QAAQ,MAAM;GACd,WAAW,MAAM,MAAM,WAAW,EAAE,OAAO,MAAM;GAC5C;GACL,MAAK;IACL;GAGP;AACD,WAAU,cAAc"}
+{"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.js

@@ -1,37 +1,30 @@
-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 "./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
-function registerInput() {
-	registerFormComponent(FormFieldType.TEXT, Input);
-	registerFormComponent(FormFieldType.PASSWORD, Input);
-}
-var Input;
-var init_Input = __esmMin(() => {
-	init_fields();
-	init_components();
-	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
-		});
+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";
 });
+Input.displayName = "Input";
+function registerInput() {
+	registerFormComponent("text", Input);
+	registerFormComponent("password", Input);
+}
 
 //#endregion
-init_Input();
-export { Input, init_Input, registerInput };
+export { Input, registerInput };
 //# sourceMappingURL=Input.js.map

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

@@ -1 +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":";;;;;;;;;;AA8CA,SAAgB,gBAAgB;AAC9B,uBAAsB,cAAc,MAAM,MAAM;AAChD,uBAAsB,cAAc,UAAU,MAAM;;;;cA7CZ;kBACG;CAYhC,QAAQ,MAAM,YAEvB,EACE,cACA,cAAc,kBACd,gBACA,UACA,aACA,MACA,OACA,GAAG,SAEL,QACG;AACH,SACE,oBAACA;GACC,cAAc,gBAAgB;GAC9B,WAAW,GAAG,6BAA6B,eAAe;GAChD;GACG;GACR;GACC;GACN,OAAO,SAAS;GAChB,GAAI;IACJ;GAGP;AACD,OAAM,cAAc"}
+{"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.js

@@ -1,8 +1,7 @@
-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 "./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";
@@ -11,39 +10,33 @@ import { jsx, jsxs } from "react/jsx-runtime";
 function slugify(str) {
 	return str.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
 }
-function registerRadioGroup() {
-	registerFormComponent(FormFieldType.RADIO, RadioGroup);
-}
-var RadioGroup;
-var init_RadioGroup = __esmMin(() => {
-	init_fields();
-	init_components();
-	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))
-		});
+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";
 });
+RadioGroup.displayName = "RadioGroup";
+function registerRadioGroup() {
+	registerFormComponent("radio", RadioGroup);
+}
 
 //#endregion
-init_RadioGroup();
-export { RadioGroup, init_RadioGroup, registerRadioGroup };
+export { RadioGroup, registerRadioGroup };
 //# sourceMappingURL=RadioGroup.js.map

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

@@ -1 +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;;AAiC1B,SAAgB,qBAAqB;AACnC,uBAAsB,cAAc,OAAO,WAAW;;;;cArDd;kBACG;CAqBhC,aAAa,MAAM,YAC7B,EAAE,cAAc,SAAS,GAAG,SAAS,QAAQ;AAC5C,SACE,oBAACA;GACC,UAAU,MAAM;GAChB,MAAM,MAAM;GACZ,QAAQ,MAAM;GACd,eAAe,MAAM;GAChB;GACL,OAAO,MAAM;aACZ,QAAQ,KAAK,WACZ,qBAAC;IAAI,WAAU;eACb,oBAAC;KACC,IAAI,GAAG,MAAM,KAAK,GAAG,QAAQ,OAAO;KACpC,OAAO;KACP,GAAK,eAAe,EAAE,cAAc,cAAc,GAAG,EAAE;MACvD,EACF,oBAAC;KACC,WAAW,MAAM;KACjB,SAAS,GAAG,MAAM,KAAK,GAAG,QAAQ,OAAO;eACxC;MACK;MAVyB,OAW7B,CACN;IACa;GAGtB;AACD,YAAW,cAAc"}
+{"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.js

@@ -1,38 +1,30 @@
-import { __esmMin } from "../../../_virtual/rolldown_runtime.js";
 import { registerFormComponent } from "./registry.js";
 import { Editor } from "../../editor/Editor.js";
-import { init_editor } from "../../editor/index.js";
+import "../../editor/index.js";
 import { FormFieldType } from "./types.js";
-import { init_fields } from "./index.js";
-import { init_components } from "../../index.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
-function registerRichText() {
-	registerFormComponent(FormFieldType.RICH_TEXT, RichText);
-}
-var RichText;
-var init_RichText = __esmMin(() => {
-	init_editor();
-	init_fields();
-	init_components();
-	RichText = forwardRef(({ autocomplete, enablePreview, onChange, placeholder, required, toolbarOptions, value }, ref) => {
-		return /* @__PURE__ */ jsx(Editor, {
-			enablePreview,
-			onChange,
-			placeholder,
-			ref,
-			required,
-			toolbarOptions,
-			value,
-			...autocomplete ? { autoComplete: autocomplete } : {}
-		});
+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";
 });
+RichText.displayName = "MarkdownEditor";
+function registerRichText() {
+	registerFormComponent("rich_text", RichText);
+}
 
 //#endregion
-init_RichText();
-export { RichText, init_RichText, registerRichText };
+export { RichText, registerRichText };
 //# sourceMappingURL=RichText.js.map

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

@@ -1 +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":";;;;;;;;;;;AA2CA,SAAgB,mBAAmB;AACjC,uBAAsB,cAAc,WAAW,SAAS;;;;cA1CgB;cAEhC;kBACG;CAShC,WAAW,YAEpB,EACE,cACA,eACA,UACA,aACA,UACA,gBACA,SAEF,QACG;AACH,SACE,oBAACA;GACgB;GACL;GACG;GACR;GACK;GACM;GACT;GACP,GAAK,eAAe,EAAE,cAAc,cAAc,GAAG,EAAE;IACvD;GAGP;AACD,UAAS,cAAc"}
+{"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.js

@@ -1,44 +1,37 @@
-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 "./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
-function registerSelect() {
-	registerFormComponent(FormFieldType.SELECT, Select);
-}
-var Select;
-var init_Select = __esmMin(() => {
-	init_fields();
-	init_components();
-	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$1 = typeof option === "string" ? option : option.value;
-				return /* @__PURE__ */ jsx(SelectItem, {
-					value: value$1,
-					children: typeof option === "string" ? option : option.label
-				}, value$1);
-			}) })]
-		});
+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";
 });
+Select.displayName = "Select";
+function registerSelect() {
+	registerFormComponent("select", Select);
+}
 
 //#endregion
-init_Select();
-export { Select, init_Select, registerSelect };
+export { Select, registerSelect };
 //# sourceMappingURL=Select.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":["BaseSelect","value"],"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":";;;;;;;;;;AAwEA,SAAgB,iBAAiB;AAC/B,uBAAsB,cAAc,QAAQ,OAAO;;;;cA7DX;kBACG;CAEhC,SAAS,MAAM,YAYxB,EACE,cACA,gBACA,UACA,SACA,cAAc,aACd,UACA,OACA,GAAG,SAEL,QACG;AACH,SACE,qBAACA;GACC,eAAe;GACL;GACV,OAAO,SAAS;GAChB,GAAK,eAAe,EAAE,cAAc,cAAc,GAAG,EAAE;GACvD,GAAI;cACJ,oBAAC;IACC,WAAW,GACT,yFACA,gBACA,wCACD;IACI;cACL,oBAAC,eAAyB,cAAe;KAC3B,EAChB,oBAAC,4BACG,WAAW,EAAE,EAAE,KAAK,WAA4B;IAChD,MAAMC,UAAQ,OAAO,WAAW,WAAW,SAAS,OAAO;AAE3D,WACE,oBAAC;KAAuB,OAAOA;eAFnB,OAAO,WAAW,WAAW,SAAS,OAAO;OAExCA,QAEJ;KAEf,GACY;IACL;GAGlB;AACD,QAAO,cAAc"}
+{"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.js

@@ -1,36 +1,29 @@
-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 "./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
-function registerSlider() {
-	registerFormComponent(FormFieldType.SLIDER, Slider);
-}
-var Slider;
-var init_Slider = __esmMin(() => {
-	init_fields();
-	init_components();
-	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]
-		});
+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";
 });
+Slider.displayName = "Slider";
+function registerSlider() {
+	registerFormComponent("slider", Slider);
+}
 
 //#endregion
-init_Slider();
-export { Slider, init_Slider, registerSlider };
+export { Slider, registerSlider };
 //# sourceMappingURL=Slider.js.map

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

@@ -1 +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":";;;;;;;;;;AAqCA,SAAgB,iBAAiB;AAC/B,uBAAsB,cAAc,QAAQ,OAAO;;;;cAnCX;kBACG;CAehC,SAAS,MAAM,YACzB,EAAE,MAAM,KAAK,MAAM,GAAG,UAAU,OAAO,GAAG,OAAO,GAAG,SAAS,QAAQ;AACpE,SACE,oBAACA;GACC,UAAU,MAAM;GACX;GACA;GACL,QAAQ,MAAM;GACd,gBAAgB,SAAS,WAAW,KAAK,GAAG;GACvC;GACC;GACN,OAAO,CAAC,SAAS,IAAI;IACrB;GAGP;AACD,QAAO,cAAc"}
+{"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.js

@@ -1,40 +1,33 @@
-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 "./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(FormFieldType.SWITCH, Switch, { handlesLabel: true });
+	registerFormComponent("switch", Switch, { handlesLabel: true });
 }
-var Switch;
-var init_Switch = __esmMin(() => {
-	init_fields();
-	init_components();
-	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";
-});
 
 //#endregion
-init_Switch();
-export { Switch, init_Switch, registerSwitch };
+export { Switch, registerSwitch };
 //# sourceMappingURL=Switch.js.map

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

@@ -1 +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":";;;;;;;;;;AAgDA,SAAgB,iBAAiB;AAC/B,uBAAsB,cAAc,QAAQ,QAAQ,EAAE,cAAc,MAAM,CAAC;;;;cA1CnC;kBACG;CAahC,SAAS,MAAM,YACzB,EAAE,cAAc,OAAO,GAAG,SAAS,QAAQ;AAC1C,SACE,4CACE,oBAACA;GACC,SAAS,MAAM;GACf,UAAU,MAAM;GAChB,IAAI,MAAM;GACV,MAAM,MAAM;GACZ,QAAQ,MAAM;GACd,iBAAiB,MAAM;GAClB;GACL,GAAK,eAAe,EAAE,cAAc,cAAc,GAAG,EAAE;IACvD,EACD,SACC,oBAAC;GACC,WAAW,GAAG,mBAAmB,MAAM,eAAe;GACtD,SAAS,MAAM;aACd;IACK,IAET;GAGR;AACD,QAAO,cAAc"}
+{"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"}