@sfxcode/formkit-primevue 2.0.1 → 2.0.3

package/dist/components/PrimeAutoComplete.vue

@@ -1,10 +1,8 @@
 <script setup lang='ts'>
 import { type PropType, computed, ref } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
-import type {
-  AutoCompleteCompleteEvent,
-  AutoCompleteProps,
-} from 'primevue/autocomplete'
+
+import type { AutoCompleteCompleteEvent, AutoCompleteProps } from 'primevue/autocomplete'
 
 export interface FormKitPrimeAutoCompleteProps {
   pt?: AutoCompleteProps['pt']

package/dist/components/PrimeCascadeSelect.vue

@@ -1,6 +1,7 @@
 <script setup lang='ts'>
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
+
 import type { CascadeSelectProps } from 'primevue/cascadeselect'
 
 export interface FormKitPrimeCascadeSelectProps {

package/dist/components/PrimeCheckbox.vue

@@ -1,6 +1,7 @@
 <script setup lang='ts'>
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
+
 import type { CheckboxProps } from 'primevue/checkbox'
 
 export interface FormKitPrimeCheckboxProps {

package/dist/components/PrimeColorPicker.vue

@@ -1,6 +1,7 @@
 <script setup lang='ts'>
 import type { PropType } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
+
 import type { ColorPickerProps } from 'primevue/colorpicker'
 
 export interface FormKitPrimeColorPickerProps {

package/dist/components/PrimeDatePicker.vue

@@ -1,8 +1,9 @@
 <script setup lang='ts'>
-import type { DatePickerBlurEvent, DatePickerProps } from 'primevue/datepicker'
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
 
+import type { DatePickerBlurEvent, DatePickerProps } from 'primevue/datepicker'
+
 export interface FormKitPrimeDatePickerProps {
   dateFormat?: DatePickerProps['dateFormat']
   placeholder?: DatePickerProps['placeholder']

package/dist/components/PrimeEditor.vue

@@ -1,8 +1,9 @@
 <script setup lang="ts">
-import type { EditorProps, EditorSelectionChangeEvent } from 'primevue/editor'
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
 
+import type { EditorProps, EditorSelectionChangeEvent } from 'primevue/editor'
+
 export interface FormKitPrimeEditorProps {
   placeholder?: EditorProps['placeholder']
   formats?: EditorProps['formats']

package/dist/components/PrimeInputMask.vue

@@ -1,6 +1,7 @@
 <script setup lang='ts'>
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
+
 import type { InputMaskProps } from 'primevue/inputmask'
 
 export interface FormKitPrimeInputMaskProps {

package/dist/components/PrimeInputNumber.vue

@@ -1,6 +1,7 @@
 <script setup lang='ts'>
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
+
 import type { InputNumberBlurEvent, InputNumberProps } from 'primevue/inputnumber'
 
 export interface FormKitPrimeInputNumberProps {

package/dist/components/PrimeInputOtp.vue

@@ -1,6 +1,7 @@
 <script setup lang='ts'>
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
+
 import type { InputOtpProps } from 'primevue/inputotp'
 
 export interface FormKitPrimeInputOtpProps {

package/dist/components/PrimeInputText.vue

@@ -1,6 +1,9 @@
 <script setup lang='ts'>
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
+
+import IconField from 'primevue/iconfield'
+import InputIcon from 'primevue/inputicon'
 import type { InputTextProps } from 'primevue/inputtext'
 
 export interface FormKitPrimeInputTextProps {

package/dist/components/PrimeKnob.vue

@@ -1,6 +1,7 @@
 <script setup lang='ts'>
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
+
 import type { KnobProps } from 'primevue/knob'
 
 export interface FormKitPrimeKnobProps {

package/dist/components/PrimeListbox.vue

@@ -1,6 +1,7 @@
 <script setup lang='ts'>
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
+
 import type { ListboxProps } from 'primevue/listbox'
 
 export interface FormKitPrimeListboxProps {

package/dist/components/PrimeMultiSelect.vue

@@ -1,6 +1,7 @@
 <script setup lang='ts'>
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
+
 import type { MultiSelectProps } from 'primevue/multiselect'
 
 export interface FormKitPrimeMultiSelectProps {
@@ -11,8 +12,7 @@ export interface FormKitPrimeMultiSelectProps {
   optionGroupLabel?: MultiSelectProps['optionGroupLabel']
   optionGroupChildren?: MultiSelectProps['optionGroupChildren']
   scrollHeight?: MultiSelectProps['scrollHeight']
-  inputProps?: MultiSelectProps['inputProps']
-  closeButtonProps?: MultiSelectProps['closeButtonProps']
+  closeIcon?: MultiSelectProps['closeIcon']
   dataKey?: MultiSelectProps['dataKey']
   filter?: MultiSelectProps['filter']
   filterPlaceholder?: MultiSelectProps['filterPlaceholder']
@@ -81,8 +81,6 @@ const styleClass = computed(() => (props.context?.state.validationVisible && !pr
       :option-group-label="context.optionGroupLabel"
       :option-group-children="context.optionGroupChildren"
       :scroll-height="context.scrollHeight"
-      :input-props="context.inputProps"
-      :close-button-props="context.closeButtonProps"
       :data-key="context.dataKey"
       :filter="context.filter ?? false"
       :filter-placeholder="context.filterPlaceholder"
@@ -90,6 +88,7 @@ const styleClass = computed(() => (props.context?.state.validationVisible && !pr
       :filter-match-mode="context.filterMatchMode"
       :fitler-fields="context.filterFields"
       :append-to="context.appendTo"
+      :close-icon="context.closeIcon"
       :display="context.display"
       :max-selected-labels="context.maxSelectedLabels"
       :selected-items-label="context.selectedItemsLabel"

package/dist/components/PrimePassword.vue

@@ -1,6 +1,7 @@
 <script setup lang='ts'>
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
+
 import type { PasswordProps } from 'primevue/password'
 
 export interface FormKitPrimePasswordProps {
@@ -10,8 +11,8 @@ export interface FormKitPrimePasswordProps {
   weakLabel?: PasswordProps['weakLabel']
   mediumLabel?: PasswordProps['mediumLabel']
   strongLabel?: PasswordProps['strongLabel']
-  hideIcon?: PasswordProps['hideIcon']
-  showIcon?: PasswordProps['showIcon']
+  maskIcon?: PasswordProps['maskIcon']
+  unmaskIcon?: PasswordProps['unmaskIcon']
   pt?: PasswordProps['pt']
   ptOptions?: PasswordProps['ptOptions']
   unstyled?: PasswordProps['unstyled']
@@ -58,8 +59,8 @@ const styleClass = computed(() => (props.context?.state.validationVisible && !pr
       :weak-label="context.weakLabel"
       :medium-label="context.mediumLabel"
       :strong-label="context.strongLabel"
-      :hide-icon="context.hideIcon ?? 'pi pi-eye-slash'"
-      :show-icon="context.showIcon ?? 'pi pi-eye'"
+      :mask-icon="context.maskIcon ?? 'pi pi-eye-slash'"
+      :unmask-icon="context.unmaskIcon ?? 'pi pi-eye'"
       :feedback="context.feedback ?? false"
       :toggle-mask="context.toggleMask ?? false"
       :pt="context.pt"

package/dist/components/PrimeRadioButton.vue

@@ -1,6 +1,7 @@
 <script setup lang='ts'>
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
+
 import type { RadioButtonProps } from 'primevue/radiobutton'
 
 export interface FormKitPrimeRadioButtonProps {

package/dist/components/PrimeRating.vue

@@ -1,15 +1,14 @@
 <script setup lang='ts'>
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
+
 import type { RatingProps } from 'primevue/rating'
 
 export interface FormKitPrimeRatingProps {
   unstyled?: RatingProps['unstyled']
   stars?: RatingProps['stars']
-  cancel?: RatingProps['cancel']
   onIcon?: RatingProps['onIcon']
   offIcon?: RatingProps['offIcon']
-  cancelIcon?: RatingProps['cancelIcon']
   ptOptions?: RatingProps['ptOptions']
   pt?: RatingProps['pt']
 }
@@ -46,10 +45,8 @@ const styleClass = computed(() => (props.context?.state.validationVisible && !pr
       :aria-label="context?.attrs.ariaLabel"
       :aria-labelledby="context?.attrs.ariaLabelledby"
       :stars="context.stars ?? 5"
-      :cancel="context.cancel ?? false"
       :on-icon="context.onIcon ?? 'pi pi-star-fill'"
       :off-icon="context.offIcon ?? 'pi pi-star'"
-      :cancel-icon="context.cancelIcon ?? 'pi pi-ban'"
       :pt="context.pt"
       :pt-options="context.ptOptions"
       :unstyled="context.unstyled ?? false"

package/dist/components/PrimeSelect.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
+
 import type { SelectProps } from 'primevue/select'
 
 export interface FormKitPrimeSelectProps {

package/dist/components/PrimeSelectButton.vue

@@ -1,6 +1,7 @@
 <script setup lang='ts'>
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
+
 import type { SelectButtonProps } from 'primevue/selectbutton'
 
 export interface FormKitPrimeSelectButtonProps {
@@ -11,7 +12,6 @@ export interface FormKitPrimeSelectButtonProps {
   optionValue?: SelectButtonProps['optionValue']
   optionDisabled?: SelectButtonProps['optionDisabled']
   multiple?: SelectButtonProps['multiple']
-  unselectable?: SelectButtonProps['unselectable']
   dataKey?: SelectButtonProps['dataKey']
   options?: SelectButtonProps['options']
 }
@@ -52,7 +52,6 @@ const styleClass = computed(() => (props.context?.state.validationVisible && !pr
       :option-value="context.optionValue"
       :option-disabled="context.optionDisabled"
       :multiple="context.multiple ?? false"
-      :unselectable="context.unselectable ?? true"
       :data-key="context.dataKey"
       :pt="context.pt"
       :pt-options="context.ptOptions"

package/dist/components/PrimeSlider.vue

@@ -1,6 +1,7 @@
 <script setup lang='ts'>
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
+
 import type { SliderProps } from 'primevue/slider'
 
 export interface FormKitPrimeSliderProps {

package/dist/components/PrimeTextarea.vue

@@ -1,6 +1,7 @@
 <script setup lang='ts'>
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
+
 import type { TextareaProps } from 'primevue/textarea'
 
 export interface FormKitPrimeTextareaProps {

package/dist/components/PrimeToggleButton.vue

@@ -1,6 +1,7 @@
 <script setup lang='ts'>
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
+
 import type { ToggleButtonProps } from 'primevue/togglebutton'
 
 export interface FormKitPrimeToggleButtonProps {

package/dist/components/PrimeToggleSwitch.vue

@@ -1,6 +1,7 @@
 <script setup lang='ts'>
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
+
 import type { ToggleSwitchProps } from 'primevue/toggleswitch'
 
 export interface FormKitPrimeToggleSwitchProps {

package/dist/components/PrimeTreeSelect.vue

@@ -1,6 +1,7 @@
 <script setup lang='ts'>
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
+
 import type { TreeSelectProps } from 'primevue/treeselect'
 
 export interface FormKitPrimeTreeSelectProps {

package/dist/components/index.d.ts

@@ -2,7 +2,6 @@ import PrimeAutoComplete from './PrimeAutoComplete.vue';
 import PrimeDatePicker from './PrimeDatePicker.vue';
 import PrimeCascadeSelect from './PrimeCascadeSelect.vue';
 import PrimeCheckbox from './PrimeCheckbox.vue';
-import PrimeChips from './PrimeChips.vue';
 import PrimeColorPicker from './PrimeColorPicker.vue';
 import PrimeSelect from './PrimeSelect.vue';
 import PrimeEditor from './PrimeEditor.vue';
@@ -21,5 +20,4 @@ import PrimeSlider from './PrimeSlider.vue';
 import PrimeToggleButton from './PrimeToggleButton.vue';
 import PrimeTreeSelect from './PrimeTreeSelect.vue';
 import PrimeSelectButton from './PrimeSelectButton.vue';
-import PrimeTriStateCheckbox from './PrimeTriStateCheckbox.vue';
-export { PrimeAutoComplete, PrimeDatePicker, PrimeCascadeSelect, PrimeCheckbox, PrimeChips, PrimeColorPicker, PrimeSelect, PrimeEditor, PrimeInputMask, PrimeInputNumber, PrimeInputSwitch, PrimeInputText, PrimeTextarea, PrimeKnob, PrimeMultiSelect, PrimeListbox, PrimePassword, PrimeRadioButton, PrimeRating, PrimeSlider, PrimeToggleButton, PrimeTreeSelect, PrimeSelectButton, PrimeTriStateCheckbox, };
+export { PrimeAutoComplete, PrimeDatePicker, PrimeCascadeSelect, PrimeCheckbox, PrimeColorPicker, PrimeSelect, PrimeEditor, PrimeInputMask, PrimeInputNumber, PrimeInputSwitch, PrimeInputText, PrimeTextarea, PrimeKnob, PrimeMultiSelect, PrimeListbox, PrimePassword, PrimeRadioButton, PrimeRating, PrimeSlider, PrimeToggleButton, PrimeTreeSelect, PrimeSelectButton, };

package/dist/components/index.js

@@ -21,12 +21,6 @@ Object.defineProperty(exports, "PrimeCheckbox", {
     return _PrimeCheckbox.default;
   }
 });
-Object.defineProperty(exports, "PrimeChips", {
-  enumerable: true,
-  get: function () {
-    return _PrimeChips.default;
-  }
-});
 Object.defineProperty(exports, "PrimeColorPicker", {
   enumerable: true,
   get: function () {
@@ -141,17 +135,10 @@ Object.defineProperty(exports, "PrimeTreeSelect", {
     return _PrimeTreeSelect.default;
   }
 });
-Object.defineProperty(exports, "PrimeTriStateCheckbox", {
-  enumerable: true,
-  get: function () {
-    return _PrimeTriStateCheckbox.default;
-  }
-});
 var _PrimeAutoComplete = _interopRequireDefault(require("./PrimeAutoComplete.vue"));
 var _PrimeDatePicker = _interopRequireDefault(require("./PrimeDatePicker.vue"));
 var _PrimeCascadeSelect = _interopRequireDefault(require("./PrimeCascadeSelect.vue"));
 var _PrimeCheckbox = _interopRequireDefault(require("./PrimeCheckbox.vue"));
-var _PrimeChips = _interopRequireDefault(require("./PrimeChips.vue"));
 var _PrimeColorPicker = _interopRequireDefault(require("./PrimeColorPicker.vue"));
 var _PrimeSelect = _interopRequireDefault(require("./PrimeSelect.vue"));
 var _PrimeEditor = _interopRequireDefault(require("./PrimeEditor.vue"));
@@ -170,5 +157,4 @@ var _PrimeSlider = _interopRequireDefault(require("./PrimeSlider.vue"));
 var _PrimeToggleButton = _interopRequireDefault(require("./PrimeToggleButton.vue"));
 var _PrimeTreeSelect = _interopRequireDefault(require("./PrimeTreeSelect.vue"));
 var _PrimeSelectButton = _interopRequireDefault(require("./PrimeSelectButton.vue"));
-var _PrimeTriStateCheckbox = _interopRequireDefault(require("./PrimeTriStateCheckbox.vue"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/components/index.mjs

@@ -2,7 +2,6 @@ import PrimeAutoComplete from "./PrimeAutoComplete.vue";
 import PrimeDatePicker from "./PrimeDatePicker.vue";
 import PrimeCascadeSelect from "./PrimeCascadeSelect.vue";
 import PrimeCheckbox from "./PrimeCheckbox.vue";
-import PrimeChips from "./PrimeChips.vue";
 import PrimeColorPicker from "./PrimeColorPicker.vue";
 import PrimeSelect from "./PrimeSelect.vue";
 import PrimeEditor from "./PrimeEditor.vue";
@@ -21,13 +20,11 @@ import PrimeSlider from "./PrimeSlider.vue";
 import PrimeToggleButton from "./PrimeToggleButton.vue";
 import PrimeTreeSelect from "./PrimeTreeSelect.vue";
 import PrimeSelectButton from "./PrimeSelectButton.vue";
-import PrimeTriStateCheckbox from "./PrimeTriStateCheckbox.vue";
 export {
   PrimeAutoComplete,
   PrimeDatePicker,
   PrimeCascadeSelect,
   PrimeCheckbox,
-  PrimeChips,
   PrimeColorPicker,
   PrimeSelect,
   PrimeEditor,
@@ -45,6 +42,5 @@ export {
   PrimeSlider,
   PrimeToggleButton,
   PrimeTreeSelect,
-  PrimeSelectButton,
-  PrimeTriStateCheckbox
+  PrimeSelectButton
 };

package/dist/definitions/index.d.ts

@@ -16,12 +16,10 @@ export declare const primeDatePickerDefinition: FormKitTypeDefinition;
 export declare const primeSliderDefinition: FormKitTypeDefinition;
 export declare const primeRatingDefinition: FormKitTypeDefinition;
 export declare const primeRadioButtonDefinition: FormKitTypeDefinition;
-export declare const primeChipsDefinition: FormKitTypeDefinition;
 export declare const primeKnobDefinition: FormKitTypeDefinition;
 export declare const primeColorPickerDefinition: FormKitTypeDefinition;
 export declare const primeToggleButtonDefinition: FormKitTypeDefinition;
 export declare const primeSelectButtonDefinition: FormKitTypeDefinition;
-export declare const primeTriStateCheckboxDefinition: FormKitTypeDefinition;
 export declare const primeCascadeSelectDefinition: FormKitTypeDefinition;
 export declare const primeTreeSelectDefinition: FormKitTypeDefinition;
 export declare const primeInputs: {
@@ -38,7 +36,6 @@ export declare const primeInputs: {
     primeMultiSelect: FormKitTypeDefinition;
     primeDatePicker: FormKitTypeDefinition;
     primeSlider: FormKitTypeDefinition;
-    primeChips: FormKitTypeDefinition;
     primeKnob: FormKitTypeDefinition;
     primeRating: FormKitTypeDefinition;
     primeRadioButton: FormKitTypeDefinition;
@@ -46,7 +43,6 @@ export declare const primeInputs: {
     primeToggleButton: FormKitTypeDefinition;
     primeListbox: FormKitTypeDefinition;
     primeSelectButton: FormKitTypeDefinition;
-    primeTriStateCheckbox: FormKitTypeDefinition;
     primeCascadeSelect: FormKitTypeDefinition;
     primeTreeSelect: FormKitTypeDefinition;
     primeInputOtp: FormKitTypeDefinition;

package/dist/definitions/index.js

@@ -3,13 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.primeTriStateCheckboxDefinition = exports.primeTreeSelectDefinition = exports.primeToggleSwitchDefinition = exports.primeToggleButtonDefinition = exports.primeTextareaDefinition = exports.primeSliderDefinition = exports.primeSelectDefinition = exports.primeSelectButtonDefinition = exports.primeRatingDefinition = exports.primeRadioButtonDefinition = exports.primePasswordDefinition = exports.primeMultiSelectDefinition = exports.primeListboxDefinition = exports.primeKnobDefinition = exports.primeInputs = exports.primeInputTextDefinition = exports.primeInputOtpDefinition = exports.primeInputNumberDefinition = exports.primeInputMaskDefinition = exports.primeEditorDefinition = exports.primeDatePickerDefinition = exports.primeColorPickerDefinition = exports.primeChipsDefinition = exports.primeCheckboxDefinition = exports.primeCascadeSelectDefinition = exports.primeAutoCompleteDefinition = void 0;
+exports.primeTreeSelectDefinition = exports.primeToggleSwitchDefinition = exports.primeToggleButtonDefinition = exports.primeTextareaDefinition = exports.primeSliderDefinition = exports.primeSelectDefinition = exports.primeSelectButtonDefinition = exports.primeRatingDefinition = exports.primeRadioButtonDefinition = exports.primePasswordDefinition = exports.primeMultiSelectDefinition = exports.primeListboxDefinition = exports.primeKnobDefinition = exports.primeInputs = exports.primeInputTextDefinition = exports.primeInputOtpDefinition = exports.primeInputNumberDefinition = exports.primeInputMaskDefinition = exports.primeEditorDefinition = exports.primeDatePickerDefinition = exports.primeColorPickerDefinition = exports.primeCheckboxDefinition = exports.primeCascadeSelectDefinition = exports.primeAutoCompleteDefinition = void 0;
 var _vue = require("@formkit/vue");
 var _PrimeAutoComplete = _interopRequireDefault(require("../components/PrimeAutoComplete.vue"));
 var _PrimeDatePicker = _interopRequireDefault(require("../components/PrimeDatePicker.vue"));
 var _PrimeCascadeSelect = _interopRequireDefault(require("../components/PrimeCascadeSelect.vue"));
 var _PrimeCheckbox = _interopRequireDefault(require("../components/PrimeCheckbox.vue"));
-var _PrimeChips = _interopRequireDefault(require("../components/PrimeChips.vue"));
 var _PrimeColorPicker = _interopRequireDefault(require("../components/PrimeColorPicker.vue"));
 var _PrimeSelect = _interopRequireDefault(require("../components/PrimeSelect.vue"));
 var _PrimeEditor = _interopRequireDefault(require("../components/PrimeEditor.vue"));
@@ -29,7 +28,6 @@ var _PrimeSlider = _interopRequireDefault(require("../components/PrimeSlider.vue
 var _PrimeToggleButton = _interopRequireDefault(require("../components/PrimeToggleButton.vue"));
 var _PrimeTreeSelect = _interopRequireDefault(require("../components/PrimeTreeSelect.vue"));
 var _PrimeSelectButton = _interopRequireDefault(require("../components/PrimeSelectButton.vue"));
-var _PrimeTriStateCheckbox = _interopRequireDefault(require("../components/PrimeTriStateCheckbox.vue"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const primeAutoCompleteDefinition = exports.primeAutoCompleteDefinition = (0, _vue.createInput)(_PrimeAutoComplete.default, {
   props: ["pt", "ptOptions", "unstyled", "Select", "multiple"]
@@ -82,9 +80,6 @@ const primeRatingDefinition = exports.primeRatingDefinition = (0, _vue.createInp
 const primeRadioButtonDefinition = exports.primeRadioButtonDefinition = (0, _vue.createInput)(_PrimeRadioButton.default, {
   props: ["pt", "ptOptions", "unstyled", "options", "options_class", "option_class", "label_class"]
 });
-const primeChipsDefinition = exports.primeChipsDefinition = (0, _vue.createInput)(_PrimeChips.default, {
-  props: ["allowDuplicate", "addOnBlur", "max", "placeholder", "seperator", "pt", "ptOptions", "unstyled"]
-});
 const primeKnobDefinition = exports.primeKnobDefinition = (0, _vue.createInput)(_PrimeKnob.default, {
   props: ["pt", "ptOptions", "unstyled", "min", "max", "step", "size", "strokeWidth", "showValue", "valueColor", "rangeColor", "textColor", "valueTemplate"]
 });
@@ -97,9 +92,6 @@ const primeToggleButtonDefinition = exports.primeToggleButtonDefinition = (0, _v
 const primeSelectButtonDefinition = exports.primeSelectButtonDefinition = (0, _vue.createInput)(_PrimeSelectButton.default, {
   props: ["pt", "ptOptions", "unstyled", "optionLabel", "optionValue", "optionDisabled", "multiple", "unselectable", "dataKey", "options"]
 });
-const primeTriStateCheckboxDefinition = exports.primeTriStateCheckboxDefinition = (0, _vue.createInput)(_PrimeTriStateCheckbox.default, {
-  props: ["pt", "ptOptions", "unstyled", "variant", "labelRight", "labelLeft"]
-});
 const primeCascadeSelectDefinition = exports.primeCascadeSelectDefinition = (0, _vue.createInput)(_PrimeCascadeSelect.default, {
   props: ["options", "optionLabel", "optionValue", "optionGroupLabel", "optionGroupChildren", "placeholder", "pt", "ptOptions", "unstyled"]
 });
@@ -120,7 +112,6 @@ const primeInputs = exports.primeInputs = {
   primeMultiSelect: primeMultiSelectDefinition,
   primeDatePicker: primeDatePickerDefinition,
   primeSlider: primeSliderDefinition,
-  primeChips: primeChipsDefinition,
   primeKnob: primeKnobDefinition,
   primeRating: primeRatingDefinition,
   primeRadioButton: primeRadioButtonDefinition,
@@ -128,7 +119,6 @@ const primeInputs = exports.primeInputs = {
   primeToggleButton: primeToggleButtonDefinition,
   primeListbox: primeListboxDefinition,
   primeSelectButton: primeSelectButtonDefinition,
-  primeTriStateCheckbox: primeTriStateCheckboxDefinition,
   primeCascadeSelect: primeCascadeSelectDefinition,
   primeTreeSelect: primeTreeSelectDefinition,
   primeInputOtp: primeInputOtpDefinition

package/dist/definitions/index.mjs

@@ -3,7 +3,6 @@ import PrimeAutoComplete from "../components/PrimeAutoComplete.vue";
 import PrimeDatePicker from "../components/PrimeDatePicker.vue";
 import PrimeCascadeSelect from "../components/PrimeCascadeSelect.vue";
 import PrimeCheckbox from "../components/PrimeCheckbox.vue";
-import PrimeChips from "../components/PrimeChips.vue";
 import PrimeColorPicker from "../components/PrimeColorPicker.vue";
 import PrimeSelect from "../components/PrimeSelect.vue";
 import PrimeEditor from "../components/PrimeEditor.vue";
@@ -23,7 +22,6 @@ import PrimeSlider from "../components/PrimeSlider.vue";
 import PrimeToggleButton from "../components/PrimeToggleButton.vue";
 import PrimeTreeSelect from "../components/PrimeTreeSelect.vue";
 import PrimeSelectButton from "../components/PrimeSelectButton.vue";
-import PrimeTriStateCheckbox from "../components/PrimeTriStateCheckbox.vue";
 export const primeAutoCompleteDefinition = createInput(PrimeAutoComplete, {
   props: ["pt", "ptOptions", "unstyled", "Select", "multiple"]
 });
@@ -322,18 +320,6 @@ export const primeRadioButtonDefinition = createInput(PrimeRadioButton, {
     "label_class"
   ]
 });
-export const primeChipsDefinition = createInput(PrimeChips, {
-  props: [
-    "allowDuplicate",
-    "addOnBlur",
-    "max",
-    "placeholder",
-    "seperator",
-    "pt",
-    "ptOptions",
-    "unstyled"
-  ]
-});
 export const primeKnobDefinition = createInput(PrimeKnob, {
   props: [
     "pt",
@@ -387,16 +373,6 @@ export const primeSelectButtonDefinition = createInput(PrimeSelectButton, {
     "options"
   ]
 });
-export const primeTriStateCheckboxDefinition = createInput(PrimeTriStateCheckbox, {
-  props: [
-    "pt",
-    "ptOptions",
-    "unstyled",
-    "variant",
-    "labelRight",
-    "labelLeft"
-  ]
-});
 export const primeCascadeSelectDefinition = createInput(PrimeCascadeSelect, {
   props: [
     "options",
@@ -441,7 +417,6 @@ export const primeInputs = {
   primeMultiSelect: primeMultiSelectDefinition,
   primeDatePicker: primeDatePickerDefinition,
   primeSlider: primeSliderDefinition,
-  primeChips: primeChipsDefinition,
   primeKnob: primeKnobDefinition,
   primeRating: primeRatingDefinition,
   primeRadioButton: primeRadioButtonDefinition,
@@ -449,7 +424,6 @@ export const primeInputs = {
   primeToggleButton: primeToggleButtonDefinition,
   primeListbox: primeListboxDefinition,
   primeSelectButton: primeSelectButtonDefinition,
-  primeTriStateCheckbox: primeTriStateCheckboxDefinition,
   primeCascadeSelect: primeCascadeSelectDefinition,
   primeTreeSelect: primeTreeSelectDefinition,
   primeInputOtp: primeInputOtpDefinition

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@sfxcode/formkit-primevue",
   "type": "module",
-  "version": "2.0.1",
+  "version": "2.0.3",
+  "packageManager": "pnpm@9.4.0+sha256.b6fd0bfda555e7e584ad7e56b30c68b01d5a04f9ee93989f4b93ca8473c49c74",
   "author": {
     "name": "Tom",
     "email": "tom@sfxcode.com"

package/dist/components/PrimeChips.vue

@@ -1,55 +0,0 @@
-<script setup lang='ts'>
-import { type PropType, computed } from 'vue'
-import type { FormKitFrameworkContext } from '@formkit/core'
-import type { ChipsProps } from 'primevue/chips'
-
-export interface FormKitPrimeChipsProps {
-  allowDuplicate?: ChipsProps['allowDuplicate']
-  addOnBlur?: ChipsProps['addOnBlur']
-  max?: ChipsProps['max']
-  placeholder?: ChipsProps['placeholder']
-  separator?: ChipsProps['separator']
-  pt?: ChipsProps['pt']
-  ptOptions?: ChipsProps['ptOptions']
-  unstyled?: ChipsProps['unstyled']
-}
-
-const props = defineProps({
-  context: {
-    type: Object as PropType<FormKitFrameworkContext & FormKitPrimeChipsProps>,
-    required: true,
-  },
-})
-
-function handleInput(_: any) {
-  props.context?.node.input(props.context?._value)
-}
-const styleClass = computed(() => (props.context?.state.validationVisible && !props.context?.state.valid) ? `${props.context?.attrs?.class} p-invalid` : props.context?.attrs?.class)
-</script>
-
-<template>
-  <div class="p-formkit">
-    <Chips
-      v-model="context._value"
-      v-bind="context?.attrs"
-      :input-id="context.id"
-      :disabled="!!context?.disabled"
-      :readonly="context?.attrs.readonly ?? false"
-      :input-style="context?.attrs.style"
-      :input-class="styleClass"
-      :tabindex="context?.attrs.tabindex"
-      :aria-label="context?.attrs.ariaLabel"
-      :aria-labelledby="context?.attrs.ariaLabelledby"
-      :allow-duplicate="context.allowDuplicate ?? true"
-      :add-on-blur="context.addOnBlur ?? false"
-      :max="context.max ?? undefined"
-      :placeholder="context.placeholder"
-      :separator="context.separator"
-      :pt="context.pt"
-      :pt-options="context.ptOptions"
-      :unstyled="context.unstyled ?? false"
-      @add="handleInput"
-      @remove="handleInput"
-    />
-  </div>
-</template>

package/dist/components/PrimeTriStateCheckbox.vue

@@ -1,56 +0,0 @@
-<script setup lang='ts'>
-import { type PropType, computed } from 'vue'
-import type { FormKitFrameworkContext } from '@formkit/core'
-import type { TriStateCheckboxProps } from 'primevue/tristatecheckbox'
-
-export interface FormKitPrimeTriStateCheckboxProps {
-  pt?: TriStateCheckboxProps['pt']
-  ptOptions?: TriStateCheckboxProps['ptOptions']
-  unstyled?: TriStateCheckboxProps['unstyled']
-  variant?: TriStateCheckboxProps['variant']
-  labelLeft?: string
-  labelRight?: string
-}
-
-const props = defineProps({
-  context: {
-    type: Object as PropType<FormKitFrameworkContext & FormKitPrimeTriStateCheckboxProps>,
-    required: true,
-  },
-})
-
-function handleChange(_: any) {
-  props.context?.node.input(props.context?._value)
-}
-
-function handleBlur(e: Event) {
-  props.context?.handlers.blur(e)
-}
-
-const styleClass = computed(() => (props.context?.state.validationVisible && !props.context?.state.valid) ? `${props.context?.attrs?.class} p-invalid` : props.context?.attrs?.class)
-</script>
-
-<template>
-  <div class="p-formkit">
-    <span v-if="context.attrs.labelLeft" class="formkit-prime-left">{{ context.labelLeft }}</span>
-    <TriStateCheckbox
-      v-model="context._value"
-      v-bind="context?.attrs"
-      :input-id="context.id"
-      :disabled="!!context?.disabled"
-      :readonly="context?.attrs.readonly ?? false"
-      :input-style="context?.attrs.style"
-      :input-class="styleClass"
-      :tabindex="context?.attrs.tabindex"
-      :aria-label="context?.attrs.ariaLabel"
-      :aria-labelledby="context?.attrs.ariaLabelledby"
-      :pt="context.pt"
-      :pt-options="context.ptOptions"
-      :unstyled="context.unstyled ?? false"
-      :variant="context.variant"
-      @change="handleChange"
-      @blur="handleBlur"
-    />
-    <span v-if="context.attrs.labelRight" class="formkit-prime-right">{{ context.labelRight }}</span>
-  </div>
-</template>