@sfxcode/formkit-openvue 0.0.0-stage → 0.8.1

package/dist/components/FormToggleSwitch.vue

@@ -0,0 +1,40 @@
+<script setup>
+import { useFormKitInput, useFormKitSection } from "../composables";
+const props = defineProps({ context: {
+	type: Object,
+	required: true
+} });
+const { hasPrefix, hasSuffix } = useFormKitSection(props.context);
+const { unstyled, isInvalid, handleInput, handleBlur, modelValue } = useFormKitInput(props.context);
+</script>
+
+<template>
+  <div class="p-formkit">
+    <span v-if="hasPrefix" class="formkit-prefix">
+      {{ context?.prefix }}
+    </span>
+    <ToggleSwitch
+      v-model="modelValue"
+      v-bind="context?.attrs"
+      :input-id="context.id"
+      :disabled="!!context?.disabled"
+      :readonly="context?.attrs.readonly ?? false"
+      :input-style="context?.attrs.style"
+      :input-class="context?.attrs?.class"
+      :invalid="isInvalid"
+      :tabindex="context?.attrs.tabindex"
+      :aria-label="context?.attrs.ariaLabel"
+      :aria-labelledby="context?.attrs.ariaLabelledby"
+      :true-value="context.trueValue ?? undefined"
+      :false-value="context.falseValue ?? undefined"
+      :pt="context.pt"
+      :pt-options="context.ptOptions"
+      :unstyled="unstyled"
+      @change="handleInput"
+      @blur="handleBlur"
+    />
+    <span v-if="hasSuffix" class="formkit-suffix">
+      {{ context?.suffix }}
+    </span>
+  </div>
+</template>

package/dist/components/FormTreeSelect.vue

@@ -0,0 +1,46 @@
+<script setup>
+import { useFormKitInput } from "../composables";
+const props = defineProps({ context: {
+	type: Object,
+	required: true
+} });
+const { validSlotNames, unstyled, isInvalid, handleInput, handleBlur, modelValue } = useFormKitInput(props.context);
+</script>
+
+<template>
+  <div class="p-formkit">
+    <TreeSelect
+      v-model="modelValue"
+      v-bind="context?.attrs"
+      :input-id="context.id"
+      :disabled="!!context?.disabled"
+      :readonly="context?.attrs.readonly ?? false"
+      :input-style="context?.attrs.style"
+      :input-class="context?.attrs?.class"
+      :invalid="isInvalid"
+      :tabindex="context?.attrs.tabindex"
+      :aria-label="context?.attrs.ariaLabel"
+      :aria-labelledby="context?.attrs.ariaLabelledby"
+      :size="context?.size ?? undefined"
+      :options="context?.options"
+      :placeholder="context.placeholder"
+      :selection-mode="context.selectionMode"
+      :pt="context.pt"
+      :empty-message="context.emptyMessage"
+      :display="context.display"
+      :meta-key-selection="context.metaKeySelection"
+      :append-to="context.appendTo"
+      :scroll-height="context.scrollHeight"
+      :panel-class="context.panelClass"
+      :variant="context.variant"
+      :pt-options="context.ptOptions"
+      :unstyled="unstyled"
+      @change="handleInput"
+      @blur="handleBlur"
+    >
+      <template v-for="slotName in validSlotNames" :key="slotName" #[slotName]="slotProps">
+        <component :is="context?.slots[slotName]" v-bind="{ ...context, ...slotProps }" />
+      </template>
+    </TreeSelect>
+  </div>
+</template>

package/dist/components/index.d.ts

