@sfxcode/formkit-primevue 3.2.10 → 3.3.1

package/dist/sass/formkit-primevue.scss

@@ -1,15 +1,15 @@
-@use 'sass:math';
-@use 'sass:map';
+@use "sass:math";
+@use "sass:map";
 
 $gutter-width: 0.5rem;
 
 // Breakpoints e.g. https://tailwindcss.com/docs/responsive-design
 $grid-breakpoints: (
-        sm: 640px,
-        md: 768px,
-        lg: 1024px,
-        xl: 1280px,
-        xxl: 1536px
+  sm: 640px,
+  md: 768px,
+  lg: 1024px,
+  xl: 1280px,
+  xxl: 1536px,
 ) !default;
 
 @function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
@@ -69,7 +69,12 @@ $grid-breakpoints: (
           width: 100%;
         }
 
-        .p-inputtext, .p-textarea, .p-password, .p-multiselect, .p-select, .p-editor {
+        .p-inputtext,
+        .p-textarea,
+        .p-password,
+        .p-multiselect,
+        .p-select,
+        .p-editor {
           box-sizing: border-box;
           width: 100%;
 
@@ -77,7 +82,6 @@ $grid-breakpoints: (
             width: 2rem;
           }
         }
-
       }
     }
 
@@ -86,7 +90,6 @@ $grid-breakpoints: (
       font-size: 0.8rem;
       color: var(--text-color-secondary);
     }
-
   }
 
   // Label for single form element
