@vuetify/nightly 3.0.0-beta.0 → 3.0.0-beta.13

package/lib/components/VCheckbox/VCheckbox.mjs

@@ -1,36 +1,17 @@
-import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
 // Styles
 import "./VCheckbox.css"; // Components
 
 import { filterInputProps, makeVInputProps, VInput } from "../VInput/VInput.mjs";
-import { filterControlProps, makeSelectionControlProps, VSelectionControl } from "../VSelectionControl/VSelectionControl.mjs"; // Composables
-
-import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utility
+import { filterCheckboxBtnProps, makeVCheckboxBtnProps, VCheckboxBtn } from "./VCheckboxBtn.mjs"; // Utilities
 
 import { computed } from 'vue';
-import { defineComponent, filterInputAttrs, useRender } from "../../util/index.mjs";
+import { defineComponent, filterInputAttrs, getUid, useRender } from "../../util/index.mjs";
 export const VCheckbox = defineComponent({
   name: 'VCheckbox',
   inheritAttrs: false,
-  props: {
-    indeterminate: Boolean,
-    indeterminateIcon: {
-      type: String,
-      default: '$checkboxIndeterminate'
-    },
-    ...makeVInputProps(),
-    ...makeSelectionControlProps(),
-    falseIcon: {
-      type: String,
-      default: '$checkboxOff'
-    },
-    trueIcon: {
-      type: String,
-      default: '$checkboxOn'
-    }
-  },
-  emits: {
-    'update:indeterminate': val => true
+  props: { ...makeVInputProps(),
+    ...makeVCheckboxBtnProps()
   },
 
   setup(props, _ref) {
@@ -38,41 +19,28 @@ export const VCheckbox = defineComponent({
       attrs,
       slots
     } = _ref;
-    const indeterminate = useProxiedModel(props, 'indeterminate');
-    const falseIcon = computed(() => {
-      return indeterminate.value ? props.indeterminateIcon : props.falseIcon;
-    });
-    const trueIcon = computed(() => {
-      return indeterminate.value ? props.indeterminateIcon : props.trueIcon;
-    });
-
-    function onChange() {
-      if (indeterminate.value) {
-        indeterminate.value = false;
-      }
-    }
-
+    const uid = getUid();
+    const id = computed(() => props.id || `checkbox-${uid}`);
     useRender(() => {
       const [inputAttrs, controlAttrs] = filterInputAttrs(attrs);
       const [inputProps, _1] = filterInputProps(props);
-      const [controlProps, _2] = filterControlProps(props);
+      const [checkboxProps, _2] = filterCheckboxBtnProps(props);
       return _createVNode(VInput, _mergeProps({
         "class": "v-checkbox"
-      }, inputAttrs, inputProps), { ...slots,
+      }, inputAttrs, inputProps, {
+        "id": id.value
+      }), { ...slots,
         default: _ref2 => {
           let {
+            id,
             isDisabled,
             isReadonly
           } = _ref2;
-          return _createVNode(VSelectionControl, _mergeProps(controlProps, {
-            "type": "checkbox",
-            "onUpdate:modelValue": onChange,
-            "falseIcon": falseIcon.value,
-            "trueIcon": trueIcon.value,
-            "aria-checked": indeterminate.value ? 'mixed' : undefined,
+          return _createVNode(VCheckboxBtn, _mergeProps(checkboxProps, {
+            "id": id.value,
             "disabled": isDisabled.value,
             "readonly": isReadonly.value
-          }, controlAttrs), null);
+          }, controlAttrs), slots);
         }
       });
     });

package/lib/components/VCheckbox/VCheckbox.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCheckbox/VCheckbox.tsx"],"names":["filterInputProps","makeVInputProps","VInput","filterControlProps","makeSelectionControlProps","VSelectionControl","useProxiedModel","computed","defineComponent","filterInputAttrs","useRender","VCheckbox","name","inheritAttrs","props","indeterminate","Boolean","indeterminateIcon","type","String","default","falseIcon","trueIcon","emits","val","setup","attrs","slots","value","onChange","inputAttrs","controlAttrs","inputProps","_1","controlProps","_2","isDisabled","isReadonly","undefined"],"mappings":";AAAA;AACA,yB,CAEA;;SACSA,gB,EAAkBC,e,EAAiBC,M;SACnCC,kB,EAAoBC,yB,EAA2BC,iB,sDAExD;;SACSC,e,8CAET;;AACA,SAASC,QAAT,QAAyB,KAAzB;SACSC,e,EAAiBC,gB,EAAkBC,S;AAE5C,OAAO,MAAMC,SAAS,GAAGH,eAAe,CAAC;AACvCI,EAAAA,IAAI,EAAE,WADiC;AAGvCC,EAAAA,YAAY,EAAE,KAHyB;AAKvCC,EAAAA,KAAK,EAAE;AACLC,IAAAA,aAAa,EAAEC,OADV;AAELC,IAAAA,iBAAiB,EAAE;AACjBC,MAAAA,IAAI,EAAEC,MADW;AAEjBC,MAAAA,OAAO,EAAE;AAFQ,KAFd;AAOL,OAAGnB,eAAe,EAPb;AAQL,OAAGG,yBAAyB,EARvB;AAULiB,IAAAA,SAAS,EAAE;AACTH,MAAAA,IAAI,EAAEC,MADG;AAETC,MAAAA,OAAO,EAAE;AAFA,KAVN;AAcLE,IAAAA,QAAQ,EAAE;AACRJ,MAAAA,IAAI,EAAEC,MADE;AAERC,MAAAA,OAAO,EAAE;AAFD;AAdL,GALgC;AAyBvCG,EAAAA,KAAK,EAAE;AACL,4BAAyBC,GAAD,IAAkB;AADrC,GAzBgC;;AA6BvCC,EAAAA,KAAK,CAAEX,KAAF,QAA2B;AAAA,QAAlB;AAAEY,MAAAA,KAAF;AAASC,MAAAA;AAAT,KAAkB;AAC9B,UAAMZ,aAAa,GAAGT,eAAe,CAACQ,KAAD,EAAQ,eAAR,CAArC;AACA,UAAMO,SAAS,GAAGd,QAAQ,CAAC,MAAM;AAC/B,aAAOQ,aAAa,CAACa,KAAd,GACHd,KAAK,CAACG,iBADH,GAEHH,KAAK,CAACO,SAFV;AAGD,KAJyB,CAA1B;AAKA,UAAMC,QAAQ,GAAGf,QAAQ,CAAC,MAAM;AAC9B,aAAOQ,aAAa,CAACa,KAAd,GACHd,KAAK,CAACG,iBADH,GAEHH,KAAK,CAACQ,QAFV;AAGD,KAJwB,CAAzB;;AAMA,aAASO,QAAT,GAAqB;AACnB,UAAId,aAAa,CAACa,KAAlB,EAAyB;AACvBb,QAAAA,aAAa,CAACa,KAAd,GAAsB,KAAtB;AACD;AACF;;AAEDlB,IAAAA,SAAS,CAAC,MAAM;AACd,YAAM,CAACoB,UAAD,EAAaC,YAAb,IAA6BtB,gBAAgB,CAACiB,KAAD,CAAnD;AACA,YAAM,CAACM,UAAD,EAAaC,EAAb,IAAmBjC,gBAAgB,CAACc,KAAD,CAAzC;AACA,YAAM,CAACoB,YAAD,EAAeC,EAAf,IAAqBhC,kBAAkB,CAACW,KAAD,CAA7C;AAEA;AAAA,iBAEU;AAFV,SAGSgB,UAHT,EAISE,UAJT,KAOM,GAAGL,KAPT;AAQMP,QAAAA,OAAO,EAAE;AAAA,cAAC;AACRgB,YAAAA,UADQ;AAERC,YAAAA;AAFQ,WAAD;AAAA,6DAKAH,YALA;AAAA,oBAMA,UANA;AAAA,mCAOiBL,QAPjB;AAAA,yBAQOR,SAAS,CAACO,KARjB;AAAA,wBASMN,QAAQ,CAACM,KATf;AAAA,4BAUUb,aAAa,CAACa,KAAd,GAAsB,OAAtB,GAAgCU,SAV1C;AAAA,wBAWMF,UAAU,CAACR,KAXjB;AAAA,wBAYMS,UAAU,CAACT;AAZjB,aAaAG,YAbA;AAAA;AARf;AA2BD,KAhCQ,CAAT;AAkCA,WAAO,EAAP;AACD;;AAnFsC,CAAD,CAAjC","sourcesContent":["// Styles\nimport './VCheckbox.sass'\n\n// Components\nimport { filterInputProps, makeVInputProps, VInput } from '@/components/VInput/VInput'\nimport { filterControlProps, makeSelectionControlProps, VSelectionControl } from '@/components/VSelectionControl/VSelectionControl'\n\n// Composables\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Utility\nimport { computed } from 'vue'\nimport { defineComponent, filterInputAttrs, useRender } from '@/util'\n\nexport const VCheckbox = defineComponent({\n  name: 'VCheckbox',\n\n  inheritAttrs: false,\n\n  props: {\n    indeterminate: Boolean,\n    indeterminateIcon: {\n      type: String,\n      default: '$checkboxIndeterminate',\n    },\n\n    ...makeVInputProps(),\n    ...makeSelectionControlProps(),\n\n    falseIcon: {\n      type: String,\n      default: '$checkboxOff',\n    },\n    trueIcon: {\n      type: String,\n      default: '$checkboxOn',\n    },\n  },\n\n  emits: {\n    'update:indeterminate': (val: boolean) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const indeterminate = useProxiedModel(props, 'indeterminate')\n    const falseIcon = computed(() => {\n      return indeterminate.value\n        ? props.indeterminateIcon\n        : props.falseIcon\n    })\n    const trueIcon = computed(() => {\n      return indeterminate.value\n        ? props.indeterminateIcon\n        : props.trueIcon\n    })\n\n    function onChange () {\n      if (indeterminate.value) {\n        indeterminate.value = false\n      }\n    }\n\n    useRender(() => {\n      const [inputAttrs, controlAttrs] = filterInputAttrs(attrs)\n      const [inputProps, _1] = filterInputProps(props)\n      const [controlProps, _2] = filterControlProps(props)\n\n      return (\n        <VInput\n          class=\"v-checkbox\"\n          { ...inputAttrs }\n          { ...inputProps }\n        >\n          {{\n            ...slots,\n            default: ({\n              isDisabled,\n              isReadonly,\n            }) => (\n              <VSelectionControl\n                { ...controlProps }\n                type=\"checkbox\"\n                onUpdate:modelValue={ onChange }\n                falseIcon={ falseIcon.value }\n                trueIcon={ trueIcon.value }\n                aria-checked={ indeterminate.value ? 'mixed' : undefined }\n                disabled={ isDisabled.value }\n                readonly={ isReadonly.value }\n                { ...controlAttrs }\n              />\n            ),\n          }}\n        </VInput>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VCheckbox = InstanceType<typeof VCheckbox>\n"],"file":"VCheckbox.mjs"}
+{"version":3,"file":"VCheckbox.mjs","names":["filterInputProps","makeVInputProps","VInput","filterCheckboxBtnProps","makeVCheckboxBtnProps","VCheckboxBtn","computed","defineComponent","filterInputAttrs","getUid","useRender","VCheckbox","name","inheritAttrs","props","setup","attrs","slots","uid","id","inputAttrs","controlAttrs","inputProps","_1","checkboxProps","_2","value","default","isDisabled","isReadonly"],"sources":["../../../src/components/VCheckbox/VCheckbox.tsx"],"sourcesContent":["// Styles\nimport './VCheckbox.sass'\n\n// Components\nimport { filterInputProps, makeVInputProps, VInput } from '@/components/VInput/VInput'\nimport { filterCheckboxBtnProps, makeVCheckboxBtnProps, VCheckboxBtn } from './VCheckboxBtn'\n\n// Utilities\nimport { computed } from 'vue'\nimport { defineComponent, filterInputAttrs, getUid, useRender } from '@/util'\n\nexport const VCheckbox = defineComponent({\n  name: 'VCheckbox',\n\n  inheritAttrs: false,\n\n  props: {\n    ...makeVInputProps(),\n    ...makeVCheckboxBtnProps(),\n  },\n\n  setup (props, { attrs, slots }) {\n    const uid = getUid()\n    const id = computed(() => props.id || `checkbox-${uid}`)\n\n    useRender(() => {\n      const [inputAttrs, controlAttrs] = filterInputAttrs(attrs)\n      const [inputProps, _1] = filterInputProps(props)\n      const [checkboxProps, _2] = filterCheckboxBtnProps(props)\n\n      return (\n        <VInput\n          class=\"v-checkbox\"\n          { ...inputAttrs }\n          { ...inputProps }\n          id={ id.value }\n        >\n          {{\n            ...slots,\n            default: ({\n              id,\n              isDisabled,\n              isReadonly,\n            }) => (\n              <VCheckboxBtn\n                { ...checkboxProps }\n                id={ id.value }\n                disabled={ isDisabled.value }\n                readonly={ isReadonly.value }\n                { ...controlAttrs }\n                v-slots={ slots }\n              />\n            ),\n          }}\n        </VInput>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VCheckbox = InstanceType<typeof VCheckbox>\n"],"mappings":";AAAA;AACA,yB,CAEA;;SACSA,gB,EAAkBC,e,EAAiBC,M;SACnCC,sB,EAAwBC,qB,EAAuBC,Y,8BAExD;;AACA,SAASC,QAAT,QAAyB,KAAzB;SACSC,e,EAAiBC,gB,EAAkBC,M,EAAQC,S;AAEpD,OAAO,MAAMC,SAAS,GAAGJ,eAAe,CAAC;EACvCK,IAAI,EAAE,WADiC;EAGvCC,YAAY,EAAE,KAHyB;EAKvCC,KAAK,EAAE,EACL,GAAGb,eAAe,EADb;IAEL,GAAGG,qBAAqB;EAFnB,CALgC;;EAUvCW,KAAK,CAAED,KAAF,QAA2B;IAAA,IAAlB;MAAEE,KAAF;MAASC;IAAT,CAAkB;IAC9B,MAAMC,GAAG,GAAGT,MAAM,EAAlB;IACA,MAAMU,EAAE,GAAGb,QAAQ,CAAC,MAAMQ,KAAK,CAACK,EAAN,IAAa,YAAWD,GAAI,EAAnC,CAAnB;IAEAR,SAAS,CAAC,MAAM;MACd,MAAM,CAACU,UAAD,EAAaC,YAAb,IAA6Bb,gBAAgB,CAACQ,KAAD,CAAnD;MACA,MAAM,CAACM,UAAD,EAAaC,EAAb,IAAmBvB,gBAAgB,CAACc,KAAD,CAAzC;MACA,MAAM,CAACU,aAAD,EAAgBC,EAAhB,IAAsBtB,sBAAsB,CAACW,KAAD,CAAlD;MAEA;QAAA,SAEU;MAFV,GAGSM,UAHT,EAISE,UAJT;QAAA,MAKSH,EAAE,CAACO;MALZ,MAQM,GAAGT,KART;QASMU,OAAO,EAAE;UAAA,IAAC;YACRR,EADQ;YAERS,UAFQ;YAGRC;UAHQ,CAAD;UAAA,8CAMAL,aANA;YAAA,MAOAL,EAAE,CAACO,KAPH;YAAA,YAQME,UAAU,CAACF,KARjB;YAAA,YASMG,UAAU,CAACH;UATjB,GAUAL,YAVA,GAWKJ,KAXL;QAAA;MATf;IA0BD,CA/BQ,CAAT;IAiCA,OAAO,EAAP;EACD;;AAhDsC,CAAD,CAAjC"}

package/lib/components/VCheckbox/VCheckbox.sass

@@ -1,4 +1,3 @@
-@forward './variables'
 @use 'sass:map'
 @use '../../styles/settings'
 @use '../../styles/tools'

package/lib/components/VCheckbox/VCheckboxBtn.mjs

@@ -0,0 +1,67 @@
+import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
+// Components
+import { makeSelectionControlProps, VSelectionControl } from "../VSelectionControl/VSelectionControl.mjs"; // Composables
+
+import { useProxiedModel } from "../../composables/proxiedModel.mjs";
+import { IconValue } from "../../composables/icons.mjs"; // Utilities
+
+import { computed } from 'vue';
+import { defineComponent, pick, propsFactory, useRender } from "../../util/index.mjs"; // Types
+
+export const makeVCheckboxBtnProps = propsFactory({
+  indeterminate: Boolean,
+  indeterminateIcon: {
+    type: IconValue,
+    default: '$checkboxIndeterminate'
+  },
+  ...makeSelectionControlProps({
+    falseIcon: '$checkboxOff',
+    trueIcon: '$checkboxOn'
+  })
+});
+export const VCheckboxBtn = defineComponent({
+  name: 'VCheckboxBtn',
+  props: makeVCheckboxBtnProps(),
+  emits: {
+    'update:modelValue': value => true,
+    'update:indeterminate': val => true
+  },
+
+  setup(props, _ref) {
+    let {
+      slots,
+      emit
+    } = _ref;
+    const indeterminate = useProxiedModel(props, 'indeterminate');
+
+    function onChange(v) {
+      if (indeterminate.value) {
+        indeterminate.value = false;
+      }
+
+      emit('update:modelValue', v);
+    }
+
+    const falseIcon = computed(() => {
+      return props.indeterminate ? props.indeterminateIcon : props.falseIcon;
+    });
+    const trueIcon = computed(() => {
+      return props.indeterminate ? props.indeterminateIcon : props.trueIcon;
+    });
+    useRender(() => _createVNode(VSelectionControl, _mergeProps(props, {
+      "class": "v-checkbox-btn",
+      "type": "checkbox",
+      "inline": true,
+      "onUpdate:modelValue": onChange,
+      "falseIcon": falseIcon.value,
+      "trueIcon": trueIcon.value,
+      "aria-checked": props.indeterminate ? 'mixed' : undefined
+    }), slots));
+    return {};
+  }
+
+});
+export function filterCheckboxBtnProps(props) {
+  return pick(props, Object.keys(VCheckboxBtn.props));
+}
+//# sourceMappingURL=VCheckboxBtn.mjs.map

package/lib/components/VCheckbox/VCheckboxBtn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VCheckboxBtn.mjs","names":["makeSelectionControlProps","VSelectionControl","useProxiedModel","IconValue","computed","defineComponent","pick","propsFactory","useRender","makeVCheckboxBtnProps","indeterminate","Boolean","indeterminateIcon","type","default","falseIcon","trueIcon","VCheckboxBtn","name","props","emits","value","val","setup","slots","emit","onChange","v","undefined","filterCheckboxBtnProps","Object","keys"],"sources":["../../../src/components/VCheckbox/VCheckboxBtn.tsx"],"sourcesContent":["// Components\nimport { makeSelectionControlProps, VSelectionControl } from '../VSelectionControl/VSelectionControl'\n\n// Composables\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { IconValue } from '@/composables/icons'\n\n// Utilities\nimport { computed } from 'vue'\nimport { defineComponent, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { ExtractPropTypes } from 'vue'\n\nexport const makeVCheckboxBtnProps = propsFactory({\n  indeterminate: Boolean,\n  indeterminateIcon: {\n    type: IconValue,\n    default: '$checkboxIndeterminate',\n  },\n\n  ...makeSelectionControlProps({\n    falseIcon: '$checkboxOff',\n    trueIcon: '$checkboxOn',\n  }),\n})\n\nexport const VCheckboxBtn = defineComponent({\n  name: 'VCheckboxBtn',\n\n  props: makeVCheckboxBtnProps(),\n\n  emits: {\n    'update:modelValue': (value: any) => true,\n    'update:indeterminate': (val: boolean) => true,\n  },\n\n  setup (props, { slots, emit }) {\n    const indeterminate = useProxiedModel(props, 'indeterminate')\n\n    function onChange (v: any) {\n      if (indeterminate.value) {\n        indeterminate.value = false\n      }\n\n      emit('update:modelValue', v)\n    }\n\n    const falseIcon = computed(() => {\n      return props.indeterminate\n        ? props.indeterminateIcon\n        : props.falseIcon\n    })\n\n    const trueIcon = computed(() => {\n      return props.indeterminate\n        ? props.indeterminateIcon\n        : props.trueIcon\n    })\n\n    useRender(() => (\n      <VSelectionControl\n        { ...props }\n        class=\"v-checkbox-btn\"\n        type=\"checkbox\"\n        inline\n        onUpdate:modelValue={ onChange }\n        falseIcon={ falseIcon.value }\n        trueIcon={ trueIcon.value }\n        aria-checked={ props.indeterminate ? 'mixed' : undefined }\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n\nexport type VCheckboxBtn = InstanceType<typeof VCheckboxBtn>\n\nexport function filterCheckboxBtnProps (props: ExtractPropTypes<ReturnType<typeof makeVCheckboxBtnProps>>) {\n  return pick(props, Object.keys(VCheckboxBtn.props) as any)\n}\n"],"mappings":";AAAA;SACSA,yB,EAA2BC,iB,sDAEpC;;SACSC,e;SACAC,S,uCAET;;AACA,SAASC,QAAT,QAAyB,KAAzB;SACSC,e,EAAiBC,I,EAAMC,Y,EAAcC,S,gCAE9C;;AAGA,OAAO,MAAMC,qBAAqB,GAAGF,YAAY,CAAC;EAChDG,aAAa,EAAEC,OADiC;EAEhDC,iBAAiB,EAAE;IACjBC,IAAI,EAAEV,SADW;IAEjBW,OAAO,EAAE;EAFQ,CAF6B;EAOhD,GAAGd,yBAAyB,CAAC;IAC3Be,SAAS,EAAE,cADgB;IAE3BC,QAAQ,EAAE;EAFiB,CAAD;AAPoB,CAAD,CAA1C;AAaP,OAAO,MAAMC,YAAY,GAAGZ,eAAe,CAAC;EAC1Ca,IAAI,EAAE,cADoC;EAG1CC,KAAK,EAAEV,qBAAqB,EAHc;EAK1CW,KAAK,EAAE;IACL,qBAAsBC,KAAD,IAAgB,IADhC;IAEL,wBAAyBC,GAAD,IAAkB;EAFrC,CALmC;;EAU1CC,KAAK,CAAEJ,KAAF,QAA0B;IAAA,IAAjB;MAAEK,KAAF;MAASC;IAAT,CAAiB;IAC7B,MAAMf,aAAa,GAAGR,eAAe,CAACiB,KAAD,EAAQ,eAAR,CAArC;;IAEA,SAASO,QAAT,CAAmBC,CAAnB,EAA2B;MACzB,IAAIjB,aAAa,CAACW,KAAlB,EAAyB;QACvBX,aAAa,CAACW,KAAd,GAAsB,KAAtB;MACD;;MAEDI,IAAI,CAAC,mBAAD,EAAsBE,CAAtB,CAAJ;IACD;;IAED,MAAMZ,SAAS,GAAGX,QAAQ,CAAC,MAAM;MAC/B,OAAOe,KAAK,CAACT,aAAN,GACHS,KAAK,CAACP,iBADH,GAEHO,KAAK,CAACJ,SAFV;IAGD,CAJyB,CAA1B;IAMA,MAAMC,QAAQ,GAAGZ,QAAQ,CAAC,MAAM;MAC9B,OAAOe,KAAK,CAACT,aAAN,GACHS,KAAK,CAACP,iBADH,GAEHO,KAAK,CAACH,QAFV;IAGD,CAJwB,CAAzB;IAMAR,SAAS,CAAC,kDAEDW,KAFC;MAAA,SAGA,gBAHA;MAAA,QAID,UAJC;MAAA;MAAA,uBAMgBO,QANhB;MAAA,aAOMX,SAAS,CAACM,KAPhB;MAAA,YAQKL,QAAQ,CAACK,KARd;MAAA,gBASSF,KAAK,CAACT,aAAN,GAAsB,OAAtB,GAAgCkB;IATzC,IAUIJ,KAVJ,CAAD,CAAT;IAcA,OAAO,EAAP;EACD;;AAhDyC,CAAD,CAApC;AAqDP,OAAO,SAASK,sBAAT,CAAiCV,KAAjC,EAAoG;EACzG,OAAOb,IAAI,CAACa,KAAD,EAAQW,MAAM,CAACC,IAAP,CAAYd,YAAY,CAACE,KAAzB,CAAR,CAAX;AACD"}

package/lib/components/VCheckbox/index.d.ts

@@ -0,0 +1,291 @@
+import * as vue from 'vue';
+import { PropType, JSXComponent, ExtractPropTypes } from 'vue';
+
+declare function deepEqual(a: any, b: any): boolean;
+declare type EventProp<T = (...args: any[]) => any> = T | T[];
+declare const EventProp: PropType<EventProp<(...args: any[]) => any>>;
+
+declare type ValidationResult = string | boolean;
+declare type ValidationRule = ValidationResult | PromiseLike<ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike<ValidationResult>);
+
+declare type IconValue = string | JSXComponent;
+declare const IconValue: PropType<IconValue>;
+
+declare const VCheckbox: vue.DefineComponent<{
+    density: {
+        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    theme: StringConstructor;
+    color: StringConstructor;
+    disabled: BooleanConstructor;
+    error: BooleanConstructor;
+    id: StringConstructor;
+    inline: BooleanConstructor;
+    label: StringConstructor;
+    falseIcon: {
+        type: vue.PropType<(string & {}) | IconValue>;
+        default: (string & {}) | IconValue;
+    };
+    trueIcon: {
+        type: vue.PropType<(string & {}) | IconValue>;
+        default: (string & {}) | IconValue;
+    };
+    ripple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: vue.PropType<boolean | null>;
+        default: null;
+    };
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    trueValue: null;
+    falseValue: null;
+    modelValue: null;
+    type: StringConstructor;
+    value: null;
+    valueComparator: {
+        type: vue.PropType<typeof deepEqual>;
+        default: typeof deepEqual;
+    };
+    indeterminate: BooleanConstructor;
+    indeterminateIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+    errorMessages: {
+        type: vue.PropType<string | string[]>;
+        default: () => never[];
+    };
+    maxErrors: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    rules: {
+        type: vue.PropType<ValidationRule[]>;
+        default: () => never[];
+    };
+    validationValue: null;
+    appendIcon: vue.PropType<IconValue>;
+    prependIcon: vue.PropType<IconValue>;
+    hideDetails: vue.PropType<boolean | "auto">;
+    messages: {
+        type: vue.PropType<string | string[]>;
+        default: () => never[];
+    };
+    direction: {
+        type: vue.PropType<"horizontal" | "vertical">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    'onClick:prepend': vue.PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:append': vue.PropType<EventProp<(...args: any[]) => any>>;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    density: {
+        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    theme: StringConstructor;
+    color: StringConstructor;
+    disabled: BooleanConstructor;
+    error: BooleanConstructor;
+    id: StringConstructor;
+    inline: BooleanConstructor;
+    label: StringConstructor;
+    falseIcon: {
+        type: vue.PropType<(string & {}) | IconValue>;
+        default: (string & {}) | IconValue;
+    };
+    trueIcon: {
+        type: vue.PropType<(string & {}) | IconValue>;
+        default: (string & {}) | IconValue;
+    };
+    ripple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: vue.PropType<boolean | null>;
+        default: null;
+    };
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    trueValue: null;
+    falseValue: null;
+    modelValue: null;
+    type: StringConstructor;
+    value: null;
+    valueComparator: {
+        type: vue.PropType<typeof deepEqual>;
+        default: typeof deepEqual;
+    };
+    indeterminate: BooleanConstructor;
+    indeterminateIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+    errorMessages: {
+        type: vue.PropType<string | string[]>;
+        default: () => never[];
+    };
+    maxErrors: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    rules: {
+        type: vue.PropType<ValidationRule[]>;
+        default: () => never[];
+    };
+    validationValue: null;
+    appendIcon: vue.PropType<IconValue>;
+    prependIcon: vue.PropType<IconValue>;
+    hideDetails: vue.PropType<boolean | "auto">;
+    messages: {
+        type: vue.PropType<string | string[]>;
+        default: () => never[];
+    };
+    direction: {
+        type: vue.PropType<"horizontal" | "vertical">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    'onClick:prepend': vue.PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:append': vue.PropType<EventProp<(...args: any[]) => any>>;
+}>>, {
+    inline: boolean;
+    error: boolean;
+    direction: "horizontal" | "vertical";
+    disabled: boolean;
+    multiple: boolean | null;
+    readonly: boolean;
+    indeterminate: boolean;
+    messages: string | string[];
+    density: "default" | "compact" | "comfortable" | null;
+    ripple: boolean;
+    errorMessages: string | string[];
+    maxErrors: string | number;
+    rules: ValidationRule[];
+    falseIcon: (string & {}) | IconValue;
+    trueIcon: (string & {}) | IconValue;
+    valueComparator: typeof deepEqual;
+    indeterminateIcon: IconValue;
+}>;
+declare type VCheckbox = InstanceType<typeof VCheckbox>;
+
+declare const VCheckboxBtn: vue.DefineComponent<{
+    density: {
+        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    theme: StringConstructor;
+    color: StringConstructor;
+    disabled: BooleanConstructor;
+    error: BooleanConstructor;
+    id: StringConstructor;
+    inline: BooleanConstructor;
+    label: StringConstructor;
+    falseIcon: {
+        type: vue.PropType<(string & {}) | IconValue>;
+        default: (string & {}) | IconValue;
+    };
+    trueIcon: {
+        type: vue.PropType<(string & {}) | IconValue>;
+        default: (string & {}) | IconValue;
+    };
+    ripple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: vue.PropType<boolean | null>;
+        default: null;
+    };
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    trueValue: null;
+    falseValue: null;
+    modelValue: null;
+    type: StringConstructor;
+    value: null;
+    valueComparator: {
+        type: vue.PropType<typeof deepEqual>;
+        default: typeof deepEqual;
+    };
+    indeterminate: BooleanConstructor;
+    indeterminateIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:modelValue': (value: any) => true;
+    'update:indeterminate': (val: boolean) => true;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<ExtractPropTypes<{
+    density: {
+        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    theme: StringConstructor;
+    color: StringConstructor;
+    disabled: BooleanConstructor;
+    error: BooleanConstructor;
+    id: StringConstructor;
+    inline: BooleanConstructor;
+    label: StringConstructor;
+    falseIcon: {
+        type: vue.PropType<(string & {}) | IconValue>;
+        default: (string & {}) | IconValue;
+    };
+    trueIcon: {
+        type: vue.PropType<(string & {}) | IconValue>;
+        default: (string & {}) | IconValue;
+    };
+    ripple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: vue.PropType<boolean | null>;
+        default: null;
+    };
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    trueValue: null;
+    falseValue: null;
+    modelValue: null;
+    type: StringConstructor;
+    value: null;
+    valueComparator: {
+        type: vue.PropType<typeof deepEqual>;
+        default: typeof deepEqual;
+    };
+    indeterminate: BooleanConstructor;
+    indeterminateIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    "onUpdate:indeterminate"?: ((val: boolean) => any) | undefined;
+}, {
+    inline: boolean;
+    error: boolean;
+    disabled: boolean;
+    multiple: boolean | null;
+    readonly: boolean;
+    indeterminate: boolean;
+    density: "default" | "compact" | "comfortable" | null;
+    ripple: boolean;
+    falseIcon: (string & {}) | IconValue;
+    trueIcon: (string & {}) | IconValue;
+    valueComparator: typeof deepEqual;
+    indeterminateIcon: IconValue;
+}>;
+declare type VCheckboxBtn = InstanceType<typeof VCheckboxBtn>;
+
+export { VCheckbox, VCheckboxBtn };

package/lib/components/VCheckbox/index.mjs

@@ -1,2 +1,3 @@
 export { VCheckbox } from "./VCheckbox.mjs";
+export { VCheckboxBtn } from "./VCheckboxBtn.mjs";
 //# sourceMappingURL=index.mjs.map

package/lib/components/VCheckbox/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCheckbox/index.ts"],"names":["VCheckbox"],"mappings":"SAASA,S","sourcesContent":["export { VCheckbox } from './VCheckbox'\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["VCheckbox","VCheckboxBtn"],"sources":["../../../src/components/VCheckbox/index.ts"],"sourcesContent":["export { VCheckbox } from './VCheckbox'\nexport { VCheckboxBtn } from './VCheckboxBtn'\n"],"mappings":"SAASA,S;SACAC,Y"}