@charpente-ui/vue 1.1.1 → 1.1.2

package/README.md

@@ -6,7 +6,7 @@
 
 ## Introduction
 
-A logic-first, headless UI library for Vue 3. The accessibility and logic you need, without the CSS you don't.
+A logic-first, headless UI library for Vue 3. The logic you need, without the CSS you don't.
 
 ## Philosophy: Don't Reinvent the Wheel
 

package/dist/charpente.js

@@ -1,22 +1,22 @@
-import { defineComponent as n, openBlock as u, createBlock as h, resolveDynamicComponent as V, normalizeProps as B, guardReactiveProps as C, withCtx as b, renderSlot as v, useModel as _, useAttrs as m, computed as c, useId as p, withDirectives as f, createElementBlock as d, mergeProps as i, vModelCheckbox as M, mergeModels as $, withModifiers as A, vModelDynamic as I, vModelRadio as k, vModelSelect as x, vModelText as y } from "vue";
-const L = /* @__PURE__ */ n({
+import { defineComponent as d, openBlock as u, createBlock as V, resolveDynamicComponent as I, normalizeProps as B, guardReactiveProps as C, withCtx as b, renderSlot as $, useModel as f, useAttrs as c, useId as p, computed as _, withDirectives as v, createElementBlock as i, mergeProps as m, vModelCheckbox as M, mergeModels as h, withModifiers as A, vModelDynamic as g, vModelRadio as k, vModelSelect as x, vModelText as y } from "vue";
+const z = /* @__PURE__ */ d({
   inheritAttrs: !1,
   __name: "BaseButton",
   props: {
     as: { default: "button" }
   },
   setup(t) {
-    return (e, o) => (u(), h(V(t.as), B(C(e.$attrs)), {
+    return (e, o) => (u(), V(I(t.as), B(C(e.$attrs)), {
       default: b(() => [
-        v(e.$slots, "default")
+        $(e.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), S = ["id", "value"], z = /* @__PURE__ */ n({
+}), S = ["id", "value"], E = /* @__PURE__ */ d({
   inheritAttrs: !1,
   __name: "BaseCheckbox",
-  props: /* @__PURE__ */ $({
+  props: /* @__PURE__ */ h({
     value: {}
   }, {
     modelValue: { type: [Boolean, Array] },
@@ -24,8 +24,8 @@ const L = /* @__PURE__ */ n({
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const e = _(t, "modelValue"), o = m(), l = c(() => o.id || p());
-    return (r, s) => f((u(), d("input", i({ type: "checkbox" }, r.$attrs, {
+    const e = f(t, "modelValue"), o = c(), r = p(), l = _(() => o.id || r);
+    return (n, s) => v((u(), i("input", m({ type: "checkbox" }, n.$attrs, {
       "onUpdate:modelValue": s[0] || (s[0] = (a) => e.value = a),
       id: l.value,
       value: t.value
@@ -33,22 +33,22 @@ const L = /* @__PURE__ */ n({
       [M, e.value]
     ]);
   }
-}), U = ["id"], E = /* @__PURE__ */ n({
+}), U = ["id"], j = /* @__PURE__ */ d({
   inheritAttrs: !1,
   __name: "BaseForm",
   emits: ["submit"],
   setup(t, { emit: e }) {
-    const o = m(), l = e, r = (a) => {
+    const o = c(), r = p(), l = e, n = (a) => {
       l("submit", a);
-    }, s = c(() => o.id || p());
-    return (a, T) => (u(), d("form", i(a.$attrs, {
+    }, s = _(() => o.id || r);
+    return (a, F) => (u(), i("form", m(a.$attrs, {
       id: s.value,
-      onSubmit: A(r, ["prevent"])
+      onSubmit: A(n, ["prevent"])
     }), [
-      v(a.$slots, "default")
+      $(a.$slots, "default")
     ], 16, U));
   }
-}), R = ["id"], j = /* @__PURE__ */ n({
+}), R = ["id"], q = /* @__PURE__ */ d({
   inheritAttrs: !1,
   __name: "BaseInput",
   props: {
@@ -57,15 +57,15 @@ const L = /* @__PURE__ */ n({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const e = _(t, "modelValue"), o = m(), l = c(() => o.id || p());
-    return (r, s) => f((u(), d("input", i(r.$attrs, {
+    const e = f(t, "modelValue"), o = c(), r = p(), l = _(() => o.id || r);
+    return (n, s) => v((u(), i("input", m(n.$attrs, {
       "onUpdate:modelValue": s[0] || (s[0] = (a) => e.value = a),
       id: l.value
     }), null, 16, R)), [
-      [I, e.value]
+      [g, e.value]
     ]);
   }
-}), g = ["for"], q = /* @__PURE__ */ n({
+}), w = ["for"], G = /* @__PURE__ */ d({
   inheritAttrs: !1,
   __name: "BaseLabel",
   props: {
@@ -73,16 +73,16 @@ const L = /* @__PURE__ */ n({
   },
   setup(t) {
     const e = t;
-    return (o, l) => (u(), d("label", i(o.$attrs, {
+    return (o, r) => (u(), i("label", m(o.$attrs, {
       for: e.for
     }), [
-      v(o.$slots, "default")
-    ], 16, g));
+      $(o.$slots, "default")
+    ], 16, w));
   }
-}), w = ["id", "value"], G = /* @__PURE__ */ n({
+}), D = ["id", "value"], H = /* @__PURE__ */ d({
   inheritAttrs: !1,
   __name: "BaseRadio",
-  props: /* @__PURE__ */ $({
+  props: /* @__PURE__ */ h({
     value: {}
   }, {
     modelValue: {},
@@ -90,16 +90,16 @@ const L = /* @__PURE__ */ n({
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const e = _(t, "modelValue"), o = m(), l = c(() => o.id || p());
-    return (r, s) => f((u(), d("input", i({ type: "radio" }, r.$attrs, {
+    const e = f(t, "modelValue"), o = c(), r = p(), l = _(() => o.id || r);
+    return (n, s) => v((u(), i("input", m({ type: "radio" }, n.$attrs, {
       "onUpdate:modelValue": s[0] || (s[0] = (a) => e.value = a),
       id: l.value,
       value: t.value
-    }), null, 16, w)), [
+    }), null, 16, D)), [
       [k, e.value]
     ]);
   }
-}), D = ["id"], H = /* @__PURE__ */ n({
+}), P = ["id"], J = /* @__PURE__ */ d({
   inheritAttrs: !1,
   __name: "BaseSelect",
   props: {
@@ -108,17 +108,17 @@ const L = /* @__PURE__ */ n({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const e = _(t, "modelValue"), o = m(), l = c(() => o.id || p());
-    return (r, s) => f((u(), d("select", i(r.$attrs, {
+    const e = f(t, "modelValue"), o = c(), r = p(), l = _(() => o.id || r);
+    return (n, s) => v((u(), i("select", m(n.$attrs, {
       "onUpdate:modelValue": s[0] || (s[0] = (a) => e.value = a),
       id: l.value
     }), [
-      v(r.$slots, "default")
-    ], 16, D)), [
+      $(n.$slots, "default")
+    ], 16, P)), [
       [x, e.value]
     ]);
   }
-}), P = ["id"], J = /* @__PURE__ */ n({
+}), T = ["id"], K = /* @__PURE__ */ d({
   inheritAttrs: !1,
   __name: "BaseTextarea",
   props: {
@@ -127,22 +127,22 @@ const L = /* @__PURE__ */ n({
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const e = _(t, "modelValue"), o = m(), l = c(() => o.id || p());
-    return (r, s) => f((u(), d("textarea", i(r.$attrs, {
+    const e = f(t, "modelValue"), o = c(), r = p(), l = _(() => o.id || r);
+    return (n, s) => v((u(), i("textarea", m(n.$attrs, {
       "onUpdate:modelValue": s[0] || (s[0] = (a) => e.value = a),
       id: l.value
-    }), null, 16, P)), [
+    }), null, 16, T)), [
       [y, e.value]
     ]);
   }
 });
 export {
-  L as CButton,
-  z as CCheckbox,
-  E as CForm,
-  j as CInput,
-  q as CLabel,
-  G as CRadio,
-  H as CSelect,
-  J as CTextarea
+  z as CButton,
+  E as CCheckbox,
+  j as CForm,
+  q as CInput,
+  G as CLabel,
+  H as CRadio,
+  J as CSelect,
+  K as CTextarea
 };

package/dist/charpente.umd.cjs

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

package/dist/components/BaseButton.d.ts

@@ -1,5 +1,6 @@
+import { Component } from 'vue';
 type __VLS_Props = {
-    as?: string | object;
+    as?: Component;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -11,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: string | object;
+    as: Component;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/BaseCheckbox.d.ts

@@ -1,12 +1,12 @@
 type __VLS_Props = {
-    value?: unknown;
+    value?: string | number;
 };
 type __VLS_PublicProps = {
-    modelValue?: boolean | unknown[];
+    modelValue?: boolean | (string | number)[];
 } & __VLS_Props;
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean | unknown[]) => any;
+    "update:modelValue": (value: boolean | (string | number)[]) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean | unknown[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean | (string | number)[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/BaseRadio.d.ts

@@ -1,12 +1,12 @@
 type __VLS_Props = {
-    value: unknown;
+    value: string | number;
 };
 type __VLS_PublicProps = {
-    modelValue?: unknown;
+    modelValue?: string | number;
 } & __VLS_Props;
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: unknown) => any;
+    "update:modelValue": (value: string | number) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/BaseSelect.d.ts

@@ -1,5 +1,5 @@
 type __VLS_PublicProps = {
-    modelValue?: unknown;
+    modelValue?: string | number;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -11,9 +11,9 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: unknown) => any;
+    "update:modelValue": (value: string | number) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/__tests__/BaseRadio.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@charpente-ui/vue",
-    "version": "1.1.1",
+    "version": "1.1.2",
     "description": "Charpente UI is a headless CSS Vue component library.",
     "type": "module",
     "scripts": {