@sfxcode/formkit-primevue 1.11.3 → 2.0.0

package/dist/components/PrimeAutoComplete.vue

@@ -12,6 +12,7 @@ export interface FormKitPrimeAutoCompleteProps {
   unstyled?: AutoCompleteProps['unstyled']
   dropdown?: AutoCompleteProps['dropdown']
   multiple?: AutoCompleteProps['multiple']
+  typeahead?: AutoCompleteProps['typeahead']
 }
 
 const props = defineProps({
@@ -52,6 +53,7 @@ const styleClass = computed(() => (props.context?.state.validationVisible && !pr
       :suggestions="suggestions"
       :dropdown="context?.dropdown ?? false"
       :multiple="context?.multiple ?? false"
+      :typeahead="context?.typeahead ?? true"
       :pt="context?.pt"
       :pt-options="context?.ptOptions"
       :unstyled="context?.unstyled ?? false"

package/dist/components/{PrimeCalendar.vue → PrimeDatePicker.vue}

@@ -1,58 +1,57 @@
 <script setup lang='ts'>
-import type { CalendarBlurEvent, CalendarProps } from 'primevue/calendar'
+import type { DatePickerBlurEvent, DatePickerProps } from 'primevue/datepicker'
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
 
-export interface FormKitPrimeCalendarProps {
-  dateFormat?: CalendarProps['dateFormat']
-  placeholder?: CalendarProps['placeholder']
-  selectionMode?: CalendarProps['selectionMode']
-  inline?: CalendarProps['inline']
-  icon?: CalendarProps['icon']
-  showOtherMonths?: CalendarProps['showOtherMonths']
-  selectOtherMonths?: CalendarProps['selectOtherMonths']
-  showIcon?: CalendarProps['showIcon']
-  previousIcon?: CalendarProps['previousIcon']
-  nextIcon?: CalendarProps['nextIcon']
-  incrementIcon?: CalendarProps['incrementIcon']
-  decrementIcon?: CalendarProps['decrementIcon']
-  numberOfMonths?: CalendarProps['numberOfMonths']
-  responsiveOptions?: CalendarProps['responsiveOptions']
-  view?: CalendarProps['view']
-  touchUI?: CalendarProps['touchUI']
-  minDate?: CalendarProps['minDate']
-  maxDate?: CalendarProps['maxDate']
-  disabledDates?: CalendarProps['disabledDates']
-  disabledDays?: CalendarProps['disabledDays']
-  maxDateCount?: CalendarProps['maxDateCount']
-  showOnFocus?: CalendarProps['showOnFocus']
-  autoZIndex?: CalendarProps['autoZIndex']
-  baseZIndex?: CalendarProps['baseZIndex']
-  showButtonBar?: CalendarProps['showButtonBar']
-  showTime?: CalendarProps['showTime']
-  timeOnly?: CalendarProps['timeOnly']
-  shortYearCutoff?: CalendarProps['shortYearCutoff']
-  hourFormat?: CalendarProps['hourFormat']
-  stepHour?: CalendarProps['stepHour']
-  stepMinute?: CalendarProps['stepMinute']
-  stepSecond?: CalendarProps['stepSecond']
-  showSeconds?: CalendarProps['showSeconds']
-  hideOnDateTimeSelect?: CalendarProps['hideOnDateTimeSelect']
-  hideOnRangeSelection?: CalendarProps['hideOnRangeSelection']
-  timeSeparator?: CalendarProps['timeSeparator']
-  showWeek?: CalendarProps['showWeek']
-  manualInput?: CalendarProps['manualInput']
-  appendTo?: CalendarProps['appendTo']
-  panelStyle?: CalendarProps['panelStyle']
-  panelClass?: CalendarProps['panelClass']
-  pt?: CalendarProps['pt']
-  ptOptions?: CalendarProps['ptOptions']
-  unstyled?: CalendarProps['unstyled']
+export interface FormKitPrimeDatePickerProps {
+  dateFormat?: DatePickerProps['dateFormat']
+  placeholder?: DatePickerProps['placeholder']
+  selectionMode?: DatePickerProps['selectionMode']
+  inline?: DatePickerProps['inline']
+  icon?: DatePickerProps['icon']
+  showOtherMonths?: DatePickerProps['showOtherMonths']
+  selectOtherMonths?: DatePickerProps['selectOtherMonths']
+  showIcon?: DatePickerProps['showIcon']
+  prevIcon?: DatePickerProps['prevIcon']
+  nextIcon?: DatePickerProps['nextIcon']
+  incrementIcon?: DatePickerProps['incrementIcon']
+  decrementIcon?: DatePickerProps['decrementIcon']
+  numberOfMonths?: DatePickerProps['numberOfMonths']
+  responsiveOptions?: DatePickerProps['responsiveOptions']
+  view?: DatePickerProps['view']
+  minDate?: DatePickerProps['minDate']
+  maxDate?: DatePickerProps['maxDate']
+  disabledDates?: DatePickerProps['disabledDates']
+  disabledDays?: DatePickerProps['disabledDays']
+  maxDateCount?: DatePickerProps['maxDateCount']
+  showOnFocus?: DatePickerProps['showOnFocus']
+  autoZIndex?: DatePickerProps['autoZIndex']
+  baseZIndex?: DatePickerProps['baseZIndex']
+  showButtonBar?: DatePickerProps['showButtonBar']
+  showTime?: DatePickerProps['showTime']
+  timeOnly?: DatePickerProps['timeOnly']
+  shortYearCutoff?: DatePickerProps['shortYearCutoff']
+  hourFormat?: DatePickerProps['hourFormat']
+  stepHour?: DatePickerProps['stepHour']
+  stepMinute?: DatePickerProps['stepMinute']
+  stepSecond?: DatePickerProps['stepSecond']
+  showSeconds?: DatePickerProps['showSeconds']
+  hideOnDateTimeSelect?: DatePickerProps['hideOnDateTimeSelect']
+  hideOnRangeSelection?: DatePickerProps['hideOnRangeSelection']
+  timeSeparator?: DatePickerProps['timeSeparator']
+  showWeek?: DatePickerProps['showWeek']
+  manualInput?: DatePickerProps['manualInput']
+  appendTo?: DatePickerProps['appendTo']
+  panelStyle?: DatePickerProps['panelStyle']
+  panelClass?: DatePickerProps['panelClass']
+  pt?: DatePickerProps['pt']
+  ptOptions?: DatePickerProps['ptOptions']
+  unstyled?: DatePickerProps['unstyled']
 }
 
 const props = defineProps({
   context: {
-    type: Object as PropType<FormKitFrameworkContext & FormKitPrimeCalendarProps>,
+    type: Object as PropType<FormKitFrameworkContext & FormKitPrimeDatePickerProps>,
     required: true,
   },
 })
@@ -65,7 +64,7 @@ function handleSelect(e: any) {
   props.context?.node.input(e)
 }
 
-function handleBlur(e: CalendarBlurEvent) {
+function handleBlur(e: DatePickerBlurEvent) {
   props.context?.handlers.blur(e.originalEvent)
 }
 
@@ -78,7 +77,7 @@ const styleClass = computed(() => (props.context?.state.validationVisible && !pr
 
 <template>
   <div class="p-formkit">
-    <Calendar
+    <DatePicker
       v-model="context._value"
       v-bind="context?.attrs"
       :input-id="context.id"

package/dist/components/{PrimeDropdown.vue → PrimeSelect.vue}

@@ -1,47 +1,45 @@
 <script setup lang="ts">
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
-import type { DropdownProps } from 'primevue/dropdown'
+import type { SelectProps } from 'primevue/select'
 
-export interface FormKitPrimeDropdownProps {
-  options?: DropdownProps['options']
-  optionLabel?: DropdownProps['optionLabel']
-  optionValue?: DropdownProps['optionValue']
-  optionDisabled?: DropdownProps['optionDisabled']
-  optionGroupLabel?: DropdownProps['optionGroupLabel']
-  optionGroupChildren?: DropdownProps['optionGroupChildren']
-  scrollHeight?: DropdownProps['scrollHeight']
-  filter?: DropdownProps['filter']
-  filterPlaceholder?: DropdownProps['filterPlaceholder']
-  filterLocale?: DropdownProps['filterLocale']
-  filterMatchMode?: DropdownProps['filterMatchMode']
-  filterFields?: DropdownProps['filterFields']
-  filterInputProps?: DropdownProps['filterInputProps']
-  editable?: DropdownProps['editable']
-  placeholder?: DropdownProps['placeholder']
-  dataKey?: DropdownProps['dataKey']
-  showClear?: DropdownProps['showClear']
-  panelStyle?: DropdownProps['panelStyle']
-  panelClass?: DropdownProps['panelClass']
-  panelProps?: DropdownProps['panelProps']
-  appendTo?: DropdownProps['appendTo']
-  resetFilterOnHide?: DropdownProps['resetFilterOnHide']
-  virtualScrollerOptions?: DropdownProps['virtualScrollerOptions']
-  autoOptionFocus?: DropdownProps['autoOptionFocus']
-  selectOnFocus?: DropdownProps['selectOnFocus']
-  filterMessage?: DropdownProps['filterMessage']
-  selectionMessage?: DropdownProps['selectionMessage']
-  emptySelectionMessage?: DropdownProps['emptySelectionMessage']
-  emptyFilterMessage?: DropdownProps['emptyFilterMessage']
-  emptyMessage?: DropdownProps['emptyMessage']
-  pt?: DropdownProps['pt']
-  ptOptions?: DropdownProps['ptOptions']
-  unstyled?: DropdownProps['unstyled']
+export interface FormKitPrimeSelectProps {
+  options?: SelectProps['options']
+  optionLabel?: SelectProps['optionLabel']
+  optionValue?: SelectProps['optionValue']
+  optionDisabled?: SelectProps['optionDisabled']
+  optionGroupLabel?: SelectProps['optionGroupLabel']
+  optionGroupChildren?: SelectProps['optionGroupChildren']
+  scrollHeight?: SelectProps['scrollHeight']
+  filter?: SelectProps['filter']
+  filterPlaceholder?: SelectProps['filterPlaceholder']
+  filterLocale?: SelectProps['filterLocale']
+  filterMatchMode?: SelectProps['filterMatchMode']
+  filterFields?: SelectProps['filterFields']
+  editable?: SelectProps['editable']
+  placeholder?: SelectProps['placeholder']
+  dataKey?: SelectProps['dataKey']
+  showClear?: SelectProps['showClear']
+  panelStyle?: SelectProps['panelStyle']
+  panelClass?: SelectProps['panelClass']
+  appendTo?: SelectProps['appendTo']
+  resetFilterOnHide?: SelectProps['resetFilterOnHide']
+  virtualScrollerOptions?: SelectProps['virtualScrollerOptions']
+  autoOptionFocus?: SelectProps['autoOptionFocus']
+  selectOnFocus?: SelectProps['selectOnFocus']
+  filterMessage?: SelectProps['filterMessage']
+  selectionMessage?: SelectProps['selectionMessage']
+  emptySelectionMessage?: SelectProps['emptySelectionMessage']
+  emptyFilterMessage?: SelectProps['emptyFilterMessage']
+  emptyMessage?: SelectProps['emptyMessage']
+  pt?: SelectProps['pt']
+  ptOptions?: SelectProps['ptOptions']
+  unstyled?: SelectProps['unstyled']
 }
 
 const props = defineProps({
   context: {
-    type: Object as PropType<FormKitFrameworkContext & FormKitPrimeDropdownProps>,
+    type: Object as PropType<FormKitFrameworkContext & FormKitPrimeSelectProps>,
     required: true,
   },
 })
@@ -57,7 +55,7 @@ const styleClass = computed(() => (props.context?.state.validationVisible && !pr
 
 <template>
   <div class="p-formkit">
-    <Dropdown
+    <Select
       v-model="context._value"
       v-bind="context?.attrs"
       :input-id="context.id"

package/dist/components/{PrimeInputSwitch.vue → PrimeToggleSwitch.vue}

@@ -1,21 +1,21 @@
 <script setup lang='ts'>
 import { type PropType, computed } from 'vue'
 import type { FormKitFrameworkContext } from '@formkit/core'
-import type { InputSwitchProps } from 'primevue/inputswitch'
+import type { ToggleSwitchProps } from 'primevue/toggleswitch'
 
-export interface FormKitPrimeInputSwitchProps {
-  trueValue?: InputSwitchProps['trueValue']
-  falseValue?: InputSwitchProps['falseValue']
-  pt?: InputSwitchProps['pt']
-  ptOptions?: InputSwitchProps['ptOptions']
-  unstyled?: InputSwitchProps['unstyled']
+export interface FormKitPrimeToggleSwitchProps {
+  trueValue?: ToggleSwitchProps['trueValue']
+  falseValue?: ToggleSwitchProps['falseValue']
+  pt?: ToggleSwitchProps['pt']
+  ptOptions?: ToggleSwitchProps['ptOptions']
+  unstyled?: ToggleSwitchProps['unstyled']
   labelLeft?: string
   labelRight?: string
 }
 
 const props = defineProps({
   context: {
-    type: Object as PropType<FormKitFrameworkContext & FormKitPrimeInputSwitchProps>,
+    type: Object as PropType<FormKitFrameworkContext & FormKitPrimeToggleSwitchProps>,
     required: true,
   },
 })
@@ -34,7 +34,7 @@ const styleClass = computed(() => (props.context?.state.validationVisible && !pr
 <template>
   <div :class="context?.attrs.option_class" class="p-formkit">
     <span v-if="context.attrs.labelLeft" class="formkit-prime-left">{{ context.labelLeft }}</span>
-    <InputSwitch
+    <ToggleSwitch
       v-model="context._value"
       v-bind="context?.attrs"
       :input-id="context.id"

package/dist/components/index.d.ts

@@ -1,14 +1,14 @@
 import PrimeAutoComplete from './PrimeAutoComplete.vue';
-import PrimeCalendar from './PrimeCalendar.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 PrimeDropdown from './PrimeDropdown.vue';
+import PrimeSelect from './PrimeSelect.vue';
 import PrimeEditor from './PrimeEditor.vue';
 import PrimeInputMask from './PrimeInputMask.vue';
 import PrimeInputNumber from './PrimeInputNumber.vue';
-import PrimeInputSwitch from './PrimeInputSwitch.vue';
+import PrimeInputSwitch from './PrimeToggleSwitch.vue';
 import PrimeInputText from './PrimeInputText.vue';
 import PrimeTextarea from './PrimeTextarea.vue';
 import PrimeKnob from './PrimeKnob.vue';
@@ -22,4 +22,4 @@ import PrimeToggleButton from './PrimeToggleButton.vue';
 import PrimeTreeSelect from './PrimeTreeSelect.vue';
 import PrimeSelectButton from './PrimeSelectButton.vue';
 import PrimeTriStateCheckbox from './PrimeTriStateCheckbox.vue';
-export { PrimeAutoComplete, PrimeCalendar, PrimeCascadeSelect, PrimeCheckbox, PrimeChips, PrimeColorPicker, PrimeDropdown, PrimeEditor, PrimeInputMask, PrimeInputNumber, PrimeInputSwitch, PrimeInputText, PrimeTextarea, PrimeKnob, PrimeMultiSelect, PrimeListbox, PrimePassword, PrimeRadioButton, PrimeRating, PrimeSlider, PrimeToggleButton, PrimeTreeSelect, PrimeSelectButton, PrimeTriStateCheckbox, };
+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, };

package/dist/components/index.js

@@ -9,12 +9,6 @@ Object.defineProperty(exports, "PrimeAutoComplete", {
     return _PrimeAutoComplete.default;
   }
 });
-Object.defineProperty(exports, "PrimeCalendar", {
-  enumerable: true,
-  get: function () {
-    return _PrimeCalendar.default;
-  }
-});
 Object.defineProperty(exports, "PrimeCascadeSelect", {
   enumerable: true,
   get: function () {
@@ -39,10 +33,10 @@ Object.defineProperty(exports, "PrimeColorPicker", {
     return _PrimeColorPicker.default;
   }
 });
-Object.defineProperty(exports, "PrimeDropdown", {
+Object.defineProperty(exports, "PrimeDatePicker", {
   enumerable: true,
   get: function () {
-    return _PrimeDropdown.default;
+    return _PrimeDatePicker.default;
   }
 });
 Object.defineProperty(exports, "PrimeEditor", {
@@ -66,7 +60,7 @@ Object.defineProperty(exports, "PrimeInputNumber", {
 Object.defineProperty(exports, "PrimeInputSwitch", {
   enumerable: true,
   get: function () {
-    return _PrimeInputSwitch.default;
+    return _PrimeToggleSwitch.default;
   }
 });
 Object.defineProperty(exports, "PrimeInputText", {
@@ -111,6 +105,12 @@ Object.defineProperty(exports, "PrimeRating", {
     return _PrimeRating.default;
   }
 });
+Object.defineProperty(exports, "PrimeSelect", {
+  enumerable: true,
+  get: function () {
+    return _PrimeSelect.default;
+  }
+});
 Object.defineProperty(exports, "PrimeSelectButton", {
   enumerable: true,
   get: function () {
@@ -148,16 +148,16 @@ Object.defineProperty(exports, "PrimeTriStateCheckbox", {
   }
 });
 var _PrimeAutoComplete = _interopRequireDefault(require("./PrimeAutoComplete.vue"));
-var _PrimeCalendar = _interopRequireDefault(require("./PrimeCalendar.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 _PrimeDropdown = _interopRequireDefault(require("./PrimeDropdown.vue"));
+var _PrimeSelect = _interopRequireDefault(require("./PrimeSelect.vue"));
 var _PrimeEditor = _interopRequireDefault(require("./PrimeEditor.vue"));
 var _PrimeInputMask = _interopRequireDefault(require("./PrimeInputMask.vue"));
 var _PrimeInputNumber = _interopRequireDefault(require("./PrimeInputNumber.vue"));
-var _PrimeInputSwitch = _interopRequireDefault(require("./PrimeInputSwitch.vue"));
+var _PrimeToggleSwitch = _interopRequireDefault(require("./PrimeToggleSwitch.vue"));
 var _PrimeInputText = _interopRequireDefault(require("./PrimeInputText.vue"));
 var _PrimeTextarea = _interopRequireDefault(require("./PrimeTextarea.vue"));
 var _PrimeKnob = _interopRequireDefault(require("./PrimeKnob.vue"));
@@ -171,4 +171,4 @@ 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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/components/index.mjs

@@ -1,14 +1,14 @@
 import PrimeAutoComplete from "./PrimeAutoComplete.vue";
-import PrimeCalendar from "./PrimeCalendar.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 PrimeDropdown from "./PrimeDropdown.vue";
+import PrimeSelect from "./PrimeSelect.vue";
 import PrimeEditor from "./PrimeEditor.vue";
 import PrimeInputMask from "./PrimeInputMask.vue";
 import PrimeInputNumber from "./PrimeInputNumber.vue";
-import PrimeInputSwitch from "./PrimeInputSwitch.vue";
+import PrimeInputSwitch from "./PrimeToggleSwitch.vue";
 import PrimeInputText from "./PrimeInputText.vue";
 import PrimeTextarea from "./PrimeTextarea.vue";
 import PrimeKnob from "./PrimeKnob.vue";
@@ -24,12 +24,12 @@ import PrimeSelectButton from "./PrimeSelectButton.vue";
 import PrimeTriStateCheckbox from "./PrimeTriStateCheckbox.vue";
 export {
   PrimeAutoComplete,
-  PrimeCalendar,
+  PrimeDatePicker,
   PrimeCascadeSelect,
   PrimeCheckbox,
   PrimeChips,
   PrimeColorPicker,
-  PrimeDropdown,
+  PrimeSelect,
   PrimeEditor,
   PrimeInputMask,
   PrimeInputNumber,

package/dist/composables/useInputEditorSchema.js

@@ -139,7 +139,7 @@ function useInputEditorSchema() {
   }
   function editorSchema(inputOptions = primeInputOptions(primeInputNames)) {
     return [{
-      $formkit: "primeDropdown",
+      $formkit: "primeSelect",
       id: "inputSelection",
       name: "_dollar_formkit",
       label: "Prime Input",
@@ -219,7 +219,7 @@ function useInputEditorSchema() {
       key: "schema_validation",
       preserve: true
     }, {
-      $formkit: "primeDropdown",
+      $formkit: "primeSelect",
       if: "$get(selectButton).value === 'showValidation'",
       name: "validation-visibility",
       label: "Field Validation Visibility",
@@ -272,7 +272,7 @@ function useInputEditorSchema() {
       key: "schema_icon",
       preserve: true
     }, {
-      $formkit: "primeDropdown",
+      $formkit: "primeSelect",
       if: "$get(selectButton).value === 'showDisplay'",
       name: "iconPosition",
       label: "Icon Position",

package/dist/composables/useInputEditorSchema.mjs

@@ -72,7 +72,7 @@ export function useInputEditorSchema() {
   function editorSchema(inputOptions = primeInputOptions(primeInputNames)) {
     return [
       {
-        $formkit: "primeDropdown",
+        $formkit: "primeSelect",
         id: "inputSelection",
         name: "_dollar_formkit",
         label: "Prime Input",
@@ -162,7 +162,7 @@ export function useInputEditorSchema() {
         preserve: true
       },
       {
-        $formkit: "primeDropdown",
+        $formkit: "primeSelect",
         if: "$get(selectButton).value === 'showValidation'",
         name: "validation-visibility",
         label: "Field Validation Visibility",
@@ -222,7 +222,7 @@ export function useInputEditorSchema() {
         preserve: true
       },
       {
-        $formkit: "primeDropdown",
+        $formkit: "primeSelect",
         if: "$get(selectButton).value === 'showDisplay'",
         name: "iconPosition",
         label: "Icon Position",

package/dist/definitions/index.d.ts

@@ -6,13 +6,13 @@ export declare const primeInputMaskDefinition: FormKitTypeDefinition;
 export declare const primePasswordDefinition: FormKitTypeDefinition;
 export declare const primeTextareaDefinition: FormKitTypeDefinition;
 export declare const primeCheckboxDefinition: FormKitTypeDefinition;
-export declare const primeInputSwitchDefinition: FormKitTypeDefinition;
+export declare const primeToggleSwitchDefinition: FormKitTypeDefinition;
 export declare const primeInputOtpDefinition: FormKitTypeDefinition;
 export declare const primeEditorDefinition: FormKitTypeDefinition;
-export declare const primeDropdownDefinition: FormKitTypeDefinition;
+export declare const primeSelectDefinition: FormKitTypeDefinition;
 export declare const primeMultiSelectDefinition: FormKitTypeDefinition;
 export declare const primeListboxDefinition: FormKitTypeDefinition;
-export declare const primeCalendarDefinition: FormKitTypeDefinition;
+export declare const primeDatePickerDefinition: FormKitTypeDefinition;
 export declare const primeSliderDefinition: FormKitTypeDefinition;
 export declare const primeRatingDefinition: FormKitTypeDefinition;
 export declare const primeRadioButtonDefinition: FormKitTypeDefinition;
@@ -31,12 +31,12 @@ export declare const primeInputs: {
     primeInputMask: FormKitTypeDefinition;
     primePassword: FormKitTypeDefinition;
     primeCheckbox: FormKitTypeDefinition;
-    primeInputSwitch: FormKitTypeDefinition;
+    primeToggleSwitch: FormKitTypeDefinition;
     primeTextarea: FormKitTypeDefinition;
     primeEditor: FormKitTypeDefinition;
-    primeDropdown: FormKitTypeDefinition;
+    primeSelect: FormKitTypeDefinition;
     primeMultiSelect: FormKitTypeDefinition;
-    primeCalendar: FormKitTypeDefinition;
+    primeDatePicker: FormKitTypeDefinition;
     primeSlider: FormKitTypeDefinition;
     primeChips: FormKitTypeDefinition;
     primeKnob: FormKitTypeDefinition;

package/dist/definitions/index.js

@@ -3,20 +3,20 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.primeTriStateCheckboxDefinition = exports.primeTreeSelectDefinition = exports.primeToggleButtonDefinition = exports.primeTextareaDefinition = exports.primeSliderDefinition = exports.primeSelectButtonDefinition = exports.primeRatingDefinition = exports.primeRadioButtonDefinition = exports.primePasswordDefinition = exports.primeMultiSelectDefinition = exports.primeListboxDefinition = exports.primeKnobDefinition = exports.primeInputs = exports.primeInputTextDefinition = exports.primeInputSwitchDefinition = exports.primeInputOtpDefinition = exports.primeInputNumberDefinition = exports.primeInputMaskDefinition = exports.primeEditorDefinition = exports.primeDropdownDefinition = exports.primeColorPickerDefinition = exports.primeChipsDefinition = exports.primeCheckboxDefinition = exports.primeCascadeSelectDefinition = exports.primeCalendarDefinition = exports.primeAutoCompleteDefinition = void 0;
+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;
 var _vue = require("@formkit/vue");
 var _PrimeAutoComplete = _interopRequireDefault(require("../components/PrimeAutoComplete.vue"));
-var _PrimeCalendar = _interopRequireDefault(require("../components/PrimeCalendar.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 _PrimeDropdown = _interopRequireDefault(require("../components/PrimeDropdown.vue"));
+var _PrimeSelect = _interopRequireDefault(require("../components/PrimeSelect.vue"));
 var _PrimeEditor = _interopRequireDefault(require("../components/PrimeEditor.vue"));
 var _PrimeInputMask = _interopRequireDefault(require("../components/PrimeInputMask.vue"));
 var _PrimeInputNumber = _interopRequireDefault(require("../components/PrimeInputNumber.vue"));
 var _PrimeInputOtp = _interopRequireDefault(require("../components/PrimeInputOtp.vue"));
-var _PrimeInputSwitch = _interopRequireDefault(require("../components/PrimeInputSwitch.vue"));
+var _PrimeToggleSwitch = _interopRequireDefault(require("../components/PrimeToggleSwitch.vue"));
 var _PrimeInputText = _interopRequireDefault(require("../components/PrimeInputText.vue"));
 var _PrimeTextarea = _interopRequireDefault(require("../components/PrimeTextarea.vue"));
 var _PrimeKnob = _interopRequireDefault(require("../components/PrimeKnob.vue"));
@@ -30,9 +30,9 @@ var _PrimeToggleButton = _interopRequireDefault(require("../components/PrimeTogg
 var _PrimeTreeSelect = _interopRequireDefault(require("../components/PrimeTreeSelect.vue"));
 var _PrimeSelectButton = _interopRequireDefault(require("../components/PrimeSelectButton.vue"));
 var _PrimeTriStateCheckbox = _interopRequireDefault(require("../components/PrimeTriStateCheckbox.vue"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const primeAutoCompleteDefinition = exports.primeAutoCompleteDefinition = (0, _vue.createInput)(_PrimeAutoComplete.default, {
-  props: ["pt", "ptOptions", "unstyled", "dropdown", "multiple"]
+  props: ["pt", "ptOptions", "unstyled", "Select", "multiple"]
 });
 const primeInputTextDefinition = exports.primeInputTextDefinition = (0, _vue.createInput)(_PrimeInputText.default, {
   props: ["pt", "ptOptions", "unstyled", "placeholder", "icon"]
@@ -52,7 +52,7 @@ const primeTextareaDefinition = exports.primeTextareaDefinition = (0, _vue.creat
 const primeCheckboxDefinition = exports.primeCheckboxDefinition = (0, _vue.createInput)(_PrimeCheckbox.default, {
   props: ["binary", "trueValue", "falseValue", "pt", "ptOptions", "unstyled", "labelLeft", "labelRight"]
 });
-const primeInputSwitchDefinition = exports.primeInputSwitchDefinition = (0, _vue.createInput)(_PrimeInputSwitch.default, {
+const primeToggleSwitchDefinition = exports.primeToggleSwitchDefinition = (0, _vue.createInput)(_PrimeToggleSwitch.default, {
   props: ["trueValue", "falseValue", "pt", "ptOptions", "unstyled", "labelLeft", "labelRight"]
 });
 const primeInputOtpDefinition = exports.primeInputOtpDefinition = (0, _vue.createInput)(_PrimeInputOtp.default, {
@@ -61,7 +61,7 @@ const primeInputOtpDefinition = exports.primeInputOtpDefinition = (0, _vue.creat
 const primeEditorDefinition = exports.primeEditorDefinition = (0, _vue.createInput)(_PrimeEditor.default, {
   props: ["placeholder", "formats", "modules", "pt", "ptOptions", "unstyled"]
 });
-const primeDropdownDefinition = exports.primeDropdownDefinition = (0, _vue.createInput)(_PrimeDropdown.default, {
+const primeSelectDefinition = exports.primeSelectDefinition = (0, _vue.createInput)(_PrimeSelect.default, {
   props: ["options", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "scrollHeight", "filter", "filterPlaceholder", "filterLocale", "filterMatchMode", "filterFields", "filterInputProps", "editable", "placeholder", "dataKey", "showClear", "panelStyle", "panelClass", "panelProps", "appendTo", "resetFilterOnHide", "virtualScrollerOptions", "autoOptionFocus", "selectOnFocus", "filterMessage", "selectionMessage", "emptySelectionMessage", "emptyFilterMessage", "emptyMessage", "pt", "ptOptions", "unstyled"]
 });
 const primeMultiSelectDefinition = exports.primeMultiSelectDefinition = (0, _vue.createInput)(_PrimeMultiSelect.default, {
@@ -70,7 +70,7 @@ const primeMultiSelectDefinition = exports.primeMultiSelectDefinition = (0, _vue
 const primeListboxDefinition = exports.primeListboxDefinition = (0, _vue.createInput)(_PrimeListbox.default, {
   props: ["pt", "ptOptions", "unstyled", "options", "optionLabel", "optionValue", "multiple", "filter", "filterIcon", "filterPlaceholder", "filterLocale", "filterMatchMode", "autoOptionFocus", "selectOnFocus"]
 });
-const primeCalendarDefinition = exports.primeCalendarDefinition = (0, _vue.createInput)(_PrimeCalendar.default, {
+const primeDatePickerDefinition = exports.primeDatePickerDefinition = (0, _vue.createInput)(_PrimeDatePicker.default, {
   props: ["dateFormat", "placeholder", "selectionMode", "inline", "icon", "showOtherMonths", "selectOtherMonths", "showIcon", "previousIcon", "nextIcon", "incrementIcon", "decrementIcon", "numberOfMonths", "responsiveOptions", "view", "touchUI", "minDate", "maxDate", "disabledDates", "disabledDays", "maxDateCount", "showOnFocus", "autoZIndex", "baseZIndex", "showButtonBar", "showTime", "timeOnly", "shortYearCutoff", "hourFormat", "stepHour", "stepMinute", "stepSecond", "showSeconds", "hideOnDateTimeSelect", "hideOnRangeSelection", "timeSeparator", "showWeek", "manualInput", "appendTo", "panelStyle", "panelClass", "pt", "ptOptions", "unstyled"]
 });
 const primeSliderDefinition = exports.primeSliderDefinition = (0, _vue.createInput)(_PrimeSlider.default, {
@@ -113,12 +113,12 @@ const primeInputs = exports.primeInputs = {
   primeInputMask: primeInputMaskDefinition,
   primePassword: primePasswordDefinition,
   primeCheckbox: primeCheckboxDefinition,
-  primeInputSwitch: primeInputSwitchDefinition,
+  primeToggleSwitch: primeToggleSwitchDefinition,
   primeTextarea: primeTextareaDefinition,
   primeEditor: primeEditorDefinition,
-  primeDropdown: primeDropdownDefinition,
+  primeSelect: primeSelectDefinition,
   primeMultiSelect: primeMultiSelectDefinition,
-  primeCalendar: primeCalendarDefinition,
+  primeDatePicker: primeDatePickerDefinition,
   primeSlider: primeSliderDefinition,
   primeChips: primeChipsDefinition,
   primeKnob: primeKnobDefinition,

package/dist/definitions/index.mjs

@@ -1,16 +1,16 @@
 import { createInput } from "@formkit/vue";
 import PrimeAutoComplete from "../components/PrimeAutoComplete.vue";
-import PrimeCalendar from "../components/PrimeCalendar.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 PrimeDropdown from "../components/PrimeDropdown.vue";
+import PrimeSelect from "../components/PrimeSelect.vue";
 import PrimeEditor from "../components/PrimeEditor.vue";
 import PrimeInputMask from "../components/PrimeInputMask.vue";
 import PrimeInputNumber from "../components/PrimeInputNumber.vue";
 import PrimeInputOtp from "../components/PrimeInputOtp.vue";
-import PrimeInputSwitch from "../components/PrimeInputSwitch.vue";
+import PrimeToggleSwitch from "../components/PrimeToggleSwitch.vue";
 import PrimeInputText from "../components/PrimeInputText.vue";
 import PrimeTextarea from "../components/PrimeTextarea.vue";
 import PrimeKnob from "../components/PrimeKnob.vue";
@@ -25,7 +25,7 @@ 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", "dropdown", "multiple"]
+  props: ["pt", "ptOptions", "unstyled", "Select", "multiple"]
 });
 export const primeInputTextDefinition = createInput(PrimeInputText, {
   props: [
@@ -112,7 +112,7 @@ export const primeCheckboxDefinition = createInput(PrimeCheckbox, {
     "labelRight"
   ]
 });
-export const primeInputSwitchDefinition = createInput(PrimeInputSwitch, {
+export const primeToggleSwitchDefinition = createInput(PrimeToggleSwitch, {
   props: [
     "trueValue",
     "falseValue",
@@ -144,7 +144,7 @@ export const primeEditorDefinition = createInput(PrimeEditor, {
     "unstyled"
   ]
 });
-export const primeDropdownDefinition = createInput(PrimeDropdown, {
+export const primeSelectDefinition = createInput(PrimeSelect, {
   props: [
     "options",
     "optionLabel",
@@ -239,7 +239,7 @@ export const primeListboxDefinition = createInput(PrimeListbox, {
     "selectOnFocus"
   ]
 });
-export const primeCalendarDefinition = createInput(PrimeCalendar, {
+export const primeDatePickerDefinition = createInput(PrimeDatePicker, {
   props: [
     "dateFormat",
     "placeholder",
@@ -434,12 +434,12 @@ export const primeInputs = {
   primeInputMask: primeInputMaskDefinition,
   primePassword: primePasswordDefinition,
   primeCheckbox: primeCheckboxDefinition,
-  primeInputSwitch: primeInputSwitchDefinition,
+  primeToggleSwitch: primeToggleSwitchDefinition,
   primeTextarea: primeTextareaDefinition,
   primeEditor: primeEditorDefinition,
-  primeDropdown: primeDropdownDefinition,
+  primeSelect: primeSelectDefinition,
   primeMultiSelect: primeMultiSelectDefinition,
-  primeCalendar: primeCalendarDefinition,
+  primeDatePicker: primeDatePickerDefinition,
   primeSlider: primeSliderDefinition,
   primeChips: primeChipsDefinition,
   primeKnob: primeKnobDefinition,

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@sfxcode/formkit-primevue",
   "type": "module",
-  "version": "1.11.3",
+  "version": "2.0.0",
   "author": {
     "name": "Tom",
     "email": "tom@sfxcode.com"
   },
-  "license": "MIT",
-  "homepage": "https://github.com/sfxcode/formkit-primevue",
-  "repository": "https://github.com/sfxcode/formkit-primevue",
   "contributors": [
     "sfxcode <tom@sfxcode.com>"
   ],
+  "license": "MIT",
+  "homepage": "https://github.com/sfxcode/formkit-primevue",
+  "repository": "https://github.com/sfxcode/formkit-primevue",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -85,51 +85,52 @@
     "@formkit/i18n": "^1.6.5",
     "@formkit/vue": "^1.6.5",
     "primeicons": "^7.0.0",
-    "primevue": "^3.52.0"
+    "primevue": "4.0.0-rc.2"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "2.19.2",
+    "@antfu/eslint-config": "2.21.1",
     "@formkit/core": "^1.6.5",
-    "@types/node": "^20.13.0",
-    "@unocss/preset-icons": "0.60.4",
-    "@unocss/preset-uno": "0.60.4",
+    "@primevue/themes": "4.0.0-rc.2",
+    "@types/node": "^20.14.8",
+    "@unocss/preset-icons": "0.61.0",
+    "@unocss/preset-uno": "0.61.0",
     "@vitejs/plugin-vue": "^5.0.5",
     "@vitest/coverage-v8": "^1.6.0",
     "@vitest/ui": "^1.6.0",
-    "@vue/compiler-sfc": "^3.4.27",
-    "@vue/server-renderer": "^3.4.27",
+    "@vue/compiler-sfc": "^3.4.29",
+    "@vue/server-renderer": "^3.4.29",
     "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.5.1",
     "@vuedx/typecheck": "~0.7.6",
     "@vuedx/typescript-plugin-vue": "~0.7.6",
-    "@vueuse/core": "^10.10.0",
+    "@vueuse/core": "^10.11.0",
     "@vueuse/head": "^2.0.0",
     "changelogen": "^0.5.5",
     "chart.js": "^4.4.3",
     "consola": "^3.2.3",
-    "eslint": "^9.4.0",
-    "happy-dom": "^14.12.0",
+    "eslint": "^9.5.0",
+    "happy-dom": "^14.12.3",
     "json-editor-vue": "^0.15.1",
-    "mkdist": "^1.5.1",
+    "mkdist": "^1.5.2",
     "quill": "^2.0.2",
-    "sass": "^1.77.4",
-    "tslib": "^2.6.2",
-    "typescript": "^5.4.5",
+    "sass": "^1.77.6",
+    "tslib": "^2.6.3",
+    "typescript": "^5.5.2",
     "unbuild": "2.0.0",
-    "unocss": "0.60.4",
+    "unocss": "0.61.0",
     "unplugin-auto-import": "^0.17.6",
     "unplugin-vue-components": "^0.27.0",
-    "vanilla-jsoneditor": "^0.23.5",
-    "vite": "^5.2.12",
+    "vanilla-jsoneditor": "^0.23.7",
+    "vite": "^5.3.1",
     "vite-plugin-dts": "^3.9.1",
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-pages": "^0.32.2",
     "vite-ssg": "^0.23.7",
-    "vitepress": "1.2.2",
+    "vitepress": "1.2.3",
     "vitest": "^1.6.0",
-    "vue": "^3.4.27",
+    "vue": "^3.4.29",
     "vue-demi": "^0.14.8",
-    "vue-router": "^4.3.2",
-    "vue-tsc": "^2.0.19"
+    "vue-router": "^4.4.0",
+    "vue-tsc": "^2.0.21"
   }
 }

package/dist/types/index.d.ts

@@ -1,19 +0,0 @@
-declare module '@formkit/inputs' {
-  interface FormKitInputProps<Props extends FormKitInputs<Props>> {
-    // This key and the `type` should match:
-    primeAutoComplete: {
-      // Define your input `type`:
-      type: 'primeAutoComplete'
-      // Define an optional prop. Use camelCase for all prop names:
-      myOptionalProp?: string | number
-      // Define a required prop
-      superImportantProp: number
-      // Define the value type, this should always be a optional!
-      value?: string | number
-      // Use the Prop generic to infer information from another field, notice
-      // we a utility "PropType" to infer the type of the `value` from the Props
-      // generic:
-      someOtherProp?: PropType<Props, 'value'>
-    }
-  }
-}