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

package/lib/components/VCarousel/VCarousel.sass

@@ -1,4 +1,3 @@
-@forward './variables'
 @use './variables' as *
 
 .v-carousel

package/lib/components/VCarousel/VCarouselItem.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCarousel/VCarouselItem.tsx"],"names":["VImg","VWindowItem","defineComponent","useRender","VCarouselItem","name","inheritAttrs","props","value","setup","slots","attrs"],"mappings":";AAAA;SACSA,I;SACAC,W,gCAET;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,aAAa,GAAGF,eAAe,CAAC;AAC3CG,EAAAA,IAAI,EAAE,eADqC;AAG3CC,EAAAA,YAAY,EAAE,KAH6B;AAK3CC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE;AADF,GALoC;;AAS3CC,EAAAA,KAAK,CAAEF,KAAF,QAA2B;AAAA,QAAlB;AAAEG,MAAAA,KAAF;AAASC,MAAAA;AAAT,KAAkB;AAC9BR,IAAAA,SAAS,CAAC;AAAA,eACW,iBADX;AAAA,eACqCI,KAAK,CAACC;AAD3C;AAAA,yCAGCG,KAHD,EAIMD,KAJN;AAAA,MAAD,CAAT;AAQD;;AAlB0C,CAAD,CAArC","sourcesContent":["// Components\nimport { VImg } from '@/components/VImg'\nimport { VWindowItem } from '@/components/VWindow'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VCarouselItem = defineComponent({\n  name: 'VCarouselItem',\n\n  inheritAttrs: false,\n\n  props: {\n    value: null,\n  },\n\n  setup (props, { slots, attrs }) {\n    useRender(() => (\n      <VWindowItem class=\"v-carousel-item\" value={ props.value }>\n        <VImg\n          { ...attrs }\n          v-slots={ slots }\n        />\n      </VWindowItem>\n    ))\n  },\n})\n\nexport type VCarouselItem = InstanceType<typeof VCarouselItem>\n"],"file":"VCarouselItem.mjs"}
+{"version":3,"file":"VCarouselItem.mjs","names":["VImg","VWindowItem","defineComponent","useRender","VCarouselItem","name","inheritAttrs","props","value","setup","slots","attrs"],"sources":["../../../src/components/VCarousel/VCarouselItem.tsx"],"sourcesContent":["// Components\nimport { VImg } from '@/components/VImg'\nimport { VWindowItem } from '@/components/VWindow'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VCarouselItem = defineComponent({\n  name: 'VCarouselItem',\n\n  inheritAttrs: false,\n\n  props: {\n    value: null,\n  },\n\n  setup (props, { slots, attrs }) {\n    useRender(() => (\n      <VWindowItem class=\"v-carousel-item\" value={ props.value }>\n        <VImg\n          { ...attrs }\n          v-slots={ slots }\n        />\n      </VWindowItem>\n    ))\n  },\n})\n\nexport type VCarouselItem = InstanceType<typeof VCarouselItem>\n"],"mappings":";AAAA;SACSA,I;SACAC,W,gCAET;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,aAAa,GAAGF,eAAe,CAAC;EAC3CG,IAAI,EAAE,eADqC;EAG3CC,YAAY,EAAE,KAH6B;EAK3CC,KAAK,EAAE;IACLC,KAAK,EAAE;EADF,CALoC;;EAS3CC,KAAK,CAAEF,KAAF,QAA2B;IAAA,IAAlB;MAAEG,KAAF;MAASC;IAAT,CAAkB;IAC9BR,SAAS,CAAC;MAAA,SACW,iBADX;MAAA,SACqCI,KAAK,CAACC;IAD3C;MAAA,mCAGCG,KAHD,EAIMD,KAJN;IAAA,EAAD,CAAT;EAQD;;AAlB0C,CAAD,CAArC"}

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

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

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.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"}

package/lib/components/VChip/VChip.css

@@ -3,8 +3,11 @@
   cursor: default;
   display: inline-flex;
   font-weight: 400;
+  max-width: 100%;
+  overflow: hidden;
   position: relative;
   text-decoration: none;
+  white-space: nowrap;
   vertical-align: middle;
   border-color: rgba(var(--v-border-color), var(--v-border-opacity));
   border-style: solid;
@@ -178,7 +181,7 @@
   height: calc(var(--v-chip-height) + -12px);
 }
 
