@sfxcode/formkit-primevue 3.3.1 → 3.3.3

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,12 +69,7 @@ $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%;
 
@@ -82,6 +77,7 @@ $grid-breakpoints: (
             width: 2rem;
           }
         }
+
       }
     }
 
@@ -90,6 +86,7 @@ $grid-breakpoints: (
       font-size: 0.8rem;
       color: var(--text-color-secondary);
     }
+
   }
 
   // Label for single form element
@@ -106,8 +103,7 @@ $grid-breakpoints: (
     > * {
       margin-right: 0.5rem;
 
-      &:last-child,
-      &:only-child {
+      &:last-child, &:only-child {
         margin-right: 0;
       }
     }
@@ -119,7 +115,7 @@ $grid-breakpoints: (
     flex-wrap: wrap;
     gap: 0.5rem;
 
-    .p-formkit-option {
+    .p-formkit-option  {
       display: flex;
       align-items: center;
       label {
@@ -159,9 +155,10 @@ $grid-breakpoints: (
     button {
       margin-right: 0.5rem;
     }
+
   }
 
-  .p-action-buttons {
+  .p-action-buttons  {
     margin-top: 0.25rem;
     .p-button {
       margin-right: 0.5rem;
@@ -184,117 +181,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;
-  }
+    .formkit-label {
+      //font-weight: normal;
+    }
 
-  // specific checkbox stylings
-  .formkit-outer[data-type="primeCheckbox"] {
-    //padding-left: 0;
+    // specific checkbox stylings
+    .formkit-outer[data-type="primeCheckbox"] {
+      //padding-left: 0;
 
-    .formkit-wrapper {
-      display: flex;
-      flex-wrap: wrap;
+      .formkit-wrapper {
+        display: flex;
+        flex-wrap: wrap;
 
-      .formkit-inner {
-        width: auto !important;
-      }
+        .formkit-inner {
+          width: auto !important;
+        }
 
-      label {
-        width: auto;
-        order: 2;
-        padding: 0.125rem 0;
+        label {
+          width: auto;
+          order: 2;
+          padding: 0.125rem 0;
 
-        &:after {
-          content: "";
-        }
+          &:after {
+            content: "";
+          }
 
-        // 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%;
+          // 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%;
+            }
           }
         }
-      }
 
-      // 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;
-      }
+        // 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;
+        }
 
-      label:first-child:nth-last-child(3) {
-        order: 1;
+        label:first-child:nth-last-child(3) {
+          order: 1;
 
-        + div.p-checkbox {
-          order: 2;
-          width: auto;
+          + div.p-checkbox {
+            order: 2;
+            width: auto;
+          }
         }
-      }
 
-      label:first-child:nth-last-child(3) ~ label {
-        order: 3;
-      }
+        label:first-child:nth-last-child(3) ~ label {
+          order: 3
+        }
+
+        // end styling when both prefix and suffix are used in schema
 
-      // end styling when both prefix and suffix are used in schema
 
-      // styling of output when only suffix is used in schema
-      .formkit-inner:first-child {
-        margin-left: 0 !important;
+        // styling of output when only suffix is used in schema
+        .formkit-inner:first-child {
+          margin-left: 0 !important;
 
-        .p-formkit {
-          display: flex;
+          .p-formkit {
+            display: flex;
+          }
         }
-      }
 
-      .p-checkbox:not(:only-child) {
-        width: 2rem;
-        overflow: hidden;
+        .p-checkbox:not(:only-child) {
+          width: 2rem;
+          overflow: hidden;
+        }
       }
-    }
 
-    .formkit-help {
-      width: auto !important;
-      //padding-left: 2rem;
+      .formkit-help {
+        width: auto !important;
+        //padding-left: 2rem;
+      }
     }
-  }
 }
 
+
+
 // Debug
 .p-formkit-data-debug {
-  pre,
-  span {
+  pre, span {
     font-size: 0.75rem;
     line-height: 1rem;
   }
@@ -325,7 +322,9 @@ $grid-breakpoints: (
 
 @include media-breakpoint-up(md) {
   .formkit-form {
+
     &.form-horizontal {
+
       .formkit-wrapper {
         display: flex;
 
@@ -347,6 +346,7 @@ $grid-breakpoints: (
           }
         }
       }
+
     }
 
     .p-formkit-data-view & {
@@ -358,7 +358,9 @@ $grid-breakpoints: (
     }
 
     .p-formkit-data-edit & {
+
       &.form-horizontal {
+
         .formkit-outer {
           width: 100%;
 
@@ -378,7 +380,7 @@ $grid-breakpoints: (
             margin-left: auto;
 
             .p-formkit {
-              display: flex;
+              display: flex
             }
 
             label {
@@ -388,8 +390,7 @@ $grid-breakpoints: (
           }
         }
 
-        .formkit-help,
-        .formkit-messages {
+        .formkit-help, .formkit-messages {
           width: calc((8 / 12) * 100%);
           margin-left: auto;
         }
@@ -397,3 +398,4 @@ $grid-breakpoints: (
     }
   }
 }
+

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@sfxcode/formkit-primevue",
   "type": "module",
-  "version": "3.3.1",
+  "version": "3.3.3",
+  "packageManager": "pnpm@10.30.3+sha512.c961d1e0a2d8e354ecaa5166b822516668b7f44cb5bd95122d590dd81922f606f5473b6d23ec4a5be05e7fcd18e8488d47d978bbe981872f1145d06e9a740017",
   "author": {
     "name": "Tom",
     "email": "tom@sfxcode.com"
@@ -15,49 +16,133 @@
     "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"
   ],
-  "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"
+  "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"
   },
   "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",
-    "consola": "^3.4.2",
+    "@intlify/core": "^11.3.0",
     "primeicons": "^7.0.0",
     "primevue": "^4.5.4",
-    "vue": "^3.5.30",
-    "vue-i18n": "^11.3.0",
-    "vue-tsc": "^3.2.5"
+    "vue-i18n": "^11.3.0"
   },
   "devDependencies": {
-    "@formkit/inputs": "^1.7.2",
-    "@types/fs-extra": "^11.0.4",
-    "@types/node": "^25.3.5",
+    "@antfu/eslint-config": "^7.7.2",
+    "@formkit/core": "^1.6.9",
+    "@formkit/drag-and-drop": "^0.5.3",
+    "@primeuix/themes": "^2.0.3",
+    "@types/node": "^25.5.0",
+    "@unocss/preset-icons": "66.6.6",
+    "@unocss/preset-uno": "66.6.6",
     "@vitejs/plugin-vue": "^6.0.5",
-    "bumpp": "^10.4.1",
-    "fs-extra": "^11.3.4",
+    "@vitest/coverage-v8": "^4.1.0",
+    "@vitest/ui": "^4.1.0",
+    "@vue/compiler-sfc": "^3.5.30",
+    "@vue/server-renderer": "^3.5.30",
+    "@vue/test-utils": "^2.4.6",
+    "@vue/tsconfig": "^0.9.0",
+    "@vueuse/core": "^14.2.1",
+    "@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.4",
+    "eslint": "^10.0.3",
+    "happy-dom": "^20.8.4",
+    "json-editor-vue": "^0.18.1",
+    "mkdist": "^2.4.1",
     "sass": "^1.98.0",
-    "tsdown": "^0.21.2",
+    "tslib": "^2.8.1",
     "typescript": "^5.9.3",
-    "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"
+    "unbuild": "^3.6.1",
+    "unocss": "66.6.6",
+    "unplugin-auto-import": "^21.0.0",
+    "unplugin-vue-components": "^31.0.0",
+    "vite": "^8.0.0",
+    "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.16",
+    "vitest": "^4.1.0",
+    "vue": "^3.5.30",
+    "vue-demi": "^0.14.10",
+    "vue-router": "^5.0.3",
+    "vue-tsc": "^3.2.5"
   }
-}
+}