@sfxcode/formkit-primevue 3.2.10 → 3.3.1

package/dist/composables-CZ6f1QYe.js

@@ -0,0 +1,820 @@
+import { computed } from "vue";
+import { usePrimeVue } from "primevue/config";
+import consola from "consola";
+import AutoComplete from "primevue/autocomplete";
+import Button from "primevue/button";
+import CascadeSelect from "primevue/cascadeselect";
+import Checkbox from "primevue/checkbox";
+import Chip from "primevue/chip";
+import ColorPicker from "primevue/colorpicker";
+import DatePicker from "primevue/datepicker";
+import InputMask from "primevue/inputmask";
+import InputNumber from "primevue/inputnumber";
+import InputOtp from "primevue/inputotp";
+import InputText from "primevue/inputtext";
+import Knob from "primevue/knob";
+import Listbox from "primevue/listbox";
+import MultiSelect from "primevue/multiselect";
+import Password from "primevue/password";
+import RadioButton from "primevue/radiobutton";
+import Rating from "primevue/rating";
+import Select from "primevue/select";
+import SelectButton from "primevue/selectbutton";
+import Slider from "primevue/slider";
+import Textarea from "primevue/textarea";
+import ToggleButton from "primevue/togglebutton";
+import ToggleSwitch from "primevue/toggleswitch";
+import TreeSelect from "primevue/treeselect";
+//#region src/composables/useFormKitInput.ts
+function useFormKitInput(context) {
+	const isInvalid = computed(() => {
+		return context?.state?.validationVisible && !context?.state?.valid;
+	});
+	const styleClass = computed(() => {
+		return context?.state?.validationVisible && !context?.state?.valid ? `${context?.attrs?.class || ""} p-invalid` : context?.attrs?.class || "";
+	});
+	function isGlobalUnstyledMode() {
+		let result = false;
+		try {
+			result = usePrimeVue()?.config?.unstyled || false;
+		} catch (e) {
+			consola.log(e);
+		}
+		return result;
+	}
+	const unstyled = computed(() => {
+		return context?.unstyled ?? isGlobalUnstyledMode();
+	});
+	const formKitCreateInputSlots = new Set([
+		"label",
+		"help",
+		"messages",
+		"message",
+		"input"
+	]);
+	const validSlotNames = computed(() => Object.keys(context?.slots || {}).filter((slotName) => !formKitCreateInputSlots.has(slotName)));
+	function handleBlur(event) {
+		context?.handlers?.blur?.(event);
+	}
+	function handleChange(_) {
+		context?.node?.input?.(context?._value);
+	}
+	function handleInput(_) {
+		context?.node?.input?.(context?._value);
+	}
+	function handleSelect(e) {
+		context?.node?.input?.(e);
+	}
+	return {
+		isInvalid,
+		validSlotNames,
+		styleClass,
+		unstyled,
+		handleBlur,
+		handleChange,
+		handleInput,
+		handleSelect,
+		modelValue: computed({
+			get: () => context._value,
+			set: (value) => {
+				context.node.input(value);
+			}
+		})
+	};
+}
+//#endregion
+//#region src/composables/useFormKitSchema.ts
+function useFormKitSchema() {
+	const addComponent = (component = "Button", props = {}, render = true, formKitAttrs = {}) => {
+		return {
+			$cmp: component,
+			if: render.toString(),
+			props,
+			...formKitAttrs
+		};
+	};
+	const addElement = (element = "div", children = [], attrs = {}, render = true, formKitAttrs = {}) => {
+		return {
+			$el: element,
+			if: render.toString(),
+			attrs,
+			children,
+			...formKitAttrs
+		};
+	};
+	const addGroup = (name, children = [], render = true, formKitAttrs = {}) => {
+		return {
+			$formkit: "group",
+			if: render.toString(),
+			name,
+			children,
+			...formKitAttrs
+		};
+	};
+	const addList = (name, children = [], dynamic = true, render = true, formKitAttrs = {}) => {
+		return {
+			$formkit: "list",
+			if: render.toString(),
+			name,
+			dynamic,
+			children,
+			...formKitAttrs
+		};
+	};
+	const addListGroup = (children = [], render = true, formKitAttrs = {}) => {
+		return {
+			$formkit: "group",
+			if: render.toString(),
+			for: [
+				"item",
+				"index",
+				"$items"
+			],
+			key: "$item",
+			index: "$index",
+			children,
+			...formKitAttrs
+		};
+	};
+	const addElementsInOuterDiv = (children = [], innerClass = "", outerClass = "", label = "", help = "", render = true) => {
+		const inner = addElement("div", children, {
+			class: `formkit-inner ${innerClass}`,
+			style: "position: relative;"
+		});
+		return addElement("div", [addElement("div", [addElement("label", [label], { class: "formkit-label" }), inner], { class: "formkit-wrapper" }), addElement("div", [help], { class: "formkit-help" })], {
+			class: `formkit-outer ${outerClass}`,
+			style: "position: relative;"
+		}, render);
+	};
+	return {
+		addComponent,
+		addElement,
+		addGroup,
+		addList,
+		addListGroup,
+		addElementsInOuterDiv
+	};
+}
+//#endregion
+//#region src/composables/useFormKitRepeater.ts
+function useFormKitRepeater() {
+	const { addElement, addComponent, addElementsInOuterDiv } = useFormKitSchema();
+	function addInsertButton(label = "Add", innerClass = "", outerClass = "", buttonClass = "p-button-sm", iconClass = "pi pi-plus") {
+		return addElementsInOuterDiv([addComponent("Button", {
+			onClick: "$addNode($node)",
+			label,
+			class: buttonClass,
+			icon: iconClass
+		}, "$node.children.length == 0")], innerClass, outerClass);
+	}
+	function addListGroupFunctions(data, addNodeDefaultObject = {}) {
+		const swapElements = (array, index1, index2) => {
+			const newArray = [...array];
+			const temp = newArray[index1];
+			newArray[index1] = newArray[index2];
+			newArray[index2] = temp;
+			return newArray;
+		};
+		data.addNode = (parentNode) => () => {
+			const newArray = [...parentNode.value, addNodeDefaultObject];
+			parentNode.input(newArray, false);
+		};
+		data.removeNode = (parentNode, index) => () => {
+			parentNode.input(parentNode._value.filter((_, i) => i !== index), false);
+		};
+		data.moveNodeUp = (parentNode, index) => () => {
+			const array = [...parentNode.value];
+			if (index > 0) parentNode.input(swapElements(array, index - 1, index), false);
+		};
+		data.moveNodeDown = (parentNode, index) => () => {
+			const array = [...parentNode.value];
+			if (index < array.length - 1) parentNode.input(swapElements(array, index, index + 1), false);
+		};
+		data.copyNode = (parentNode, index) => () => {
+			const obj = parentNode.value[index];
+			const newArray = [...parentNode.value, { ...obj }];
+			parentNode.input(newArray, false);
+		};
+	}
+	function addGroupButtons(innerClass = "", outerClass = "col-4", label = "Actions", help = "", render = "true") {
+		const addButtonComponent = (onClick = "", label = "", icon = "", severity = "", render = "true", styleClass = "p-button-sm") => {
+			return addComponent("Button", {
+				onClick,
+				label,
+				icon,
+				class: styleClass,
+				severity
+			}, render);
+		};
+		return addElementsInOuterDiv([
+			addButtonComponent("$removeNode($node.parent, $index)", "", "pi pi-times", "danger"),
+			addButtonComponent("$copyNode($node.parent, $index)", "", "pi pi-plus"),
+			addButtonComponent("$moveNodeUp($node.parent, $index)", "", "pi pi-arrow-up", "secondary", "$index != 0"),
+			addElement("span", [], { class: "p-space" }, "$index == 0"),
+			addButtonComponent("$moveNodeDown($node.parent, $index)", "", "pi pi-arrow-down", "secondary", "$index < $node.parent.value.length -1"),
+			addElement("span", [], { class: "p-space" }, "$index == $node.parent.value.length -1")
+		], `p-action-buttons ${innerClass}`, outerClass, label, help, render);
+	}
+	return {
+		addInsertButton,
+		addGroupButtons,
+		addListGroupFunctions
+	};
+}
+//#endregion
+//#region src/composables/useFormKitSection.ts
+function useFormKitSection(context) {
+	const hasPrefix = computed(() => {
+		return Boolean(context?.prefix?.length > 0);
+	});
+	const hasPrefixIcon = computed(() => {
+		return Boolean(context?.iconPrefix?.length > 0);
+	});
+	const hasSuffixIcon = computed(() => {
+		return Boolean(context?.iconSuffix?.length > 0);
+	});
+	const hasSuffix = computed(() => {
+		return Boolean(context?.suffix?.length > 0);
+	});
+	function generateId() {
+		return typeof crypto !== "undefined" && crypto.randomUUID ? crypto.randomUUID() : Math.random().toString(36).slice(2);
+	}
+	return {
+		generateId,
+		hasPrefix,
+		hasPrefixIcon,
+		hasSuffix,
+		hasSuffixIcon
+	};
+}
+//#endregion
+//#region src/composables/useInputEditor.ts
+function useInputEditor() {
+	const primeInputWithOptionNames = [
+		"CascadeSelect",
+		"Listbox",
+		"MultiSelect",
+		"RadioButton",
+		"Select",
+		"SelectButton",
+		"TreeSelect"
+	];
+	const primeInputNames = [
+		...primeInputWithOptionNames,
+		"AutoComplete",
+		"Checkbox",
+		"ColorPicker",
+		"DatePicker",
+		"Editor",
+		"InputMask",
+		"InputNumber",
+		"InputOtp",
+		"InputText",
+		"Knob",
+		"Password",
+		"Rating",
+		"Slider",
+		"Textarea",
+		"ToggleButton",
+		"ToggleSwitch"
+	].sort();
+	const primeOutputNames = [
+		"OutputBoolean",
+		"OutputDate",
+		"OutputDuration",
+		"OutputLink",
+		"OutputList",
+		"OutputNumber",
+		"OutputReference",
+		"OutputText"
+	];
+	function editorDataToSchema(data) {
+		if (!data) return {};
+		const formkitInput = data?._dollar_formkit;
+		let tempData = {};
+		if (data.prime && Array.isArray(data.prime) && data.prime.length > 0) {
+			const mapped = data.prime.filter((entry) => entry && typeof entry === "object" && "prime_key" in entry && "prime_value" in entry).map((entry) => {
+				const key = entry.prime_key || "";
+				let value = entry.prime_value;
+				if (formkitInput === "primeInputOtp" && key === "length" && value !== void 0) value = Number(value);
+				return [key, value];
+			});
+			tempData = Object.assign({}, ...mapped.map(([key, val]) => ({ [key]: val })));
+		}
+		const defaultObject = {
+			readonly: data.readonly === true ? true : void 0,
+			disabled: data.disabled === true ? true : void 0,
+			preserve: data.preserve === true ? true : void 0
+		};
+		let outerClass = "";
+		if (data.outerClass) outerClass = `${outerClass} ${data.outerClass}`.trim();
+		let wrapperClass = "";
+		if (data.wrapperClass) wrapperClass = `${wrapperClass} ${data.wrapperClass}`.trim();
+		let innerClass = "";
+		if (data.innerClass) innerClass = `${innerClass} ${data.innerClass}`.trim();
+		const undefinedObject = {
+			prime: void 0,
+			schemaResultFormKey: void 0,
+			_dollar_formkit: void 0,
+			slots: void 0,
+			selectButton: void 0
+		};
+		const useOptions = formkitInput ? primeInputWithOptionNames.map((s) => `prime${s}`).includes(formkitInput) : false;
+		let result = {};
+		if (useOptions) result = {
+			...data,
+			$formkit: formkitInput,
+			...tempData,
+			...undefinedObject,
+			...defaultObject,
+			outerClass,
+			wrapperClass,
+			innerClass,
+			optionLabel: "label",
+			optionValue: "value"
+		};
+		else result = {
+			...data,
+			$formkit: formkitInput,
+			...tempData,
+			...undefinedObject,
+			...defaultObject,
+			outerClass,
+			wrapperClass,
+			innerClass,
+			options: void 0
+		};
+		for (const key in result) {
+			const value = result[key];
+			if (value !== null && value !== void 0 && typeof value === "string") {
+				if (value.trim().length === 0) result[key] = void 0;
+			}
+		}
+		return result;
+	}
+	function dataToSchema(data) {
+		if (!data) return {};
+		const schema = editorDataToSchema(data);
+		if (schema?.options && Array.isArray(schema.options)) {
+			const options = schema.options.map((o) => o ? JSON.parse(JSON.stringify(o)) : {});
+			return {
+				...schema,
+				options
+			};
+		} else return schema;
+	}
+	function editorDataToJson(data) {
+		if (!data) return "{}";
+		return JSON.stringify(dataToSchema(data));
+	}
+	function objectToString(data) {
+		if (!data) return "{}";
+		return `{${Object.entries(data).map(([key, value]) => {
+			if (key === "options" && Array.isArray(value) && value.length > 0) {
+				let result = "[";
+				value.forEach((o) => {
+					if (o && typeof o === "object") result = `${result + objectToString(o)}, `;
+				});
+				return `${key}: ${result.substring(0, result.length - 2)}]`;
+			} else if (key === "primeInputOtp") return `${key}: ${value}`;
+			else return `${key}: '${value}'`;
+		}).join()}}`;
+	}
+	function editorDataToObject(data) {
+		if (!data) return "{}";
+		try {
+			const jsonData = editorDataToJson(data);
+			return objectToString(JSON.parse(jsonData));
+		} catch (error) {
+			console.error("Error in editorDataToObject:", error);
+			return "{}";
+		}
+	}
+	function schemaToEditorData(schema) {
+		if (!schema) return {};
+		const formkitInput = schema?.$formkit;
+		return {
+			...schema,
+			_dollar_formkit: formkitInput
+		};
+	}
+	return {
+		primeInputNames,
+		primeOutputNames,
+		editorDataToSchema,
+		editorDataToJson,
+		editorDataToCode: editorDataToObject,
+		schemaToEditorData
+	};
+}
+//#endregion
+//#region src/composables/useInputEditorSchema.ts
+function useInputEditorSchema() {
+	const { addList, addListGroup } = useFormKitSchema();
+	const { addInsertButton, addGroupButtons } = useFormKitRepeater();
+	const { primeInputNames, primeOutputNames } = useInputEditor();
+	function primeInputOptions(list) {
+		return list.map((name) => {
+			return {
+				label: name,
+				value: `prime${name}`
+			};
+		});
+	}
+	const selectOptions = [
+		{
+			label: "Base",
+			value: "showBasic"
+		},
+		{
+			label: "Display",
+			value: "showDisplay"
+		},
+		{
+			label: "Style",
+			value: "showStyle"
+		},
+		{
+			label: "Validation",
+			value: "showValidation"
+		},
+		{
+			label: "Options",
+			value: "showOptions"
+		},
+		{
+			label: "Prime",
+			value: "showPrime"
+		}
+	];
+	const validationOptions = [
+		{
+			label: "Blur",
+			value: "blur"
+		},
+		{
+			label: "Live",
+			value: "live"
+		},
+		{
+			label: "Dirty",
+			value: "dirty"
+		},
+		{
+			label: "Submit",
+			value: "submit"
+		}
+	];
+	function editorSchema(inputOptions = primeInputOptions([...primeInputNames, ...primeOutputNames])) {
+		return [
+			{
+				$formkit: "primeSelect",
+				id: "inputSelection",
+				name: "_dollar_formkit",
+				label: "Prime Input",
+				value: "primeInputText",
+				optionLabel: "label",
+				optionValue: "value",
+				options: inputOptions,
+				filter: true,
+				key: "schema_inputSelection",
+				outerClass: "col-6",
+				preserve: true
+			},
+			{
+				$formkit: "primeInputText",
+				name: "name",
+				label: "Field Name",
+				validation: "required",
+				validationVisibility: "live",
+				key: "schema_name",
+				outerClass: "col-6",
+				preserve: true
+			},
+			{
+				$formkit: "primeSelectButton",
+				id: "selectButton",
+				name: "selectButton",
+				options: selectOptions,
+				optionLabel: "label",
+				optionValue: "value",
+				value: "showBasic",
+				allowEmpty: false,
+				key: "schema_selectButton",
+				preserve: true
+			},
+			{
+				$formkit: "primeInputText",
+				if: "$get(selectButton).value === 'showBasic'",
+				name: "label",
+				label: "Input Label",
+				key: "schema_label",
+				preserve: true
+			},
+			{
+				$formkit: "primeInputText",
+				if: "$get(selectButton).value === 'showBasic'",
+				name: "help",
+				label: "Input Help",
+				key: "schema_help",
+				preserve: true
+			},
+			{
+				$formkit: "primeInputText",
+				if: "$get(selectButton).value === 'showBasic'",
+				name: "value",
+				label: "Input Value",
+				key: "schema_value",
+				outerClass: "col-6",
+				preserve: true
+			},
+			{
+				$formkit: "primeInputText",
+				if: "$get(selectButton).value === 'showBasic'",
+				name: "format",
+				label: "Value Format",
+				key: "schema_format",
+				outerClass: "col-6",
+				preserve: true
+			},
+			{
+				$formkit: "primeInputText",
+				if: "$get(selectButton).value === 'showBasic'",
+				name: "id",
+				label: "Input ID",
+				key: "schema_id",
+				outerClass: "col-6",
+				preserve: true
+			},
+			{
+				$formkit: "primeInputText",
+				if: "$get(selectButton).value === 'showBasic'",
+				name: "key",
+				label: "Input Key",
+				key: "schema_key",
+				outerClass: "col-6",
+				preserve: true
+			},
+			{
+				$formkit: "primeInputText",
+				if: "$get(selectButton).value === 'showBasic'",
+				name: "tabindex",
+				label: "Tab Index",
+				key: "schema_tabindex",
+				outerClass: "col-6",
+				preserve: true
+			},
+			{
+				$formkit: "primeCheckbox",
+				if: "$get(selectButton).value === 'showBasic'",
+				name: "preserve",
+				label: "Preserve",
+				key: "schema_preserve",
+				value: false,
+				suffix: "Input Preserve",
+				outerClass: "col-3",
+				preserve: true
+			},
+			{
+				$formkit: "primeInputText",
+				if: "$get(selectButton).value === 'showDisplay'",
+				name: "class",
+				label: "Input StyleClass",
+				key: "schema_class",
+				outerClass: "col-6",
+				preserve: true
+			},
+			{
+				$formkit: "primeInputText",
+				if: "$get(selectButton).value === 'showDisplay'",
+				name: "style",
+				label: "Input Style",
+				key: "schema_style",
+				outerClass: "col-6",
+				preserve: true
+			},
+			{
+				$formkit: "primeInputText",
+				if: "$get(selectButton).value === 'showDisplay'",
+				name: "if",
+				label: "Should Render (if-Expression)",
+				key: "schema_if",
+				preserve: true
+			},
+			{
+				$formkit: "primeInputText",
+				if: "$get(selectButton).value === 'showDisplay'",
+				name: "iconPrefix",
+				label: "Prefix Icon",
+				key: "schema_prefix_icon",
+				outerClass: "col-6",
+				preserve: true
+			},
+			{
+				$formkit: "primeInputText",
+				if: "$get(selectButton).value === 'showDisplay'",
+				name: "prefix",
+				label: "Prefix",
+				key: "schema_prefix",
+				outerClass: "col-6",
+				preserve: true
+			},
+			{
+				$formkit: "primeInputText",
+				if: "$get(selectButton).value === 'showDisplay'",
+				name: "suffix",
+				label: "Suffix",
+				key: "schema_suffix",
+				outerClass: "col-6",
+				preserve: true
+			},
+			{
+				$formkit: "primeInputText",
+				if: "$get(selectButton).value === 'showDisplay'",
+				name: "iconSuffix",
+				label: "Suffix Icon",
+				key: "schema_suffix_icon",
+				outerClass: "col-6",
+				preserve: true
+			},
+			{
+				$formkit: "primeCheckbox",
+				if: "$get(selectButton).value === 'showDisplay'",
+				name: "disabled",
+				label: "Input Disabled",
+				key: "schema_disabled",
+				value: false,
+				outerClass: "col-3",
+				preserve: true
+			},
+			{
+				$formkit: "primeCheckbox",
+				if: "$get(selectButton).value === 'showDisplay'",
+				name: "readonly",
+				label: "Input Read Only",
+				key: "schema_readonly",
+				value: false,
+				outerClass: "col-3",
+				preserve: true
+			},
+			{
+				$formkit: "primeInputText",
+				if: "$get(selectButton).value === 'showStyle'",
+				name: "outerClass",
+				label: "Outer Class",
+				key: "schema_outerClass",
+				preserve: true
+			},
+			{
+				$formkit: "primeInputText",
+				if: "$get(selectButton).value === 'showStyle'",
+				name: "wrapperClass",
+				label: "Wrapper Class",
+				key: "schema_wrapperClass",
+				preserve: true
+			},
+			{
+				$formkit: "primeInputText",
+				if: "$get(selectButton).value === 'showStyle'",
+				name: "innerClass",
+				label: "Inner Class",
+				key: "schema_innerClass",
+				preserve: true
+			},
+			{
+				$formkit: "primeInputText",
+				if: "$get(selectButton).value === 'showValidation'",
+				name: "validation",
+				label: "Field Validation",
+				key: "schema_validation",
+				outerClass: "col-6",
+				preserve: true
+			},
+			{
+				$formkit: "primeSelect",
+				if: "$get(selectButton).value === 'showValidation'",
+				name: "validation-visibility",
+				label: "Field Validation Visibility",
+				optionLabel: "label",
+				optionValue: "value",
+				options: validationOptions,
+				key: "schema_validation-visibility",
+				outerClass: "col-6",
+				preserve: true
+			},
+			{
+				$formkit: "primeInputText",
+				if: "$get(selectButton).value === 'showValidation'",
+				name: "validation-label",
+				label: "Field Validation Label",
+				key: "schema_validation-label",
+				preserve: true
+			},
+			addList("options", [addInsertButton("Add Option"), addListGroup([
+				{
+					$formkit: "primeInputText",
+					label: "Label",
+					name: "label",
+					outerClass: "col-4"
+				},
+				{
+					$formkit: "primeInputText",
+					label: "Value",
+					name: "value",
+					outerClass: "col-4"
+				},
+				addGroupButtons()
+			])], true, "$get(selectButton).value === 'showOptions'", {
+				key: "schema_options",
+				preserve: true
+			}),
+			addList("prime", [addInsertButton("Add PrimeVue Attribute"), addListGroup([
+				{
+					$formkit: "primeInputText",
+					label: "PrimeVue Key",
+					name: "prime_key",
+					outerClass: "col-3"
+				},
+				{
+					$formkit: "primeInputText",
+					label: "Value",
+					name: "prime_value",
+					outerClass: "col-3"
+				},
+				addGroupButtons()
+			])], true, "$get(selectButton).value === 'showPrime'", {
+				key: "schema_prime",
+				preserve: true
+			})
+		];
+	}
+	return {
+		editorSchema,
+		primeInputOptions
+	};
+}
+//#endregion
+//#region src/composables/useOutputDuration.ts
+function useOutputDuration() {
+	function durationToMinutes(duration) {
+		let hours = 0;
+		let minutes = 0;
+		const lowerDuration = duration.toLowerCase();
+		if (lowerDuration.includes(":")) {
+			const [h, m] = lowerDuration.split(":").map((part) => +(part?.trim() || "0"));
+			hours = h ?? 0;
+			minutes = m ?? 0;
+		} else if (lowerDuration.includes("h")) {
+			hours = +(lowerDuration.split("h")[0]?.trim() || "0");
+			const remainder = lowerDuration.split("h")[1] || "";
+			if (remainder.includes("m")) minutes = +(remainder.split("m")[0]?.trim() || "0");
+			else if (/^\d+$/.test(remainder)) minutes = +remainder;
+		} else if (lowerDuration.includes("m")) minutes = +(lowerDuration.split("m")[0]?.trim() || "0");
+		else if (/^\d+$/.test(lowerDuration)) minutes = +lowerDuration;
+		return hours * 60 + minutes;
+	}
+	function formattedDuration(duration) {
+		const minutes = durationToMinutes(duration);
+		const hours = Math.trunc(minutes / 60);
+		const remainingMinutes = minutes % 60;
+		if (minutes === 0) return "0";
+		return `${hours > 0 ? `${hours}h` : ""}${hours > 0 && remainingMinutes > 0 ? " " : ""}${remainingMinutes > 0 ? `${remainingMinutes}m` : ""}`;
+	}
+	return {
+		durationToMinutes,
+		formattedDuration
+	};
+}
+//#endregion
+//#region src/composables/usePrimeInputs.ts
+function usePrimeInputs() {
+	function registerInputs(app) {
+		app.component("AutoComplete", AutoComplete);
+		app.component("Button", Button);
+		app.component("CascadeSelect", CascadeSelect);
+		app.component("Checkbox", Checkbox);
+		app.component("Chip", Chip);
+		app.component("ColorPicker", ColorPicker);
+		app.component("DatePicker", DatePicker);
+		app.component("InputMask", InputMask);
+		app.component("InputNumber", InputNumber);
+		app.component("InputOtp", InputOtp);
+		app.component("InputText", InputText);
+		app.component("Knob", Knob);
+		app.component("Listbox", Listbox);
+		app.component("MultiSelect", MultiSelect);
+		app.component("Password", Password);
+		app.component("RadioButton", RadioButton);
+		app.component("Rating", Rating);
+		app.component("Select", Select);
+		app.component("SelectButton", SelectButton);
+		app.component("Slider", Slider);
+		app.component("Textarea", Textarea);
+		app.component("ToggleButton", ToggleButton);
+		app.component("ToggleSwitch", ToggleSwitch);
+		app.component("TreeSelect", TreeSelect);
+	}
+	return { registerInputs };
+}
+//#endregion
+export { useFormKitSection as a, useFormKitInput as c, useInputEditor as i, useOutputDuration as n, useFormKitRepeater as o, useInputEditorSchema as r, useFormKitSchema as s, usePrimeInputs as t };