@@ -0,0 +1,24 @@
+import FormAutoComplete from './FormAutoComplete.vue';
+import FormCascadeSelect from './FormCascadeSelect.vue';
+import FormCheckbox from './FormCheckbox.vue';
+import FormColorPicker from './FormColorPicker.vue';
+import FormDatePicker from './FormDatePicker.vue';
+import FormInputMask from './FormInputMask.vue';
+import FormInputNumber from './FormInputNumber.vue';
+import FormInputText from './FormInputText.vue';
+import FormKitDataEdit from './FormKitDataEdit.vue';
+import FormKitDataView from './FormKitDataView.vue';
+import FormKnob from './FormKnob.vue';
+import FormListbox from './FormListbox.vue';
+import FormMultiSelect from './FormMultiSelect.vue';
+import FormPassword from './FormPassword.vue';
+import FormRadioButton from './FormRadioButton.vue';
+import FormRating from './FormRating.vue';
+import FormSelect from './FormSelect.vue';
+import FormSelectButton from './FormSelectButton.vue';
+import FormSlider from './FormSlider.vue';
+import FormTextarea from './FormTextarea.vue';
+import FormToggleButton from './FormToggleButton.vue';
+import FormInputSwitch from './FormToggleSwitch.vue';
+import FormTreeSelect from './FormTreeSelect.vue';
+export { FormAutoComplete, FormCascadeSelect, FormCheckbox, FormColorPicker, FormDatePicker, FormInputMask, FormInputNumber, FormInputSwitch, FormInputText, FormKitDataEdit, FormKitDataView, FormKnob, FormListbox, FormMultiSelect, FormPassword, FormRadioButton, FormRating, FormSelect, FormSelectButton, FormSlider, FormTextarea, FormToggleButton, FormTreeSelect, };

package/dist/components/index.js