@@ -103,7 +106,8 @@ $grid-breakpoints: (
     > * {
       margin-right: 0.5rem;
 
-      &:last-child, &:only-child {
+      &:last-child,
+      &:only-child {
         margin-right: 0;
       }
     }
@@ -115,7 +119,7 @@ $grid-breakpoints: (
     flex-wrap: wrap;
     gap: 0.5rem;
 
-    .p-formkit-option  {
+    .p-formkit-option {
       display: flex;
       align-items: center;
       label {
@@ -155,10 +159,9 @@ $grid-breakpoints: (
     button {
       margin-right: 0.5rem;
     }
-
   }
 
-  .p-action-buttons  {
+  .p-action-buttons {
     margin-top: 0.25rem;
     .p-button {
       margin-right: 0.5rem;
@@ -181,117 +184,117 @@ $grid-breakpoints: (
 
 // data view only
 .p-formkit-data-view {
-    .formkit-outer {
-      padding-bottom:  0.5rem;
-    }
+  .formkit-outer {
+    padding-bottom: 0.5rem;
+  }
 
-    &.form-horizontal {
-      padding-bottom: 0.8rem;
-    }
+  &.form-horizontal {
+    padding-bottom: 0.8rem;
+  }
 
-    .formkit-help {
-      padding-top:  0.25rem;
-      margin: 0;
-    }
+  .formkit-help {
+    padding-top: 0.25rem;
+    margin: 0;
+  }
 
-    ul, ol {
-      padding-inline-start: 1rem;
-      margin-block-start: 0;
-      margin-block-end: 0;
-    }
+  ul,
+  ol {
+    padding-inline-start: 1rem;
+    margin-block-start: 0;
+    margin-block-end: 0;
+  }
 }
 
 // data edit only
 .p-formkit-data-edit {
-    .formkit-label {
-      //font-weight: normal;
-    }
-
-    // specific checkbox stylings
-    .formkit-outer[data-type="primeCheckbox"] {
-      //padding-left: 0;
-
-      .formkit-wrapper {
-        display: flex;
-        flex-wrap: wrap;
+  .formkit-label {
+    //font-weight: normal;
+  }
 
-        .formkit-inner {
-          width: auto !important;
-        }
+  // specific checkbox stylings
+  .formkit-outer[data-type="primeCheckbox"] {
+    //padding-left: 0;
 
-        label {
-          width: auto;
-          order: 2;
-          padding: 0.125rem 0;
+    .formkit-wrapper {
+      display: flex;
+      flex-wrap: wrap;
 
-          &:after {
-            content: "";
-          }
+      .formkit-inner {
+        width: auto !important;
+      }
 
-          // styling of output when label is used in schema
-          + .formkit-inner {
-            margin-left: 0 !important;
-            order: 1;
-            flex-basis: 2rem;
-            flex-grow: 0;
-            flex-shrink: 0;
-            overflow: hidden;
-            // styling of suffix when suffix is used in addition to label
-            &:has( label) {
-              flex-grow: 1;
-              flex-basis: 100%;
-            }
-          }
-        }
+      label {
+        width: auto;
+        order: 2;
+        padding: 0.125rem 0;
 
-        // styling when both prefix and suffix are used in schema
-        label:first-child:nth-last-child(3), label:first-child:nth-last-child(3) ~ label {
-          width: auto;
+        &:after {
+          content: "";
         }
 
-        label:first-child:nth-last-child(3) {
+        // styling of output when label is used in schema
+        + .formkit-inner {
+          margin-left: 0 !important;
           order: 1;
-
-          + div.p-checkbox {
-            order: 2;
-            width: auto;
+          flex-basis: 2rem;
+          flex-grow: 0;
+          flex-shrink: 0;
+          overflow: hidden;
+          // styling of suffix when suffix is used in addition to label
+          &:has(label) {
+            flex-grow: 1;
+            flex-basis: 100%;
           }
         }
+      }
 
-        label:first-child:nth-last-child(3) ~ label {
-          order: 3
-        }
+      // styling when both prefix and suffix are used in schema
+      label:first-child:nth-last-child(3),
+      label:first-child:nth-last-child(3) ~ label {
+        width: auto;
+      }
 
-        // end styling when both prefix and suffix are used in schema
+      label:first-child:nth-last-child(3) {
+        order: 1;
 
+        + div.p-checkbox {
+          order: 2;
+          width: auto;
+        }
+      }
 
-        // styling of output when only suffix is used in schema
-        .formkit-inner:first-child {
-          margin-left: 0 !important;
+      label:first-child:nth-last-child(3) ~ label {
+        order: 3;
+      }
 
-          .p-formkit {
-            display: flex;
-          }
-        }
+      // end styling when both prefix and suffix are used in schema
 
-        .p-checkbox:not(:only-child) {
-          width: 2rem;
-          overflow: hidden;
+      // styling of output when only suffix is used in schema
+      .formkit-inner:first-child {
+        margin-left: 0 !important;
+
+        .p-formkit {
+          display: flex;
         }
       }
 
-      .formkit-help {
-        width: auto !important;
-        //padding-left: 2rem;
+      .p-checkbox:not(:only-child) {
+        width: 2rem;
+        overflow: hidden;
       }
     }
-}
-
 
+    .formkit-help {
+      width: auto !important;
+      //padding-left: 2rem;
+    }
+  }
+}
 
 // Debug
 .p-formkit-data-debug {
-  pre, span {
+  pre,
+  span {
     font-size: 0.75rem;
     line-height: 1rem;
   }
@@ -322,9 +325,7 @@ $grid-breakpoints: (
 
 @include media-breakpoint-up(md) {
   .formkit-form {
-
     &.form-horizontal {
-
       .formkit-wrapper {
         display: flex;
 
@@ -346,7 +347,6 @@ $grid-breakpoints: (
           }
         }
       }
-
     }
 
     .p-formkit-data-view & {
@@ -358,9 +358,7 @@ $grid-breakpoints: (
     }
 
     .p-formkit-data-edit & {
-
       &.form-horizontal {
-
         .formkit-outer {
           width: 100%;
 
@@ -380,7 +378,7 @@ $grid-breakpoints: (
             margin-left: auto;
 
             .p-formkit {
-              display: flex
+              display: flex;
             }
 
             label {
@@ -390,7 +388,8 @@ $grid-breakpoints: (
           }
         }
 
-        .formkit-help, .formkit-messages {
+        .formkit-help,
+        .formkit-messages {
           width: calc((8 / 12) * 100%);
           margin-left: auto;
         }
@@ -398,4 +397,3 @@ $grid-breakpoints: (
     }
   }
 }
-

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "@sfxcode/formkit-primevue",
   "type": "module",
-  "version": "3.2.10",
-  "packageManager": "pnpm@10.29.2+sha512.bef43fa759d91fd2da4b319a5a0d13ef7a45bb985a3d7342058470f9d2051a3ba8674e629672654686ef9443ad13a82da2beb9eeb3e0221c87b8154fff9d74b8",
+  "version": "3.3.1",
   "author": {
     "name": "Tom",
     "email": "tom@sfxcode.com"
@@ -16,133 +15,49 @@
     "type": "git",
     "url": "git+https://github.com/sfxcode/formkit-primevue.git"
   },
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    },
-    "./components": {
-      "types": "./dist/components/index.d.ts",
-      "import": "./dist/components/index.mjs",
-      "require": "./dist/components/index.js"
-    },
-    "./composables": {
-      "types": "./dist/composables/index.d.ts",
-      "import": "./dist/composables/index.mjs",
-      "require": "./dist/composables/index.js"
-    },
-    "./definitions": {
-      "types": "./dist/definitions/index.d.ts",
-      "import": "./dist/definitions/index.mjs",
-      "require": "./dist/definitions/index.js"
-    },
-    "./plugins": {
-      "types": "./dist/plugins/index.d.ts",
-      "import": "./dist/plugins/index.mjs",
-      "require": "./dist/plugins/index.js"
-    },
-    "./dist/sass/formkit-primevue.scss": {
-      "import": "./dist/sass/formkit-primevue.scss",
-      "require": "./dist/sass/formkit-primevue.scss"
-    },
-    "./dist/style.css": {
-      "import": "./dist/style.css",
-      "require": "./dist/style.css"
-    }
-  },
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "typesVersions": {
-    "*": {
-      "*": [
-        "*",
-        "dist/*",
-        "dist/*.d.ts",
-        "dist/*/index.d.ts"
-      ]
-    }
-  },
   "files": [
-    "*.css",
-    "*.scss",
-    "components.d.ts",
     "dist"
   ],
-  "scripts": {
-    "build": "vue-tsc --build --force && unbuild",
-    "dev": "vite serve dev",
-    "dev:build": "vite build dev",
-    "dev:preview": "vite preview dev",
-    "release": "npm run lint && npm run build && changelogen --patch --release  && npm publish --access public && git push --follow-tags",
-    "lint": "eslint .",
-    "lint:fix": "eslint . --fix",
-    "prepublishOnly": "pnpm build",
-    "docs:dev": "vitepress dev docs",
-    "docs:build": "vitepress build docs",
-    "docs:serve": "vitepress serve docs",
-    "test": "vitest",
-    "test:ui": "vitest --ui",
-    "coverage": "vitest run --coverage"
-  },
-  "peerDependencies": {
-    "vue": "^3.4.0"
+  "types": "./dist/index.d.cts",
+  "exports": {
+    ".": "./dist/index.js",
+    "./components": "./dist/components/index.js",
+    "./composables": "./dist/composables/index.js",
+    "./definitions": "./dist/definitions/index.js",
+    "./plugins": "./dist/plugins/index.js",
+    "./package.json": "./package.json"
   },
   "dependencies": {
     "@formkit/addons": "^1.7.2",
     "@formkit/core": "^1.7.2",
-    "@formkit/i18n": "^1.7.2",
     "@formkit/inputs": "^1.7.2",
     "@formkit/vue": "^1.7.2",
-    "@intlify/core": "^11.2.8",
+    "consola": "^3.4.2",
     "primeicons": "^7.0.0",
     "primevue": "^4.5.4",
-    "vue-i18n": "^11.2.8"
+    "vue": "^3.5.30",
+    "vue-i18n": "^11.3.0",
+    "vue-tsc": "^3.2.5"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^7.3.0",
-    "@formkit/core": "^1.6.9",
-    "@formkit/drag-and-drop": "^0.5.3",
-    "@primeuix/themes": "^2.0.3",
-    "@types/node": "^25.2.2",
-    "@unocss/preset-icons": "66.6.0",
-    "@unocss/preset-uno": "66.6.0",
-    "@vitejs/plugin-vue": "^6.0.4",
-    "@vitest/coverage-v8": "^4.0.18",
-    "@vitest/ui": "^4.0.18",
-    "@vue/compiler-sfc": "^3.5.28",
-    "@vue/server-renderer": "^3.5.28",
-    "@vue/test-utils": "^2.4.6",
-    "@vue/tsconfig": "^0.8.1",
-    "@vueuse/core": "^14.2.0",
-    "@vueuse/head": "^2.0.0",
-    "changelogen": "^0.6.2",
-    "chart.js": "^4.5.1",
-    "consola": "^3.4.2",
-    "cookie": "^1.1.1",
-    "esbuild": "^0.27.3",
-    "eslint": "^10.0.0",
-    "happy-dom": "^20.5.3",
-    "json-editor-vue": "^0.18.1",
-    "mkdist": "^2.4.1",
-    "sass": "^1.97.3",
-    "tslib": "^2.8.1",
+    "@formkit/inputs": "^1.7.2",
+    "@types/fs-extra": "^11.0.4",
+    "@types/node": "^25.3.5",
+    "@vitejs/plugin-vue": "^6.0.5",
+    "bumpp": "^10.4.1",
+    "fs-extra": "^11.3.4",
+    "sass": "^1.98.0",
+    "tsdown": "^0.21.2",
     "typescript": "^5.9.3",
-    "unbuild": "^3.6.1",
-    "unocss": "66.6.0",
-    "unplugin-auto-import": "^21.0.0",
-    "unplugin-vue-components": "^31.0.0",
-    "vite": "^7.3.1",
-    "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-eslint": "^1.8.1",
-    "vite-plugin-pages": "^0.33.3",
-    "vite-ssg": "^28.3.0",
-    "vitepress": "2.0.0-alpha.12",
-    "vitest": "^4.0.18",
-    "vue": "^3.5.28",
-    "vue-demi": "^0.14.10",
-    "vue-router": "^5.0.2",
-    "vue-tsc": "^3.2.4"
+    "unplugin-vue": "^7.1.1",
+    "vite-plus": "^0.1.11",
+    "vitest": "npm:@voidzero-dev/vite-plus-test@latest"
+  },
+  "scripts": {
+    "build": "vp pack",
+    "dev": "vp pack --watch",
+    "test": "vp test",
+    "typecheck": "tsc --noEmit",
+    "release": "npm run build  && npm publish --access public"
   }
-}
+}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2024 sfxcode
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/components.d.ts

@@ -1 +0,0 @@
-export * from './dist/components'

package/dist/components/FormKitDataDebug.d.vue.ts

@@ -1,24 +0,0 @@
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    data: {
-        type: ObjectConstructor;
-        default: null;
-    };
-    header: {
-        type: StringConstructor;
-        default: string;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    data: {
-        type: ObjectConstructor;
-        default: null;
-    };
-    header: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & Readonly<{}>, {
-    data: Record<string, any>;
-    header: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/FormKitDataDebug.vue

@@ -1,23 +0,0 @@
-<script setup lang='ts'>
-defineProps({
-  data: {
-    type: Object,
-    default: null,
-  },
-  header: {
-    type: String,
-    default: 'Debug',
-  },
-})
-</script>
-
-<template>
-  <Fieldset class="p-formkit-data-debug" :legend="header" :toggleable="true" :collapsed="true">
-    <pre v-if="data">{{ data }}</pre>
-    <span v-else>No Data available</span>
-  </Fieldset>
-</template>
-
-<style scoped>
-
-</style>

package/dist/components/FormKitDataDebug.vue.d.ts

@@ -1,24 +0,0 @@
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    data: {
-        type: ObjectConstructor;
-        default: null;
-    };
-    header: {
-        type: StringConstructor;
-        default: string;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    data: {
-        type: ObjectConstructor;
-        default: null;
-    };
-    header: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & Readonly<{}>, {
-    data: Record<string, any>;
-    header: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;