@sfxcode/formkit-openvue 0.0.0-stage → 0.9.0

package/dist/sass/formkit-openvue.scss

@@ -0,0 +1,491 @@
+@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
+) !default;
+
+@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
+  $min: map.get($breakpoints, $name);
+  @if $min != 0 {
+    @return $min;
+  } @else {
+    @return null;
+  }
+}
+
+@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
+  $min: breakpoint-min($name, $breakpoints);
+  @if $min {
+    @media (min-width: $min) {
+      @content;
+    }
+  } @else {
+    @content;
+  }
+}
+
+:root {
+  --formkit-error-color: #ef9a9a;
+}
+
+.formkit-form {
+  // General message item styling
+  .formkit-messages {
+    margin: 0.125rem 0;
+    padding-top: 0.5rem;
+    padding-left: 0.5rem;
+  }
+
+  .formkit-message {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    color: var(--formkit-error-color);
+    font-size: 0.8rem;
+  }
+
+  // Single form element
+  .formkit-outer {
+    padding-bottom: 0.8rem;
+
+    .formkit-messages {
+      margin: 0.125rem 0;
+      padding-top: 0.25rem;
+      padding-left: 0;
+    }
+
+    .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;
+          }
+        }
+
+      }
+    }
+
+    .formkit-help {
+      margin: 0.25rem 0 0 0;
+      font-size: 0.8rem;
+      color: var(--text-color-secondary);
+    }
+
+  }
+
+  // Label for single form element
+  .formkit-label {
+    display: block;
+    margin: 0;
+    padding-bottom: 0.5rem;
+    font-weight: bold;
+    font-size: 0.8rem;
+  }
+
+  // Wrapper for input element plus prefix, suffix and icons
+  .p-formkit {
+    > * {
+      margin-right: 0.5rem;
+
+      &:last-child, &:only-child {
+        margin-right: 0;
+      }
+    }
+  }
+
+  // Used in FormRadioButton
+  .p-formkit-options {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+
+    .p-formkit-option  {
+      display: flex;
+      align-items: center;
+      label {
+        margin-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;
+    }
+  }
+
+  // Actually not needed
+  .formkit-legend {
+    display: block;
+    margin: 0;
+    padding: 0;
+  }
+
+  // Submit button etc.
+  .formkit-actions {
+    padding-top: 0.5rem;
+    display: flex;
+    button {
+      margin-right: 0.5rem;
+    }
+
+  }
+
+  .p-action-buttons  {
+    margin-top: 0.25rem;
+    .p-button {
+      margin-right: 0.5rem;
+    }
+    span {
+      .p-space {
+        margin-right: 3rem;
+      }
+    }
+  }
+
+  .p-chip-item {
+    align-items: center;
+    background: var(--p-surface-500);
+    color: var(--p-surface-0);
+    border-radius: 1rem;
+    padding: 0.2rem 0.5rem;
+  }
+
+  .formkit-repeater-drag-handle {
+    display: inline-flex;
+    align-items: center;
+    cursor: grab;
+    user-select: none;
+  }
+
+  .formkit-item[draggable="true"] {
+    cursor: grab;
+
+    &:active {
+      cursor: grabbing;
+    }
+
+    &.formkit-repeater-drop-target {
+      outline: 1px dashed var(--p-primary-color, #3b82f6);
+      outline-offset: 2px;
+      background: color-mix(in srgb, var(--p-primary-color, #3b82f6) 12%, transparent);
+    }
+  }
+}
+
+// data view only
+.p-formkit-data-view {
+    .formkit-outer {
+      padding-bottom:  0.5rem;
+    }
+
+    &.form-horizontal {
+      padding-bottom: 0.8rem;
+    }
+
+    .formkit-help {
+      padding-top:  0.25rem;
+      margin: 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="formCheckbox"] {
+      //padding-left: 0;
+
+      .formkit-wrapper {
+        display: flex;
+        flex-wrap: wrap;
+
+        .formkit-inner {
+          width: auto !important;
+        }
+
+        label {
+          width: auto;
+          order: 2;
+          padding: 0.125rem 0;
+
+          &: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 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;
+
+          + div.p-checkbox {
+            order: 2;
+            width: auto;
+          }
+        }
+
+        label:first-child:nth-last-child(3) ~ label {
+          order: 3
+        }
+
+        // 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;
+
+          .p-formkit {
+            display: flex;
+          }
+        }
+
+        .p-checkbox:not(:only-child) {
+          width: 2rem;
+          overflow: hidden;
+        }
+      }
+
+      .formkit-help {
+        width: auto !important;
+        //padding-left: 2rem;
+      }
+    }
+}
+
+// Listbox Transfer
+.p-formkit-transfer {
+  display: flex;
+  align-items: stretch;
+  gap: 1rem;
+  width: 100%;
+  // never wider than the container it is in
+  min-width: min(600px, 100%);
+}
+
+.p-formkit-transfer-list-container {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  gap: 0.5rem;
+  min-width: 0;
+}
+
+.p-formkit-transfer-buttons {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+}
+
+// Repeater: the bar that offers to put back a deleted row
+.formkit-repeater-undo {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.25rem 0.5rem;
+  margin-top: 0.5rem;
+  border: 1px solid var(--p-content-border-color);
+  border-radius: var(--p-content-border-radius);
+  background: var(--p-content-hover-background);
+  font-size: 0.875rem;
+}
+
+// Narrow screens: the lists are stacked, the buttons sit between them in a row and their arrows point down and up.
+@media (max-width: 640px) {
+  .p-formkit-transfer {
+    flex-direction: column;
+    min-width: 0;
+  }
+
+  .p-formkit-transfer-buttons {
+    flex-direction: row;
+    flex-wrap: wrap;
+
+    .oi {
+      transform: rotate(90deg);
+    }
+  }
+}
+
+.p-formkit-transfer-option {
+  width: 100%;
+}
+
+.p-formkit-transfer-option-draggable {
+  cursor: grab;
+}
+
+.p-formkit-transfer-option-draggable:active {
+  cursor: grabbing;
+}
+
+
+
+
+// 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: math.percentage(math.div($i, 12));
+    }
+  }
+}
+
+@include media-breakpoint-up(md) {
+  .formkit-form {
+
+    &.form-horizontal {
+
+      .formkit-wrapper {
+        display: flex;
+
+        label {
+          display: inline-block;
+          padding: 0 0.25rem 0 0;
+          font-size: inherit;
+
+          &:after {
+            content: ":";
+          }
+        }
+      }
+
+      &.form-horizontal-checkbox-indent {
+        .formkit-outer[data-type="formCheckbox"] {
+          @include media-breakpoint-up(md) {
+            padding-left: calc((4 / 12) * 100%);
+          }
+        }
+      }
+
+    }
+
+    .p-formkit-data-view & {
+      &.form-horizontal {
+        label {
+          white-space: nowrap;
+        }
+      }
+    }
+
+    .p-formkit-data-edit & {
+
+      &.form-horizontal {
+
+        .formkit-outer {
+          width: 100%;
+
+          label {
+            width: calc((4 / 12) * 100%);
+            padding-top: 0.25rem;
+            line-height: normal;
+          }
+
+          .formkit-inner {
+            width: calc((8 / 12) * 100%);
+          }
+        }
+
+        div[data-type="formCheckbox"] {
+          .formkit-inner {
+            margin-left: auto;
+
+            .p-formkit {
+              display: flex
+            }
+
+            label {
+              width: auto;
+              padding: 0;
+            }
+          }
+        }
+
+        .formkit-help, .formkit-messages {
+          width: calc((8 / 12) * 100%);
+          margin-left: auto;
+        }
+      }
+    }
+  }
+}
+