@@ -0,0 +1,167 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FormAutoComplete", {
+  enumerable: true,
+  get: function () {
+    return _FormAutoComplete.default;
+  }
+});
+Object.defineProperty(exports, "FormCascadeSelect", {
+  enumerable: true,
+  get: function () {
+    return _FormCascadeSelect.default;
+  }
+});
+Object.defineProperty(exports, "FormCheckbox", {
+  enumerable: true,
+  get: function () {
+    return _FormCheckbox.default;
+  }
+});
+Object.defineProperty(exports, "FormColorPicker", {
+  enumerable: true,
+  get: function () {
+    return _FormColorPicker.default;
+  }
+});
+Object.defineProperty(exports, "FormDatePicker", {
+  enumerable: true,
+  get: function () {
+    return _FormDatePicker.default;
+  }
+});
+Object.defineProperty(exports, "FormInputMask", {
+  enumerable: true,
+  get: function () {
+    return _FormInputMask.default;
+  }
+});
+Object.defineProperty(exports, "FormInputNumber", {
+  enumerable: true,
+  get: function () {
+    return _FormInputNumber.default;
+  }
+});
+Object.defineProperty(exports, "FormInputSwitch", {
+  enumerable: true,
+  get: function () {
+    return _FormToggleSwitch.default;
+  }
+});
+Object.defineProperty(exports, "FormInputText", {
+  enumerable: true,
+  get: function () {
+    return _FormInputText.default;
+  }
+});
+Object.defineProperty(exports, "FormKitDataEdit", {
+  enumerable: true,
+  get: function () {
+    return _FormKitDataEdit.default;
+  }
+});
+Object.defineProperty(exports, "FormKitDataView", {
+  enumerable: true,
+  get: function () {
+    return _FormKitDataView.default;
+  }
+});
+Object.defineProperty(exports, "FormKnob", {
+  enumerable: true,
+  get: function () {
+    return _FormKnob.default;
+  }
+});
+Object.defineProperty(exports, "FormListbox", {
+  enumerable: true,
+  get: function () {
+    return _FormListbox.default;
+  }
+});
+Object.defineProperty(exports, "FormMultiSelect", {
+  enumerable: true,
+  get: function () {
+    return _FormMultiSelect.default;
+  }
+});
+Object.defineProperty(exports, "FormPassword", {
+  enumerable: true,
+  get: function () {
+    return _FormPassword.default;
+  }
+});
+Object.defineProperty(exports, "FormRadioButton", {
+  enumerable: true,
+  get: function () {
+    return _FormRadioButton.default;
+  }
+});
+Object.defineProperty(exports, "FormRating", {
+  enumerable: true,
+  get: function () {
+    return _FormRating.default;
+  }
+});
+Object.defineProperty(exports, "FormSelect", {
+  enumerable: true,
+  get: function () {
+    return _FormSelect.default;
+  }
+});
+Object.defineProperty(exports, "FormSelectButton", {
+  enumerable: true,
+  get: function () {
+    return _FormSelectButton.default;
+  }
+});
+Object.defineProperty(exports, "FormSlider", {
+  enumerable: true,
+  get: function () {
+    return _FormSlider.default;
+  }
+});
+Object.defineProperty(exports, "FormTextarea", {
+  enumerable: true,
+  get: function () {
+    return _FormTextarea.default;
+  }
+});
+Object.defineProperty(exports, "FormToggleButton", {
+  enumerable: true,
+  get: function () {
+    return _FormToggleButton.default;
+  }
+});
+Object.defineProperty(exports, "FormTreeSelect", {
+  enumerable: true,
+  get: function () {
+    return _FormTreeSelect.default;
+  }
+});
+var _FormAutoComplete = _interopRequireDefault(require("./FormAutoComplete.vue"));
+var _FormCascadeSelect = _interopRequireDefault(require("./FormCascadeSelect.vue"));
+var _FormCheckbox = _interopRequireDefault(require("./FormCheckbox.vue"));
+var _FormColorPicker = _interopRequireDefault(require("./FormColorPicker.vue"));
+var _FormDatePicker = _interopRequireDefault(require("./FormDatePicker.vue"));
+var _FormInputMask = _interopRequireDefault(require("./FormInputMask.vue"));
+var _FormInputNumber = _interopRequireDefault(require("./FormInputNumber.vue"));
+var _FormInputText = _interopRequireDefault(require("./FormInputText.vue"));
+var _FormKitDataEdit = _interopRequireDefault(require("./FormKitDataEdit.vue"));
+var _FormKitDataView = _interopRequireDefault(require("./FormKitDataView.vue"));
+var _FormKnob = _interopRequireDefault(require("./FormKnob.vue"));
+var _FormListbox = _interopRequireDefault(require("./FormListbox.vue"));
+var _FormMultiSelect = _interopRequireDefault(require("./FormMultiSelect.vue"));
+var _FormPassword = _interopRequireDefault(require("./FormPassword.vue"));
+var _FormRadioButton = _interopRequireDefault(require("./FormRadioButton.vue"));
+var _FormRating = _interopRequireDefault(require("./FormRating.vue"));
+var _FormSelect = _interopRequireDefault(require("./FormSelect.vue"));
+var _FormSelectButton = _interopRequireDefault(require("./FormSelectButton.vue"));
+var _FormSlider = _interopRequireDefault(require("./FormSlider.vue"));
+var _FormTextarea = _interopRequireDefault(require("./FormTextarea.vue"));
+var _FormToggleButton = _interopRequireDefault(require("./FormToggleButton.vue"));
+var _FormToggleSwitch = _interopRequireDefault(require("./FormToggleSwitch.vue"));
+var _FormTreeSelect = _interopRequireDefault(require("./FormTreeSelect.vue"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/components/index.mjs

@@ -0,0 +1,48 @@
+import FormAutoComplete from "./FormAutoComplete.vue";
+import FormCascadeSelect from "./FormCascadeSelect.vue";
+import FormCheckbox from "./FormCheckbox.vue";
+import FormColorPicker from "./FormColorPicker.vue";
+import FormDatePicker from "./FormDatePicker.vue";
+import FormInputMask from "./FormInputMask.vue";
+import FormInputNumber from "./FormInputNumber.vue";
+import FormInputText from "./FormInputText.vue";
+import FormKitDataEdit from "./FormKitDataEdit.vue";
+import FormKitDataView from "./FormKitDataView.vue";
+import FormKnob from "./FormKnob.vue";
+import FormListbox from "./FormListbox.vue";
+import FormMultiSelect from "./FormMultiSelect.vue";
+import FormPassword from "./FormPassword.vue";
+import FormRadioButton from "./FormRadioButton.vue";
+import FormRating from "./FormRating.vue";
+import FormSelect from "./FormSelect.vue";
+import FormSelectButton from "./FormSelectButton.vue";
+import FormSlider from "./FormSlider.vue";
+import FormTextarea from "./FormTextarea.vue";
+import FormToggleButton from "./FormToggleButton.vue";
+import FormInputSwitch from "./FormToggleSwitch.vue";
+import FormTreeSelect from "./FormTreeSelect.vue";
+export {
+  FormAutoComplete,
+  FormCascadeSelect,
+  FormCheckbox,
+  FormColorPicker,
+  FormDatePicker,
+  FormInputMask,
+  FormInputNumber,
+  FormInputSwitch,
+  FormInputText,
+  FormKitDataEdit,
+  FormKitDataView,
+  FormKnob,
+  FormListbox,
+  FormMultiSelect,
+  FormPassword,
+  FormRadioButton,
+  FormRating,
+  FormSelect,
+  FormSelectButton,
+  FormSlider,
+  FormTextarea,
+  FormToggleButton,
+  FormTreeSelect
+};

package/dist/composables/index.d.ts

@@ -0,0 +1,9 @@
+import { useFormInputs } from './useFormInputs';
+import { useFormKitInput } from './useFormKitInput';
+import { useFormKitRepeater } from './useFormKitRepeater';
+import { useFormKitSchema } from './useFormKitSchema';
+import { useFormKitSection } from './useFormKitSection';
+import { useInputEditor } from './useInputEditor';
+import { useInputEditorSchema } from './useInputEditorSchema';
+import { useOutputDuration } from './useOutputDuration';
+export { useFormInputs, useFormKitInput, useFormKitRepeater, useFormKitSchema, useFormKitSection, useInputEditor, useInputEditorSchema, useOutputDuration, };

package/dist/composables/index.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useFormInputs", {
+  enumerable: true,
+  get: function () {
+    return _useFormInputs.useFormInputs;
+  }
+});
+Object.defineProperty(exports, "useFormKitInput", {
+  enumerable: true,
+  get: function () {
+    return _useFormKitInput.useFormKitInput;
+  }
+});
+Object.defineProperty(exports, "useFormKitRepeater", {
+  enumerable: true,
+  get: function () {
+    return _useFormKitRepeater.useFormKitRepeater;
+  }
+});
+Object.defineProperty(exports, "useFormKitSchema", {
+  enumerable: true,
+  get: function () {
+    return _useFormKitSchema.useFormKitSchema;
+  }
+});
+Object.defineProperty(exports, "useFormKitSection", {
+  enumerable: true,
+  get: function () {
+    return _useFormKitSection.useFormKitSection;
+  }
+});
+Object.defineProperty(exports, "useInputEditor", {
+  enumerable: true,
+  get: function () {
+    return _useInputEditor.useInputEditor;
+  }
+});
+Object.defineProperty(exports, "useInputEditorSchema", {
+  enumerable: true,
+  get: function () {
+    return _useInputEditorSchema.useInputEditorSchema;
+  }
+});
+Object.defineProperty(exports, "useOutputDuration", {
+  enumerable: true,
+  get: function () {
+    return _useOutputDuration.useOutputDuration;
+  }
+});
+var _useFormInputs = require("./useFormInputs");
+var _useFormKitInput = require("./useFormKitInput");
+var _useFormKitRepeater = require("./useFormKitRepeater");
+var _useFormKitSchema = require("./useFormKitSchema");
+var _useFormKitSection = require("./useFormKitSection");
+var _useInputEditor = require("./useInputEditor");
+var _useInputEditorSchema = require("./useInputEditorSchema");
+var _useOutputDuration = require("./useOutputDuration");

