@sfxcode/formkit-primevue 3.3.1 → 3.3.3

package/dist/components/PrimeTreeSelect.vue

@@ -0,0 +1,71 @@
+<script setup lang='ts'>
+import type { FormKitFrameworkContext } from '@formkit/core'
+import type { TreeSelectProps } from 'primevue/treeselect'
+
+import type { PropType } from 'vue'
+import { useFormKitInput } from '../composables'
+
+export interface FormKitPrimeTreeSelectProps {
+  options?: TreeSelectProps['options']
+  placeholder?: TreeSelectProps['placeholder']
+  selectionMode?: TreeSelectProps['selectionMode']
+  pt?: TreeSelectProps['pt']
+  ptOptions?: TreeSelectProps['ptOptions']
+  unstyled?: TreeSelectProps['unstyled']
+  emptyMessage?: TreeSelectProps['emptyMessage']
+  display?: TreeSelectProps['display']
+  metaKeySelection?: TreeSelectProps['metaKeySelection']
+  appendTo?: TreeSelectProps['appendTo']
+  scrollHeight?: TreeSelectProps['scrollHeight']
+  panelClass?: TreeSelectProps['panelClass']
+  variant?: TreeSelectProps['variant']
+  size?: TreeSelectProps['size']
+}
+
+const props = defineProps({
+  context: {
+    type: Object as PropType<FormKitFrameworkContext & FormKitPrimeTreeSelectProps>,
+    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/PrimeTreeSelect.vue.d.ts

@@ -0,0 +1,32 @@
+import type { FormKitFrameworkContext } from '@formkit/core';
+import type { TreeSelectProps } from 'primevue/treeselect';
+import type { PropType } from 'vue';
+export interface FormKitPrimeTreeSelectProps {
+    options?: TreeSelectProps['options'];
+    placeholder?: TreeSelectProps['placeholder'];
+    selectionMode?: TreeSelectProps['selectionMode'];
+    pt?: TreeSelectProps['pt'];
+    ptOptions?: TreeSelectProps['ptOptions'];
+    unstyled?: TreeSelectProps['unstyled'];
+    emptyMessage?: TreeSelectProps['emptyMessage'];
+    display?: TreeSelectProps['display'];
+    metaKeySelection?: TreeSelectProps['metaKeySelection'];
+    appendTo?: TreeSelectProps['appendTo'];
+    scrollHeight?: TreeSelectProps['scrollHeight'];
+    panelClass?: TreeSelectProps['panelClass'];
+    variant?: TreeSelectProps['variant'];
+    size?: TreeSelectProps['size'];
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeTreeSelectProps>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    context: {
+        type: PropType<FormKitFrameworkContext & FormKitPrimeTreeSelectProps>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/index.d.ts

@@ -1,2 +1,24 @@
-import { C as _default, S as _default$1, _ as _default$6, a as _default$19, b as _default$3, c as _default$16, d as _default$13, f as _default$12, g as _default$7, h as _default$8, i as _default$20, l as _default$15, m as _default$10, n as _default$9, o as _default$18, p as _default$11, r as _default$21, s as _default$17, t as _default$22, u as _default$14, v as _default$5, x as _default$2, y as _default$4 } from "../index-EJ8M51RO.js";
-export { _default as FormKitDataEdit, _default$1 as FormKitDataView, _default$2 as PrimeAutoComplete, _default$3 as PrimeCascadeSelect, _default$4 as PrimeCheckbox, _default$5 as PrimeColorPicker, _default$6 as PrimeDatePicker, _default$7 as PrimeInputMask, _default$8 as PrimeInputNumber, _default$9 as PrimeInputSwitch, _default$10 as PrimeInputText, _default$11 as PrimeKnob, _default$12 as PrimeListbox, _default$13 as PrimeMultiSelect, _default$14 as PrimePassword, _default$15 as PrimeRadioButton, _default$16 as PrimeRating, _default$17 as PrimeSelect, _default$18 as PrimeSelectButton, _default$19 as PrimeSlider, _default$20 as PrimeTextarea, _default$21 as PrimeToggleButton, _default$22 as PrimeTreeSelect };
+import FormKitDataEdit from './FormKitDataEdit.vue';
+import FormKitDataView from './FormKitDataView.vue';
+import PrimeAutoComplete from './PrimeAutoComplete.vue';
+import PrimeCascadeSelect from './PrimeCascadeSelect.vue';
+import PrimeCheckbox from './PrimeCheckbox.vue';
+import PrimeColorPicker from './PrimeColorPicker.vue';
+import PrimeDatePicker from './PrimeDatePicker.vue';
+import PrimeInputMask from './PrimeInputMask.vue';
+import PrimeInputNumber from './PrimeInputNumber.vue';
+import PrimeInputText from './PrimeInputText.vue';
+import PrimeKnob from './PrimeKnob.vue';
+import PrimeListbox from './PrimeListbox.vue';
+import PrimeMultiSelect from './PrimeMultiSelect.vue';
+import PrimePassword from './PrimePassword.vue';
+import PrimeRadioButton from './PrimeRadioButton.vue';
+import PrimeRating from './PrimeRating.vue';
+import PrimeSelect from './PrimeSelect.vue';
+import PrimeSelectButton from './PrimeSelectButton.vue';
+import PrimeSlider from './PrimeSlider.vue';
+import PrimeTextarea from './PrimeTextarea.vue';
+import PrimeToggleButton from './PrimeToggleButton.vue';
+import PrimeInputSwitch from './PrimeToggleSwitch.vue';
+import PrimeTreeSelect from './PrimeTreeSelect.vue';
+export { FormKitDataEdit, FormKitDataView, PrimeAutoComplete, PrimeCascadeSelect, PrimeCheckbox, PrimeColorPicker, PrimeDatePicker, PrimeInputMask, PrimeInputNumber, PrimeInputSwitch, PrimeInputText, PrimeKnob, PrimeListbox, PrimeMultiSelect, PrimePassword, PrimeRadioButton, PrimeRating, PrimeSelect, PrimeSelectButton, PrimeSlider, PrimeTextarea, PrimeToggleButton, PrimeTreeSelect, };

package/dist/components/index.js

@@ -1,4 +1,167 @@
-import { n as _sfc_main, t as _sfc_main$1 } from "../components-HJnJ39cU.js";
-import "../composables-CZ6f1QYe.js";
-import { _ as _sfc_main$6, a as _sfc_main$19, b as _sfc_main$3, c as _sfc_main$16, d as _sfc_main$13, f as _sfc_main$12, g as _sfc_main$7, h as _sfc_main$8, i as _sfc_main$20, l as _sfc_main$15, m as _sfc_main$10, n as _sfc_main$9, o as _sfc_main$18, p as _sfc_main$11, r as _sfc_main$21, s as _sfc_main$17, t as _sfc_main$22, u as _sfc_main$14, v as _sfc_main$5, x as _sfc_main$2, y as _sfc_main$4 } from "../PrimeTreeSelect-Dksx7tL-.js";
-export { _sfc_main as FormKitDataEdit, _sfc_main$1 as FormKitDataView, _sfc_main$2 as PrimeAutoComplete, _sfc_main$3 as PrimeCascadeSelect, _sfc_main$4 as PrimeCheckbox, _sfc_main$5 as PrimeColorPicker, _sfc_main$6 as PrimeDatePicker, _sfc_main$7 as PrimeInputMask, _sfc_main$8 as PrimeInputNumber, _sfc_main$9 as PrimeInputSwitch, _sfc_main$10 as PrimeInputText, _sfc_main$11 as PrimeKnob, _sfc_main$12 as PrimeListbox, _sfc_main$13 as PrimeMultiSelect, _sfc_main$14 as PrimePassword, _sfc_main$15 as PrimeRadioButton, _sfc_main$16 as PrimeRating, _sfc_main$17 as PrimeSelect, _sfc_main$18 as PrimeSelectButton, _sfc_main$19 as PrimeSlider, _sfc_main$20 as PrimeTextarea, _sfc_main$21 as PrimeToggleButton, _sfc_main$22 as PrimeTreeSelect };
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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, "PrimeAutoComplete", {
+  enumerable: true,
+  get: function () {
+    return _PrimeAutoComplete.default;
+  }
+});
+Object.defineProperty(exports, "PrimeCascadeSelect", {
+  enumerable: true,
+  get: function () {
+    return _PrimeCascadeSelect.default;
+  }
+});
+Object.defineProperty(exports, "PrimeCheckbox", {
+  enumerable: true,
+  get: function () {
+    return _PrimeCheckbox.default;
+  }
+});
+Object.defineProperty(exports, "PrimeColorPicker", {
+  enumerable: true,
+  get: function () {
+    return _PrimeColorPicker.default;
+  }
+});
+Object.defineProperty(exports, "PrimeDatePicker", {
+  enumerable: true,
+  get: function () {
+    return _PrimeDatePicker.default;
+  }
+});
+Object.defineProperty(exports, "PrimeInputMask", {
+  enumerable: true,
+  get: function () {
+    return _PrimeInputMask.default;
+  }
+});
+Object.defineProperty(exports, "PrimeInputNumber", {
+  enumerable: true,
+  get: function () {
+    return _PrimeInputNumber.default;
+  }
+});
+Object.defineProperty(exports, "PrimeInputSwitch", {
+  enumerable: true,
+  get: function () {
+    return _PrimeToggleSwitch.default;
+  }
+});
+Object.defineProperty(exports, "PrimeInputText", {
+  enumerable: true,
+  get: function () {
+    return _PrimeInputText.default;
+  }
+});
+Object.defineProperty(exports, "PrimeKnob", {
+  enumerable: true,
+  get: function () {
+    return _PrimeKnob.default;
+  }
+});
+Object.defineProperty(exports, "PrimeListbox", {
+  enumerable: true,
+  get: function () {
+    return _PrimeListbox.default;
+  }
+});
+Object.defineProperty(exports, "PrimeMultiSelect", {
+  enumerable: true,
+  get: function () {
+    return _PrimeMultiSelect.default;
+  }
+});
+Object.defineProperty(exports, "PrimePassword", {
+  enumerable: true,
+  get: function () {
+    return _PrimePassword.default;
+  }
+});
+Object.defineProperty(exports, "PrimeRadioButton", {
+  enumerable: true,
+  get: function () {
+    return _PrimeRadioButton.default;
+  }
+});
+Object.defineProperty(exports, "PrimeRating", {
+  enumerable: true,
+  get: function () {
+    return _PrimeRating.default;
+  }
+});
+Object.defineProperty(exports, "PrimeSelect", {
+  enumerable: true,
+  get: function () {
+    return _PrimeSelect.default;
+  }
+});
+Object.defineProperty(exports, "PrimeSelectButton", {
+  enumerable: true,
+  get: function () {
+    return _PrimeSelectButton.default;
+  }
+});
+Object.defineProperty(exports, "PrimeSlider", {
+  enumerable: true,
+  get: function () {
+    return _PrimeSlider.default;
+  }
+});
+Object.defineProperty(exports, "PrimeTextarea", {
+  enumerable: true,
+  get: function () {
+    return _PrimeTextarea.default;
+  }
+});
+Object.defineProperty(exports, "PrimeToggleButton", {
+  enumerable: true,
+  get: function () {
+    return _PrimeToggleButton.default;
+  }
+});
+Object.defineProperty(exports, "PrimeTreeSelect", {
+  enumerable: true,
+  get: function () {
+    return _PrimeTreeSelect.default;
+  }
+});
+var _FormKitDataEdit = _interopRequireDefault(require("./FormKitDataEdit.vue"));
+var _FormKitDataView = _interopRequireDefault(require("./FormKitDataView.vue"));
+var _PrimeAutoComplete = _interopRequireDefault(require("./PrimeAutoComplete.vue"));
+var _PrimeCascadeSelect = _interopRequireDefault(require("./PrimeCascadeSelect.vue"));
+var _PrimeCheckbox = _interopRequireDefault(require("./PrimeCheckbox.vue"));
+var _PrimeColorPicker = _interopRequireDefault(require("./PrimeColorPicker.vue"));
+var _PrimeDatePicker = _interopRequireDefault(require("./PrimeDatePicker.vue"));
+var _PrimeInputMask = _interopRequireDefault(require("./PrimeInputMask.vue"));
+var _PrimeInputNumber = _interopRequireDefault(require("./PrimeInputNumber.vue"));
+var _PrimeInputText = _interopRequireDefault(require("./PrimeInputText.vue"));
+var _PrimeKnob = _interopRequireDefault(require("./PrimeKnob.vue"));
+var _PrimeListbox = _interopRequireDefault(require("./PrimeListbox.vue"));
+var _PrimeMultiSelect = _interopRequireDefault(require("./PrimeMultiSelect.vue"));
+var _PrimePassword = _interopRequireDefault(require("./PrimePassword.vue"));
+var _PrimeRadioButton = _interopRequireDefault(require("./PrimeRadioButton.vue"));
+var _PrimeRating = _interopRequireDefault(require("./PrimeRating.vue"));
+var _PrimeSelect = _interopRequireDefault(require("./PrimeSelect.vue"));
+var _PrimeSelectButton = _interopRequireDefault(require("./PrimeSelectButton.vue"));
+var _PrimeSlider = _interopRequireDefault(require("./PrimeSlider.vue"));
+var _PrimeTextarea = _interopRequireDefault(require("./PrimeTextarea.vue"));
+var _PrimeToggleButton = _interopRequireDefault(require("./PrimeToggleButton.vue"));
+var _PrimeToggleSwitch = _interopRequireDefault(require("./PrimeToggleSwitch.vue"));
+var _PrimeTreeSelect = _interopRequireDefault(require("./PrimeTreeSelect.vue"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/components/index.mjs

@@ -0,0 +1,48 @@
+import FormKitDataEdit from "./FormKitDataEdit.vue";
+import FormKitDataView from "./FormKitDataView.vue";
+import PrimeAutoComplete from "./PrimeAutoComplete.vue";
+import PrimeCascadeSelect from "./PrimeCascadeSelect.vue";
+import PrimeCheckbox from "./PrimeCheckbox.vue";
+import PrimeColorPicker from "./PrimeColorPicker.vue";
+import PrimeDatePicker from "./PrimeDatePicker.vue";
+import PrimeInputMask from "./PrimeInputMask.vue";
+import PrimeInputNumber from "./PrimeInputNumber.vue";
+import PrimeInputText from "./PrimeInputText.vue";
+import PrimeKnob from "./PrimeKnob.vue";
+import PrimeListbox from "./PrimeListbox.vue";
+import PrimeMultiSelect from "./PrimeMultiSelect.vue";
+import PrimePassword from "./PrimePassword.vue";
+import PrimeRadioButton from "./PrimeRadioButton.vue";
+import PrimeRating from "./PrimeRating.vue";
+import PrimeSelect from "./PrimeSelect.vue";
+import PrimeSelectButton from "./PrimeSelectButton.vue";
+import PrimeSlider from "./PrimeSlider.vue";
+import PrimeTextarea from "./PrimeTextarea.vue";
+import PrimeToggleButton from "./PrimeToggleButton.vue";
+import PrimeInputSwitch from "./PrimeToggleSwitch.vue";
+import PrimeTreeSelect from "./PrimeTreeSelect.vue";
+export {
+  FormKitDataEdit,
+  FormKitDataView,
+  PrimeAutoComplete,
+  PrimeCascadeSelect,
+  PrimeCheckbox,
+  PrimeColorPicker,
+  PrimeDatePicker,
+  PrimeInputMask,
+  PrimeInputNumber,
+  PrimeInputSwitch,
+  PrimeInputText,
+  PrimeKnob,
+  PrimeListbox,
+  PrimeMultiSelect,
+  PrimePassword,
+  PrimeRadioButton,
+  PrimeRating,
+  PrimeSelect,
+  PrimeSelectButton,
+  PrimeSlider,
+  PrimeTextarea,
+  PrimeToggleButton,
+  PrimeTreeSelect
+};

package/dist/composables/index.d.ts

@@ -1,2 +1,9 @@
-import { a as useFormKitSection, c as useFormKitInput, i as useInputEditor, n as useOutputDuration, o as useFormKitSchema, r as useInputEditorSchema, s as useFormKitRepeater, t as usePrimeInputs } from "../index-Ch3MtT1C.js";
-export { useFormKitInput, useFormKitRepeater, useFormKitSchema, useFormKitSection, useInputEditor, useInputEditorSchema, useOutputDuration, usePrimeInputs };
+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';
+import { usePrimeInputs } from './usePrimeInputs';
+export { useFormKitInput, useFormKitRepeater, useFormKitSchema, useFormKitSection, useInputEditor, useInputEditorSchema, useOutputDuration, usePrimeInputs, };

package/dist/composables/index.js

@@ -1,2 +1,61 @@
-import { a as useFormKitSection, c as useFormKitInput, i as useInputEditor, n as useOutputDuration, o as useFormKitRepeater, r as useInputEditorSchema, s as useFormKitSchema, t as usePrimeInputs } from "../composables-CZ6f1QYe.js";
-export { useFormKitInput, useFormKitRepeater, useFormKitSchema, useFormKitSection, useInputEditor, useInputEditorSchema, useOutputDuration, usePrimeInputs };
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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;
+  }
+});
+Object.defineProperty(exports, "usePrimeInputs", {
+  enumerable: true,
+  get: function () {
+    return _usePrimeInputs.usePrimeInputs;
+  }
+});
+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");
+var _usePrimeInputs = require("./usePrimeInputs");

package/dist/composables/index.mjs

@@ -0,0 +1,18 @@
+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";
+import { usePrimeInputs } from "./usePrimeInputs.mjs";
+export {
+  useFormKitInput,
+  useFormKitRepeater,
+  useFormKitSchema,
+  useFormKitSection,
+  useInputEditor,
+  useInputEditorSchema,
+  useOutputDuration,
+  usePrimeInputs
+};

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("primevue/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 primevue = (0, _config.usePrimeVue)();
+      result = primevue?.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 "primevue/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 primevue = usePrimeVue();
+      result = primevue?.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,15 @@
+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;
+};

package/dist/composables/useFormKitRepeater.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFormKitRepeater = useFormKitRepeater;
+var _useFormKitSchema = require("./useFormKitSchema");
+function useFormKitRepeater() {
+  const {
+    addElement,
+    addComponent,
+    addElementsInOuterDiv
+  } = (0, _useFormKitSchema.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 = "", label2 = "", icon = "", severity = "", render2 = "true", styleClass = "p-button-sm") => {
+      return addComponent("Button", {
+        onClick,
+        label: label2,
+        icon,
+        class: styleClass,
+        severity
+      }, render2);
+    };
+    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
+  };
+}