@sfxcode/formkit-primevue 2.3.7 → 2.3.9

package/dist/definitions/input.mjs

@@ -29,8 +29,7 @@ export const primeAutoCompleteDefinition = createInput(PrimeAutoComplete, {
     "unstyled",
     "Select",
     "multiple",
-    "typeahead",
-    "wrapperClass"
+    "typeahead"
   ]
 });
 export const primeInputTextDefinition = createInput(PrimeInputText, {
@@ -39,8 +38,7 @@ export const primeInputTextDefinition = createInput(PrimeInputText, {
     "ptOptions",
     "unstyled",
     "placeholder",
-    "icon",
-    "wrapperClass"
+    "icon"
   ]
 });
 export const primeInputNumberDefinition = createInput(PrimeInputNumber, {
@@ -61,8 +59,7 @@ export const primeInputNumberDefinition = createInput(PrimeInputNumber, {
     "pt",
     "ptOptions",
     "unstyled",
-    "placeholder",
-    "wrapperClass"
+    "placeholder"
   ]
 });
 export const primeInputMaskDefinition = createInput(PrimeInputMask, {
@@ -77,8 +74,7 @@ export const primeInputMaskDefinition = createInput(PrimeInputMask, {
     "invalid",
     "variant",
     "iconLeft",
-    "iconRight",
-    "wrapperClass"
+    "iconRight"
   ]
 });
 export const primePasswordDefinition = createInput(PrimePassword, {
@@ -96,8 +92,7 @@ export const primePasswordDefinition = createInput(PrimePassword, {
     "unstyled",
     "placeholder",
     "feedback",
-    "toggleMask",
-    "wrapperClass"
+    "toggleMask"
   ]
 });
 export const primeTextareaDefinition = createInput(PrimeTextarea, {
@@ -107,8 +102,7 @@ export const primeTextareaDefinition = createInput(PrimeTextarea, {
     "unstyled",
     "autoResize",
     "rows",
-    "placeholder",
-    "wrapperClass"
+    "placeholder"
   ]
 });
 export const primeCheckboxDefinition = createInput(PrimeCheckbox, {
@@ -121,9 +115,8 @@ export const primeCheckboxDefinition = createInput(PrimeCheckbox, {
     "unstyled",
     "indeterminate",
     "variant",
-    "labelLeft",
-    "labelRight",
-    "wrapperClass"
+    "prefix",
+    "suffix"
   ]
 });
 export const primeToggleSwitchDefinition = createInput(PrimeToggleSwitch, {
@@ -133,9 +126,8 @@ export const primeToggleSwitchDefinition = createInput(PrimeToggleSwitch, {
     "pt",
     "ptOptions",
     "unstyled",
-    "labelLeft",
-    "labelRight",
-    "wrapperClass"
+    "prefix",
+    "suffix"
   ]
 });
 export const primeInputOtpDefinition = createInput(PrimeInputOtp, {
@@ -146,8 +138,7 @@ export const primeInputOtpDefinition = createInput(PrimeInputOtp, {
     "integerOnly",
     "pt",
     "ptOptions",
-    "unstyled",
-    "wrapperClass"
+    "unstyled"
   ]
 });
 export const primeEditorDefinition = createInput(PrimeEditor, {
@@ -157,8 +148,7 @@ export const primeEditorDefinition = createInput(PrimeEditor, {
     "modules",
     "pt",
     "ptOptions",
-    "unstyled",
-    "wrapperClass"
+    "unstyled"
   ]
 });
 export const primeSelectDefinition = createInput(PrimeSelect, {
@@ -195,8 +185,7 @@ export const primeSelectDefinition = createInput(PrimeSelect, {
     "emptyMessage",
     "pt",
     "ptOptions",
-    "unstyled",
-    "wrapperClass"
+    "unstyled"
   ]
 });
 export const primeMultiSelectDefinition = createInput(PrimeMultiSelect, {
@@ -236,8 +225,7 @@ export const primeMultiSelectDefinition = createInput(PrimeMultiSelect, {
     "pt",
     "placeholder",
     "ptOptions",
-    "unstyled",
-    "wrapperClass"
+    "unstyled"
   ]
 });
 export const primeListboxDefinition = createInput(PrimeListbox, {
@@ -255,8 +243,7 @@ export const primeListboxDefinition = createInput(PrimeListbox, {
     "filterLocale",
     "filterMatchMode",
     "autoOptionFocus",
-    "selectOnFocus",
-    "wrapperClass"
+    "selectOnFocus"
   ]
 });
 export const primeDatePickerDefinition = createInput(PrimeDatePicker, {
@@ -304,8 +291,7 @@ export const primeDatePickerDefinition = createInput(PrimeDatePicker, {
     "panelClass",
     "pt",
     "ptOptions",
-    "unstyled",
-    "wrapperClass"
+    "unstyled"
   ]
 });
 export const primeSliderDefinition = createInput(PrimeSlider, {
@@ -317,8 +303,7 @@ export const primeSliderDefinition = createInput(PrimeSlider, {
     "max",
     "step",
     "range",
-    "orientation",
-    "wrapperClass"
+    "orientation"
   ]
 });
 export const primeRatingDefinition = createInput(PrimeRating, {
@@ -330,8 +315,7 @@ export const primeRatingDefinition = createInput(PrimeRating, {
     "offIcon",
     "cancelIcon",
     "ptOptions",
-    "pt",
-    "wrapperClass"
+    "pt"
   ]
 });
 export const primeRadioButtonDefinition = createInput(PrimeRadioButton, {
@@ -340,9 +324,8 @@ export const primeRadioButtonDefinition = createInput(PrimeRadioButton, {
     "ptOptions",
     "unstyled",
     "options",
-    "optionClass",
-    "labelClass",
-    "wrapperClass"
+    "optionsClass",
+    "optionClass"
   ]
 });
 export const primeKnobDefinition = createInput(PrimeKnob, {
@@ -359,8 +342,7 @@ export const primeKnobDefinition = createInput(PrimeKnob, {
     "valueColor",
     "rangeColor",
     "textColor",
-    "valueTemplate",
-    "wrapperClass"
+    "valueTemplate"
   ]
 });
 export const primeColorPickerDefinition = createInput(PrimeColorPicker, {
@@ -370,8 +352,7 @@ export const primeColorPickerDefinition = createInput(PrimeColorPicker, {
     "format",
     "pt",
     "ptOptions",
-    "unstyled",
-    "wrapperClass"
+    "unstyled"
   ]
 });
 export const primeToggleButtonDefinition = createInput(PrimeToggleButton, {
@@ -383,8 +364,7 @@ export const primeToggleButtonDefinition = createInput(PrimeToggleButton, {
     "offLabel",
     "onIcon",
     "offIcon",
-    "iconPos",
-    "wrapperClass"
+    "iconPos"
   ]
 });
 export const primeSelectButtonDefinition = createInput(PrimeSelectButton, {
@@ -398,8 +378,7 @@ export const primeSelectButtonDefinition = createInput(PrimeSelectButton, {
     "multiple",
     "unselectable",
     "dataKey",
-    "options",
-    "wrapperClass"
+    "options"
   ]
 });
 export const primeCascadeSelectDefinition = createInput(PrimeCascadeSelect, {
@@ -412,8 +391,7 @@ export const primeCascadeSelectDefinition = createInput(PrimeCascadeSelect, {
     "placeholder",
     "pt",
     "ptOptions",
-    "unstyled",
-    "wrapperClass"
+    "unstyled"
   ]
 });
 export const primeTreeSelectDefinition = createInput(PrimeTreeSelect, {
@@ -430,8 +408,7 @@ export const primeTreeSelectDefinition = createInput(PrimeTreeSelect, {
     "appendTo",
     "scrollHeight",
     "panelClass",
-    "variant",
-    "wrapperClass"
+    "variant"
   ]
 });
 export const primeInputs = {

package/dist/definitions/output.js

@@ -14,23 +14,23 @@ var _PrimeOutputDuration = _interopRequireDefault(require("../components/PrimeOu
 var _PrimeOutputList = _interopRequireDefault(require("../components/PrimeOutputList.vue"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const primeOutputTextDefinition = exports.primeOutputTextDefinition = (0, _vue.createInput)(_PrimeOutputText.default, {
-  props: []
+  props: ["prefix", "suffix", "prefixIcon", "suffixIcon"]
 });
 const primeOutputDateDefinition = exports.primeOutputDateDefinition = (0, _vue.createInput)(_PrimeOutputDate.default, {
-  props: []
+  props: ["prefix", "suffix", "prefixIcon", "suffixIcon"]
 });
 const primeOutputNumberDefinition = exports.primeOutputNumberDefinition = (0, _vue.createInput)(_PrimeOutputNumber.default, {
-  props: []
+  props: ["prefix", "suffix", "prefixIcon", "suffixIcon"]
 });
 const primeOutputLinkDefinition = exports.primeOutputLinkDefinition = (0, _vue.createInput)(_PrimeOutputLink.default, {
-  props: []
+  props: ["prefix", "suffix", "prefixIcon", "suffixIcon"]
 });
 const primeOutputBooleanDefinition = exports.primeOutputBooleanDefinition = (0, _vue.createInput)(_PrimeOutputBoolean.default, {
-  props: []
+  props: ["prefix", "suffix", "prefixIcon", "suffixIcon"]
 });
 const primeOutputDurationDefinition = exports.primeOutputDurationDefinition = (0, _vue.createInput)(_PrimeOutputDuration.default, {
-  props: []
+  props: ["prefix", "suffix", "prefixIcon", "suffixIcon"]
 });
 const primeOutputListDefinition = exports.primeOutputListDefinition = (0, _vue.createInput)(_PrimeOutputList.default, {
-  props: []
+  props: ["prefix", "suffix", "prefixIcon", "suffixIcon"]
 });

package/dist/definitions/output.mjs

@@ -7,23 +7,23 @@ import PrimeOutputBoolean from "../components/PrimeOutputBoolean.vue";
 import PrimeOutputDuration from "../components/PrimeOutputDuration.vue";
 import PrimeOutputList from "../components/PrimeOutputList.vue";
 export const primeOutputTextDefinition = createInput(PrimeOutputText, {
-  props: []
+  props: ["prefix", "suffix", "prefixIcon", "suffixIcon"]
 });
 export const primeOutputDateDefinition = createInput(PrimeOutputDate, {
-  props: []
+  props: ["prefix", "suffix", "prefixIcon", "suffixIcon"]
 });
 export const primeOutputNumberDefinition = createInput(PrimeOutputNumber, {
-  props: []
+  props: ["prefix", "suffix", "prefixIcon", "suffixIcon"]
 });
 export const primeOutputLinkDefinition = createInput(PrimeOutputLink, {
-  props: []
+  props: ["prefix", "suffix", "prefixIcon", "suffixIcon"]
 });
 export const primeOutputBooleanDefinition = createInput(PrimeOutputBoolean, {
-  props: []
+  props: ["prefix", "suffix", "prefixIcon", "suffixIcon"]
 });
 export const primeOutputDurationDefinition = createInput(PrimeOutputDuration, {
-  props: []
+  props: ["prefix", "suffix", "prefixIcon", "suffixIcon"]
 });
 export const primeOutputListDefinition = createInput(PrimeOutputList, {
-  props: []
+  props: ["prefix", "suffix", "prefixIcon", "suffixIcon"]
 });

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { useFormKitSchema, useInputEditor, useInputEditorSchema } from './composables';
+import { useFormKitRepeater, useFormKitSchema, useInputEditor, useInputEditorSchema } from './composables';
 import { primeInputs, primeOutputs } from './definitions';
 import { FormKitDataDebug, FormKitDataEdit, FormKitDataView } from './components';
-export { useFormKitSchema, useInputEditor, useInputEditorSchema, primeInputs, primeOutputs, FormKitDataDebug, FormKitDataEdit, FormKitDataView, };
+export { useFormKitRepeater, useFormKitSchema, useInputEditor, useInputEditorSchema, primeInputs, primeOutputs, FormKitDataDebug, FormKitDataEdit, FormKitDataView, };

package/dist/index.js

@@ -33,6 +33,12 @@ Object.defineProperty(exports, "primeOutputs", {
     return _definitions.primeOutputs;
   }
 });
+Object.defineProperty(exports, "useFormKitRepeater", {
+  enumerable: true,
+  get: function () {
+    return _composables.useFormKitRepeater;
+  }
+});
 Object.defineProperty(exports, "useFormKitSchema", {
   enumerable: true,
   get: function () {

package/dist/index.mjs

@@ -1,7 +1,8 @@
-import { useFormKitSchema, useInputEditor, useInputEditorSchema } from "./composables/index.mjs";
+import { useFormKitRepeater, useFormKitSchema, useInputEditor, useInputEditorSchema } from "./composables/index.mjs";
 import { primeInputs, primeOutputs } from "./definitions/index.mjs";
 import { FormKitDataDebug, FormKitDataEdit, FormKitDataView } from "./components/index.mjs";
 export {
+  useFormKitRepeater,
   useFormKitSchema,
   useInputEditor,
   useInputEditorSchema,

package/dist/sass/formkit-primevue.scss

@@ -1,151 +1,175 @@
-:root {
-  --formkit-error-color: #ef9a9a;
-}
+@use 'sass:math';
 
-.formkit-form > .formkit-messages {
-  margin: 4px 0;
-  .formkit-message {
-    font-size: 0.8rem;
-  }
-}
+$gutter-width: 0.5rem;
 
-.formkit-outer {
-  margin: 0;
-  padding-bottom: 0.8rem;
-
-  .formkit-inner {.p-formkit {  .p-formkit-icon {
-        box-sizing: border-box;
-        width: 100%;
-      }  .p-inputtext, .p-textarea, .p-password, .p-multiselect, .p-select, .p-editor {
-        box-sizing: border-box;
-        width: 100%;
-        &.p-colorpicker-preview {
-          width: 2rem;
-        }
-      }}
-  }
+// Breakpoints e.g. https://tailwindcss.com/docs/responsive-design
+$grid-breakpoints: (
+        sm: 640px,
+        md: 768px,
+        lg: 1024px,
+        xl: 1280px,
+        xxl: 1536px
+) !default;
 
-  ul {
-    margin-block-start: 2px;
-    margin-block-end: 2px;
-  }
-  .formkit-messages {
-    padding: 4px 0 0 0;.formkit-message {
-      padding: 0;
-      margin: 0;
-      color: var(--formkit-error-color);
-      list-style: none;
-      font-size: 0.8rem;
-    }
-  }
+@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
+  $min: map-get($breakpoints, $name);
+  @return if($min != 0, $min, null);
 }
 
-.formkit-outer[data-type="primeToggleSwitch"], .formkit-outer[data-type="primeCheckbox"], .formkit-outer[data-type="primeTriStateCheckbox"], .formkit-outer[data-type="primeRadioButton"] {
-  .formkit-inner {.formkit-prime-right {
-      margin-left: 10px;
-      font-size: 1rem;
-    }.formkit-prime-left {
-      margin-right: 10px;
-      font-size: 1rem;
+@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
+  $min: breakpoint-min($name, $breakpoints);
+  @if $min {
+    @media (min-width: $min) {
+      @content;
     }
+  } @else {
+    @content;
   }
 }
 
-.formkit-label {
-  display: block;
-  margin: 0;
-  padding-bottom: 0.5rem;
-  font-weight: bold;
-  font-size: 0.8rem;
+:root {
+  --formkit-error-color: #ef9a9a;
 }
 
-.formkit-fieldset {
-  margin: 0;
-  padding: 0;
-  border-radius: 0;
-  border: 0;
-
-  &:focus-within {
-    border: 0;
+.formkit-form {
+  // General message item styling
+  .formkit-messages {
+    margin: 0.125rem 0;
+    padding-top: 0.25rem;
+    padding-left: 0;
   }
 
-  & > .formkit-help {
-    margin-top: 0;
-    margin-bottom: 0;
+  .formkit-message {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    color: var(--formkit-error-color);
+    font-size: 0.8rem;
   }
-}
 
-.formkit-legend {
-  display: block;
-  margin: 0;
-  padding: 0;
-}
+  // Single form element
+  .formkit-outer {
+    padding-bottom: 0.8rem;
 
-.formkit-help {
-  margin: 4px 0 0 0 ;
-  font-size: 0.8rem;
-  color: var(--text-color-secondary);
-}
+    .formkit-inner {
+      .p-formkit {
+        .p-formkit-icon {
+          box-sizing: border-box;
+          width: 100%;
+        }
 
-.formkit-messages {
-  padding: 0;
-}
+        .p-inputtext, .p-textarea, .p-password, .p-multiselect, .p-select, .p-editor {
+          box-sizing: border-box;
+          width: 100%;
 
-.formkit-message {
-  padding: 0;
-  margin: 0;
-  color: var(--formkit-error-color);
-  list-style: none;
-  font-size: 0.8rem;
-}
-
-.formkit-actions {
-  padding-top: 0.5rem;
+          &.p-colorpicker-preview {
+            width: 2rem;
+          }
+        }
 
-}
+      }
+    }
 
-.p-formkit-radio-label {
-  margin-left: 1rem;
-}
+    .formkit-help {
+      margin: 0.25rem 0 0 0;
+      font-size: 0.8rem;
+      color: var(--text-color-secondary);
+    }
 
-.p-formkit-icon-left {
-  padding-right: 0.5rem;
-}
+  }
 
-.p-formkit-icon-right {
-  padding-left: 0.5rem;
-}
+  // Label for single form element
+  .formkit-label {
+    display: block;
+    margin: 0;
+    padding-bottom: 0.5rem;
+    font-weight: bold;
+    font-size: 0.8rem;
+  }
 
-.formkit-prefix-icon {
-  padding-right: 0.5rem;
-}
+  // Wrapper for input element plus prefix, suffix and icons
+  .p-formkit {
+    > * {
+      margin-right: 0.5rem;
 
-.formkit-prefix {
-  padding-right: 0.5rem;
-}
+      &:last-child, &:only-child {
+        margin-right: 0;
+      }
+    }
+  }
 
-.formkit-suffix-icon {
-  padding-left: 0.5rem;
-}
+  // Used in Prime RadioButton
+  .p-formkit-options {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+
+    .p-formkit-option  {
+      display: flex;
+      align-items: center;
+      label {
+        margin-left: 0.5rem;
+      }
+    }
+  }
 
-.formkit-suffix {
-  padding-left: 0.5rem;
-}
+  // Do we need this?
+  .formkit-fieldset {
+    margin: 0;
+    padding: 0;
+    border-radius: 0;
+    border: 0;
 
+    &:focus-within {
+      border: 0;
+    }
 
+    & > .formkit-help {
+      margin-top: 0;
+      margin-bottom: 0;
+    }
+  }
 
-.p-formkit-data-debug {
-  pre, span {
-    font-size: 0.75rem;line-height: 1rem;
+  // Actually not needed
+  .formkit-legend {
+    display: block;
+    margin: 0;
+    padding: 0;
   }
-}
 
-.p-formkit-data-view {
+  // Submit button etc.
   .formkit-actions {
-      display: none;
+    padding-top: 0.5rem;
   }
-}
 
-.p-formkit-data-edit {
+  // Debug
+  .p-formkit-data-debug {
+    pre, span {
+      font-size: 0.75rem;
+      line-height: 1rem;
+    }
+  }
+}
 
+// Change column behaviour in larger views
+@include media-breakpoint-up(lg) {
+  .formkit-form {
+    display: flex;
+    flex-wrap: wrap;
+    margin-left: -$gutter-width;
+    margin-right: -$gutter-width;
+
+    & > * {
+      flex-shrink: 0;
+      width: 100%;
+      max-width: 100%;
+      padding-left: $gutter-width;
+      padding-right: $gutter-width;
+    }
+  }
+  @for $i from 1 through 12 {
+    .col-#{$i} {
+      width: percentage(math.div($i, 12));
+    }
+  }
 }

package/dist/style.css

@@ -1 +1 @@
-:root{--formkit-error-color: #ef9a9a}.formkit-form>.formkit-messages{margin:4px 0}.formkit-form>.formkit-messages .formkit-message{font-size:.8rem}.formkit-outer{margin:0;padding-bottom:.8rem}.formkit-outer .formkit-inner .p-formkit .p-formkit-icon{box-sizing:border-box;width:100%}.formkit-outer .formkit-inner .p-formkit .p-inputtext,.formkit-outer .formkit-inner .p-formkit .p-textarea,.formkit-outer .formkit-inner .p-formkit .p-password,.formkit-outer .formkit-inner .p-formkit .p-multiselect,.formkit-outer .formkit-inner .p-formkit .p-select,.formkit-outer .formkit-inner .p-formkit .p-editor{box-sizing:border-box;width:100%}.formkit-outer .formkit-inner .p-formkit .p-inputtext.p-colorpicker-preview,.formkit-outer .formkit-inner .p-formkit .p-textarea.p-colorpicker-preview,.formkit-outer .formkit-inner .p-formkit .p-password.p-colorpicker-preview,.formkit-outer .formkit-inner .p-formkit .p-multiselect.p-colorpicker-preview,.formkit-outer .formkit-inner .p-formkit .p-select.p-colorpicker-preview,.formkit-outer .formkit-inner .p-formkit .p-editor.p-colorpicker-preview{width:2rem}.formkit-outer ul{margin-block-start:2px;margin-block-end:2px}.formkit-outer .formkit-messages{padding:4px 0 0 0}.formkit-outer .formkit-messages .formkit-message{padding:0;margin:0;color:var(--formkit-error-color);list-style:none;font-size:.8rem}.formkit-outer[data-type=primeToggleSwitch] .formkit-inner .formkit-prime-right,.formkit-outer[data-type=primeCheckbox] .formkit-inner .formkit-prime-right,.formkit-outer[data-type=primeTriStateCheckbox] .formkit-inner .formkit-prime-right,.formkit-outer[data-type=primeRadioButton] .formkit-inner .formkit-prime-right{margin-left:10px;font-size:1rem}.formkit-outer[data-type=primeToggleSwitch] .formkit-inner .formkit-prime-left,.formkit-outer[data-type=primeCheckbox] .formkit-inner .formkit-prime-left,.formkit-outer[data-type=primeTriStateCheckbox] .formkit-inner .formkit-prime-left,.formkit-outer[data-type=primeRadioButton] .formkit-inner .formkit-prime-left{margin-right:10px;font-size:1rem}.formkit-label{display:block;margin:0;padding-bottom:.5rem;font-weight:bold;font-size:.8rem}.formkit-fieldset{margin:0;padding:0;border-radius:0;border:0}.formkit-fieldset:focus-within{border:0}.formkit-fieldset>.formkit-help{margin-top:0;margin-bottom:0}.formkit-legend{display:block;margin:0;padding:0}.formkit-help{margin:4px 0 0 0;font-size:.8rem;color:var(--text-color-secondary)}.formkit-messages{padding:0}.formkit-message{padding:0;margin:0;color:var(--formkit-error-color);list-style:none;font-size:.8rem}.formkit-actions{padding-top:.5rem}.p-formkit-radio-label{margin-left:1rem}.p-formkit-icon-left{padding-right:.5rem}.p-formkit-icon-right{padding-left:.5rem}.formkit-prefix-icon{padding-right:.5rem}.formkit-prefix{padding-right:.5rem}.formkit-suffix-icon{padding-left:.5rem}.formkit-suffix{padding-left:.5rem}.p-formkit-data-debug pre,.p-formkit-data-debug span{font-size:.75rem;line-height:1rem}.p-formkit-data-view .formkit-actions{display:none}
+:root{--formkit-error-color: #ef9a9a}.formkit-form .formkit-messages{margin:.125rem 0;padding-top:.25rem;padding-left:0}.formkit-form .formkit-message{list-style:none;padding:0;margin:0;color:var(--formkit-error-color);font-size:.8rem}.formkit-form .formkit-outer{padding-bottom:.8rem}.formkit-form .formkit-outer .formkit-inner .p-formkit .p-formkit-icon{box-sizing:border-box;width:100%}.formkit-form .formkit-outer .formkit-inner .p-formkit .p-inputtext,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-textarea,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-password,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-multiselect,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-select,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-editor{box-sizing:border-box;width:100%}.formkit-form .formkit-outer .formkit-inner .p-formkit .p-inputtext.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-textarea.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-password.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-multiselect.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-select.p-colorpicker-preview,.formkit-form .formkit-outer .formkit-inner .p-formkit .p-editor.p-colorpicker-preview{width:2rem}.formkit-form .formkit-outer .formkit-help{margin:.25rem 0 0 0;font-size:.8rem;color:var(--text-color-secondary)}.formkit-form .formkit-label{display:block;margin:0;padding-bottom:.5rem;font-weight:bold;font-size:.8rem}.formkit-form .p-formkit>*{margin-right:.5rem}.formkit-form .p-formkit>*:last-child,.formkit-form .p-formkit>*:only-child{margin-right:0}.formkit-form .p-formkit-options{display:flex;flex-wrap:wrap;gap:.5rem}.formkit-form .p-formkit-options .p-formkit-option{display:flex;align-items:center}.formkit-form .p-formkit-options .p-formkit-option label{margin-left:.5rem}.formkit-form .formkit-fieldset{margin:0;padding:0;border-radius:0;border:0}.formkit-form .formkit-fieldset:focus-within{border:0}.formkit-form .formkit-fieldset>.formkit-help{margin-top:0;margin-bottom:0}.formkit-form .formkit-legend{display:block;margin:0;padding:0}.formkit-form .formkit-actions{padding-top:.5rem}.formkit-form .p-formkit-data-debug pre,.formkit-form .p-formkit-data-debug span{font-size:.75rem;line-height:1rem}@media(min-width: 1024px){.formkit-form{display:flex;flex-wrap:wrap;margin-left:-0.5rem;margin-right:-0.5rem}.formkit-form>*{flex-shrink:0;width:100%;max-width:100%;padding-left:.5rem;padding-right:.5rem}.col-1{width:8.3333333333%}.col-2{width:16.6666666667%}.col-3{width:25%}.col-4{width:33.3333333333%}.col-5{width:41.6666666667%}.col-6{width:50%}.col-7{width:58.3333333333%}.col-8{width:66.6666666667%}.col-9{width:75%}.col-10{width:83.3333333333%}.col-11{width:91.6666666667%}.col-12{width:100%}}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sfxcode/formkit-primevue",
   "type": "module",
-  "version": "2.3.7",
+  "version": "2.3.9",
   "packageManager": "pnpm@9.4.0+sha256.b6fd0bfda555e7e584ad7e56b30c68b01d5a04f9ee93989f4b93ca8473c49c74",
   "author": {
     "name": "Tom",

package/dist/composables/useFormKitIcon.d.ts

@@ -1,5 +0,0 @@
-export declare function useFormKitIcon(context: any): {
-    hasIcon: import("vue").ComputedRef<any>;
-    icon: import("vue").ComputedRef<any>;
-    iconPosition: import("vue").ComputedRef<any>;
-};

package/dist/composables/useFormKitIcon.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useFormKitIcon = useFormKitIcon;
-var _vue = require("vue");
-function useFormKitIcon(context) {
-  const hasIcon = (0, _vue.computed)(() => {
-    return context?.attrs?.icon && context?.attrs?.icon.length > 0;
-  });
-  const icon = (0, _vue.computed)(() => {
-    return context?.attrs?.icon;
-  });
-  const iconPosition = (0, _vue.computed)(() => {
-    return context?.attrs?.iconPosition;
-  });
-  return {
-    hasIcon,
-    icon,
-    iconPosition
-  };
-}