package/dist/composables/index.mjs

@@ -0,0 +1,18 @@
+import { useFormInputs } from "./useFormInputs.mjs";
+import { useFormKitInput } from "./useFormKitInput.mjs";
+import { useFormKitRepeater } from "./useFormKitRepeater.mjs";
+import { useFormKitSchema } from "./useFormKitSchema.mjs";
+import { useFormKitSection } from "./useFormKitSection.mjs";
+import { useInputEditor } from "./useInputEditor.mjs";
+import { useInputEditorSchema } from "./useInputEditorSchema.mjs";
+import { useOutputDuration } from "./useOutputDuration.mjs";
+export {
+  useFormInputs,
+  useFormKitInput,
+  useFormKitRepeater,
+  useFormKitSchema,
+  useFormKitSection,
+  useInputEditor,
+  useInputEditorSchema,
+  useOutputDuration
+};

package/dist/composables/useFormInputs.d.ts

@@ -0,0 +1,3 @@
+export declare function useFormInputs(): {
+    registerInputs: (app: any) => void;
+};

package/dist/composables/useFormInputs.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFormInputs = useFormInputs;
+var _autocomplete = _interopRequireDefault(require("openvue/autocomplete"));
+var _button = _interopRequireDefault(require("openvue/button"));
+var _cascadeselect = _interopRequireDefault(require("openvue/cascadeselect"));
+var _checkbox = _interopRequireDefault(require("openvue/checkbox"));
+var _chip = _interopRequireDefault(require("openvue/chip"));
+var _colorpicker = _interopRequireDefault(require("openvue/colorpicker"));
+var _datepicker = _interopRequireDefault(require("openvue/datepicker"));
+var _inputmask = _interopRequireDefault(require("openvue/inputmask"));
+var _inputnumber = _interopRequireDefault(require("openvue/inputnumber"));
+var _inputotp = _interopRequireDefault(require("openvue/inputotp"));
+var _inputtext = _interopRequireDefault(require("openvue/inputtext"));
+var _knob = _interopRequireDefault(require("openvue/knob"));
+var _listbox = _interopRequireDefault(require("openvue/listbox"));
+var _multiselect = _interopRequireDefault(require("openvue/multiselect"));
+var _password = _interopRequireDefault(require("openvue/password"));
+var _radiobutton = _interopRequireDefault(require("openvue/radiobutton"));
+var _rating = _interopRequireDefault(require("openvue/rating"));
+var _select = _interopRequireDefault(require("openvue/select"));
+var _selectbutton = _interopRequireDefault(require("openvue/selectbutton"));
+var _slider = _interopRequireDefault(require("openvue/slider"));
+var _textarea = _interopRequireDefault(require("openvue/textarea"));
+var _togglebutton = _interopRequireDefault(require("openvue/togglebutton"));
+var _toggleswitch = _interopRequireDefault(require("openvue/toggleswitch"));
+var _treeselect = _interopRequireDefault(require("openvue/treeselect"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function useFormInputs() {
+  function registerInputs(app) {
+    app.component("AutoComplete", _autocomplete.default);
+    app.component("Button", _button.default);
+    app.component("CascadeSelect", _cascadeselect.default);
+    app.component("Checkbox", _checkbox.default);
+    app.component("Chip", _chip.default);
+    app.component("ColorPicker", _colorpicker.default);
+    app.component("DatePicker", _datepicker.default);
+    app.component("InputMask", _inputmask.default);
+    app.component("InputNumber", _inputnumber.default);
+    app.component("InputOtp", _inputotp.default);
+    app.component("InputText", _inputtext.default);
+    app.component("Knob", _knob.default);
+    app.component("Listbox", _listbox.default);
+    app.component("MultiSelect", _multiselect.default);
+    app.component("Password", _password.default);
+    app.component("RadioButton", _radiobutton.default);
+    app.component("Rating", _rating.default);
+    app.component("Select", _select.default);
+    app.component("SelectButton", _selectbutton.default);
+    app.component("Slider", _slider.default);
+    app.component("Textarea", _textarea.default);
+    app.component("ToggleButton", _togglebutton.default);
+    app.component("ToggleSwitch", _toggleswitch.default);
+    app.component("TreeSelect", _treeselect.default);
+  }
+  return {
+    registerInputs
+  };
+}

package/dist/composables/useFormInputs.mjs

@@ -0,0 +1,53 @@
+import AutoComplete from "openvue/autocomplete";
+import Button from "openvue/button";
+import CascadeSelect from "openvue/cascadeselect";
+import Checkbox from "openvue/checkbox";
+import Chip from "openvue/chip";
+import ColorPicker from "openvue/colorpicker";
+import DatePicker from "openvue/datepicker";
+import InputMask from "openvue/inputmask";
+import InputNumber from "openvue/inputnumber";
+import InputOtp from "openvue/inputotp";
+import InputText from "openvue/inputtext";
+import Knob from "openvue/knob";
+import Listbox from "openvue/listbox";
+import MultiSelect from "openvue/multiselect";
+import Password from "openvue/password";
+import RadioButton from "openvue/radiobutton";
+import Rating from "openvue/rating";
+import Select from "openvue/select";
+import SelectButton from "openvue/selectbutton";
+import Slider from "openvue/slider";
+import Textarea from "openvue/textarea";
+import ToggleButton from "openvue/togglebutton";
+import ToggleSwitch from "openvue/toggleswitch";
+import TreeSelect from "openvue/treeselect";
+export function useFormInputs() {
+  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 };
+}

package/dist/composables/useFormKitInput.d.ts

@@ -0,0 +1,11 @@
+export declare function useFormKitInput(context: any): {
+    isInvalid: import("vue").ComputedRef<any>;
+    validSlotNames: import("vue").ComputedRef<string[]>;
+    styleClass: import("vue").ComputedRef<any>;
+    unstyled: import("vue").ComputedRef<any>;
+    handleBlur: (event: Event) => void;
+    handleChange: (_: any) => void;
+    handleInput: (_: any) => void;
+    handleSelect: (e: any) => void;
+    modelValue: import("vue").WritableComputedRef<any, any>;
+};

package/dist/composables/useFormKitInput.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFormKitInput = useFormKitInput;
+var _config = require("openvue/config");
+var _vue = require("vue");
+function useFormKitInput(context) {
+  const isInvalid = (0, _vue.computed)(() => {
+    return context?.state?.validationVisible && !context?.state?.valid;
+  });
+  const styleClass = (0, _vue.computed)(() => {
+    return context?.state?.validationVisible && !context?.state?.valid ? `${context?.attrs?.class || ""} p-invalid` : context?.attrs?.class || "";
+  });
+  function isGlobalUnstyledMode() {
+    let result = false;
+    try {
+      const openvue = (0, _config.usePrimeVue)();
+      result = openvue?.config?.unstyled || false;
+    } catch (e) {}
+    return result;
+  }
+  const unstyled = (0, _vue.computed)(() => {
+    return context?.unstyled ?? isGlobalUnstyledMode();
+  });
+  const formKitCreateInputSlots = /* @__PURE__ */new Set(["label", "help", "messages", "message", "input"]);
+  const validSlotNames = (0, _vue.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);
+  }
+  const modelValue = (0, _vue.computed)({
+    get: () => context._value,
+    set: value => {
+      context.node.input(value);
+    }
+  });
+  return {
+    isInvalid,
+    validSlotNames,
+    styleClass,
+    unstyled,
+    handleBlur,
+    handleChange,
+    handleInput,
+    handleSelect,
+    modelValue
+  };
+}