package/dist/style.css

@@ -0,0 +1 @@
+:root{--formkit-error-color: #ef9a9a}.formkit-form .formkit-messages{margin:.125rem 0;padding-top:.5rem;padding-left:.5rem}.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-messages{margin:.125rem 0;padding-top:.25rem;padding-left:0}.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;display:flex}.formkit-form .formkit-actions button{margin-right:.5rem}.formkit-form .p-action-buttons{margin-top:.25rem}.formkit-form .p-action-buttons .p-button{margin-right:.5rem}.formkit-form .p-action-buttons span .p-space{margin-right:3rem}.formkit-form .p-chip-item{align-items:center;background:var(--p-surface-500);color:var(--p-surface-0);border-radius:1rem;padding:.2rem .5rem}.formkit-form .formkit-repeater-drag-handle{display:inline-flex;align-items:center;cursor:grab;user-select:none}.formkit-form .formkit-item[draggable=true]{cursor:grab}.formkit-form .formkit-item[draggable=true]:active{cursor:grabbing}.formkit-form .formkit-item[draggable=true].formkit-repeater-drop-target{outline:1px dashed var(--p-primary-color, #3b82f6);outline-offset:2px;background:color-mix(in srgb, var(--p-primary-color, #3b82f6) 12%, transparent)}.p-formkit-data-view .formkit-outer{padding-bottom:.5rem}.p-formkit-data-view.form-horizontal{padding-bottom:.8rem}.p-formkit-data-view .formkit-help{padding-top:.25rem;margin:0}.p-formkit-data-view ul,.p-formkit-data-view ol{padding-inline-start:1rem;margin-block-start:0;margin-block-end:0}.p-formkit-data-edit .formkit-outer[data-type=formCheckbox] .formkit-wrapper{display:flex;flex-wrap:wrap}.p-formkit-data-edit .formkit-outer[data-type=formCheckbox] .formkit-wrapper .formkit-inner{width:auto !important}.p-formkit-data-edit .formkit-outer[data-type=formCheckbox] .formkit-wrapper label{width:auto;order:2;padding:.125rem 0}.p-formkit-data-edit .formkit-outer[data-type=formCheckbox] .formkit-wrapper label:after{content:""}.p-formkit-data-edit .formkit-outer[data-type=formCheckbox] .formkit-wrapper label+.formkit-inner{margin-left:0 !important;order:1;flex-basis:2rem;flex-grow:0;flex-shrink:0;overflow:hidden}.p-formkit-data-edit .formkit-outer[data-type=formCheckbox] .formkit-wrapper label+.formkit-inner:has(label){flex-grow:1;flex-basis:100%}.p-formkit-data-edit .formkit-outer[data-type=formCheckbox] .formkit-wrapper label:first-child:nth-last-child(3),.p-formkit-data-edit .formkit-outer[data-type=formCheckbox] .formkit-wrapper label:first-child:nth-last-child(3)~label{width:auto}.p-formkit-data-edit .formkit-outer[data-type=formCheckbox] .formkit-wrapper label:first-child:nth-last-child(3){order:1}.p-formkit-data-edit .formkit-outer[data-type=formCheckbox] .formkit-wrapper label:first-child:nth-last-child(3)+div.p-checkbox{order:2;width:auto}.p-formkit-data-edit .formkit-outer[data-type=formCheckbox] .formkit-wrapper label:first-child:nth-last-child(3)~label{order:3}.p-formkit-data-edit .formkit-outer[data-type=formCheckbox] .formkit-wrapper .formkit-inner:first-child{margin-left:0 !important}.p-formkit-data-edit .formkit-outer[data-type=formCheckbox] .formkit-wrapper .formkit-inner:first-child .p-formkit{display:flex}.p-formkit-data-edit .formkit-outer[data-type=formCheckbox] .formkit-wrapper .p-checkbox:not(:only-child){width:2rem;overflow:hidden}.p-formkit-data-edit .formkit-outer[data-type=formCheckbox] .formkit-help{width:auto !important}.p-formkit-transfer{display:flex;align-items:stretch;gap:1rem;width:100%;min-width:min(600px,100%)}.p-formkit-transfer-list-container{display:flex;flex-direction:column;flex:1;gap:.5rem;min-width:0}.p-formkit-transfer-buttons{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.formkit-repeater-undo{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;margin-top:.5rem;border:1px solid var(--p-content-border-color);border-radius:var(--p-content-border-radius);background:var(--p-content-hover-background);font-size:.875rem}@media(max-width: 640px){.p-formkit-transfer{flex-direction:column;min-width:0}.p-formkit-transfer-buttons{flex-direction:row;flex-wrap:wrap}.p-formkit-transfer-buttons .oi{transform:rotate(90deg)}}.p-formkit-transfer-option{width:100%}.p-formkit-transfer-option-draggable{cursor:grab}.p-formkit-transfer-option-draggable:active{cursor:grabbing}.p-formkit-data-debug pre,.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%}}@media(min-width: 768px){.formkit-form.form-horizontal .formkit-wrapper{display:flex}.formkit-form.form-horizontal .formkit-wrapper label{display:inline-block;padding:0 .25rem 0 0;font-size:inherit}.formkit-form.form-horizontal .formkit-wrapper label:after{content:":"}}@media(min-width: 768px)and (min-width: 768px){.formkit-form.form-horizontal.form-horizontal-checkbox-indent .formkit-outer[data-type=formCheckbox]{padding-left:33.3333333333%}}@media(min-width: 768px){.p-formkit-data-view .formkit-form.form-horizontal label{white-space:nowrap}.p-formkit-data-edit .formkit-form.form-horizontal .formkit-outer{width:100%}.p-formkit-data-edit .formkit-form.form-horizontal .formkit-outer label{width:33.3333333333%;padding-top:.25rem;line-height:normal}.p-formkit-data-edit .formkit-form.form-horizontal .formkit-outer .formkit-inner{width:66.6666666667%}.p-formkit-data-edit .formkit-form.form-horizontal div[data-type=formCheckbox] .formkit-inner{margin-left:auto}.p-formkit-data-edit .formkit-form.form-horizontal div[data-type=formCheckbox] .formkit-inner .p-formkit{display:flex}.p-formkit-data-edit .formkit-form.form-horizontal div[data-type=formCheckbox] .formkit-inner label{width:auto;padding:0}.p-formkit-data-edit .formkit-form.form-horizontal .formkit-help,.p-formkit-data-edit .formkit-form.form-horizontal .formkit-messages{width:66.6666666667%;margin-left:auto}}

package/dist/utils/clonePlain.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Deep-copies arrays and plain objects and leaves every other value - class
+ * instances such as `@internationalized/date`'s `CalendarDate`/`Time`/
+ * `ZonedDateTime`, `Date`, `File`, `Map` - as the same reference.
+ *
+ * Not `@formkit/utils`' `cloneAny`: it shares a `Date`/`File`/`Map` but rebuilds a
+ * `CalendarDate` as a plain object without its prototype, so the date inputs lose
+ * the value without any error. A cycle is copied as a cycle.
+ */
+export declare function clonePlain<T>(value: T, seen?: WeakMap<object, unknown>): T;

package/dist/utils/clonePlain.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.clonePlain = clonePlain;
+function isPlainObject(value) {
+  const prototype = Object.getPrototypeOf(value);
+  return prototype === Object.prototype || prototype === null;
+}
+function clonePlain(value, seen = /* @__PURE__ */new WeakMap()) {
+  if (value === null || typeof value !== "object") return value;
+  if (seen.has(value)) return seen.get(value);
+  if (Array.isArray(value)) {
+    const copy2 = [];
+    seen.set(value, copy2);
+    for (const item of value) copy2.push(clonePlain(item, seen));
+    return copy2;
+  }
+  if (!isPlainObject(value)) return value;
+  const copy = Object.getPrototypeOf(value) === null ? /* @__PURE__ */Object.create(null) : {};
+  seen.set(value, copy);
+  for (const key of Object.keys(value)) copy[key] = clonePlain(value[key], seen);
+  return copy;
+}

package/dist/utils/clonePlain.mjs

@@ -0,0 +1,24 @@
+function isPlainObject(value) {
+  const prototype = Object.getPrototypeOf(value);
+  return prototype === Object.prototype || prototype === null;
+}
+export function clonePlain(value, seen = /* @__PURE__ */ new WeakMap()) {
+  if (value === null || typeof value !== "object")
+    return value;
+  if (seen.has(value))
+    return seen.get(value);
+  if (Array.isArray(value)) {
+    const copy2 = [];
+    seen.set(value, copy2);
+    for (const item of value)
+      copy2.push(clonePlain(item, seen));
+    return copy2;
+  }
+  if (!isPlainObject(value))
+    return value;
+  const copy = Object.getPrototypeOf(value) === null ? /* @__PURE__ */ Object.create(null) : {};
+  seen.set(value, copy);
+  for (const key of Object.keys(value))
+    copy[key] = clonePlain(value[key], seen);
+  return copy;
+}

package/package.json

@@ -1,6 +1,138 @@
 {
   "name": "@sfxcode/formkit-openvue",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "type": "module",
+  "version": "0.9.0",
+  "packageManager": "pnpm@11.0.9+sha512.34ce82e6780233cf9cad8685029a8f81d2e06196c5a9bad98879f7424940c6817c4e4524fb7d38b8553ceed48b9758b8ebaf1abd3600c232c4c8cf7366086f38",
+  "author": {
+    "name": "Tom",
+    "email": "tom@sfxcode.com"
+  },
+  "contributors": [
+    "sfxcode <tom@sfxcode.com>"
+  ],
+  "license": "MIT",
+  "homepage": "https://github.com/sfxcode/formkit-openvue",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/sfxcode/formkit-openvue.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-openvue.scss": {
+      "import": "./dist/sass/formkit-openvue.scss",
+      "require": "./dist/sass/formkit-openvue.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"
+  ],
+  "engines": {
+    "node": ">=24.0.0",
+    "pnpm": ">=11.0.0"
+  },
+  "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 --major --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": "^2.1.2",
+    "@formkit/auto-animate": "^0.10.0",
+    "@formkit/core": "^2.1.2",
+    "@formkit/i18n": "^2.1.2",
+    "@formkit/inputs": "^2.1.2",
+    "@formkit/vue": "^2.1.2",
+    "@intlify/core": "^11.4.14",
+    "@openvue/openicons": "^1.0.0",
+    "@openvue/openicons-vue": "^1.0.0",
+    "openvue": "1.0.0",
+    "vue-i18n": "^11.4.14"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "^9.5.1",
+    "@openvue/themes": "1.0.0",
+    "@types/node": "latest",
+    "@vitejs/plugin-vue": "^6.0.10",
+    "@vitest/coverage-v8": "^5.0.5",
+    "@vitest/ui": "^5.0.5",
+    "@vue/tsconfig": "^0.9.1",
+    "@vueuse/core": "^15.0.0",
+    "changelogen": "^0.6.2",
+    "eslint": "^10.13.0",
+    "happy-dom": "^21.0.3",
+    "json-editor-vue": "^0.19.2",
+    "mkdist": "^2.4.1",
+    "sass": "^1.105.2",
+    "typescript": "^6.0.3",
+    "unbuild": "^3.6.1",
+    "unocss": "^66.11.0",
+    "unplugin-auto-import": "^21.1.0",
+    "unplugin-vue-components": "^32.1.0",
+    "vite": "^8.3.4",
+    "vite-plugin-pages": "^0.33.3",
+    "vitepress": "2.0.0-alpha.20",
+    "vitest": "^5.0.5",
+    "vue": "^3.5.44",
+    "vue-router": "^5.4.0",
+    "vue-sfc-transformer": "^0.3.0",
+    "vue-tsc": "^3.3.13"
+  }
+}