@charpente-ui/vue 1.2.0 → 1.2.2

package/README.md

@@ -8,6 +8,10 @@
 
 A logic-first, headless UI library for Vue 3. The logic you need, without the CSS you don't.
 
+<p align="center">
+  <img src=".github/banner.svg" alt="Charpente UI" width="700"/>
+</p>
+
 ## Philosophy: Don't Reinvent the Wheel
 
 **Charpente UI** is built on a simple promise: We handle the boring stuff, you handle the design.

package/dist/charpente.js

@@ -1,22 +1,22 @@
-import { defineComponent as u, openBlock as d, createBlock as I, resolveDynamicComponent as B, normalizeProps as M, guardReactiveProps as g, withCtx as b, renderSlot as h, useModel as _, useAttrs as c, useId as p, useTemplateRef as A, computed as f, watchEffect as k, withDirectives as $, createElementBlock as i, mergeProps as m, vModelCheckbox as y, mergeModels as V, ref as x, watch as R, withModifiers as w, vModelDynamic as S, vModelRadio as U, vModelSelect as F, vModelText as T } from "vue";
-const J = /* @__PURE__ */ u({
+import { defineComponent as i, openBlock as d, createBlock as B, resolveDynamicComponent as y, normalizeProps as M, guardReactiveProps as b, withCtx as A, renderSlot as h, useModel as _, useAttrs as c, useId as p, useTemplateRef as V, computed as f, watch as g, withDirectives as $, createElementBlock as u, mergeProps as m, vModelCheckbox as k, mergeModels as C, withModifiers as x, vModelDynamic as R, vModelRadio as S, vModelSelect as U, vModelText as w } from "vue";
+const G = /* @__PURE__ */ i({
   inheritAttrs: !1,
   __name: "BaseButton",
   props: {
     as: { default: "button" }
   },
-  setup(t) {
-    return (e, s) => (d(), I(B(t.as), M(g(e.$attrs)), {
-      default: b(() => [
+  setup(s) {
+    return (e, t) => (d(), B(y(s.as), M(b(e.$attrs)), {
+      default: A(() => [
         h(e.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), D = ["id", "value"], K = /* @__PURE__ */ u({
+}), F = ["id", "value"], H = /* @__PURE__ */ i({
   inheritAttrs: !1,
   __name: "BaseCheckbox",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ C({
     value: {},
     indeterminate: { type: Boolean }
   }, {
@@ -24,22 +24,22 @@ const J = /* @__PURE__ */ u({
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t) {
-    const e = t, s = _(t, "modelValue"), r = c(), n = p(), l = A("input"), a = f(() => r.id || n);
-    return k(() => {
-      l.value && (l.value.indeterminate = !!e.indeterminate);
-    }), (o, v) => $((d(), i("input", m({
+  setup(s) {
+    const e = s, t = _(s, "modelValue"), r = c(), l = p(), n = V("input"), o = f(() => typeof r.id == "string" ? r.id : l);
+    return g([n, () => e.indeterminate], () => {
+      n.value && (n.value.indeterminate = !!e.indeterminate);
+    }, { immediate: !0 }), (a, v) => $((d(), u("input", m({
       ref: "input",
       type: "checkbox"
-    }, o.$attrs, {
-      "onUpdate:modelValue": v[0] || (v[0] = (C) => s.value = C),
-      id: a.value,
-      value: t.value
-    }), null, 16, D)), [
-      [y, s.value]
+    }, a.$attrs, {
+      "onUpdate:modelValue": v[0] || (v[0] = (I) => t.value = I),
+      id: o.value,
+      value: s.value
+    }), null, 16, F)), [
+      [k, t.value]
     ]);
   }
-}), P = ["id"], N = /* @__PURE__ */ u({
+}), T = ["id"], J = /* @__PURE__ */ i({
   inheritAttrs: !1,
   __name: "BaseFile",
   props: {
@@ -47,36 +47,35 @@ const J = /* @__PURE__ */ u({
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(t) {
-    const e = _(t, "modelValue"), s = c(), r = p(), n = x(null), l = f(() => s.id || r);
-    function a(o) {
-      e.value = o.target.files;
+  setup(s) {
+    const e = _(s, "modelValue"), t = c(), r = p(), l = V("input"), n = f(() => typeof t.id == "string" ? t.id : r);
+    function o(a) {
+      e.value = a.target.files;
     }
-    return R(e, (o) => {
-      !o && n.value && (n.value.value = "");
-    }), (o, v) => (d(), i("input", m({
+    return g(e, (a) => {
+      !a && l.value && (l.value.value = "");
+    }), (a, v) => (d(), u("input", m({
       type: "file",
-      ref_key: "inputRef",
-      ref: n
-    }, o.$attrs, {
-      id: l.value,
-      onChange: a
-    }), null, 16, P));
+      ref: "input"
+    }, a.$attrs, {
+      id: n.value,
+      onChange: o
+    }), null, 16, T));
   }
-}), E = ["id"], O = /* @__PURE__ */ u({
+}), D = ["id"], K = /* @__PURE__ */ i({
   inheritAttrs: !1,
   __name: "BaseForm",
   emits: ["submit"],
-  setup(t, { emit: e }) {
-    const s = c(), r = p(), n = e, l = f(() => s.id || r);
-    return (a, o) => (d(), i("form", m(a.$attrs, {
-      id: l.value,
-      onSubmit: o[0] || (o[0] = w((v) => n("submit", v), ["prevent"]))
+  setup(s, { emit: e }) {
+    const t = c(), r = p(), l = e, n = f(() => typeof t.id == "string" ? t.id : r);
+    return (o, a) => (d(), u("form", m(o.$attrs, {
+      id: n.value,
+      onSubmit: a[0] || (a[0] = x((v) => l("submit", v), ["prevent"]))
     }), [
-      h(a.$slots, "default")
-    ], 16, E));
+      h(o.$slots, "default")
+    ], 16, D));
   }
-}), L = ["id"], Q = /* @__PURE__ */ u({
+}), P = ["id"], N = /* @__PURE__ */ i({
   inheritAttrs: !1,
   __name: "BaseInput",
   props: {
@@ -84,50 +83,50 @@ const J = /* @__PURE__ */ u({
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(t) {
-    const e = _(t, "modelValue"), s = c(), r = p(), n = f(() => s.id || r);
-    return (l, a) => $((d(), i("input", m(l.$attrs, {
-      "onUpdate:modelValue": a[0] || (a[0] = (o) => e.value = o),
-      id: n.value
-    }), null, 16, L)), [
-      [S, e.value]
+  setup(s) {
+    const e = _(s, "modelValue"), t = c(), r = p(), l = f(() => typeof t.id == "string" ? t.id : r);
+    return (n, o) => $((d(), u("input", m(n.$attrs, {
+      "onUpdate:modelValue": o[0] || (o[0] = (a) => e.value = a),
+      id: l.value
+    }), null, 16, P)), [
+      [R, e.value]
     ]);
   }
-}), z = ["for"], W = /* @__PURE__ */ u({
+}), L = ["for"], O = /* @__PURE__ */ i({
   inheritAttrs: !1,
   __name: "BaseLabel",
   props: {
     for: {}
   },
-  setup(t) {
-    const e = t;
-    return (s, r) => (d(), i("label", m(s.$attrs, {
+  setup(s) {
+    const e = s;
+    return (t, r) => (d(), u("label", m(t.$attrs, {
       for: e.for
     }), [
-      h(s.$slots, "default")
-    ], 16, z));
+      h(t.$slots, "default")
+    ], 16, L));
   }
-}), j = ["id", "value"], X = /* @__PURE__ */ u({
+}), z = ["id", "value"], Q = /* @__PURE__ */ i({
   inheritAttrs: !1,
   __name: "BaseRadio",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ C({
     value: {}
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t) {
-    const e = _(t, "modelValue"), s = c(), r = p(), n = f(() => s.id || r);
-    return (l, a) => $((d(), i("input", m({ type: "radio" }, l.$attrs, {
-      "onUpdate:modelValue": a[0] || (a[0] = (o) => e.value = o),
-      id: n.value,
-      value: t.value
-    }), null, 16, j)), [
-      [U, e.value]
+  setup(s) {
+    const e = _(s, "modelValue"), t = c(), r = p(), l = f(() => typeof t.id == "string" ? t.id : r);
+    return (n, o) => $((d(), u("input", m({ type: "radio" }, n.$attrs, {
+      "onUpdate:modelValue": o[0] || (o[0] = (a) => e.value = a),
+      id: l.value,
+      value: s.value
+    }), null, 16, z)), [
+      [S, e.value]
     ]);
   }
-}), q = ["id"], Y = /* @__PURE__ */ u({
+}), E = ["id"], W = /* @__PURE__ */ i({
   inheritAttrs: !1,
   __name: "BaseSelect",
   props: {
@@ -135,18 +134,18 @@ const J = /* @__PURE__ */ u({
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(t) {
-    const e = _(t, "modelValue"), s = c(), r = p(), n = f(() => s.id || r);
-    return (l, a) => $((d(), i("select", m(l.$attrs, {
-      "onUpdate:modelValue": a[0] || (a[0] = (o) => e.value = o),
-      id: n.value
+  setup(s) {
+    const e = _(s, "modelValue"), t = c(), r = p(), l = f(() => typeof t.id == "string" ? t.id : r);
+    return (n, o) => $((d(), u("select", m(n.$attrs, {
+      "onUpdate:modelValue": o[0] || (o[0] = (a) => e.value = a),
+      id: l.value
     }), [
-      h(l.$slots, "default")
-    ], 16, q)), [
-      [F, e.value]
+      h(n.$slots, "default")
+    ], 16, E)), [
+      [U, e.value]
     ]);
   }
-}), G = ["id"], Z = /* @__PURE__ */ u({
+}), j = ["id"], X = /* @__PURE__ */ i({
   inheritAttrs: !1,
   __name: "BaseTextarea",
   props: {
@@ -154,24 +153,24 @@ const J = /* @__PURE__ */ u({
     modelModifiers: {}
   },
   emits: ["update:modelValue"],
-  setup(t) {
-    const e = _(t, "modelValue"), s = c(), r = p(), n = f(() => s.id || r);
-    return (l, a) => $((d(), i("textarea", m(l.$attrs, {
-      "onUpdate:modelValue": a[0] || (a[0] = (o) => e.value = o),
-      id: n.value
-    }), null, 16, G)), [
-      [T, e.value]
+  setup(s) {
+    const e = _(s, "modelValue"), t = c(), r = p(), l = f(() => typeof t.id == "string" ? t.id : r);
+    return (n, o) => $((d(), u("textarea", m(n.$attrs, {
+      "onUpdate:modelValue": o[0] || (o[0] = (a) => e.value = a),
+      id: l.value
+    }), null, 16, j)), [
+      [w, e.value]
     ]);
   }
 });
 export {
-  J as CButton,
-  K as CCheckbox,
-  N as CFile,
-  O as CForm,
-  Q as CInput,
-  W as CLabel,
-  X as CRadio,
-  Y as CSelect,
-  Z as CTextarea
+  G as CButton,
+  H as CCheckbox,
+  J as CFile,
+  K as CForm,
+  N as CInput,
+  O as CLabel,
+  Q as CRadio,
+  W as CSelect,
+  X as CTextarea
 };

package/dist/charpente.umd.cjs

@@ -1 +1 @@
-(function(r,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(r=typeof globalThis<"u"?globalThis:r||self,e(r.Charpente={},r.Vue))})(this,(function(r,e){"use strict";const c=e.defineComponent({inheritAttrs:!1,__name:"BaseButton",props:{as:{default:"button"}},setup(o){return(t,n)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.as),e.normalizeProps(e.guardReactiveProps(t.$attrs)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16))}}),p=["id","value"],u=e.defineComponent({inheritAttrs:!1,__name:"BaseCheckbox",props:e.mergeModels({value:{},indeterminate:{type:Boolean}},{modelValue:{type:[Boolean,Array]},modelModifiers:{}}),emits:["update:modelValue"],setup(o){const t=o,n=e.useModel(o,"modelValue"),i=e.useAttrs(),a=e.useId(),d=e.useTemplateRef("input"),s=e.computed(()=>i.id||a);return e.watchEffect(()=>{d.value&&(d.value.indeterminate=!!t.indeterminate)}),(l,m)=>e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps({ref:"input",type:"checkbox"},l.$attrs,{"onUpdate:modelValue":m[0]||(m[0]=P=>n.value=P),id:s.value,value:o.value}),null,16,p)),[[e.vModelCheckbox,n.value]])}}),f=["id"],_=e.defineComponent({inheritAttrs:!1,__name:"BaseFile",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(o){const t=e.useModel(o,"modelValue"),n=e.useAttrs(),i=e.useId(),a=e.ref(null),d=e.computed(()=>n.id||i);function s(l){t.value=l.target.files}return e.watch(t,l=>{!l&&a.value&&(a.value.value="")}),(l,m)=>(e.openBlock(),e.createElementBlock("input",e.mergeProps({type:"file",ref_key:"inputRef",ref:a},l.$attrs,{id:d.value,onChange:s}),null,16,f))}}),h=["id"],B=e.defineComponent({inheritAttrs:!1,__name:"BaseForm",emits:["submit"],setup(o,{emit:t}){const n=e.useAttrs(),i=e.useId(),a=t,d=e.computed(()=>n.id||i);return(s,l)=>(e.openBlock(),e.createElementBlock("form",e.mergeProps(s.$attrs,{id:d.value,onSubmit:l[0]||(l[0]=e.withModifiers(m=>a("submit",m),["prevent"]))}),[e.renderSlot(s.$slots,"default")],16,h))}}),$=["id"],C=e.defineComponent({inheritAttrs:!1,__name:"BaseInput",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(o){const t=e.useModel(o,"modelValue"),n=e.useAttrs(),i=e.useId(),a=e.computed(()=>n.id||i);return(d,s)=>e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps(d.$attrs,{"onUpdate:modelValue":s[0]||(s[0]=l=>t.value=l),id:a.value}),null,16,$)),[[e.vModelDynamic,t.value]])}}),k=["for"],V=e.defineComponent({inheritAttrs:!1,__name:"BaseLabel",props:{for:{}},setup(o){const t=o;return(n,i)=>(e.openBlock(),e.createElementBlock("label",e.mergeProps(n.$attrs,{for:t.for}),[e.renderSlot(n.$slots,"default")],16,k))}}),I=["id","value"],g=e.defineComponent({inheritAttrs:!1,__name:"BaseRadio",props:e.mergeModels({value:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(o){const t=e.useModel(o,"modelValue"),n=e.useAttrs(),i=e.useId(),a=e.computed(()=>n.id||i);return(d,s)=>e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps({type:"radio"},d.$attrs,{"onUpdate:modelValue":s[0]||(s[0]=l=>t.value=l),id:a.value,value:o.value}),null,16,I)),[[e.vModelRadio,t.value]])}}),M=["id"],A=e.defineComponent({inheritAttrs:!1,__name:"BaseSelect",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(o){const t=e.useModel(o,"modelValue"),n=e.useAttrs(),i=e.useId(),a=e.computed(()=>n.id||i);return(d,s)=>e.withDirectives((e.openBlock(),e.createElementBlock("select",e.mergeProps(d.$attrs,{"onUpdate:modelValue":s[0]||(s[0]=l=>t.value=l),id:a.value}),[e.renderSlot(d.$slots,"default")],16,M)),[[e.vModelSelect,t.value]])}}),b=["id"],y=e.defineComponent({inheritAttrs:!1,__name:"BaseTextarea",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(o){const t=e.useModel(o,"modelValue"),n=e.useAttrs(),i=e.useId(),a=e.computed(()=>n.id||i);return(d,s)=>e.withDirectives((e.openBlock(),e.createElementBlock("textarea",e.mergeProps(d.$attrs,{"onUpdate:modelValue":s[0]||(s[0]=l=>t.value=l),id:a.value}),null,16,b)),[[e.vModelText,t.value]])}});r.CButton=c,r.CCheckbox=u,r.CFile=_,r.CForm=B,r.CInput=C,r.CLabel=V,r.CRadio=g,r.CSelect=A,r.CTextarea=y,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})}));
+(function(d,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(d=typeof globalThis<"u"?globalThis:d||self,e(d.Charpente={},d.Vue))})(this,(function(d,e){"use strict";const c=e.defineComponent({inheritAttrs:!1,__name:"BaseButton",props:{as:{default:"button"}},setup(n){return(t,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.as),e.normalizeProps(e.guardReactiveProps(t.$attrs)),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16))}}),p=["id","value"],u=e.defineComponent({inheritAttrs:!1,__name:"BaseCheckbox",props:e.mergeModels({value:{},indeterminate:{type:Boolean}},{modelValue:{type:[Boolean,Array]},modelModifiers:{}}),emits:["update:modelValue"],setup(n){const t=n,o=e.useModel(n,"modelValue"),a=e.useAttrs(),i=e.useId(),l=e.useTemplateRef("input"),s=e.computed(()=>typeof a.id=="string"?a.id:i);return e.watch([l,()=>t.indeterminate],()=>{l.value&&(l.value.indeterminate=!!t.indeterminate)},{immediate:!0}),(r,m)=>e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps({ref:"input",type:"checkbox"},r.$attrs,{"onUpdate:modelValue":m[0]||(m[0]=P=>o.value=P),id:s.value,value:n.value}),null,16,p)),[[e.vModelCheckbox,o.value]])}}),f=["id"],_=e.defineComponent({inheritAttrs:!1,__name:"BaseFile",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(n){const t=e.useModel(n,"modelValue"),o=e.useAttrs(),a=e.useId(),i=e.useTemplateRef("input"),l=e.computed(()=>typeof o.id=="string"?o.id:a);function s(r){t.value=r.target.files}return e.watch(t,r=>{!r&&i.value&&(i.value.value="")}),(r,m)=>(e.openBlock(),e.createElementBlock("input",e.mergeProps({type:"file",ref:"input"},r.$attrs,{id:l.value,onChange:s}),null,16,f))}}),h=["id"],B=e.defineComponent({inheritAttrs:!1,__name:"BaseForm",emits:["submit"],setup(n,{emit:t}){const o=e.useAttrs(),a=e.useId(),i=t,l=e.computed(()=>typeof o.id=="string"?o.id:a);return(s,r)=>(e.openBlock(),e.createElementBlock("form",e.mergeProps(s.$attrs,{id:l.value,onSubmit:r[0]||(r[0]=e.withModifiers(m=>i("submit",m),["prevent"]))}),[e.renderSlot(s.$slots,"default")],16,h))}}),g=["id"],$=e.defineComponent({inheritAttrs:!1,__name:"BaseInput",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(n){const t=e.useModel(n,"modelValue"),o=e.useAttrs(),a=e.useId(),i=e.computed(()=>typeof o.id=="string"?o.id:a);return(l,s)=>e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps(l.$attrs,{"onUpdate:modelValue":s[0]||(s[0]=r=>t.value=r),id:i.value}),null,16,g)),[[e.vModelDynamic,t.value]])}}),C=["for"],V=e.defineComponent({inheritAttrs:!1,__name:"BaseLabel",props:{for:{}},setup(n){const t=n;return(o,a)=>(e.openBlock(),e.createElementBlock("label",e.mergeProps(o.$attrs,{for:t.for}),[e.renderSlot(o.$slots,"default")],16,C))}}),k=["id","value"],I=e.defineComponent({inheritAttrs:!1,__name:"BaseRadio",props:e.mergeModels({value:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(n){const t=e.useModel(n,"modelValue"),o=e.useAttrs(),a=e.useId(),i=e.computed(()=>typeof o.id=="string"?o.id:a);return(l,s)=>e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps({type:"radio"},l.$attrs,{"onUpdate:modelValue":s[0]||(s[0]=r=>t.value=r),id:i.value,value:n.value}),null,16,k)),[[e.vModelRadio,t.value]])}}),M=["id"],y=e.defineComponent({inheritAttrs:!1,__name:"BaseSelect",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(n){const t=e.useModel(n,"modelValue"),o=e.useAttrs(),a=e.useId(),i=e.computed(()=>typeof o.id=="string"?o.id:a);return(l,s)=>e.withDirectives((e.openBlock(),e.createElementBlock("select",e.mergeProps(l.$attrs,{"onUpdate:modelValue":s[0]||(s[0]=r=>t.value=r),id:i.value}),[e.renderSlot(l.$slots,"default")],16,M)),[[e.vModelSelect,t.value]])}}),A=["id"],b=e.defineComponent({inheritAttrs:!1,__name:"BaseTextarea",props:{modelValue:{},modelModifiers:{}},emits:["update:modelValue"],setup(n){const t=e.useModel(n,"modelValue"),o=e.useAttrs(),a=e.useId(),i=e.computed(()=>typeof o.id=="string"?o.id:a);return(l,s)=>e.withDirectives((e.openBlock(),e.createElementBlock("textarea",e.mergeProps(l.$attrs,{"onUpdate:modelValue":s[0]||(s[0]=r=>t.value=r),id:i.value}),null,16,A)),[[e.vModelText,t.value]])}});d.CButton=c,d.CCheckbox=u,d.CFile=_,d.CForm=B,d.CInput=$,d.CLabel=V,d.CRadio=I,d.CSelect=y,d.CTextarea=b,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})}));

package/dist/components/BaseButton.d.ts

@@ -1,6 +1,6 @@
 import { Component } from 'vue';
 type __VLS_Props = {
-    as?: Component;
+    as?: Component | string;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -12,7 +12,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    as: Component;
+    as: Component | string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/BaseFile.d.ts

@@ -6,6 +6,6 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: FileList | null) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    inputRef: HTMLInputElement;
+    input: HTMLInputElement;
 }, any>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@charpente-ui/vue",
-    "version": "1.2.0",
+    "version": "1.2.2",
     "description": "Charpente UI is a headless CSS Vue component library.",
     "type": "module",
     "scripts": {
@@ -48,6 +48,9 @@
         "vitest": "^4.0.18",
         "vue": "^3.5.29"
     },
+    "peerDependencies": {
+        "vue": "^3.0.0"
+    },
     "keywords": [
         "vue",
         "components",