package/dist/composables/useFormKitInput.mjs

@@ -0,0 +1,45 @@
+import { usePrimeVue } from "openvue/config";
+import { computed } from "vue";
+export 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 {
+      const openvue = usePrimeVue();
+      result = openvue?.config?.unstyled || false;
+    } catch (e) {
+    }
+    return result;
+  }
+  const unstyled = computed(() => {
+    return context?.unstyled ?? isGlobalUnstyledMode();
+  });
+  const formKitCreateInputSlots = /* @__PURE__ */ 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);
+  }
+  const modelValue = computed({
+    get: () => context._value,
+    set: (value) => {
+      context.node.input(value);
+    }
+  });
+  return { isInvalid, validSlotNames, styleClass, unstyled, handleBlur, handleChange, handleInput, handleSelect, modelValue };
+}

package/dist/composables/useFormKitRepeater.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @deprecated This function is deprecated. Use formRepeater instead. It will be removed in a future version.
+ */
+export declare function useFormKitRepeater(): {
+    addInsertButton: (label?: string, innerClass?: string, outerClass?: string, buttonClass?: string, iconClass?: string) => {
+        $el: string;
+        if: string;
+        attrs: object;
+        children: string | any[];
+    };
+    addGroupButtons: (innerClass?: string, outerClass?: string, label?: string, help?: string, render?: string) => {
+        $el: string;
+        if: string;
+        attrs: object;
+        children: string | any[];
+    };
+    addListGroupFunctions: (data: any, addNodeDefaultObject?: object) => void;
+};