-.v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-contained-text {
+.v-chip--variant-plain, .v-chip--variant-outlined, .v-chip--variant-text, .v-chip--variant-tonal {
   background: transparent;
   color: inherit;
 }
@@ -191,14 +194,14 @@
 .v-chip--variant-plain .v-chip__overlay {
   display: none;
 }
-.v-chip--variant-contained, .v-chip--variant-contained-flat {
+.v-chip--variant-elevated, .v-chip--variant-flat {
   background: rgb(var(--v-theme-surface-variant));
   color: rgb(var(--v-theme-on-surface-variant));
 }
-.v-chip--variant-contained {
+.v-chip--variant-elevated {
   box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
 }
-.v-chip--variant-contained-flat {
+.v-chip--variant-flat {
   box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
 }
 .v-chip--variant-outlined {
@@ -207,7 +210,7 @@
 .v-chip--variant-text .v-chip__overlay {
   background: currentColor;
 }
-.v-chip--variant-contained-text .v-chip__underlay {
+.v-chip--variant-tonal .v-chip__underlay {
   background: currentColor;
   opacity: var(--v-activated-opacity);
   border-radius: inherit;

package/lib/components/VChip/VChip.mjs

@@ -17,7 +17,8 @@ import { makeRouterProps, useLink } from "../../composables/router.mjs";
 import { makeSizeProps, useSize } from "../../composables/size.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
-import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Directives
+import { useProxiedModel } from "../../composables/proxiedModel.mjs";
+import { IconValue } from "../../composables/icons.mjs"; // Directives
 
 import { Ripple } from "../../directives/ripple/index.mjs"; // Utilities
 
@@ -30,10 +31,10 @@ export const VChip = defineComponent({
   props: {
     activeClass: String,
     appendAvatar: String,
-    appendIcon: String,
+    appendIcon: IconValue,
     closable: Boolean,
     closeIcon: {
-      type: String,
+      type: IconValue,
       default: '$delete'
     },
     closeLabel: {
@@ -50,7 +51,7 @@ export const VChip = defineComponent({
     link: Boolean,
     pill: Boolean,
     prependAvatar: String,
-    prependIcon: String,
+    prependIcon: IconValue,
     ripple: {
       type: Boolean,
       default: true
@@ -72,7 +73,7 @@ export const VChip = defineComponent({
     }),
     ...makeThemeProps(),
     ...makeVariantProps({
-      variant: 'contained-text'
+      variant: 'tonal'
     })
   },
   emits: {

package/lib/components/VChip/VChip.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VChip/VChip.tsx"],"names":["VAvatar","VChipGroupSymbol","VExpandXTransition","VIcon","genOverlays","makeVariantProps","useVariant","makeBorderProps","useBorder","makeDensityProps","useDensity","makeElevationProps","useElevation","makeGroupItemProps","useGroupItem","makeRoundedProps","useRounded","makeRouterProps","useLink","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","useProxiedModel","Ripple","defineComponent","VChip","name","directives","props","activeClass","String","appendAvatar","appendIcon","closable","Boolean","closeIcon","type","default","closeLabel","draggable","filter","filterIcon","label","link","pill","prependAvatar","prependIcon","ripple","text","modelValue","tag","variant","emits","e","value","setup","attrs","emit","slots","isActive","themeClasses","borderClasses","colorClasses","colorStyles","variantClasses","elevationClasses","group","roundedClasses","sizeClasses","densityClasses","onCloseClick","Tag","isLink","hasAppend","append","hasClose","close","hasFilter","hasPrepend","prepend","hasColor","isSelected","isClickable","disabled","onClickFunc","toggle","undefined","selectedClass","href","size","select","onClick"],"mappings":"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","sourcesContent":["// Styles\nimport './VChip.sass'\n\n// Components\nimport { VAvatar } from '@/components/VAvatar'\nimport { VChipGroupSymbol } from '@/components/VChipGroup/VChipGroup'\nimport { VExpandXTransition } from '@/components/transitions'\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VChip = defineComponent({\n  name: 'VChip',\n\n  directives: { Ripple },\n\n  props: {\n    activeClass: String,\n    appendAvatar: String,\n    appendIcon: String,\n    closable: Boolean,\n    closeIcon: {\n      type: String,\n      default: '$delete',\n    },\n    closeLabel: {\n      type: String,\n      default: '$vuetify.close',\n    },\n    draggable: Boolean,\n    filter: Boolean,\n    filterIcon: {\n      type: String,\n      default: '$complete',\n    },\n    label: Boolean,\n    link: Boolean,\n    pill: Boolean,\n    prependAvatar: String,\n    prependIcon: String,\n    ripple: {\n      type: Boolean,\n      default: true,\n    },\n    text: String,\n    modelValue: {\n      type: Boolean,\n      default: true,\n    },\n\n    ...makeBorderProps(),\n    ...makeDensityProps(),\n    ...makeElevationProps(),\n    ...makeGroupItemProps(),\n    ...makeRoundedProps(),\n    ...makeRouterProps(),\n    ...makeSizeProps(),\n    ...makeTagProps({ tag: 'span' }),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'contained-text' } as const),\n  },\n\n  emits: {\n    'click:close': (e: Event) => true,\n    'update:active': (value: Boolean) => true,\n    'update:modelValue': (value: Boolean) => true,\n  },\n\n  setup (props, { attrs, emit, slots }) {\n    const isActive = useProxiedModel(props, 'modelValue')\n\n    const { themeClasses } = provideTheme(props)\n    const { borderClasses } = useBorder(props)\n    const { colorClasses, colorStyles, variantClasses } = useVariant(props)\n    const { elevationClasses } = useElevation(props)\n    const group = useGroupItem(props, VChipGroupSymbol, false)\n    const { roundedClasses } = useRounded(props)\n    const { sizeClasses } = useSize(props)\n    const { densityClasses } = useDensity(props)\n    const link = useLink(props, attrs)\n\n    function onCloseClick (e: Event) {\n      isActive.value = false\n\n      emit('click:close', e)\n    }\n\n    return () => {\n      const Tag = (link.isLink.value) ? 'a' : props.tag\n      const hasAppend = !!(slots.append || props.appendIcon || props.appendAvatar)\n      const hasClose = !!(slots.close || props.closable)\n      const hasFilter = !!(slots.filter || props.filter) && group\n      const hasPrepend = !!(slots.prepend || props.prependIcon || props.prependAvatar)\n      const hasColor = !group || group.isSelected.value\n      const isClickable = !props.disabled && (!!group || link.isClickable.value || props.link)\n      const onClickFunc = props.link ? props.link : group?.toggle\n\n      return isActive.value && (\n        <Tag\n          class={[\n            'v-chip',\n            {\n              'v-chip--disabled': props.disabled,\n              'v-chip--label': props.label,\n              'v-chip--link': isClickable,\n              'v-chip--pill': props.pill,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            hasColor ? colorClasses.value : undefined,\n            densityClasses.value,\n            elevationClasses.value,\n            roundedClasses.value,\n            sizeClasses.value,\n            variantClasses.value,\n            group?.selectedClass.value,\n          ]}\n          style={[\n            hasColor ? colorStyles.value : undefined,\n          ]}\n          disabled={ props.disabled || undefined }\n          draggable={ props.draggable }\n          href={ link.href.value }\n          v-ripple={ [isClickable && props.ripple, null] }\n          onClick={ isClickable && onClickFunc }\n        >\n          { genOverlays(isClickable, 'v-chip') }\n\n          { hasFilter && (\n            <VExpandXTransition>\n              <div\n                class=\"v-chip__filter\"\n                v-show={ group.isSelected.value }\n              >\n                { slots.filter\n                  ? slots.filter()\n                  : <VIcon icon={ props.filterIcon } />\n                }\n              </div>\n            </VExpandXTransition>\n          ) }\n\n          { hasPrepend && (\n            <div class=\"v-chip__prepend\">\n              { slots.prepend\n                ? slots.prepend()\n                : (\n                  <VAvatar\n                    icon={ props.prependIcon }\n                    image={ props.prependAvatar }\n                    size={ props.size }\n                  />\n                )\n              }\n            </div>\n          ) }\n\n          { slots.default?.({\n            isSelected: group?.isSelected.value,\n            selectedClass: group?.selectedClass.value,\n            select: group?.select,\n            toggle: group?.toggle,\n            value: group?.value.value,\n            disabled: props.disabled,\n          }) ?? props.text }\n\n          { hasAppend && (\n            <div class=\"v-chip__append\">\n              { slots.append\n                ? slots.append()\n                : (\n                  <VAvatar\n                    icon={ props.appendIcon }\n                    image={ props.appendAvatar }\n                    size={ props.size }\n                  />\n                )\n              }\n            </div>\n          ) }\n\n          { hasClose && (\n            <div\n              class=\"v-chip__close\"\n              onClick={ onCloseClick }\n            >\n              { slots.close\n                ? slots.close({ props: { onClick: onCloseClick } })\n                : (\n                  <VIcon\n                    icon={ props.closeIcon }\n                    size=\"x-small\"\n                  />\n                )\n              }\n            </div>\n          ) }\n        </Tag>\n      )\n    }\n  },\n})\n\nexport type VChip = InstanceType<typeof VChip>\n"],"file":"VChip.mjs"}
+{"version":3,"file":"VChip.mjs","names":["VAvatar","VChipGroupSymbol","VExpandXTransition","VIcon","genOverlays","makeVariantProps","useVariant","makeBorderProps","useBorder","makeDensityProps","useDensity","makeElevationProps","useElevation","makeGroupItemProps","useGroupItem","makeRoundedProps","useRounded","makeRouterProps","useLink","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","useProxiedModel","IconValue","Ripple","defineComponent","VChip","name","directives","props","activeClass","String","appendAvatar","appendIcon","closable","Boolean","closeIcon","type","default","closeLabel","draggable","filter","filterIcon","label","link","pill","prependAvatar","prependIcon","ripple","text","modelValue","tag","variant","emits","e","value","setup","attrs","emit","slots","isActive","themeClasses","borderClasses","colorClasses","colorStyles","variantClasses","elevationClasses","group","roundedClasses","sizeClasses","densityClasses","onCloseClick","Tag","isLink","hasAppend","append","hasClose","close","hasFilter","hasPrepend","prepend","hasColor","isSelected","isClickable","disabled","onClickFunc","toggle","undefined","selectedClass","href","size","select","onClick"],"sources":["../../../src/components/VChip/VChip.tsx"],"sourcesContent":["// Styles\nimport './VChip.sass'\n\n// Components\nimport { VAvatar } from '@/components/VAvatar'\nimport { VChipGroupSymbol } from '@/components/VChipGroup/VChipGroup'\nimport { VExpandXTransition } from '@/components/transitions'\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { IconValue } from '@/composables/icons'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VChip = defineComponent({\n  name: 'VChip',\n\n  directives: { Ripple },\n\n  props: {\n    activeClass: String,\n    appendAvatar: String,\n    appendIcon: IconValue,\n    closable: Boolean,\n    closeIcon: {\n      type: IconValue,\n      default: '$delete',\n    },\n    closeLabel: {\n      type: String,\n      default: '$vuetify.close',\n    },\n    draggable: Boolean,\n    filter: Boolean,\n    filterIcon: {\n      type: String,\n      default: '$complete',\n    },\n    label: Boolean,\n    link: Boolean,\n    pill: Boolean,\n    prependAvatar: String,\n    prependIcon: IconValue,\n    ripple: {\n      type: Boolean,\n      default: true,\n    },\n    text: String,\n    modelValue: {\n      type: Boolean,\n      default: true,\n    },\n\n    ...makeBorderProps(),\n    ...makeDensityProps(),\n    ...makeElevationProps(),\n    ...makeGroupItemProps(),\n    ...makeRoundedProps(),\n    ...makeRouterProps(),\n    ...makeSizeProps(),\n    ...makeTagProps({ tag: 'span' }),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'tonal' } as const),\n  },\n\n  emits: {\n    'click:close': (e: Event) => true,\n    'update:active': (value: Boolean) => true,\n    'update:modelValue': (value: Boolean) => true,\n  },\n\n  setup (props, { attrs, emit, slots }) {\n    const isActive = useProxiedModel(props, 'modelValue')\n\n    const { themeClasses } = provideTheme(props)\n    const { borderClasses } = useBorder(props)\n    const { colorClasses, colorStyles, variantClasses } = useVariant(props)\n    const { elevationClasses } = useElevation(props)\n    const group = useGroupItem(props, VChipGroupSymbol, false)\n    const { roundedClasses } = useRounded(props)\n    const { sizeClasses } = useSize(props)\n    const { densityClasses } = useDensity(props)\n    const link = useLink(props, attrs)\n\n    function onCloseClick (e: Event) {\n      isActive.value = false\n\n      emit('click:close', e)\n    }\n\n    return () => {\n      const Tag = (link.isLink.value) ? 'a' : props.tag\n      const hasAppend = !!(slots.append || props.appendIcon || props.appendAvatar)\n      const hasClose = !!(slots.close || props.closable)\n      const hasFilter = !!(slots.filter || props.filter) && group\n      const hasPrepend = !!(slots.prepend || props.prependIcon || props.prependAvatar)\n      const hasColor = !group || group.isSelected.value\n      const isClickable = !props.disabled && (!!group || link.isClickable.value || props.link)\n      const onClickFunc = props.link ? props.link : group?.toggle\n\n      return isActive.value && (\n        <Tag\n          class={[\n            'v-chip',\n            {\n              'v-chip--disabled': props.disabled,\n              'v-chip--label': props.label,\n              'v-chip--link': isClickable,\n              'v-chip--pill': props.pill,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            hasColor ? colorClasses.value : undefined,\n            densityClasses.value,\n            elevationClasses.value,\n            roundedClasses.value,\n            sizeClasses.value,\n            variantClasses.value,\n            group?.selectedClass.value,\n          ]}\n          style={[\n            hasColor ? colorStyles.value : undefined,\n          ]}\n          disabled={ props.disabled || undefined }\n          draggable={ props.draggable }\n          href={ link.href.value }\n          v-ripple={ [isClickable && props.ripple, null] }\n          onClick={ isClickable && onClickFunc }\n        >\n          { genOverlays(isClickable, 'v-chip') }\n\n          { hasFilter && (\n            <VExpandXTransition>\n              <div\n                class=\"v-chip__filter\"\n                v-show={ group.isSelected.value }\n              >\n                { slots.filter\n                  ? slots.filter()\n                  : <VIcon icon={ props.filterIcon } />\n                }\n              </div>\n            </VExpandXTransition>\n          ) }\n\n          { hasPrepend && (\n            <div class=\"v-chip__prepend\">\n              { slots.prepend\n                ? slots.prepend()\n                : (\n                  <VAvatar\n                    icon={ props.prependIcon }\n                    image={ props.prependAvatar }\n                    size={ props.size }\n                  />\n                )\n              }\n            </div>\n          ) }\n\n          { slots.default?.({\n            isSelected: group?.isSelected.value,\n            selectedClass: group?.selectedClass.value,\n            select: group?.select,\n            toggle: group?.toggle,\n            value: group?.value.value,\n            disabled: props.disabled,\n          }) ?? props.text }\n\n          { hasAppend && (\n            <div class=\"v-chip__append\">\n              { slots.append\n                ? slots.append()\n                : (\n                  <VAvatar\n                    icon={ props.appendIcon }\n                    image={ props.appendAvatar }\n                    size={ props.size }\n                  />\n                )\n              }\n            </div>\n          ) }\n\n          { hasClose && (\n            <div\n              class=\"v-chip__close\"\n              onClick={ onCloseClick }\n            >\n              { slots.close\n                ? slots.close({ props: { onClick: onCloseClick } })\n                : (\n                  <VIcon\n                    icon={ props.closeIcon }\n                    size=\"x-small\"\n                  />\n                )\n              }\n            </div>\n          ) }\n        </Tag>\n      )\n    }\n  },\n})\n\nexport type VChip = InstanceType<typeof VChip>\n"],"mappings":"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"}

package/lib/components/VChip/VChip.sass

@@ -1,4 +1,3 @@
-@forward './variables'
 @use '../../styles/tools'
 @use './variables' as *
 @use './mixins' as *
@@ -8,8 +7,11 @@
   cursor: default
   display: inline-flex
   font-weight: $chip-font-weight
+  max-width: $chip-max-width
+  overflow: hidden
   position: relative
   text-decoration: none
+  white-space: $chip-white-space
   vertical-align: middle
 
   @at-root

package/lib/components/VChip/_variables.scss

@@ -24,9 +24,12 @@ $chip-font-weight: 400 !default;
 $chip-height: 32px !default;
 $chip-icon-font-size: 1.25rem !default;
 $chip-label-border-radius: settings.$border-radius-root !default;
+$chip-max-width: 100% !default;
+$chip-overflow: hidden !default;
 $chip-padding-ratio: 2 + math.div(2, 3) !default;
 $chip-plain-opacity: 0.26 !default;
 $chip-rounded-border-radius: settings.$border-radius-root !default;
+$chip-white-space: nowrap !default;
 
 $chip-sizes: (
   "height": $chip-height,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VChip/index.ts"],"names":["VChip"],"mappings":"SAASA,K","sourcesContent":["export { VChip } from './VChip'\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["VChip"],"sources":["../../../src/components/VChip/index.ts"],"sourcesContent":["export { VChip } from './VChip'\n"],"mappings":"SAASA,K"}

package/lib/components/VChipGroup/VChipGroup.mjs

@@ -27,7 +27,7 @@ export const VChipGroup = defineComponent({
     ...makeTagProps(),
     ...makeThemeProps(),
     ...makeVariantProps({
-      variant: 'contained-text'
+      variant: 'tonal'
     })
   },
   emits: {

package/lib/components/VChipGroup/VChipGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VChipGroup/VChipGroup.tsx"],"names":["makeGroupProps","useGroup","makeTagProps","makeThemeProps","provideTheme","makeVariantProps","provideDefaults","deepEqual","defineComponent","toRef","VChipGroupSymbol","Symbol","for","VChipGroup","name","props","column","Boolean","filter","valueComparator","type","Function","default","selectedClass","variant","emits","value","setup","slots","themeClasses","isSelected","select","next","prev","selected","VChip","color"],"mappings":";AAAA;AACA,0B,CAEA;;SACSA,c,EAAgBC,Q;SAChBC,Y;SACAC,c,EAAgBC,Y;SAChBC,gB;SACAC,e,0CAET;;SACSC,S,EAAWC,e;AACpB,SAASC,KAAT,QAAsB,KAAtB,C,CAEA;;AAGA,OAAO,MAAMC,gBAAgB,GAAGC,MAAM,CAACC,GAAP,CAAW,sBAAX,CAAzB;AAEP,OAAO,MAAMC,UAAU,GAAGL,eAAe,CAAC;AACxCM,EAAAA,IAAI,EAAE,YADkC;AAGxCC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAEC,OADH;AAELC,IAAAA,MAAM,EAAED,OAFH;AAGLE,IAAAA,eAAe,EAAE;AACfC,MAAAA,IAAI,EAAEC,QADS;AAEfC,MAAAA,OAAO,EAAEf;AAFM,KAHZ;AAQL,OAAGP,cAAc,CAAC;AAAEuB,MAAAA,aAAa,EAAE;AAAjB,KAAD,CARZ;AASL,OAAGrB,YAAY,EATV;AAUL,OAAGC,cAAc,EAVZ;AAWL,OAAGE,gBAAgB,CAAC;AAAEmB,MAAAA,OAAO,EAAE;AAAX,KAAD;AAXd,GAHiC;AAiBxCC,EAAAA,KAAK,EAAE;AACL,yBAAsBC,KAAD,IAAgB;AADhC,GAjBiC;;AAqBxCC,EAAAA,KAAK,CAAEZ,KAAF,QAAoB;AAAA,QAAX;AAAEa,MAAAA;AAAF,KAAW;AACvB,UAAM;AAAEC,MAAAA;AAAF,QAAmBzB,YAAY,CAACW,KAAD,CAArC;AACA,UAAM;AAAEe,MAAAA,UAAF;AAAcC,MAAAA,MAAd;AAAsBC,MAAAA,IAAtB;AAA4BC,MAAAA,IAA5B;AAAkCC,MAAAA;AAAlC,QAA+CjC,QAAQ,CAACc,KAAD,EAAQL,gBAAR,CAA7D;AAEAJ,IAAAA,eAAe,CAAC;AACd6B,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE3B,KAAK,CAACM,KAAD,EAAQ,OAAR,CADP;AAELG,QAAAA,MAAM,EAAET,KAAK,CAACM,KAAD,EAAQ,QAAR,CAFR;AAGLS,QAAAA,OAAO,EAAEf,KAAK,CAACM,KAAD,EAAQ,SAAR;AAHT;AADO,KAAD,CAAf;AAQA,WAAO;AAAA;;AAAA;AAAA,iBAEI,CACL,cADK,EAEL;AACE,kCAAwBA,KAAK,CAACC;AADhC,SAFK,EAKLa,YAAY,CAACH,KALR;AAFJ;AAAA,0CAUDE,KAAK,CAACN,OAVL,qBAUD,oBAAAM,KAAK,EAAW;AAChBE,UAAAA,UADgB;AAEhBC,UAAAA,MAFgB;AAGhBC,UAAAA,IAHgB;AAIhBC,UAAAA,IAJgB;AAKhBC,UAAAA,QAAQ,EAAEA,QAAQ,CAACR;AALH,SAAX,CAVJ;AAAA;AAAA,KAAP;AAmBD;;AApDuC,CAAD,CAAlC","sourcesContent":["// Styles\nimport './VChipGroup.sass'\n\n// Composables\nimport { makeGroupProps, useGroup } from '@/composables/group'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeVariantProps } from '@/composables/variant'\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utilities\nimport { deepEqual, defineComponent } from '@/util'\nimport { toRef } from 'vue'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VChipGroupSymbol = Symbol.for('vuetify:v-chip-group')\n\nexport const VChipGroup = defineComponent({\n  name: 'VChipGroup',\n\n  props: {\n    column: Boolean,\n    filter: Boolean,\n    valueComparator: {\n      type: Function as PropType<typeof deepEqual>,\n      default: deepEqual,\n    },\n\n    ...makeGroupProps({ selectedClass: 'v-chip--selected' }),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'contained-text' } as const),\n  },\n\n  emits: {\n    'update:modelValue': (value: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { isSelected, select, next, prev, selected } = useGroup(props, VChipGroupSymbol)\n\n    provideDefaults({\n      VChip: {\n        color: toRef(props, 'color'),\n        filter: toRef(props, 'filter'),\n        variant: toRef(props, 'variant'),\n      },\n    })\n\n    return () => (\n      <props.tag\n        class={[\n          'v-chip-group',\n          {\n            'v-chip-group--column': props.column,\n          },\n          themeClasses.value,\n        ]}\n      >\n        { slots.default?.({\n          isSelected,\n          select,\n          next,\n          prev,\n          selected: selected.value,\n        }) }\n      </props.tag>\n    )\n  },\n})\n\nexport type VChipGroup = InstanceType<typeof VChipGroup>\n"],"file":"VChipGroup.mjs"}
+{"version":3,"file":"VChipGroup.mjs","names":["makeGroupProps","useGroup","makeTagProps","makeThemeProps","provideTheme","makeVariantProps","provideDefaults","deepEqual","defineComponent","toRef","VChipGroupSymbol","Symbol","for","VChipGroup","name","props","column","Boolean","filter","valueComparator","type","Function","default","selectedClass","variant","emits","value","setup","slots","themeClasses","isSelected","select","next","prev","selected","VChip","color"],"sources":["../../../src/components/VChipGroup/VChipGroup.tsx"],"sourcesContent":["// Styles\nimport './VChipGroup.sass'\n\n// Composables\nimport { makeGroupProps, useGroup } from '@/composables/group'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeVariantProps } from '@/composables/variant'\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utilities\nimport { deepEqual, defineComponent } from '@/util'\nimport { toRef } from 'vue'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VChipGroupSymbol = Symbol.for('vuetify:v-chip-group')\n\nexport const VChipGroup = defineComponent({\n  name: 'VChipGroup',\n\n  props: {\n    column: Boolean,\n    filter: Boolean,\n    valueComparator: {\n      type: Function as PropType<typeof deepEqual>,\n      default: deepEqual,\n    },\n\n    ...makeGroupProps({ selectedClass: 'v-chip--selected' }),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'tonal' } as const),\n  },\n\n  emits: {\n    'update:modelValue': (value: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { isSelected, select, next, prev, selected } = useGroup(props, VChipGroupSymbol)\n\n    provideDefaults({\n      VChip: {\n        color: toRef(props, 'color'),\n        filter: toRef(props, 'filter'),\n        variant: toRef(props, 'variant'),\n      },\n    })\n\n    return () => (\n      <props.tag\n        class={[\n          'v-chip-group',\n          {\n            'v-chip-group--column': props.column,\n          },\n          themeClasses.value,\n        ]}\n      >\n        { slots.default?.({\n          isSelected,\n          select,\n          next,\n          prev,\n          selected: selected.value,\n        }) }\n      </props.tag>\n    )\n  },\n})\n\nexport type VChipGroup = InstanceType<typeof VChipGroup>\n"],"mappings":";AAAA;AACA,0B,CAEA;;SACSA,c,EAAgBC,Q;SAChBC,Y;SACAC,c,EAAgBC,Y;SAChBC,gB;SACAC,e,0CAET;;SACSC,S,EAAWC,e;AACpB,SAASC,KAAT,QAAsB,KAAtB,C,CAEA;;AAGA,OAAO,MAAMC,gBAAgB,GAAGC,MAAM,CAACC,GAAP,CAAW,sBAAX,CAAzB;AAEP,OAAO,MAAMC,UAAU,GAAGL,eAAe,CAAC;EACxCM,IAAI,EAAE,YADkC;EAGxCC,KAAK,EAAE;IACLC,MAAM,EAAEC,OADH;IAELC,MAAM,EAAED,OAFH;IAGLE,eAAe,EAAE;MACfC,IAAI,EAAEC,QADS;MAEfC,OAAO,EAAEf;IAFM,CAHZ;IAQL,GAAGP,cAAc,CAAC;MAAEuB,aAAa,EAAE;IAAjB,CAAD,CARZ;IASL,GAAGrB,YAAY,EATV;IAUL,GAAGC,cAAc,EAVZ;IAWL,GAAGE,gBAAgB,CAAC;MAAEmB,OAAO,EAAE;IAAX,CAAD;EAXd,CAHiC;EAiBxCC,KAAK,EAAE;IACL,qBAAsBC,KAAD,IAAgB;EADhC,CAjBiC;;EAqBxCC,KAAK,CAAEZ,KAAF,QAAoB;IAAA,IAAX;MAAEa;IAAF,CAAW;IACvB,MAAM;MAAEC;IAAF,IAAmBzB,YAAY,CAACW,KAAD,CAArC;IACA,MAAM;MAAEe,UAAF;MAAcC,MAAd;MAAsBC,IAAtB;MAA4BC,IAA5B;MAAkCC;IAAlC,IAA+CjC,QAAQ,CAACc,KAAD,EAAQL,gBAAR,CAA7D;IAEAJ,eAAe,CAAC;MACd6B,KAAK,EAAE;QACLC,KAAK,EAAE3B,KAAK,CAACM,KAAD,EAAQ,OAAR,CADP;QAELG,MAAM,EAAET,KAAK,CAACM,KAAD,EAAQ,QAAR,CAFR;QAGLS,OAAO,EAAEf,KAAK,CAACM,KAAD,EAAQ,SAAR;MAHT;IADO,CAAD,CAAf;IAQA,OAAO;MAAA;;MAAA;QAAA,SAEI,CACL,cADK,EAEL;UACE,wBAAwBA,KAAK,CAACC;QADhC,CAFK,EAKLa,YAAY,CAACH,KALR;MAFJ;QAAA,kCAUDE,KAAK,CAACN,OAVL,qBAUD,oBAAAM,KAAK,EAAW;UAChBE,UADgB;UAEhBC,MAFgB;UAGhBC,IAHgB;UAIhBC,IAJgB;UAKhBC,QAAQ,EAAEA,QAAQ,CAACR;QALH,CAAX,CAVJ;MAAA;IAAA,CAAP;EAmBD;;AApDuC,CAAD,CAAlC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VChipGroup/index.ts"],"names":["VChipGroup"],"mappings":"SAASA,U","sourcesContent":["export { VChipGroup } from './VChipGroup'\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["VChipGroup"],"sources":["../../../src/components/VChipGroup/index.ts"],"sourcesContent":["export { VChipGroup } from './VChipGroup'\n"],"mappings":"SAASA,U"}

package/lib/components/VCode/VCode.sass

@@ -1,8 +1,7 @@
-@forward './variables'
 @use './variables' as *
 
 .v-code
-  background-color: rgb(var(--v-code-background-color))
+  background-color: rgb($code-background-color)
   border-radius: $code-border-radius
   font-size: $code-font-size
   font-weight: $code-font-weight

package/lib/components/VCode/_variables.scss

@@ -1,4 +1,4 @@
-// Defaults
+$code-background-color: var(--v-code-background-color) !default;
 $code-border-radius: 3px !default;
 $code-font-size: 85% !default;
 $code-font-weight: normal !default;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VCode/index.ts"],"names":["createSimpleFunctional","VCode"],"mappings":"AAAA;SAESA,sB;AAET,OAAO,MAAMC,KAAK,GAAGD,sBAAsB,CAAC,QAAD,CAApC","sourcesContent":["import './VCode.sass'\n\nimport { createSimpleFunctional } from '@/util'\n\nexport const VCode = createSimpleFunctional('v-code')\n"],"file":"index.mjs"}
+{"version":3,"file":"index.mjs","names":["createSimpleFunctional","VCode"],"sources":["../../../src/components/VCode/index.ts"],"sourcesContent":["import './VCode.sass'\n\nimport { createSimpleFunctional } from '@/util'\n\nexport const VCode = createSimpleFunctional('v-code')\n"],"mappings":"AAAA;SAESA,sB;AAET,OAAO,MAAMC,KAAK,GAAGD,sBAAsB,CAAC,QAAD,CAApC"}

package/lib/components/VColorPicker/VColorPicker.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VColorPicker/VColorPicker.tsx"],"names":["VSheet","VColorPickerPreview","VColorPickerCanvas","VColorPickerEdit","VColorPickerSwatches","useProxiedModel","makeElevationProps","makeRoundedProps","makeThemeProps","onMounted","ref","defineComponent","HSVAtoCSS","extractColor","modes","nullColor","parseColor","VColorPicker","name","inheritAttrs","props","canvasHeight","type","String","Number","default","disabled","Boolean","dotSize","hideCanvas","hideSliders","hideInputs","mode","validator","v","Object","keys","includes","Array","isArray","every","m","showSwatches","swatches","swatchesMaxHeight","modelValue","width","emits","color","setup","lastPickedColor","currentColor","undefined","c","value","h","updateColor","hsva","rounded","elevation","theme","a","endsWith"],"mappings":"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","sourcesContent":["// Styles\nimport './VColorPicker.sass'\n\n// Components\nimport { VSheet } from '@/components/VSheet'\nimport { VColorPickerPreview } from './VColorPickerPreview'\nimport { VColorPickerCanvas } from './VColorPickerCanvas'\nimport { VColorPickerEdit } from './VColorPickerEdit'\nimport { VColorPickerSwatches } from './VColorPickerSwatches'\n\n// Composables\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { makeElevationProps } from '@/composables/elevation'\nimport { makeRoundedProps } from '@/composables/rounded'\nimport { makeThemeProps } from '@/composables/theme'\n\n// Utilities\nimport { onMounted, ref } from 'vue'\nimport { defineComponent, HSVAtoCSS } from '@/util'\nimport { extractColor, modes, nullColor, parseColor } from './util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { HSVA } from '@/util'\n\nexport const VColorPicker = defineComponent({\n  name: 'VColorPicker',\n\n  inheritAttrs: false,\n\n  props: {\n    canvasHeight: {\n      type: [String, Number],\n      default: 150,\n    },\n    disabled: Boolean,\n    dotSize: {\n      type: [Number, String],\n      default: 10,\n    },\n    hideCanvas: Boolean,\n    hideSliders: Boolean,\n    hideInputs: Boolean,\n    mode: {\n      type: String,\n      default: 'rgba',\n      validator: (v: string) => Object.keys(modes).includes(v),\n    },\n    modes: {\n      type: Array as PropType<string[]>,\n      default: () => Object.keys(modes),\n      validator: (v: any) => Array.isArray(v) && v.every(m => Object.keys(modes).includes(m)),\n    },\n    showSwatches: Boolean,\n    swatches: Array as PropType<string[][]>,\n    swatchesMaxHeight: {\n      type: [Number, String],\n      default: 150,\n    },\n    modelValue: {\n      type: [Object, String] as PropType<Record<string, unknown> | string | undefined | null>,\n    },\n    width: {\n      type: [Number, String],\n      default: 300,\n    },\n\n    ...makeElevationProps(),\n    ...makeRoundedProps(),\n    ...makeThemeProps(),\n  },\n\n  emits: {\n    'update:modelValue': (color: any) => true,\n    'update:mode': (mode: string) => true,\n  },\n\n  setup (props) {\n    const mode = useProxiedModel(props, 'mode')\n    const lastPickedColor = ref<HSVA | null>(null)\n    const currentColor = useProxiedModel(\n      props,\n      'modelValue',\n      undefined,\n      v => {\n        let c = parseColor(v)\n\n        if (!c) return null\n\n        if (lastPickedColor.value) {\n          c = { ...c, h: lastPickedColor.value.h }\n          lastPickedColor.value = null\n        }\n\n        return c\n      },\n      v => {\n        if (!v) return null\n\n        return extractColor(v, props.modelValue)\n      }\n    )\n\n    const updateColor = (hsva: HSVA) => {\n      currentColor.value = hsva\n      lastPickedColor.value = hsva\n    }\n\n    onMounted(() => {\n      if (!props.modes.includes(mode.value)) mode.value = props.modes[0]\n    })\n\n    return () => (\n      <VSheet\n        rounded={ props.rounded }\n        elevation={ props.elevation }\n        theme={ props.theme }\n        class={[\n          'v-color-picker',\n        ]}\n        style={{\n          '--v-color-picker-color-hsv': HSVAtoCSS({ ...(currentColor.value ?? nullColor), a: 1 }),\n        }}\n        maxWidth={ props.width }\n      >\n        { !props.hideCanvas && (\n          <VColorPickerCanvas\n            color={ currentColor.value }\n            onUpdate:color={ updateColor }\n            disabled={ props.disabled }\n            dotSize={ props.dotSize }\n            width={ props.width }\n            height={ props.canvasHeight }\n          />\n        ) }\n        { (!props.hideSliders || !props.hideInputs) && (\n          <div class=\"v-color-picker__controls\">\n            { !props.hideSliders && (\n              <VColorPickerPreview\n                color={ currentColor.value }\n                onUpdate:color={ updateColor }\n                hideAlpha={ !mode.value.endsWith('a') }\n                disabled={ props.disabled }\n              />\n            ) }\n            { !props.hideInputs && (\n              <VColorPickerEdit\n                modes={ props.modes }\n                mode={ mode.value }\n                onUpdate:mode={ m => mode.value = m }\n                color={ currentColor.value }\n                onUpdate:color={ updateColor }\n                disabled={ props.disabled }\n              />\n            ) }\n          </div>\n        ) }\n        { props.showSwatches && (\n          <VColorPickerSwatches\n            color={ currentColor.value }\n            onUpdate:color={ updateColor }\n            maxHeight={ props.swatchesMaxHeight }\n            swatches={ props.swatches }\n            disabled={ props.disabled }\n          />\n        ) }\n      </VSheet>\n    )\n  },\n})\n\nexport type VColorPicker = InstanceType<typeof VColorPicker>\n"],"file":"VColorPicker.mjs"}
+{"version":3,"file":"VColorPicker.mjs","names":["VSheet","VColorPickerPreview","VColorPickerCanvas","VColorPickerEdit","VColorPickerSwatches","useProxiedModel","makeElevationProps","makeRoundedProps","makeThemeProps","onMounted","ref","defineComponent","HSVAtoCSS","extractColor","modes","nullColor","parseColor","VColorPicker","name","inheritAttrs","props","canvasHeight","type","String","Number","default","disabled","Boolean","dotSize","hideCanvas","hideSliders","hideInputs","mode","validator","v","Object","keys","includes","Array","isArray","every","m","showSwatches","swatches","swatchesMaxHeight","modelValue","width","emits","color","setup","lastPickedColor","currentColor","undefined","c","value","h","updateColor","hsva","rounded","elevation","theme","a","endsWith"],"sources":["../../../src/components/VColorPicker/VColorPicker.tsx"],"sourcesContent":["// Styles\nimport './VColorPicker.sass'\n\n// Components\nimport { VSheet } from '@/components/VSheet'\nimport { VColorPickerPreview } from './VColorPickerPreview'\nimport { VColorPickerCanvas } from './VColorPickerCanvas'\nimport { VColorPickerEdit } from './VColorPickerEdit'\nimport { VColorPickerSwatches } from './VColorPickerSwatches'\n\n// Composables\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { makeElevationProps } from '@/composables/elevation'\nimport { makeRoundedProps } from '@/composables/rounded'\nimport { makeThemeProps } from '@/composables/theme'\n\n// Utilities\nimport { onMounted, ref } from 'vue'\nimport { defineComponent, HSVAtoCSS } from '@/util'\nimport { extractColor, modes, nullColor, parseColor } from './util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { HSVA } from '@/util'\n\nexport const VColorPicker = defineComponent({\n  name: 'VColorPicker',\n\n  inheritAttrs: false,\n\n  props: {\n    canvasHeight: {\n      type: [String, Number],\n      default: 150,\n    },\n    disabled: Boolean,\n    dotSize: {\n      type: [Number, String],\n      default: 10,\n    },\n    hideCanvas: Boolean,\n    hideSliders: Boolean,\n    hideInputs: Boolean,\n    mode: {\n      type: String,\n      default: 'rgba',\n      validator: (v: string) => Object.keys(modes).includes(v),\n    },\n    modes: {\n      type: Array as PropType<string[]>,\n      default: () => Object.keys(modes),\n      validator: (v: any) => Array.isArray(v) && v.every(m => Object.keys(modes).includes(m)),\n    },\n    showSwatches: Boolean,\n    swatches: Array as PropType<string[][]>,\n    swatchesMaxHeight: {\n      type: [Number, String],\n      default: 150,\n    },\n    modelValue: {\n      type: [Object, String] as PropType<Record<string, unknown> | string | undefined | null>,\n    },\n    width: {\n      type: [Number, String],\n      default: 300,\n    },\n\n    ...makeElevationProps(),\n    ...makeRoundedProps(),\n    ...makeThemeProps(),\n  },\n\n  emits: {\n    'update:modelValue': (color: any) => true,\n    'update:mode': (mode: string) => true,\n  },\n\n  setup (props) {\n    const mode = useProxiedModel(props, 'mode')\n    const lastPickedColor = ref<HSVA | null>(null)\n    const currentColor = useProxiedModel(\n      props,\n      'modelValue',\n      undefined,\n      v => {\n        let c = parseColor(v)\n\n        if (!c) return null\n\n        if (lastPickedColor.value) {\n          c = { ...c, h: lastPickedColor.value.h }\n          lastPickedColor.value = null\n        }\n\n        return c\n      },\n      v => {\n        if (!v) return null\n\n        return extractColor(v, props.modelValue)\n      }\n    )\n\n    const updateColor = (hsva: HSVA) => {\n      currentColor.value = hsva\n      lastPickedColor.value = hsva\n    }\n\n    onMounted(() => {\n      if (!props.modes.includes(mode.value)) mode.value = props.modes[0]\n    })\n\n    return () => (\n      <VSheet\n        rounded={ props.rounded }\n        elevation={ props.elevation }\n        theme={ props.theme }\n        class={[\n          'v-color-picker',\n        ]}\n        style={{\n          '--v-color-picker-color-hsv': HSVAtoCSS({ ...(currentColor.value ?? nullColor), a: 1 }),\n        }}\n        maxWidth={ props.width }\n      >\n        { !props.hideCanvas && (\n          <VColorPickerCanvas\n            color={ currentColor.value }\n            onUpdate:color={ updateColor }\n            disabled={ props.disabled }\n            dotSize={ props.dotSize }\n            width={ props.width }\n            height={ props.canvasHeight }\n          />\n        ) }\n        { (!props.hideSliders || !props.hideInputs) && (\n          <div class=\"v-color-picker__controls\">\n            { !props.hideSliders && (\n              <VColorPickerPreview\n                color={ currentColor.value }\n                onUpdate:color={ updateColor }\n                hideAlpha={ !mode.value.endsWith('a') }\n                disabled={ props.disabled }\n              />\n            ) }\n            { !props.hideInputs && (\n              <VColorPickerEdit\n                modes={ props.modes }\n                mode={ mode.value }\n                onUpdate:mode={ m => mode.value = m }\n                color={ currentColor.value }\n                onUpdate:color={ updateColor }\n                disabled={ props.disabled }\n              />\n            ) }\n          </div>\n        ) }\n        { props.showSwatches && (\n          <VColorPickerSwatches\n            color={ currentColor.value }\n            onUpdate:color={ updateColor }\n            maxHeight={ props.swatchesMaxHeight }\n            swatches={ props.swatches }\n            disabled={ props.disabled }\n          />\n        ) }\n      </VSheet>\n    )\n  },\n})\n\nexport type VColorPicker = InstanceType<typeof VColorPicker>\n"],"mappings":"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"}

package/lib/components/VColorPicker/VColorPicker.sass

@@ -1,4 +1,3 @@
-@forward './variables'
 @use '../../styles/tools'
 @use './variables' as *
 

package/lib/components/VColorPicker/VColorPickerCanvas.css

@@ -11,7 +11,7 @@
   height: 15px;
   background: transparent;
   border-radius: 50%;
-  box-shadow: 0px 0px 0px 1.5px white, inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
+  box-shadow: 0px 0px 0px 1.5px rgb(255, 255, 255), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);
 }
 .v-color-picker-canvas__dot--disabled {
   box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.7), inset 0px 0px 1px 1.5px rgba(0, 0, 0, 0.3);