@wikimedia/codex - npm Package Compare versions

Comparing version 1.19.1 to 1.20.0

dist/modules/Icon.js

@@ -1,1 +0,1 @@
-"use strict";const t=require("vue"),m=require("./useComputedDirection.cjs"),v=require("./useComputedLanguage.cjs"),s=require("./constants.js"),z=require("./_plugin-vue_export-helper.js"),g='<path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>',f='<path d="M12.43 14.34A5 5 0 0110 15a5 5 0 113.95-2L17 16.09V3a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 001.45-.63z"/><circle cx="10" cy="10" r="3"/>',M='<path d="M7 14.17 2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/>',L='<path d="M10 0a10 10 0 1010 10A10 10 0 0010 0m5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/>',y='<path d="m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z"/><path d="M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z"/>',H='<path d="M10 15 2 5h16z"/>',C='<path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/>',k='<path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/>',_='<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>',x='<path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/>',S='<path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/>',w='<path d="M3 1h2v18H3zm13.5 1.5L15 1l-9 9 9 9 1.5-1.5L9 10z"/>',B='<path d="M15 1h2v18h-2zM3.5 2.5 11 10l-7.5 7.5L5 19l9-9-9-9z"/>',E='<path d="M7 1 5.6 2.5 13 10l-7.4 7.5L7 19l9-9z"/>',F='<path d="m4 10 9 9 1.4-1.5L7 10l7.4-7.5L13 1z"/>',V='<path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8"/>',b='<path d="M10 0 3 8h14zm0 18-7-8h14z"/>',A='<path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/>',q='<path d="m10 5 8 10H2z"/>',O=g,I=f,$=M,D=L,K=y,T=H,j=C,J=k,P=_,Q={langCodeMap:{ar:x},default:S},X={ltr:w,shouldFlip:!0},G={ltr:B,shouldFlip:!0},N={ltr:E,shouldFlip:!0},Y={ltr:F,shouldFlip:!0},R=V,U=b,W=A,Z=q;function e1(e,n,o){if(typeof e=="string"||"path"in e)return e;if("shouldFlip"in e)return e.ltr;if("rtl"in e)return o==="rtl"?e.rtl:e.ltr;const a=n in e.langCodeMap?e.langCodeMap[n]:e.default;return typeof a=="string"||"path"in a?a:a.ltr}function t1(e,n){if(typeof e=="string")return!1;if("langCodeMap"in e){const o=n in e.langCodeMap?e.langCodeMap[n]:e.default;if(typeof o=="string")return!1;e=o}if("shouldFlipExceptions"in e&&Array.isArray(e.shouldFlipExceptions)){const o=e.shouldFlipExceptions.indexOf(n);return o===void 0||o===-1}return"shouldFlip"in e?e.shouldFlip:!1}const n1=s.makeStringTypeValidator(s.IconSizes),o1=t.defineComponent({name:"CdxIcon",props:{icon:{type:[String,Object],required:!0},iconLabel:{type:String,default:""},lang:{type:String,default:null},dir:{type:String,default:null},size:{type:String,default:"medium",validator:n1}},setup(e){const n=t.ref(),o=m(n),a=v(n),d=t.computed(()=>{var l;return(l=e.dir)!=null?l:o.value}),i=t.computed(()=>{var l;return(l=e.lang)!=null?l:a.value}),u=t.computed(()=>({"cdx-icon--flipped":d.value==="rtl"&&i.value!==null&&t1(e.icon,i.value),["cdx-icon--".concat(e.size)]:!0})),r=t.computed(()=>{var l,p;return e1(e.icon,(l=i.value)!=null?l:"",(p=d.value)!=null?p:"ltr")}),h=t.computed(()=>typeof r.value=="string"?r.value:""),c=t.computed(()=>typeof r.value!="string"?r.value.path:"");return{rootElement:n,rootClasses:u,iconSvg:h,iconPath:c}}}),l1=["aria-hidden"],a1={key:0},i1=["innerHTML"],r1=["d"];function d1(e,n,o,a,d,i){return t.openBlock(),t.createElementBlock("span",{ref:"rootElement",class:t.normalizeClass(["cdx-icon",e.rootClasses])},[(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",width:"20",height:"20",viewBox:"0 0 20 20","aria-hidden":e.iconLabel?void 0:!0},[e.iconLabel?(t.openBlock(),t.createElementBlock("title",a1,t.toDisplayString(e.iconLabel),1)):t.createCommentVNode("v-if",!0),e.iconSvg?(t.openBlock(),t.createElementBlock("g",{key:1,innerHTML:e.iconSvg},null,8,i1)):(t.openBlock(),t.createElementBlock("path",{key:2,d:e.iconPath},null,8,r1))],8,l1))],2)}const p1=z._export_sfc(o1,[["render",d1]]);exports.CdxIcon=p1;exports.H3=O;exports.J3=$;exports.K7=W;exports.L8=Z;exports.M4=J;exports.O4=P;exports.O6=X;exports.Q6=G;exports.X4=Q;exports._3=K;exports._6=N;exports.b3=I;exports.j3=D;exports.n4=T;exports.p4=j;exports.r7=Y;exports.w7=U;exports.y7=R;
+"use strict";const t=require("vue"),m=require("./useComputedDirection.cjs"),v=require("./useComputedLanguage.cjs"),u=require("./constants.js"),z=require("./_plugin-vue_export-helper.js"),g='<path d="M11.53 2.3A1.85 1.85 0 0010 1.21 1.85 1.85 0 008.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>',f='<path d="M12.43 14.34A5 5 0 0110 15a5 5 0 113.95-2L17 16.09V3a2 2 0 00-2-2H5a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 001.45-.63z"/><circle cx="10" cy="10" r="3"/>',M='<path d="M7 14.17 2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z"/>',L='<path d="M10 0a10 10 0 1010 10A10 10 0 0010 0m5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z"/>',y='<path d="m4.34 2.93 12.73 12.73-1.41 1.41L2.93 4.35z"/><path d="M17.07 4.34 4.34 17.07l-1.41-1.41L15.66 2.93z"/>',C='<path d="M10 15 2 5h16z"/>',H='<path d="M13.728 1H6.272L1 6.272v7.456L6.272 19h7.456L19 13.728V6.272zM11 15H9v-2h2zm0-4H9V5h2z"/>',S='<path d="m17.5 4.75-7.5 7.5-7.5-7.5L1 6.25l9 9 9-9z"/>',k='<path d="M19 3H1v14h18zM3 14l3.5-4.5 2.5 3L12.5 8l4.5 6z"/><path d="M19 5H1V3h18zm0 12H1v-2h18z"/>',_='<path d="M8 19a1 1 0 001 1h2a1 1 0 001-1v-1H8zm9-12a7 7 0 10-12 4.9S7 14 7 15v1a1 1 0 001 1h4a1 1 0 001-1v-1c0-1 2-3.1 2-3.1A7 7 0 0017 7"/>',x='<path d="M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0M9 5h2v2H9zm0 4h2v6H9z"/>',B='<path d="M3 1h2v18H3zm13.5 1.5L15 1l-9 9 9 9 1.5-1.5L9 10z"/>',F='<path d="M15 1h2v18h-2zM3.5 2.5 11 10l-7.5 7.5L5 19l9-9-9-9z"/>',V='<path d="M7 1 5.6 2.5 13 10l-7.4 7.5L7 19l9-9z"/>',E='<path d="m4 10 9 9 1.4-1.5L7 10l7.4-7.5L13 1z"/>',$='<path d="M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1010 0A5 5 0 003 8"/>',w='<path d="M10 0 3 8h14zm0 18-7-8h14z"/>',q='<path d="M10 20a10 10 0 010-20 10 10 0 110 20m-2-5 9-8.5L15.5 5 8 12 4.5 8.5 3 10z"/>',A='<path d="m10 5 8 10H2z"/>',I=g,b=f,j=M,D=L,P=y,T=C,O=H,X=S,Y=k,Z={langCodeMap:{ar:_},default:x},N={ltr:B,shouldFlip:!0},G={ltr:F,shouldFlip:!0},J={ltr:V,shouldFlip:!0},K={ltr:E,shouldFlip:!0},Q=$,R=w,U=q,W=A;function e1(e,n,o){if(typeof e=="string"||"path"in e)return e;if("shouldFlip"in e)return e.ltr;if("rtl"in e)return o==="rtl"?e.rtl:e.ltr;const a=n in e.langCodeMap?e.langCodeMap[n]:e.default;return typeof a=="string"||"path"in a?a:a.ltr}function t1(e,n){if(typeof e=="string")return!1;if("langCodeMap"in e){const o=n in e.langCodeMap?e.langCodeMap[n]:e.default;if(typeof o=="string")return!1;e=o}if("shouldFlipExceptions"in e&&Array.isArray(e.shouldFlipExceptions)){const o=e.shouldFlipExceptions.indexOf(n);return o===void 0||o===-1}return"shouldFlip"in e?e.shouldFlip:!1}const n1=u.makeStringTypeValidator(u.IconSizes),o1=t.defineComponent({name:"CdxIcon",props:{icon:{type:[String,Object],required:!0},iconLabel:{type:String,default:""},lang:{type:String,default:null},dir:{type:String,default:null},size:{type:String,default:"medium",validator:n1}},setup(e){const n=t.ref(),o=m(n),a=v(n),d=t.computed(()=>{var l;return(l=e.dir)!=null?l:o.value}),i=t.computed(()=>{var l;return(l=e.lang)!=null?l:a.value}),s=t.computed(()=>({"cdx-icon--flipped":d.value==="rtl"&&i.value!==null&&t1(e.icon,i.value),["cdx-icon--".concat(e.size)]:!0})),r=t.computed(()=>{var l,p;return e1(e.icon,(l=i.value)!=null?l:"",(p=d.value)!=null?p:"ltr")}),h=t.computed(()=>typeof r.value=="string"?r.value:""),c=t.computed(()=>typeof r.value!="string"?r.value.path:"");return{rootElement:n,rootClasses:s,iconSvg:h,iconPath:c}}}),l1=["aria-hidden"],a1={key:0},i1=["innerHTML"],r1=["d"];function d1(e,n,o,a,d,i){return t.openBlock(),t.createElementBlock("span",{ref:"rootElement",class:t.normalizeClass(["cdx-icon",e.rootClasses])},[(t.openBlock(),t.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20","aria-hidden":e.iconLabel?void 0:!0},[e.iconLabel?(t.openBlock(),t.createElementBlock("title",a1,t.toDisplayString(e.iconLabel),1)):t.createCommentVNode("v-if",!0),e.iconSvg?(t.openBlock(),t.createElementBlock("g",{key:1,innerHTML:e.iconSvg},null,8,i1)):(t.openBlock(),t.createElementBlock("path",{key:2,d:e.iconPath},null,8,r1))],8,l1))],2)}const p1=z._export_sfc(o1,[["render",d1]]);exports.$3=j;exports.$7=U;exports.CdxIcon=p1;exports.F8=W;exports.P7=R;exports.V3=I;exports.X6=G;exports.Y4=Y;exports.Z3=b;exports.a4=D;exports.g7=K;exports.h4=P;exports.h6=Z;exports.j6=N;exports.o7=J;exports.u4=X;exports.w7=Q;exports.x4=O;exports.z4=T;

dist/modules/manifest-bidi.json

 {
+  "_Icon-bidi.css": {
+    "file": "Icon-bidi.css",
+    "src": "_Icon-bidi.css"
+  },
   "_Icon.js": {
@@ -131,3 +135,2 @@ "file": "Icon.js",
       "src/composables/useModelWrapper.ts",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useFieldData.ts",
@@ -172,3 +175,2 @@ "_constants.js",
       "src/composables/useModelWrapper.ts",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useSplitAttributes.ts",
@@ -192,3 +194,2 @@ "src/composables/useFieldData.ts",
       "_Icon.js",
-      "src/composables/useGeneratedId.ts",
       "_useI18nWithOverride.js",
@@ -211,3 +212,2 @@ "src/composables/useResizeObserver.ts",
       "_constants.js",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useComputedDisabled.ts",
@@ -268,3 +268,2 @@ "__plugin-vue_export-helper.js"
       "src/components/text-input/TextInput.vue",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useModelWrapper.ts",
@@ -292,3 +291,2 @@ "_useOptionalModelWrapper.js",
       "src/composables/useFloatingMenu.ts",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useModelWrapper.ts",
@@ -326,3 +324,2 @@ "src/composables/useSplitAttributes.ts",
       "src/components/progress-bar/ProgressBar.vue",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useIntersectionObserver.ts",
@@ -362,3 +359,2 @@ "src/composables/useSplitAttributes.ts",
       "src/composables/useFloatingMenu.ts",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useModelWrapper.ts",
@@ -396,3 +392,2 @@ "_useOptionalModelWrapper.js",
       "src/composables/useModelWrapper.ts",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useFieldData.ts",
@@ -446,3 +441,2 @@ "_constants.js",
       "src/components/menu/Menu.vue",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useModelWrapper.ts",
@@ -501,3 +495,2 @@ "src/composables/useFieldData.ts",
       "src/components/tab/Tab.vue",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useComputedDirection.ts",
@@ -599,3 +592,2 @@ "_useOptionalModelWrapper.js",
       "src/composables/useModelWrapper.ts",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useSplitAttributes.ts",
@@ -631,3 +623,2 @@ "src/composables/useFieldData.ts",
       "src/components/search-input/SearchInput.vue",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useSplitAttributes.ts",
@@ -634,0 +625,0 @@ "src/composables/useI18n.ts",

dist/modules/manifest-rtl.json

 {
+  "_Icon-rtl.css": {
+    "file": "Icon-rtl.css",
+    "src": "_Icon-rtl.css"
+  },
   "_Icon.js": {
@@ -131,3 +135,2 @@ "file": "Icon.js",
       "src/composables/useModelWrapper.ts",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useFieldData.ts",
@@ -172,3 +175,2 @@ "_constants.js",
       "src/composables/useModelWrapper.ts",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useSplitAttributes.ts",
@@ -192,3 +194,2 @@ "src/composables/useFieldData.ts",
       "_Icon.js",
-      "src/composables/useGeneratedId.ts",
       "_useI18nWithOverride.js",
@@ -211,3 +212,2 @@ "src/composables/useResizeObserver.ts",
       "_constants.js",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useComputedDisabled.ts",
@@ -268,3 +268,2 @@ "__plugin-vue_export-helper.js"
       "src/components/text-input/TextInput.vue",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useModelWrapper.ts",
@@ -292,3 +291,2 @@ "_useOptionalModelWrapper.js",
       "src/composables/useFloatingMenu.ts",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useModelWrapper.ts",
@@ -326,3 +324,2 @@ "src/composables/useSplitAttributes.ts",
       "src/components/progress-bar/ProgressBar.vue",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useIntersectionObserver.ts",
@@ -362,3 +359,2 @@ "src/composables/useSplitAttributes.ts",
       "src/composables/useFloatingMenu.ts",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useModelWrapper.ts",
@@ -396,3 +392,2 @@ "_useOptionalModelWrapper.js",
       "src/composables/useModelWrapper.ts",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useFieldData.ts",
@@ -446,3 +441,2 @@ "_constants.js",
       "src/components/menu/Menu.vue",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useModelWrapper.ts",
@@ -501,3 +495,2 @@ "src/composables/useFieldData.ts",
       "src/components/tab/Tab.vue",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useComputedDirection.ts",
@@ -599,3 +592,2 @@ "_useOptionalModelWrapper.js",
       "src/composables/useModelWrapper.ts",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useSplitAttributes.ts",
@@ -631,3 +623,2 @@ "src/composables/useFieldData.ts",
       "src/components/search-input/SearchInput.vue",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useSplitAttributes.ts",
@@ -634,0 +625,0 @@ "src/composables/useI18n.ts",

dist/modules/manifest.json

 {
+  "_Icon.css": {
+    "file": "Icon.css",
+    "src": "_Icon.css"
+  },
   "_Icon.js": {
@@ -131,3 +135,2 @@ "file": "Icon.js",
       "src/composables/useModelWrapper.ts",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useFieldData.ts",
@@ -172,3 +175,2 @@ "_constants.js",
       "src/composables/useModelWrapper.ts",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useSplitAttributes.ts",
@@ -192,3 +194,2 @@ "src/composables/useFieldData.ts",
       "_Icon.js",
-      "src/composables/useGeneratedId.ts",
       "_useI18nWithOverride.js",
@@ -211,3 +212,2 @@ "src/composables/useResizeObserver.ts",
       "_constants.js",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useComputedDisabled.ts",
@@ -268,3 +268,2 @@ "__plugin-vue_export-helper.js"
       "src/components/text-input/TextInput.vue",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useModelWrapper.ts",
@@ -292,3 +291,2 @@ "_useOptionalModelWrapper.js",
       "src/composables/useFloatingMenu.ts",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useModelWrapper.ts",
@@ -326,3 +324,2 @@ "src/composables/useSplitAttributes.ts",
       "src/components/progress-bar/ProgressBar.vue",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useIntersectionObserver.ts",
@@ -362,3 +359,2 @@ "src/composables/useSplitAttributes.ts",
       "src/composables/useFloatingMenu.ts",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useModelWrapper.ts",
@@ -396,3 +392,2 @@ "_useOptionalModelWrapper.js",
       "src/composables/useModelWrapper.ts",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useFieldData.ts",
@@ -446,3 +441,2 @@ "_constants.js",
       "src/components/menu/Menu.vue",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useModelWrapper.ts",
@@ -501,3 +495,2 @@ "src/composables/useFieldData.ts",
       "src/components/tab/Tab.vue",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useComputedDirection.ts",
@@ -599,3 +592,2 @@ "_useOptionalModelWrapper.js",
       "src/composables/useModelWrapper.ts",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useSplitAttributes.ts",
@@ -631,3 +623,2 @@ "src/composables/useFieldData.ts",
       "src/components/search-input/SearchInput.vue",
-      "src/composables/useGeneratedId.ts",
       "src/composables/useSplitAttributes.ts",
@@ -634,0 +625,0 @@ "src/composables/useI18n.ts",

dist/types/components/accordion/Accordion.vue.d.ts

@@ -7,3 +7,3 @@ import { PropType } from 'vue';
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
@@ -43,3 +43,3 @@ * Forces the accordion to show the action icon.
     };
-}, {
+}>, {
     emitActionButtonClick: () => void;
@@ -51,3 +51,3 @@ rootClasses: import("vue").ComputedRef<{
     onToggle: (e: ToggleEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "action-button-click"[], "action-button-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "action-button-click"[], "action-button-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -87,5 +87,5 @@ * Forces the accordion to show the action icon.
     };
-}>> & {
+}>> & Readonly<{
     "onAction-button-click"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     actionAlwaysVisible: boolean;
@@ -95,3 +95,112 @@ actionIcon: Icon;
     headingLevel: HeadingLevel;
-}, {}>;
+}, {}, {
+    CdxButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        action: {
+            type: PropType<import("../../types").ButtonAction>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"default" | "progressive" | "destructive">;
+        };
+        weight: {
+            type: PropType<import("../../types").ButtonWeight>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"normal" | "primary" | "quiet">;
+        };
+        size: {
+            type: PropType<import("../../types").ButtonSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "large">;
+        };
+    }>, {
+        button: import("vue").Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
+        rootClasses: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            'cdx-button--framed': boolean;
+            'cdx-button--icon-only': boolean;
+            'cdx-button--is-active': boolean;
+        }>;
+        onClick: (event: Event) => void;
+        onKeyDown: () => void;
+        onKeyUp: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        action: {
+            type: PropType<import("../../types").ButtonAction>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"default" | "progressive" | "destructive">;
+        };
+        weight: {
+            type: PropType<import("../../types").ButtonWeight>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"normal" | "primary" | "quiet">;
+        };
+        size: {
+            type: PropType<import("../../types").ButtonSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "large">;
+        };
+    }>> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
+    }>, {
+        size: "medium" | "large";
+        action: "default" | "progressive" | "destructive";
+        weight: "normal" | "primary" | "quiet";
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    CdxIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<Icon>;
+            required: true;
+        };
+        iconLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        lang: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        dir: {
+            type: PropType<import("../../types").HTMLDirection | null>;
+            default: null;
+        };
+        size: {
+            type: PropType<import("../../types").IconSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+        };
+    }>, {
+        rootElement: import("vue").Ref<HTMLSpanElement | undefined, HTMLSpanElement | undefined>;
+        rootClasses: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            'cdx-icon--flipped': boolean;
+        }>;
+        iconSvg: import("vue").ComputedRef<string>;
+        iconPath: import("vue").ComputedRef<string>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<Icon>;
+            required: true;
+        };
+        iconLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        lang: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        dir: {
+            type: PropType<import("../../types").HTMLDirection | null>;
+            default: null;
+        };
+        size: {
+            type: PropType<import("../../types").IconSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+        };
+    }>> & Readonly<{}>, {
+        lang: string | null;
+        iconLabel: string;
+        dir: import("../../types").HTMLDirection | null;
+        size: "medium" | "x-small" | "small";
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

dist/types/components/button-group/ButtonGroup.vue.d.ts

@@ -7,3 +7,3 @@ import { PropType } from 'vue';
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
@@ -27,4 +27,4 @@ * Objects describing the buttons in the group. See the ButtonGroupItem type.
     };
-}, {
-    rootElement: import("vue").Ref<HTMLDivElement | undefined>;
+}>, {
+    rootElement: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
     assignTemplateRef: (templateRef: import("vue").ComponentPublicInstance | Element | null, index: number) => void;
@@ -35,3 +35,3 @@ onFocus: (index: number) => void;
     getButtonLabel: typeof getButtonLabel;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -55,7 +55,116 @@ * Objects describing the buttons in the group. See the ButtonGroupItem type.
     };
-}>> & {
+}>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
-}, {}>;
+}, {}, {
+    CdxButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        action: {
+            type: PropType<import("../../types").ButtonAction>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"default" | "progressive" | "destructive">;
+        };
+        weight: {
+            type: PropType<import("../../types").ButtonWeight>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"normal" | "primary" | "quiet">;
+        };
+        size: {
+            type: PropType<import("../../types").ButtonSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "large">;
+        };
+    }>, {
+        button: import("vue").Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
+        rootClasses: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            'cdx-button--framed': boolean;
+            'cdx-button--icon-only': boolean;
+            'cdx-button--is-active': boolean;
+        }>;
+        onClick: (event: Event) => void;
+        onKeyDown: () => void;
+        onKeyUp: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        action: {
+            type: PropType<import("../../types").ButtonAction>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"default" | "progressive" | "destructive">;
+        };
+        weight: {
+            type: PropType<import("../../types").ButtonWeight>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"normal" | "primary" | "quiet">;
+        };
+        size: {
+            type: PropType<import("../../types").ButtonSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "large">;
+        };
+    }>> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
+    }>, {
+        size: "medium" | "large";
+        action: "default" | "progressive" | "destructive";
+        weight: "normal" | "primary" | "quiet";
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    CdxIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<import("@wikimedia/codex-icons").Icon>;
+            required: true;
+        };
+        iconLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        lang: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        dir: {
+            type: PropType<import("../../types").HTMLDirection | null>;
+            default: null;
+        };
+        size: {
+            type: PropType<import("../../types").IconSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+        };
+    }>, {
+        rootElement: import("vue").Ref<HTMLSpanElement | undefined, HTMLSpanElement | undefined>;
+        rootClasses: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            'cdx-icon--flipped': boolean;
+        }>;
+        iconSvg: import("vue").ComputedRef<string>;
+        iconPath: import("vue").ComputedRef<string>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<import("@wikimedia/codex-icons").Icon>;
+            required: true;
+        };
+        iconLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        lang: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        dir: {
+            type: PropType<import("../../types").HTMLDirection | null>;
+            default: null;
+        };
+        size: {
+            type: PropType<import("../../types").IconSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+        };
+    }>> & Readonly<{}>, {
+        lang: string | null;
+        iconLabel: string;
+        dir: import("../../types").HTMLDirection | null;
+        size: "medium" | "x-small" | "small";
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

dist/types/components/button/Button.vue.d.ts

@@ -6,3 +6,3 @@ import { PropType } from 'vue';
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
@@ -19,3 +19,3 @@ * The kind of action that will be taken on click.
     /**
-     * Visual prominence of the button.
+     * Visual prominence of Button.
      *
@@ -32,3 +32,3 @@ * @values 'normal', 'primary', 'quiet'
      *
-     * Most buttons should use the default medium size. In rare cases the large size should
+     * Most Buttons should use the default medium size. In rare cases the large size should
      * be used, for example to make icon-only buttons larger on touchscreens.
@@ -43,4 +43,4 @@ *
     };
-}, {
-    button: import("vue").Ref<HTMLButtonElement | undefined>;
+}>, {
+    button: import("vue").Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
     rootClasses: import("vue").ComputedRef<{
@@ -55,3 +55,3 @@ [x: string]: boolean;
     onKeyUp: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -68,3 +68,3 @@ * The kind of action that will be taken on click.
     /**
-     * Visual prominence of the button.
+     * Visual prominence of Button.
      *
@@ -81,3 +81,3 @@ * @values 'normal', 'primary', 'quiet'
      *
-     * Most buttons should use the default medium size. In rare cases the large size should
+     * Most Buttons should use the default medium size. In rare cases the large size should
      * be used, for example to make icon-only buttons larger on touchscreens.
@@ -92,9 +92,9 @@ *
     };
-}>> & {
+}>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     size: "medium" | "large";
     action: "default" | "progressive" | "destructive";
     weight: "normal" | "primary" | "quiet";
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

dist/types/components/card/Card.vue.d.ts

@@ -7,3 +7,3 @@ import { PropType } from 'vue';
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
@@ -57,7 +57,7 @@ * If provided, the Card will be a link to this URL.
     };
-}, {
+}>, {
     isLink: import("vue").ComputedRef<boolean>;
     contentTag: import("vue").ComputedRef<"span" | "a">;
     cardLink: import("vue").ComputedRef<string | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -111,3 +111,3 @@ * If provided, the Card will be a link to this URL.
     };
-}>>, {
+}>> & Readonly<{}>, {
     url: string;
@@ -118,3 +118,147 @@ icon: Icon;
     customPlaceholderIcon: Icon;
-}, {}>;
+}, {}, {
+    CdxIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<Icon>;
+            required: true;
+        };
+        iconLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        lang: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        dir: {
+            type: PropType<import("../../types").HTMLDirection | null>;
+            default: null;
+        };
+        size: {
+            type: PropType<import("../../types").IconSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+        };
+    }>, {
+        rootElement: import("vue").Ref<HTMLSpanElement | undefined, HTMLSpanElement | undefined>;
+        rootClasses: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            'cdx-icon--flipped': boolean;
+        }>;
+        iconSvg: import("vue").ComputedRef<string>;
+        iconPath: import("vue").ComputedRef<string>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<Icon>;
+            required: true;
+        };
+        iconLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        lang: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        dir: {
+            type: PropType<import("../../types").HTMLDirection | null>;
+            default: null;
+        };
+        size: {
+            type: PropType<import("../../types").IconSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+        };
+    }>> & Readonly<{}>, {
+        lang: string | null;
+        iconLabel: string;
+        dir: import("../../types").HTMLDirection | null;
+        size: "medium" | "x-small" | "small";
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    CdxThumbnail: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        thumbnail: {
+            type: PropType<Thumbnail | null>;
+            default: null;
+        };
+        placeholderIcon: {
+            type: PropType<Icon>;
+            default: string;
+        };
+    }>, {
+        thumbnailStyle: import("vue").Ref<{}, {}>;
+        thumbnailLoaded: import("vue").Ref<boolean, boolean>;
+        NoInvertClass: "cdx-no-invert";
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        thumbnail: {
+            type: PropType<Thumbnail | null>;
+            default: null;
+        };
+        placeholderIcon: {
+            type: PropType<Icon>;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        thumbnail: Thumbnail | null;
+        placeholderIcon: Icon;
+    }, {}, {
+        CdxIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            icon: {
+                type: PropType<Icon>;
+                required: true;
+            };
+            iconLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            lang: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            dir: {
+                type: PropType<import("../../types").HTMLDirection | null>;
+                default: null;
+            };
+            size: {
+                type: PropType<import("../../types").IconSize>;
+                default: string;
+                validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+            };
+        }>, {
+            rootElement: import("vue").Ref<HTMLSpanElement | undefined, HTMLSpanElement | undefined>;
+            rootClasses: import("vue").ComputedRef<{
+                [x: string]: boolean;
+                'cdx-icon--flipped': boolean;
+            }>;
+            iconSvg: import("vue").ComputedRef<string>;
+            iconPath: import("vue").ComputedRef<string>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            icon: {
+                type: PropType<Icon>;
+                required: true;
+            };
+            iconLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            lang: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            dir: {
+                type: PropType<import("../../types").HTMLDirection | null>;
+                default: null;
+            };
+            size: {
+                type: PropType<import("../../types").IconSize>;
+                default: string;
+                validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+            };
+        }>> & Readonly<{}>, {
+            lang: string | null;
+            iconLabel: string;
+            dir: import("../../types").HTMLDirection | null;
+            size: "medium" | "x-small" | "small";
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

dist/types/components/checkbox/Checkbox.vue.d.ts

@@ -9,3 +9,3 @@ import { PropType } from 'vue';
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
@@ -80,11 +80,11 @@ * Value of the checkbox or checkbox group.
     };
-}, {
+}>, {
     rootClasses: import("vue").ComputedRef<Record<string, boolean>>;
     computedDisabled: import("vue").ComputedRef<boolean>;
-    input: import("vue").Ref<HTMLInputElement | undefined>;
+    input: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
     checkboxId: string;
     descriptionId: string;
-    wrappedModel: import("vue").WritableComputedRef<boolean | (string | number)[]>;
+    wrappedModel: import("vue").WritableComputedRef<boolean | (string | number)[], boolean | (string | number)[]>;
     customInputClasses: import("vue").ComputedRef<Record<string, boolean>>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -159,5 +159,5 @@ * Value of the checkbox or checkbox group.
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     name: string;
@@ -171,3 +171,146 @@ disabled: boolean;
     status: "default" | "warning" | "error" | "success";
-}, {}>;
+}, {}, {
+    CdxLabel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<import("@wikimedia/codex-icons").Icon | null>;
+            default: null;
+        };
+        optional: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        optionalFlag: {
+            type: StringConstructor;
+            default: string;
+        };
+        visuallyHidden: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isLegend: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        inputId: {
+            type: StringConstructor;
+            default: string;
+        };
+        descriptionId: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        rootClasses: import("vue").ComputedRef<Record<string, boolean>>;
+        rootStyle: import("vue").ComputedRef<import("vue").StyleValue>;
+        otherAttrs: import("vue").ComputedRef<{
+            [x: string]: unknown;
+        }>;
+        translatedOptionalFlag: import("vue").ComputedRef<string>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<import("@wikimedia/codex-icons").Icon | null>;
+            default: null;
+        };
+        optional: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        optionalFlag: {
+            type: StringConstructor;
+            default: string;
+        };
+        visuallyHidden: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isLegend: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        inputId: {
+            type: StringConstructor;
+            default: string;
+        };
+        descriptionId: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        icon: import("@wikimedia/codex-icons").Icon | null;
+        disabled: boolean;
+        optional: boolean;
+        optionalFlag: string;
+        visuallyHidden: boolean;
+        isLegend: boolean;
+        inputId: string;
+        descriptionId: string;
+    }, {}, {
+        CdxIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            icon: {
+                type: PropType<import("@wikimedia/codex-icons").Icon>;
+                required: true;
+            };
+            iconLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            lang: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            dir: {
+                type: PropType<import("../../types").HTMLDirection | null>;
+                default: null;
+            };
+            size: {
+                type: PropType<import("../../types").IconSize>;
+                default: string;
+                validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+            };
+        }>, {
+            rootElement: import("vue").Ref<HTMLSpanElement | undefined, HTMLSpanElement | undefined>;
+            rootClasses: import("vue").ComputedRef<{
+                [x: string]: boolean;
+                'cdx-icon--flipped': boolean;
+            }>;
+            iconSvg: import("vue").ComputedRef<string>;
+            iconPath: import("vue").ComputedRef<string>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            icon: {
+                type: PropType<import("@wikimedia/codex-icons").Icon>;
+                required: true;
+            };
+            iconLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            lang: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            dir: {
+                type: PropType<import("../../types").HTMLDirection | null>;
+                default: null;
+            };
+            size: {
+                type: PropType<import("../../types").IconSize>;
+                default: string;
+                validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+            };
+        }>> & Readonly<{}>, {
+            lang: string | null;
+            iconLabel: string;
+            dir: import("../../types").HTMLDirection | null;
+            size: "medium" | "x-small" | "small";
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

dist/types/components/chip-input/ChipInput.vue.d.ts

@@ -7,3 +7,3 @@ import { ComponentPublicInstance, PropType } from 'vue';
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
@@ -67,8 +67,8 @@ * Current chips present in the input.
     };
-}, {
-    rootElement: import("vue").Ref<HTMLDivElement | undefined>;
-    chipsContainer: import("vue").Ref<HTMLDivElement | undefined>;
-    separateInputWrapper: import("vue").Ref<HTMLDivElement | undefined>;
-    input: import("vue").Ref<HTMLInputElement | undefined>;
-    computedInputValue: import("vue").WritableComputedRef<string | number>;
+}>, {
+    rootElement: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    chipsContainer: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    separateInputWrapper: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    input: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+    computedInputValue: import("vue").WritableComputedRef<string | number, string | number>;
     rootClasses: import("vue").ComputedRef<Record<string, boolean>>;
@@ -89,4 +89,4 @@ rootStyle: import("vue").ComputedRef<import("vue").StyleValue>;
     computedDisabled: import("vue").ComputedRef<boolean>;
-    statusMessageContent: import("vue").Ref<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:input-chips" | "update:input-value")[], "update:input-chips" | "update:input-value", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    statusMessageContent: import("vue").Ref<string, string>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:input-chips" | "update:input-value")[], "update:input-chips" | "update:input-value", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -150,6 +150,6 @@ * Current chips present in the input.
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:input-chips"?: ((...args: any[]) => any) | undefined;
     "onUpdate:input-value"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
@@ -161,3 +161,161 @@ inputValue: string | number;
     chipValidator: ChipValidator;
-}, {}>;
+}, {}, {
+    CdxInputChip: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<import("@wikimedia/codex-icons").Icon>;
+            default: null;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        rootElement: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+        rootClasses: import("vue").ComputedRef<{
+            'cdx-input-chip--disabled': boolean;
+            'cdx-input-chip--readonly': boolean;
+        }>;
+        ariaDescription: import("vue").ComputedRef<string>;
+        onKeydown: (e: KeyboardEvent) => void;
+        cdxIconClose: string;
+        tabIndex: import("vue").ComputedRef<0 | -1>;
+    }, {}, {}, {
+        focus(): void;
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("remove-chip" | "click-chip" | "arrow-left" | "arrow-right")[], "remove-chip" | "click-chip" | "arrow-left" | "arrow-right", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<import("@wikimedia/codex-icons").Icon>;
+            default: null;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        "onRemove-chip"?: ((...args: any[]) => any) | undefined;
+        "onClick-chip"?: ((...args: any[]) => any) | undefined;
+        "onArrow-left"?: ((...args: any[]) => any) | undefined;
+        "onArrow-right"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        icon: import("@wikimedia/codex-icons").Icon;
+        disabled: boolean;
+        readonly: boolean;
+    }, {}, {
+        CdxButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            action: {
+                type: PropType<import("../../types").ButtonAction>;
+                default: string;
+                validator: import("../../types").StringTypeValidator<"default" | "progressive" | "destructive">;
+            };
+            weight: {
+                type: PropType<import("../../types").ButtonWeight>;
+                default: string;
+                validator: import("../../types").StringTypeValidator<"normal" | "primary" | "quiet">;
+            };
+            size: {
+                type: PropType<import("../../types").ButtonSize>;
+                default: string;
+                validator: import("../../types").StringTypeValidator<"medium" | "large">;
+            };
+        }>, {
+            button: import("vue").Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
+            rootClasses: import("vue").ComputedRef<{
+                [x: string]: boolean;
+                'cdx-button--framed': boolean;
+                'cdx-button--icon-only': boolean;
+                'cdx-button--is-active': boolean;
+            }>;
+            onClick: (event: Event) => void;
+            onKeyDown: () => void;
+            onKeyUp: () => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            action: {
+                type: PropType<import("../../types").ButtonAction>;
+                default: string;
+                validator: import("../../types").StringTypeValidator<"default" | "progressive" | "destructive">;
+            };
+            weight: {
+                type: PropType<import("../../types").ButtonWeight>;
+                default: string;
+                validator: import("../../types").StringTypeValidator<"normal" | "primary" | "quiet">;
+            };
+            size: {
+                type: PropType<import("../../types").ButtonSize>;
+                default: string;
+                validator: import("../../types").StringTypeValidator<"medium" | "large">;
+            };
+        }>> & Readonly<{
+            onClick?: ((...args: any[]) => any) | undefined;
+        }>, {
+            size: "medium" | "large";
+            action: "default" | "progressive" | "destructive";
+            weight: "normal" | "primary" | "quiet";
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        CdxIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            icon: {
+                type: PropType<import("@wikimedia/codex-icons").Icon>;
+                required: true;
+            };
+            iconLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            lang: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            dir: {
+                type: PropType<import("../../types").HTMLDirection | null>;
+                default: null;
+            };
+            size: {
+                type: PropType<import("../../types").IconSize>;
+                default: string;
+                validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+            };
+        }>, {
+            rootElement: import("vue").Ref<HTMLSpanElement | undefined, HTMLSpanElement | undefined>;
+            rootClasses: import("vue").ComputedRef<{
+                [x: string]: boolean;
+                'cdx-icon--flipped': boolean;
+            }>;
+            iconSvg: import("vue").ComputedRef<string>;
+            iconPath: import("vue").ComputedRef<string>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            icon: {
+                type: PropType<import("@wikimedia/codex-icons").Icon>;
+                required: true;
+            };
+            iconLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            lang: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            dir: {
+                type: PropType<import("../../types").HTMLDirection | null>;
+                default: null;
+            };
+            size: {
+                type: PropType<import("../../types").IconSize>;
+                default: string;
+                validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+            };
+        }>> & Readonly<{}>, {
+            lang: string | null;
+            iconLabel: string;
+            dir: import("../../types").HTMLDirection | null;
+            size: "medium" | "x-small" | "small";
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

dist/types/components/dialog/Dialog.vue.d.ts

@@ -7,3 +7,3 @@ import { PropType } from 'vue';
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
@@ -103,3 +103,3 @@ * Whether the dialog is visible. Should be provided via a v-model:open
     };
-}, {
+}>, {
     close: () => void;
@@ -113,10 +113,10 @@ cdxIconClose: string;
     }>;
-    backdrop: import("vue").Ref<HTMLDivElement | undefined>;
-    dialogElement: import("vue").Ref<HTMLDivElement | undefined>;
-    focusTrapStart: import("vue").Ref<HTMLDivElement | undefined>;
-    focusTrapEnd: import("vue").Ref<HTMLDivElement | undefined>;
+    backdrop: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    dialogElement: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    focusTrapStart: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    focusTrapEnd: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
     focusFirst: () => void;
     focusLast: () => void;
-    dialogBody: import("vue").Ref<HTMLDivElement | undefined>;
-    focusHolder: import("vue").Ref<HTMLDivElement | undefined>;
+    dialogBody: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    focusHolder: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
     showHeader: import("vue").ComputedRef<boolean>;
@@ -127,3 +127,3 @@ showFooterActions: import("vue").ComputedRef<boolean>;
     computedTarget: import("vue").ComputedRef<string | HTMLElement>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("default" | "primary" | "update:open")[], "default" | "primary" | "update:open", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("default" | "primary" | "update:open")[], "default" | "primary" | "update:open", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -223,7 +223,7 @@ * Whether the dialog is visible. Should be provided via a v-model:open
     };
-}>> & {
+}>> & Readonly<{
     onDefault?: ((...args: any[]) => any) | undefined;
     onPrimary?: ((...args: any[]) => any) | undefined;
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     open: boolean;
@@ -239,3 +239,112 @@ target: string | HTMLElement | null;
     renderInPlace: boolean;
-}, {}>;
+}, {}, {
+    CdxButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        action: {
+            type: PropType<import("../../types").ButtonAction>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"default" | "progressive" | "destructive">;
+        };
+        weight: {
+            type: PropType<import("../../types").ButtonWeight>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"normal" | "primary" | "quiet">;
+        };
+        size: {
+            type: PropType<import("../../types").ButtonSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "large">;
+        };
+    }>, {
+        button: import("vue").Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
+        rootClasses: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            'cdx-button--framed': boolean;
+            'cdx-button--icon-only': boolean;
+            'cdx-button--is-active': boolean;
+        }>;
+        onClick: (event: Event) => void;
+        onKeyDown: () => void;
+        onKeyUp: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        action: {
+            type: PropType<import("../../types").ButtonAction>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"default" | "progressive" | "destructive">;
+        };
+        weight: {
+            type: PropType<import("../../types").ButtonWeight>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"normal" | "primary" | "quiet">;
+        };
+        size: {
+            type: PropType<import("../../types").ButtonSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "large">;
+        };
+    }>> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
+    }>, {
+        size: "medium" | "large";
+        action: "default" | "progressive" | "destructive";
+        weight: "normal" | "primary" | "quiet";
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    CdxIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<import("@wikimedia/codex-icons").Icon>;
+            required: true;
+        };
+        iconLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        lang: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        dir: {
+            type: PropType<import("../../types").HTMLDirection | null>;
+            default: null;
+        };
+        size: {
+            type: PropType<import("../../types").IconSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+        };
+    }>, {
+        rootElement: import("vue").Ref<HTMLSpanElement | undefined, HTMLSpanElement | undefined>;
+        rootClasses: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            'cdx-icon--flipped': boolean;
+        }>;
+        iconSvg: import("vue").ComputedRef<string>;
+        iconPath: import("vue").ComputedRef<string>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<import("@wikimedia/codex-icons").Icon>;
+            required: true;
+        };
+        iconLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        lang: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        dir: {
+            type: PropType<import("../../types").HTMLDirection | null>;
+            default: null;
+        };
+        size: {
+            type: PropType<import("../../types").IconSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+        };
+    }>> & Readonly<{}>, {
+        lang: string | null;
+        iconLabel: string;
+        dir: import("../../types").HTMLDirection | null;
+        size: "medium" | "x-small" | "small";
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

dist/types/components/field/Field.vue.d.ts

@@ -7,3 +7,3 @@ import { PropType } from 'vue';
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
@@ -79,3 +79,3 @@ * Icon before the label text.
     };
-}, {
+}>, {
     rootClasses: import("vue").ComputedRef<{
@@ -91,3 +91,3 @@ 'cdx-field--disabled': boolean;
     validationMessageType: import("vue").ComputedRef<"notice" | "warning" | "error" | "success">;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -163,3 +163,3 @@ * Icon before the label text.
     };
-}>>, {
+}>> & Readonly<{}>, {
     disabled: boolean;
@@ -173,3 +173,338 @@ optional: boolean;
     messages: ValidationMessages;
-}, {}>;
+}, {}, {
+    CdxLabel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<Icon | null>;
+            default: null;
+        };
+        optional: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        optionalFlag: {
+            type: StringConstructor;
+            default: string;
+        };
+        visuallyHidden: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isLegend: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        inputId: {
+            type: StringConstructor;
+            default: string;
+        };
+        descriptionId: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        rootClasses: import("vue").ComputedRef<Record<string, boolean>>;
+        rootStyle: import("vue").ComputedRef<import("vue").StyleValue>;
+        otherAttrs: import("vue").ComputedRef<{
+            [x: string]: unknown;
+        }>;
+        translatedOptionalFlag: import("vue").ComputedRef<string>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<Icon | null>;
+            default: null;
+        };
+        optional: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        optionalFlag: {
+            type: StringConstructor;
+            default: string;
+        };
+        visuallyHidden: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isLegend: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        inputId: {
+            type: StringConstructor;
+            default: string;
+        };
+        descriptionId: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        icon: Icon | null;
+        disabled: boolean;
+        optional: boolean;
+        optionalFlag: string;
+        visuallyHidden: boolean;
+        isLegend: boolean;
+        inputId: string;
+        descriptionId: string;
+    }, {}, {
+        CdxIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            icon: {
+                type: PropType<Icon>;
+                required: true;
+            };
+            iconLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            lang: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            dir: {
+                type: PropType<import("../../types").HTMLDirection | null>;
+                default: null;
+            };
+            size: {
+                type: PropType<import("../../types").IconSize>;
+                default: string;
+                validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+            };
+        }>, {
+            rootElement: import("vue").Ref<HTMLSpanElement | undefined, HTMLSpanElement | undefined>;
+            rootClasses: import("vue").ComputedRef<{
+                [x: string]: boolean;
+                'cdx-icon--flipped': boolean;
+            }>;
+            iconSvg: import("vue").ComputedRef<string>;
+            iconPath: import("vue").ComputedRef<string>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            icon: {
+                type: PropType<Icon>;
+                required: true;
+            };
+            iconLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            lang: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            dir: {
+                type: PropType<import("../../types").HTMLDirection | null>;
+                default: null;
+            };
+            size: {
+                type: PropType<import("../../types").IconSize>;
+                default: string;
+                validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+            };
+        }>> & Readonly<{}>, {
+            lang: string | null;
+            iconLabel: string;
+            dir: import("../../types").HTMLDirection | null;
+            size: "medium" | "x-small" | "small";
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    CdxMessage: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        type: {
+            type: PropType<import("../../types").StatusType>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"notice" | "warning" | "error" | "success">;
+        };
+        inline: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        icon: {
+            type: PropType<Icon>;
+            default: null;
+        };
+        fadeIn: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        allowUserDismiss: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        dismissButtonLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        autoDismiss: {
+            type: (BooleanConstructor | NumberConstructor)[];
+            default: boolean;
+            validator: (value: unknown) => boolean;
+        };
+    }>, {
+        dismissed: import("vue").Ref<boolean, boolean>;
+        userDismissable: import("vue").ComputedRef<boolean>;
+        translatedDismissButtonLabel: import("vue").ComputedRef<string>;
+        rootClasses: import("vue").ComputedRef<Record<string, boolean>>;
+        leaveActiveClass: import("vue").Ref<string, string>;
+        computedIcon: import("vue").ComputedRef<Icon>;
+        onDismiss: (eventName: "user-dismissed" | "auto-dismissed") => void;
+        cdxIconClose: string;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("user-dismissed" | "auto-dismissed")[], "user-dismissed" | "auto-dismissed", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: PropType<import("../../types").StatusType>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"notice" | "warning" | "error" | "success">;
+        };
+        inline: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        icon: {
+            type: PropType<Icon>;
+            default: null;
+        };
+        fadeIn: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        allowUserDismiss: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        dismissButtonLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        autoDismiss: {
+            type: (BooleanConstructor | NumberConstructor)[];
+            default: boolean;
+            validator: (value: unknown) => boolean;
+        };
+    }>> & Readonly<{
+        "onUser-dismissed"?: ((...args: any[]) => any) | undefined;
+        "onAuto-dismissed"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        icon: Icon;
+        type: "notice" | "warning" | "error" | "success";
+        inline: boolean;
+        fadeIn: boolean;
+        allowUserDismiss: boolean;
+        dismissButtonLabel: string;
+        autoDismiss: number | boolean;
+    }, {}, {
+        CdxButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            action: {
+                type: PropType<import("../../types").ButtonAction>;
+                default: string;
+                validator: import("../../types").StringTypeValidator<"default" | "progressive" | "destructive">;
+            };
+            weight: {
+                type: PropType<import("../../types").ButtonWeight>;
+                default: string;
+                validator: import("../../types").StringTypeValidator<"normal" | "primary" | "quiet">;
+            };
+            size: {
+                type: PropType<import("../../types").ButtonSize>;
+                default: string;
+                validator: import("../../types").StringTypeValidator<"medium" | "large">;
+            };
+        }>, {
+            button: import("vue").Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
+            rootClasses: import("vue").ComputedRef<{
+                [x: string]: boolean;
+                'cdx-button--framed': boolean;
+                'cdx-button--icon-only': boolean;
+                'cdx-button--is-active': boolean;
+            }>;
+            onClick: (event: Event) => void;
+            onKeyDown: () => void;
+            onKeyUp: () => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            action: {
+                type: PropType<import("../../types").ButtonAction>;
+                default: string;
+                validator: import("../../types").StringTypeValidator<"default" | "progressive" | "destructive">;
+            };
+            weight: {
+                type: PropType<import("../../types").ButtonWeight>;
+                default: string;
+                validator: import("../../types").StringTypeValidator<"normal" | "primary" | "quiet">;
+            };
+            size: {
+                type: PropType<import("../../types").ButtonSize>;
+                default: string;
+                validator: import("../../types").StringTypeValidator<"medium" | "large">;
+            };
+        }>> & Readonly<{
+            onClick?: ((...args: any[]) => any) | undefined;
+        }>, {
+            size: "medium" | "large";
+            action: "default" | "progressive" | "destructive";
+            weight: "normal" | "primary" | "quiet";
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        CdxIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            icon: {
+                type: PropType<Icon>;
+                required: true;
+            };
+            iconLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            lang: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            dir: {
+                type: PropType<import("../../types").HTMLDirection | null>;
+                default: null;
+            };
+            size: {
+                type: PropType<import("../../types").IconSize>;
+                default: string;
+                validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+            };
+        }>, {
+            rootElement: import("vue").Ref<HTMLSpanElement | undefined, HTMLSpanElement | undefined>;
+            rootClasses: import("vue").ComputedRef<{
+                [x: string]: boolean;
+                'cdx-icon--flipped': boolean;
+            }>;
+            iconSvg: import("vue").ComputedRef<string>;
+            iconPath: import("vue").ComputedRef<string>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            icon: {
+                type: PropType<Icon>;
+                required: true;
+            };
+            iconLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            lang: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            dir: {
+                type: PropType<import("../../types").HTMLDirection | null>;
+                default: null;
+            };
+            size: {
+                type: PropType<import("../../types").IconSize>;
+                default: string;
+                validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+            };
+        }>> & Readonly<{}>, {
+            lang: string | null;
+            iconLabel: string;
+            dir: import("../../types").HTMLDirection | null;
+            size: "medium" | "x-small" | "small";
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

dist/types/components/icon/Icon.vue.d.ts

@@ -7,3 +7,3 @@ import { PropType } from 'vue';
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /** The SVG path or an object containing that path plus other data. */
@@ -52,4 +52,4 @@ icon: {
     };
-}, {
-    rootElement: import("vue").Ref<HTMLSpanElement | undefined>;
+}>, {
+    rootElement: import("vue").Ref<HTMLSpanElement | undefined, HTMLSpanElement | undefined>;
     rootClasses: import("vue").ComputedRef<{
@@ -61,3 +61,3 @@ [x: string]: boolean;
     iconPath: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /** The SVG path or an object containing that path plus other data. */
@@ -106,3 +106,3 @@ icon: {
     };
-}>>, {
+}>> & Readonly<{}>, {
     lang: string | null;
@@ -112,3 +112,3 @@ iconLabel: string;
     size: "medium" | "x-small" | "small";
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

dist/types/components/info-chip/InfoChip.vue.d.ts

@@ -7,3 +7,3 @@ import { PropType } from 'vue';
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
@@ -27,6 +27,6 @@ * Status type.
     };
-}, {
+}>, {
     rootClasses: import("vue").ComputedRef<Record<string, boolean>>;
     computedIcon: import("vue").ComputedRef<Icon | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -50,6 +50,65 @@ * Status type.
     };
-}>>, {
+}>> & Readonly<{}>, {
     icon: Icon;
     status: "notice" | "warning" | "error" | "success";
-}, {}>;
+}, {}, {
+    CdxIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<Icon>;
+            required: true;
+        };
+        iconLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        lang: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        dir: {
+            type: PropType<import("../../types").HTMLDirection | null>;
+            default: null;
+        };
+        size: {
+            type: PropType<import("../../types").IconSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+        };
+    }>, {
+        rootElement: import("vue").Ref<HTMLSpanElement | undefined, HTMLSpanElement | undefined>;
+        rootClasses: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            'cdx-icon--flipped': boolean;
+        }>;
+        iconSvg: import("vue").ComputedRef<string>;
+        iconPath: import("vue").ComputedRef<string>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<Icon>;
+            required: true;
+        };
+        iconLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        lang: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        dir: {
+            type: PropType<import("../../types").HTMLDirection | null>;
+            default: null;
+        };
+        size: {
+            type: PropType<import("../../types").IconSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+        };
+    }>> & Readonly<{}>, {
+        lang: string | null;
+        iconLabel: string;
+        dir: import("../../types").HTMLDirection | null;
+        size: "medium" | "x-small" | "small";
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

dist/types/components/input-chip/InputChip.vue.d.ts

@@ -8,3 +8,3 @@ import { PropType } from 'vue';
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
@@ -31,4 +31,4 @@ * Custom icon.
     };
-}, {
-    rootElement: import("vue").Ref<HTMLDivElement | undefined>;
+}>, {
+    rootElement: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
     rootClasses: import("vue").ComputedRef<{
@@ -42,3 +42,3 @@ 'cdx-input-chip--disabled': boolean;
     tabIndex: import("vue").ComputedRef<0 | -1>;
-}, unknown, {}, {
+}, {}, {}, {
     /**
@@ -72,3 +72,3 @@ * Focus the chip.
     };
-}>> & {
+}>> & Readonly<{
     "onRemove-chip"?: ((...args: any[]) => any) | undefined;
@@ -78,7 +78,116 @@ "onClick-chip"?: ((...args: any[]) => any) | undefined;
     "onArrow-right"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     icon: Icon;
     disabled: boolean;
     readonly: boolean;
-}, {}>;
+}, {}, {
+    CdxButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        action: {
+            type: PropType<import("../../types.js").ButtonAction>;
+            default: string;
+            validator: import("../../types.js").StringTypeValidator<"default" | "progressive" | "destructive">;
+        };
+        weight: {
+            type: PropType<import("../../types.js").ButtonWeight>;
+            default: string;
+            validator: import("../../types.js").StringTypeValidator<"normal" | "primary" | "quiet">;
+        };
+        size: {
+            type: PropType<import("../../types.js").ButtonSize>;
+            default: string;
+            validator: import("../../types.js").StringTypeValidator<"medium" | "large">;
+        };
+    }>, {
+        button: import("vue").Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
+        rootClasses: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            'cdx-button--framed': boolean;
+            'cdx-button--icon-only': boolean;
+            'cdx-button--is-active': boolean;
+        }>;
+        onClick: (event: Event) => void;
+        onKeyDown: () => void;
+        onKeyUp: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        action: {
+            type: PropType<import("../../types.js").ButtonAction>;
+            default: string;
+            validator: import("../../types.js").StringTypeValidator<"default" | "progressive" | "destructive">;
+        };
+        weight: {
+            type: PropType<import("../../types.js").ButtonWeight>;
+            default: string;
+            validator: import("../../types.js").StringTypeValidator<"normal" | "primary" | "quiet">;
+        };
+        size: {
+            type: PropType<import("../../types.js").ButtonSize>;
+            default: string;
+            validator: import("../../types.js").StringTypeValidator<"medium" | "large">;
+        };
+    }>> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
+    }>, {
+        size: "medium" | "large";
+        action: "default" | "progressive" | "destructive";
+        weight: "normal" | "primary" | "quiet";
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    CdxIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<Icon>;
+            required: true;
+        };
+        iconLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        lang: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        dir: {
+            type: PropType<import("../../types.js").HTMLDirection | null>;
+            default: null;
+        };
+        size: {
+            type: PropType<import("../../types.js").IconSize>;
+            default: string;
+            validator: import("../../types.js").StringTypeValidator<"medium" | "x-small" | "small">;
+        };
+    }>, {
+        rootElement: import("vue").Ref<HTMLSpanElement | undefined, HTMLSpanElement | undefined>;
+        rootClasses: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            'cdx-icon--flipped': boolean;
+        }>;
+        iconSvg: import("vue").ComputedRef<string>;
+        iconPath: import("vue").ComputedRef<string>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<Icon>;
+            required: true;
+        };
+        iconLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        lang: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        dir: {
+            type: PropType<import("../../types.js").HTMLDirection | null>;
+            default: null;
+        };
+        size: {
+            type: PropType<import("../../types.js").IconSize>;
+            default: string;
+            validator: import("../../types.js").StringTypeValidator<"medium" | "x-small" | "small">;
+        };
+    }>> & Readonly<{}>, {
+        lang: string | null;
+        iconLabel: string;
+        dir: import("../../types.js").HTMLDirection | null;
+        size: "medium" | "x-small" | "small";
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

dist/types/components/label/Label.vue.d.ts

@@ -6,3 +6,3 @@ import { PropType } from 'vue';
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
@@ -77,3 +77,3 @@ * Icon before the label text.
     };
-}, {
+}>, {
     rootClasses: import("vue").ComputedRef<Record<string, boolean>>;
@@ -85,3 +85,3 @@ rootStyle: import("vue").ComputedRef<import("vue").StyleValue>;
     translatedOptionalFlag: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -156,3 +156,3 @@ * Icon before the label text.
     };
-}>>, {
+}>> & Readonly<{}>, {
     icon: Icon | null;
@@ -166,3 +166,62 @@ disabled: boolean;
     descriptionId: string;
-}, {}>;
+}, {}, {
+    CdxIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<Icon>;
+            required: true;
+        };
+        iconLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        lang: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        dir: {
+            type: PropType<import("../../types.js").HTMLDirection | null>;
+            default: null;
+        };
+        size: {
+            type: PropType<import("../../types.js").IconSize>;
+            default: string;
+            validator: import("../../types.js").StringTypeValidator<"medium" | "x-small" | "small">;
+        };
+    }>, {
+        rootElement: import("vue").Ref<HTMLSpanElement | undefined, HTMLSpanElement | undefined>;
+        rootClasses: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            'cdx-icon--flipped': boolean;
+        }>;
+        iconSvg: import("vue").ComputedRef<string>;
+        iconPath: import("vue").ComputedRef<string>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<Icon>;
+            required: true;
+        };
+        iconLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        lang: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        dir: {
+            type: PropType<import("../../types.js").HTMLDirection | null>;
+            default: null;
+        };
+        size: {
+            type: PropType<import("../../types.js").IconSize>;
+            default: string;
+            validator: import("../../types.js").StringTypeValidator<"medium" | "x-small" | "small">;
+        };
+    }>> & Readonly<{}>, {
+        lang: string | null;
+        iconLabel: string;
+        dir: import("../../types.js").HTMLDirection | null;
+        size: "medium" | "x-small" | "small";
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

dist/types/components/menu-item/MenuItem.vue.d.ts

@@ -7,3 +7,3 @@ import { PropType } from 'vue';
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
@@ -157,3 +157,3 @@ * ID for HTML `id` attribute.
     };
-}, {
+}>, {
     onMouseMove: () => void;
@@ -168,3 +168,3 @@ onMouseLeave: () => void;
     cdxIconCheck: string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -318,5 +318,5 @@ * ID for HTML `id` attribute.
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     url: string;
@@ -327,4 +327,4 @@ selected: boolean;
     icon: Icon;
+    label: string;
     match: string;
-    label: string;
     action: "default" | "progressive" | "destructive";
@@ -341,3 +341,170 @@ disabled: boolean;
     multiselect: boolean;
-}, {}>;
+}, {}, {
+    CdxIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<Icon>;
+            required: true;
+        };
+        iconLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        lang: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        dir: {
+            type: PropType<import("../../types").HTMLDirection | null>;
+            default: null;
+        };
+        size: {
+            type: PropType<import("../../types").IconSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+        };
+    }>, {
+        rootElement: import("vue").Ref<HTMLSpanElement | undefined, HTMLSpanElement | undefined>;
+        rootClasses: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            'cdx-icon--flipped': boolean;
+        }>;
+        iconSvg: import("vue").ComputedRef<string>;
+        iconPath: import("vue").ComputedRef<string>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<Icon>;
+            required: true;
+        };
+        iconLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        lang: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        dir: {
+            type: PropType<import("../../types").HTMLDirection | null>;
+            default: null;
+        };
+        size: {
+            type: PropType<import("../../types").IconSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+        };
+    }>> & Readonly<{}>, {
+        lang: string | null;
+        iconLabel: string;
+        dir: import("../../types").HTMLDirection | null;
+        size: "medium" | "x-small" | "small";
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    CdxThumbnail: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        thumbnail: {
+            type: PropType<Thumbnail | null>;
+            default: null;
+        };
+        placeholderIcon: {
+            type: PropType<Icon>;
+            default: string;
+        };
+    }>, {
+        thumbnailStyle: import("vue").Ref<{}, {}>;
+        thumbnailLoaded: import("vue").Ref<boolean, boolean>;
+        NoInvertClass: "cdx-no-invert";
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        thumbnail: {
+            type: PropType<Thumbnail | null>;
+            default: null;
+        };
+        placeholderIcon: {
+            type: PropType<Icon>;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        thumbnail: Thumbnail | null;
+        placeholderIcon: Icon;
+    }, {}, {
+        CdxIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            icon: {
+                type: PropType<Icon>;
+                required: true;
+            };
+            iconLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            lang: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            dir: {
+                type: PropType<import("../../types").HTMLDirection | null>;
+                default: null;
+            };
+            size: {
+                type: PropType<import("../../types").IconSize>;
+                default: string;
+                validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+            };
+        }>, {
+            rootElement: import("vue").Ref<HTMLSpanElement | undefined, HTMLSpanElement | undefined>;
+            rootClasses: import("vue").ComputedRef<{
+                [x: string]: boolean;
+                'cdx-icon--flipped': boolean;
+            }>;
+            iconSvg: import("vue").ComputedRef<string>;
+            iconPath: import("vue").ComputedRef<string>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            icon: {
+                type: PropType<Icon>;
+                required: true;
+            };
+            iconLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            lang: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            dir: {
+                type: PropType<import("../../types").HTMLDirection | null>;
+                default: null;
+            };
+            size: {
+                type: PropType<import("../../types").IconSize>;
+                default: string;
+                validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+            };
+        }>> & Readonly<{}>, {
+            lang: string | null;
+            iconLabel: string;
+            dir: import("../../types").HTMLDirection | null;
+            size: "medium" | "x-small" | "small";
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    CdxSearchResultTitle: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        title: {
+            type: StringConstructor;
+            required: true;
+        };
+        searchQuery: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {
+        titleChunks: import("vue").ComputedRef<[string, string, string]>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        title: {
+            type: StringConstructor;
+            required: true;
+        };
+        searchQuery: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        searchQuery: string;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

dist/types/components/menu/Menu.vue.d.ts

@@ -13,3 +13,3 @@ import { PropType, ComponentPublicInstance } from 'vue';
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
@@ -126,3 +126,3 @@ * Menu items and menu group definitions.
     };
-}, {
+}>, {
     listBoxStyle: import("vue").ComputedRef<{
@@ -186,4 +186,49 @@ 'max-height': string | undefined;
         disabled?: boolean | undefined;
+    } | null, MenuItemDataWithId | {
+        id: string;
+        value: MenuItemValue;
+        label?: string | undefined;
+        match?: string | undefined;
+        supportingText?: string | undefined;
+        description?: string | null | undefined;
+        language?: {
+            label?: string | undefined;
+            match?: string | undefined;
+            supportingText?: string | undefined;
+            description?: string | undefined;
+        } | undefined;
+        icon?: string | {
+            path: string;
+        } | {
+            ltr: string | {
+                path: string;
+            };
+            shouldFlip: true;
+            shouldFlipExceptions?: string[] | undefined;
+        } | {
+            rtl: string | {
+                path: string;
+            };
+            ltr: string | {
+                path: string;
+            };
+        } | {
+            langCodeMap: Record<string, import("@wikimedia/codex-icons").SimpleIcon | import("@wikimedia/codex-icons").IconFlipForRtl>;
+            default: string | {
+                path: string;
+            } | {
+                ltr: string | {
+                    path: string;
+                };
+                shouldFlip: true;
+                shouldFlipExceptions?: string[] | undefined;
+            };
+        } | undefined;
+        thumbnail?: {
+            url: string;
+        } | null | undefined;
+        url?: string | undefined;
+        disabled?: boolean | undefined;
     } | null>;
-    highlightedViaKeyboard: import("vue").Ref<boolean>;
+    highlightedViaKeyboard: import("vue").Ref<boolean, boolean>;
     handleMenuItemChange: (menuState: MenuState, menuItem: MenuItemDataWithId | null) => void;
@@ -196,3 +241,3 @@ handleKeyNavigation: (e: KeyboardEvent, { prevent, characterNavigation }?: {
     isMultiselect: import("vue").ComputedRef<boolean>;
-    menuListbox: import("vue").Ref<HTMLElement | undefined>;
+    menuListbox: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
     getGroupWrapperClasses: (group: MenuGroupData) => {
@@ -232,3 +277,3 @@ 'cdx-menu__group-wrapper--hide-label': boolean;
     isMenuGroupData: typeof isMenuGroupData;
-}, unknown, {}, {
+}, {}, {}, {
     /**
@@ -404,3 +449,3 @@ * Returns whether the menu is expanded.
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:selected"?: ((...args: any[]) => any) | undefined;
@@ -411,3 +456,3 @@ "onUpdate:expanded"?: ((...args: any[]) => any) | undefined;
     "onLoad-more"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     footer: MenuItemData;
@@ -421,3 +466,453 @@ searchQuery: string;
     showNoResultsSlot: boolean | null;
-}, {}>;
+}, {}, {
+    CdxMenuItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        id: {
+            type: StringConstructor;
+            required: true;
+        };
+        value: {
+            type: PropType<MenuItemValue>;
+            required: true;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        selected: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        active: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        highlighted: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        match: {
+            type: StringConstructor;
+            default: string;
+        };
+        supportingText: {
+            type: StringConstructor;
+            default: string;
+        };
+        url: {
+            type: StringConstructor;
+            default: string;
+        };
+        icon: {
+            type: PropType<import("@wikimedia/codex-icons").Icon>;
+            default: string;
+        };
+        showThumbnail: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        thumbnail: {
+            type: PropType<import("../../types").Thumbnail | null>;
+            default: null;
+        };
+        description: {
+            type: PropType<string | null>;
+            default: string;
+        };
+        searchQuery: {
+            type: StringConstructor;
+            default: string;
+        };
+        boldLabel: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hideDescriptionOverflow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        language: {
+            type: PropType<import("../../types").MenuItemLanguageData>;
+            default: () => {};
+        };
+        action: {
+            type: PropType<import("../../types").ButtonAction>;
+            default: string;
+        };
+        multiselect: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        onMouseMove: () => void;
+        onMouseLeave: () => void;
+        onMouseDown: (e: MouseEvent) => void;
+        onClick: () => void;
+        highlightQuery: import("vue").ComputedRef<boolean>;
+        rootClasses: import("vue").ComputedRef<Record<string, boolean>>;
+        contentTag: import("vue").ComputedRef<"span" | "a">;
+        title: import("vue").ComputedRef<string>;
+        cdxIconCheck: string;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        id: {
+            type: StringConstructor;
+            required: true;
+        };
+        value: {
+            type: PropType<MenuItemValue>;
+            required: true;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        selected: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        active: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        highlighted: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        match: {
+            type: StringConstructor;
+            default: string;
+        };
+        supportingText: {
+            type: StringConstructor;
+            default: string;
+        };
+        url: {
+            type: StringConstructor;
+            default: string;
+        };
+        icon: {
+            type: PropType<import("@wikimedia/codex-icons").Icon>;
+            default: string;
+        };
+        showThumbnail: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        thumbnail: {
+            type: PropType<import("../../types").Thumbnail | null>;
+            default: null;
+        };
+        description: {
+            type: PropType<string | null>;
+            default: string;
+        };
+        searchQuery: {
+            type: StringConstructor;
+            default: string;
+        };
+        boldLabel: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        hideDescriptionOverflow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        language: {
+            type: PropType<import("../../types").MenuItemLanguageData>;
+            default: () => {};
+        };
+        action: {
+            type: PropType<import("../../types").ButtonAction>;
+            default: string;
+        };
+        multiselect: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onChange?: ((...args: any[]) => any) | undefined;
+    }>, {
+        url: string;
+        selected: boolean;
+        highlighted: boolean;
+        active: boolean;
+        icon: import("@wikimedia/codex-icons").Icon;
+        label: string;
+        match: string;
+        action: "default" | "progressive" | "destructive";
+        disabled: boolean;
+        thumbnail: import("../../types").Thumbnail | null;
+        description: string | null;
+        searchQuery: string;
+        supportingText: string;
+        showThumbnail: boolean;
+        boldLabel: boolean;
+        hideDescriptionOverflow: boolean;
+        language: import("../../types").MenuItemLanguageData;
+        multiselect: boolean;
+    }, {}, {
+        CdxIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            icon: {
+                type: PropType<import("@wikimedia/codex-icons").Icon>;
+                required: true;
+            };
+            iconLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            lang: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            dir: {
+                type: PropType<import("../../types").HTMLDirection | null>;
+                default: null;
+            };
+            size: {
+                type: PropType<import("../../types").IconSize>;
+                default: string;
+                validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+            };
+        }>, {
+            rootElement: import("vue").Ref<HTMLSpanElement | undefined, HTMLSpanElement | undefined>;
+            rootClasses: import("vue").ComputedRef<{
+                [x: string]: boolean;
+                'cdx-icon--flipped': boolean;
+            }>;
+            iconSvg: import("vue").ComputedRef<string>;
+            iconPath: import("vue").ComputedRef<string>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            icon: {
+                type: PropType<import("@wikimedia/codex-icons").Icon>;
+                required: true;
+            };
+            iconLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            lang: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            dir: {
+                type: PropType<import("../../types").HTMLDirection | null>;
+                default: null;
+            };
+            size: {
+                type: PropType<import("../../types").IconSize>;
+                default: string;
+                validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+            };
+        }>> & Readonly<{}>, {
+            lang: string | null;
+            iconLabel: string;
+            dir: import("../../types").HTMLDirection | null;
+            size: "medium" | "x-small" | "small";
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        CdxThumbnail: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            thumbnail: {
+                type: PropType<import("../../types").Thumbnail | null>;
+                default: null;
+            };
+            placeholderIcon: {
+                type: PropType<import("@wikimedia/codex-icons").Icon>;
+                default: string;
+            };
+        }>, {
+            thumbnailStyle: import("vue").Ref<{}, {}>;
+            thumbnailLoaded: import("vue").Ref<boolean, boolean>;
+            NoInvertClass: "cdx-no-invert";
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            thumbnail: {
+                type: PropType<import("../../types").Thumbnail | null>;
+                default: null;
+            };
+            placeholderIcon: {
+                type: PropType<import("@wikimedia/codex-icons").Icon>;
+                default: string;
+            };
+        }>> & Readonly<{}>, {
+            thumbnail: import("../../types").Thumbnail | null;
+            placeholderIcon: import("@wikimedia/codex-icons").Icon;
+        }, {}, {
+            CdxIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                icon: {
+                    type: PropType<import("@wikimedia/codex-icons").Icon>;
+                    required: true;
+                };
+                iconLabel: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                lang: {
+                    type: PropType<string | null>;
+                    default: null;
+                };
+                dir: {
+                    type: PropType<import("../../types").HTMLDirection | null>;
+                    default: null;
+                };
+                size: {
+                    type: PropType<import("../../types").IconSize>;
+                    default: string;
+                    validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+                };
+            }>, {
+                rootElement: import("vue").Ref<HTMLSpanElement | undefined, HTMLSpanElement | undefined>;
+                rootClasses: import("vue").ComputedRef<{
+                    [x: string]: boolean;
+                    'cdx-icon--flipped': boolean;
+                }>;
+                iconSvg: import("vue").ComputedRef<string>;
+                iconPath: import("vue").ComputedRef<string>;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                icon: {
+                    type: PropType<import("@wikimedia/codex-icons").Icon>;
+                    required: true;
+                };
+                iconLabel: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                lang: {
+                    type: PropType<string | null>;
+                    default: null;
+                };
+                dir: {
+                    type: PropType<import("../../types").HTMLDirection | null>;
+                    default: null;
+                };
+                size: {
+                    type: PropType<import("../../types").IconSize>;
+                    default: string;
+                    validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+                };
+            }>> & Readonly<{}>, {
+                lang: string | null;
+                iconLabel: string;
+                dir: import("../../types").HTMLDirection | null;
+                size: "medium" | "x-small" | "small";
+            }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        CdxSearchResultTitle: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            title: {
+                type: StringConstructor;
+                required: true;
+            };
+            searchQuery: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>, {
+            titleChunks: import("vue").ComputedRef<[string, string, string]>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            title: {
+                type: StringConstructor;
+                required: true;
+            };
+            searchQuery: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & Readonly<{}>, {
+            searchQuery: string;
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    CdxIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<import("@wikimedia/codex-icons").Icon>;
+            required: true;
+        };
+        iconLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        lang: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        dir: {
+            type: PropType<import("../../types").HTMLDirection | null>;
+            default: null;
+        };
+        size: {
+            type: PropType<import("../../types").IconSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+        };
+    }>, {
+        rootElement: import("vue").Ref<HTMLSpanElement | undefined, HTMLSpanElement | undefined>;
+        rootClasses: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            'cdx-icon--flipped': boolean;
+        }>;
+        iconSvg: import("vue").ComputedRef<string>;
+        iconPath: import("vue").ComputedRef<string>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<import("@wikimedia/codex-icons").Icon>;
+            required: true;
+        };
+        iconLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        lang: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        dir: {
+            type: PropType<import("../../types").HTMLDirection | null>;
+            default: null;
+        };
+        size: {
+            type: PropType<import("../../types").IconSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+        };
+    }>> & Readonly<{}>, {
+        lang: string | null;
+        iconLabel: string;
+        dir: import("../../types").HTMLDirection | null;
+        size: "medium" | "x-small" | "small";
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    CdxProgressBar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        inline: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        rootClasses: import("vue").ComputedRef<{
+            'cdx-progress-bar--block': boolean;
+            'cdx-progress-bar--inline': boolean;
+            'cdx-progress-bar--enabled': boolean;
+            'cdx-progress-bar--disabled': boolean;
+        }>;
+        computedAriaHidden: import("vue").ComputedRef<"true" | undefined>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        inline: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        disabled: boolean;
+        inline: boolean;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

dist/types/components/message/Message.vue.d.ts

@@ -7,3 +7,3 @@ import { PropType } from 'vue';
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
@@ -75,12 +75,12 @@ * Status type of Message.
     };
-}, {
-    dismissed: import("vue").Ref<boolean>;
+}>, {
+    dismissed: import("vue").Ref<boolean, boolean>;
     userDismissable: import("vue").ComputedRef<boolean>;
     translatedDismissButtonLabel: import("vue").ComputedRef<string>;
     rootClasses: import("vue").ComputedRef<Record<string, boolean>>;
-    leaveActiveClass: import("vue").Ref<string>;
+    leaveActiveClass: import("vue").Ref<string, string>;
     computedIcon: import("vue").ComputedRef<Icon>;
     onDismiss: (eventName: "user-dismissed" | "auto-dismissed") => void;
     cdxIconClose: string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("user-dismissed" | "auto-dismissed")[], "user-dismissed" | "auto-dismissed", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("user-dismissed" | "auto-dismissed")[], "user-dismissed" | "auto-dismissed", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -152,6 +152,6 @@ * Status type of Message.
     };
-}>> & {
+}>> & Readonly<{
     "onUser-dismissed"?: ((...args: any[]) => any) | undefined;
     "onAuto-dismissed"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     icon: Icon;
@@ -164,3 +164,112 @@ type: "notice" | "warning" | "error" | "success";
     autoDismiss: number | boolean;
-}, {}>;
+}, {}, {
+    CdxButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        action: {
+            type: PropType<import("../../types").ButtonAction>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"default" | "progressive" | "destructive">;
+        };
+        weight: {
+            type: PropType<import("../../types").ButtonWeight>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"normal" | "primary" | "quiet">;
+        };
+        size: {
+            type: PropType<import("../../types").ButtonSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "large">;
+        };
+    }>, {
+        button: import("vue").Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
+        rootClasses: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            'cdx-button--framed': boolean;
+            'cdx-button--icon-only': boolean;
+            'cdx-button--is-active': boolean;
+        }>;
+        onClick: (event: Event) => void;
+        onKeyDown: () => void;
+        onKeyUp: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        action: {
+            type: PropType<import("../../types").ButtonAction>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"default" | "progressive" | "destructive">;
+        };
+        weight: {
+            type: PropType<import("../../types").ButtonWeight>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"normal" | "primary" | "quiet">;
+        };
+        size: {
+            type: PropType<import("../../types").ButtonSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "large">;
+        };
+    }>> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
+    }>, {
+        size: "medium" | "large";
+        action: "default" | "progressive" | "destructive";
+        weight: "normal" | "primary" | "quiet";
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    CdxIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<Icon>;
+            required: true;
+        };
+        iconLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        lang: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        dir: {
+            type: PropType<import("../../types").HTMLDirection | null>;
+            default: null;
+        };
+        size: {
+            type: PropType<import("../../types").IconSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+        };
+    }>, {
+        rootElement: import("vue").Ref<HTMLSpanElement | undefined, HTMLSpanElement | undefined>;
+        rootClasses: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            'cdx-icon--flipped': boolean;
+        }>;
+        iconSvg: import("vue").ComputedRef<string>;
+        iconPath: import("vue").ComputedRef<string>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<Icon>;
+            required: true;
+        };
+        iconLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        lang: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        dir: {
+            type: PropType<import("../../types").HTMLDirection | null>;
+            default: null;
+        };
+        size: {
+            type: PropType<import("../../types").IconSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+        };
+    }>> & Readonly<{}>, {
+        lang: string | null;
+        iconLabel: string;
+        dir: import("../../types").HTMLDirection | null;
+        size: "medium" | "x-small" | "small";
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

dist/types/components/progress-bar/ProgressBar.vue.d.ts

@@ -10,3 +10,3 @@ /**
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
@@ -26,3 +26,3 @@ * Whether this is the smaller, inline variant.
     };
-}, {
+}>, {
     rootClasses: import("vue").ComputedRef<{
@@ -35,3 +35,3 @@ 'cdx-progress-bar--block': boolean;
     computedAriaHidden: import("vue").ComputedRef<"true" | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -51,6 +51,6 @@ * Whether this is the smaller, inline variant.
     };
-}>>, {
+}>> & Readonly<{}>, {
     disabled: boolean;
     inline: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

dist/types/components/radio/Radio.vue.d.ts

@@ -6,3 +6,3 @@ import { PropType } from 'vue';
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
@@ -58,12 +58,12 @@ * Value of the currently selected radio.
     };
-}, {
+}>, {
     rootClasses: import("vue").ComputedRef<Record<string, boolean>>;
     computedDisabled: import("vue").ComputedRef<boolean>;
-    input: import("vue").Ref<HTMLInputElement | undefined>;
+    input: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
     radioId: string;
     descriptionId: string;
     focusInput: () => void;
-    wrappedModel: import("vue").WritableComputedRef<string | number | boolean>;
+    wrappedModel: import("vue").WritableComputedRef<string | number | boolean, string | number | boolean>;
     customInputClasses: import("vue").ComputedRef<Record<string, boolean>>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -119,5 +119,5 @@ * Value of the currently selected radio.
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
@@ -128,3 +128,146 @@ inline: boolean;
     status: "default" | "warning" | "error" | "success";
-}, {}>;
+}, {}, {
+    CdxLabel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<import("@wikimedia/codex-icons").Icon | null>;
+            default: null;
+        };
+        optional: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        optionalFlag: {
+            type: StringConstructor;
+            default: string;
+        };
+        visuallyHidden: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isLegend: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        inputId: {
+            type: StringConstructor;
+            default: string;
+        };
+        descriptionId: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        rootClasses: import("vue").ComputedRef<Record<string, boolean>>;
+        rootStyle: import("vue").ComputedRef<import("vue").StyleValue>;
+        otherAttrs: import("vue").ComputedRef<{
+            [x: string]: unknown;
+        }>;
+        translatedOptionalFlag: import("vue").ComputedRef<string>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<import("@wikimedia/codex-icons").Icon | null>;
+            default: null;
+        };
+        optional: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        optionalFlag: {
+            type: StringConstructor;
+            default: string;
+        };
+        visuallyHidden: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isLegend: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        inputId: {
+            type: StringConstructor;
+            default: string;
+        };
+        descriptionId: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        icon: import("@wikimedia/codex-icons").Icon | null;
+        disabled: boolean;
+        optional: boolean;
+        optionalFlag: string;
+        visuallyHidden: boolean;
+        isLegend: boolean;
+        inputId: string;
+        descriptionId: string;
+    }, {}, {
+        CdxIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            icon: {
+                type: PropType<import("@wikimedia/codex-icons").Icon>;
+                required: true;
+            };
+            iconLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            lang: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            dir: {
+                type: PropType<import("../../types").HTMLDirection | null>;
+                default: null;
+            };
+            size: {
+                type: PropType<import("../../types").IconSize>;
+                default: string;
+                validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+            };
+        }>, {
+            rootElement: import("vue").Ref<HTMLSpanElement | undefined, HTMLSpanElement | undefined>;
+            rootClasses: import("vue").ComputedRef<{
+                [x: string]: boolean;
+                'cdx-icon--flipped': boolean;
+            }>;
+            iconSvg: import("vue").ComputedRef<string>;
+            iconPath: import("vue").ComputedRef<string>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            icon: {
+                type: PropType<import("@wikimedia/codex-icons").Icon>;
+                required: true;
+            };
+            iconLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            lang: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            dir: {
+                type: PropType<import("../../types").HTMLDirection | null>;
+                default: null;
+            };
+            size: {
+                type: PropType<import("../../types").IconSize>;
+                default: string;
+                validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+            };
+        }>> & Readonly<{}>, {
+            lang: string | null;
+            iconLabel: string;
+            dir: import("../../types").HTMLDirection | null;
+            size: "medium" | "x-small" | "small";
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

dist/types/components/search-input/SearchInput.vue.d.ts

@@ -6,3 +6,3 @@ import { PropType } from 'vue';
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
@@ -47,4 +47,4 @@ * Value of the search input, provided by `v-model` binding in the parent component.
     };
-}, {
-    wrappedModel: import("vue").WritableComputedRef<string | number>;
+}>, {
+    wrappedModel: import("vue").WritableComputedRef<string | number, string | number>;
     computedDisabled: import("vue").ComputedRef<boolean>;
@@ -60,3 +60,3 @@ rootClasses: import("vue").ComputedRef<Record<string, boolean>>;
     useButtonOrLabel: import("vue").ComputedRef<boolean>;
-}, unknown, {}, {
+}, {}, {}, {
     /**
@@ -108,3 +108,3 @@ * Focus the component's input element.
     };
-}>> & {
+}>> & Readonly<{
     onFocus?: ((...args: any[]) => any) | undefined;
@@ -116,3 +116,3 @@ onBlur?: ((...args: any[]) => any) | undefined;
     "onSubmit-click"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
@@ -123,3 +123,222 @@ modelValue: string | number;
     buttonLabel: string;
-}, {}>;
+}, {}, {
+    CdxButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        action: {
+            type: PropType<import("../../types").ButtonAction>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"default" | "progressive" | "destructive">;
+        };
+        weight: {
+            type: PropType<import("../../types").ButtonWeight>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"normal" | "primary" | "quiet">;
+        };
+        size: {
+            type: PropType<import("../../types").ButtonSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "large">;
+        };
+    }>, {
+        button: import("vue").Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
+        rootClasses: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            'cdx-button--framed': boolean;
+            'cdx-button--icon-only': boolean;
+            'cdx-button--is-active': boolean;
+        }>;
+        onClick: (event: Event) => void;
+        onKeyDown: () => void;
+        onKeyUp: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        action: {
+            type: PropType<import("../../types").ButtonAction>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"default" | "progressive" | "destructive">;
+        };
+        weight: {
+            type: PropType<import("../../types").ButtonWeight>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"normal" | "primary" | "quiet">;
+        };
+        size: {
+            type: PropType<import("../../types").ButtonSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "large">;
+        };
+    }>> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
+    }>, {
+        size: "medium" | "large";
+        action: "default" | "progressive" | "destructive";
+        weight: "normal" | "primary" | "quiet";
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    CdxTextInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: string;
+        };
+        inputType: {
+            type: PropType<import("../../types").TextInputType>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"number" | "text" | "search" | "email" | "month" | "password" | "tel" | "url" | "week" | "date" | "datetime-local" | "time">;
+        };
+        status: {
+            type: PropType<ValidationStatusType>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"default" | "warning" | "error" | "success">;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        startIcon: {
+            type: PropType<import("@wikimedia/codex-icons").Icon | undefined>;
+            default: undefined;
+        };
+        endIcon: {
+            type: PropType<import("@wikimedia/codex-icons").Icon | undefined>;
+            default: undefined;
+        };
+        clearable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        computedInputId: import("vue").ComputedRef<string | undefined>;
+        descriptionId: import("vue").ComputedRef<string | undefined> | undefined;
+        wrappedModel: import("vue").WritableComputedRef<string | number, string | number>;
+        isClearable: import("vue").ComputedRef<boolean>;
+        rootClasses: import("vue").ComputedRef<Record<string, boolean>>;
+        rootStyle: import("vue").ComputedRef<import("vue").StyleValue>;
+        otherAttrsMinusId: import("vue").ComputedRef<{
+            [x: string]: unknown;
+        }>;
+        inputClasses: import("vue").ComputedRef<{
+            'cdx-text-input__input--has-value': boolean;
+        }>;
+        computedDisabled: import("vue").ComputedRef<boolean>;
+        onClear: (event: MouseEvent) => void;
+        onInput: (event: Event) => void;
+        onChange: (event: Event) => void;
+        onKeydown: (event: KeyboardEvent) => void;
+        onFocus: (event: FocusEvent) => void;
+        onBlur: (event: FocusEvent) => void;
+        onInvalid: (event: Event, doPreventDefault: boolean) => void;
+        shouldPreventDefault: import("vue").Ref<boolean, boolean>;
+        cdxIconClear: string;
+    }, {}, {}, {
+        focus(): void;
+        blur(): void;
+        checkValidity(): boolean;
+        reportValidity(): boolean;
+        setCustomValidity(message: string): void;
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "clear" | "focus" | "blur" | "keydown" | "update:modelValue" | "change" | "invalid")[], "input" | "clear" | "focus" | "blur" | "keydown" | "update:modelValue" | "change" | "invalid", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: string;
+        };
+        inputType: {
+            type: PropType<import("../../types").TextInputType>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"number" | "text" | "search" | "email" | "month" | "password" | "tel" | "url" | "week" | "date" | "datetime-local" | "time">;
+        };
+        status: {
+            type: PropType<ValidationStatusType>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"default" | "warning" | "error" | "success">;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        startIcon: {
+            type: PropType<import("@wikimedia/codex-icons").Icon | undefined>;
+            default: undefined;
+        };
+        endIcon: {
+            type: PropType<import("@wikimedia/codex-icons").Icon | undefined>;
+            default: undefined;
+        };
+        clearable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onChange?: ((...args: any[]) => any) | undefined;
+        onInput?: ((...args: any[]) => any) | undefined;
+        onInvalid?: ((...args: any[]) => any) | undefined;
+        onKeydown?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onClear?: ((...args: any[]) => any) | undefined;
+    }>, {
+        disabled: boolean;
+        modelValue: string | number;
+        status: "default" | "warning" | "error" | "success";
+        inputType: "number" | "text" | "search" | "email" | "month" | "password" | "tel" | "url" | "week" | "date" | "datetime-local" | "time";
+        startIcon: import("@wikimedia/codex-icons").Icon | undefined;
+        endIcon: import("@wikimedia/codex-icons").Icon | undefined;
+        clearable: boolean;
+    }, {}, {
+        CdxIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            icon: {
+                type: PropType<import("@wikimedia/codex-icons").Icon>;
+                required: true;
+            };
+            iconLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            lang: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            dir: {
+                type: PropType<import("../../types").HTMLDirection | null>;
+                default: null;
+            };
+            size: {
+                type: PropType<import("../../types").IconSize>;
+                default: string;
+                validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+            };
+        }>, {
+            rootElement: import("vue").Ref<HTMLSpanElement | undefined, HTMLSpanElement | undefined>;
+            rootClasses: import("vue").ComputedRef<{
+                [x: string]: boolean;
+                'cdx-icon--flipped': boolean;
+            }>;
+            iconSvg: import("vue").ComputedRef<string>;
+            iconPath: import("vue").ComputedRef<string>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            icon: {
+                type: PropType<import("@wikimedia/codex-icons").Icon>;
+                required: true;
+            };
+            iconLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            lang: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            dir: {
+                type: PropType<import("../../types").HTMLDirection | null>;
+                default: null;
+            };
+            size: {
+                type: PropType<import("../../types").IconSize>;
+                default: string;
+                validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+            };
+        }>> & Readonly<{}>, {
+            lang: string | null;
+            iconLabel: string;
+            dir: import("../../types").HTMLDirection | null;
+            size: "medium" | "x-small" | "small";
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

dist/types/components/search-result-title/SearchResultTitle.vue.d.ts

@@ -7,3 +7,3 @@ /**
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
@@ -23,5 +23,5 @@ * Title text.
     };
-}, {
+}>, {
     titleChunks: import("vue").ComputedRef<[string, string, string]>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -41,5 +41,5 @@ * Title text.
     };
-}>>, {
+}>> & Readonly<{}>, {
     searchQuery: string;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

dist/types/components/tab/Tab.vue.d.ts

@@ -5,3 +5,3 @@ import { TabData } from '../../types';
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
@@ -32,6 +32,6 @@ * String name of the tab, used for programmatic selection. Each Tab
     };
-}, {
+}>, {
     tab: TabData;
     isActive: import("vue").ComputedRef<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -62,6 +62,6 @@ * String name of the tab, used for programmatic selection. Each Tab
     };
-}>>, {
+}>> & Readonly<{}>, {
     label: string;
     disabled: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

dist/types/components/tabs/Tabs.vue.d.ts

@@ -6,3 +6,3 @@ import { ComponentPublicInstance } from 'vue';
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
@@ -33,11 +33,11 @@ * The `name` of the currently active Tab in the layout.
     };
-}, {
-    activeTab: import("vue").WritableComputedRef<string>;
+}>, {
+    activeTab: import("vue").WritableComputedRef<string, string>;
     activeTabIndex: import("vue").ComputedRef<number>;
     activeTabId: import("vue").ComputedRef<string | undefined>;
-    currentDirection: import("vue").Ref<import("../../types").HTMLDirection | null>;
-    rootElement: import("vue").Ref<HTMLDivElement | undefined>;
-    tabListElement: import("vue").Ref<HTMLDivElement | undefined>;
-    prevScroller: import("vue").Ref<HTMLDivElement | undefined>;
-    nextScroller: import("vue").Ref<HTMLDivElement | undefined>;
+    currentDirection: import("vue").Ref<import("../../types").HTMLDirection | null, import("../../types").HTMLDirection | null>;
+    rootElement: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    tabListElement: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    prevScroller: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    nextScroller: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
     rootClasses: import("vue").ComputedRef<{
@@ -49,4 +49,4 @@ 'cdx-tabs--framed': boolean;
     tabsData: import("vue").ComputedRef<Map<string, TabData>>;
-    firstLabelVisible: import("vue").Ref<boolean>;
-    lastLabelVisible: import("vue").Ref<boolean>;
+    firstLabelVisible: import("vue").Ref<boolean, boolean>;
+    lastLabelVisible: import("vue").Ref<boolean, boolean>;
     assignTemplateRefForTabButton: (templateRef: Element | ComponentPublicInstance | null, index: number) => void;
@@ -57,3 +57,3 @@ scrollTabs: (logicalDirection: "prev" | "next") => void;
     cdxIconNext: import("@wikimedia/codex-icons").IconFlipForRtl;
-}, unknown, {}, {
+}, {}, {}, {
     /**
@@ -130,8 +130,117 @@ * Programmatically select a tab based on its "name" prop
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:active"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     active: string;
     framed: boolean;
-}, {}>;
+}, {}, {
+    CdxButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        action: {
+            type: import("vue").PropType<import("../../types").ButtonAction>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"default" | "progressive" | "destructive">;
+        };
+        weight: {
+            type: import("vue").PropType<import("../../types").ButtonWeight>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"normal" | "primary" | "quiet">;
+        };
+        size: {
+            type: import("vue").PropType<import("../../types").ButtonSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "large">;
+        };
+    }>, {
+        button: import("vue").Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
+        rootClasses: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            'cdx-button--framed': boolean;
+            'cdx-button--icon-only': boolean;
+            'cdx-button--is-active': boolean;
+        }>;
+        onClick: (event: Event) => void;
+        onKeyDown: () => void;
+        onKeyUp: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        action: {
+            type: import("vue").PropType<import("../../types").ButtonAction>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"default" | "progressive" | "destructive">;
+        };
+        weight: {
+            type: import("vue").PropType<import("../../types").ButtonWeight>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"normal" | "primary" | "quiet">;
+        };
+        size: {
+            type: import("vue").PropType<import("../../types").ButtonSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "large">;
+        };
+    }>> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
+    }>, {
+        size: "medium" | "large";
+        action: "default" | "progressive" | "destructive";
+        weight: "normal" | "primary" | "quiet";
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    CdxIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        icon: {
+            type: import("vue").PropType<import("@wikimedia/codex-icons").Icon>;
+            required: true;
+        };
+        iconLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        lang: {
+            type: import("vue").PropType<string | null>;
+            default: null;
+        };
+        dir: {
+            type: import("vue").PropType<import("../../types").HTMLDirection | null>;
+            default: null;
+        };
+        size: {
+            type: import("vue").PropType<import("../../types").IconSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+        };
+    }>, {
+        rootElement: import("vue").Ref<HTMLSpanElement | undefined, HTMLSpanElement | undefined>;
+        rootClasses: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            'cdx-icon--flipped': boolean;
+        }>;
+        iconSvg: import("vue").ComputedRef<string>;
+        iconPath: import("vue").ComputedRef<string>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: import("vue").PropType<import("@wikimedia/codex-icons").Icon>;
+            required: true;
+        };
+        iconLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        lang: {
+            type: import("vue").PropType<string | null>;
+            default: null;
+        };
+        dir: {
+            type: import("vue").PropType<import("../../types").HTMLDirection | null>;
+            default: null;
+        };
+        size: {
+            type: import("vue").PropType<import("../../types").IconSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+        };
+    }>> & Readonly<{}>, {
+        lang: string | null;
+        iconLabel: string;
+        dir: import("../../types").HTMLDirection | null;
+        size: "medium" | "x-small" | "small";
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

dist/types/components/text-area/TextArea.vue.d.ts

@@ -10,3 +10,3 @@ import { PropType } from 'vue';
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
@@ -63,7 +63,7 @@ * Current value of the textarea.
     };
-}, {
-    textarea: import("vue").Ref<HTMLTextAreaElement | undefined>;
+}>, {
+    textarea: import("vue").Ref<HTMLTextAreaElement | undefined, HTMLTextAreaElement | undefined>;
     rootClasses: import("vue").ComputedRef<Record<string, boolean>>;
     rootStyle: import("vue").ComputedRef<import("vue").StyleValue>;
-    wrappedModel: import("vue").WritableComputedRef<string>;
+    wrappedModel: import("vue").WritableComputedRef<string, string>;
     computedDisabled: import("vue").ComputedRef<boolean>;
@@ -84,4 +84,4 @@ computedInputId: import("vue").ComputedRef<string | undefined>;
     onInvalid: (event: Event, doPreventDefault: boolean) => void;
-    shouldPreventDefault: import("vue").Ref<boolean>;
-}, unknown, {}, {
+    shouldPreventDefault: import("vue").Ref<boolean, boolean>;
+}, {}, {}, {
     /**
@@ -176,3 +176,3 @@ * Focus the component's textarea element.
     };
-}>> & {
+}>> & Readonly<{
     onFocus?: ((...args: any[]) => any) | undefined;
@@ -184,3 +184,3 @@ onBlur?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
@@ -192,3 +192,62 @@ modelValue: string;
     autosize: boolean;
-}, {}>;
+}, {}, {
+    CdxIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<Icon>;
+            required: true;
+        };
+        iconLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        lang: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        dir: {
+            type: PropType<import("../../types").HTMLDirection | null>;
+            default: null;
+        };
+        size: {
+            type: PropType<import("../../types").IconSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+        };
+    }>, {
+        rootElement: import("vue").Ref<HTMLSpanElement | undefined, HTMLSpanElement | undefined>;
+        rootClasses: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            'cdx-icon--flipped': boolean;
+        }>;
+        iconSvg: import("vue").ComputedRef<string>;
+        iconPath: import("vue").ComputedRef<string>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<Icon>;
+            required: true;
+        };
+        iconLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        lang: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        dir: {
+            type: PropType<import("../../types").HTMLDirection | null>;
+            default: null;
+        };
+        size: {
+            type: PropType<import("../../types").IconSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+        };
+    }>> & Readonly<{}>, {
+        lang: string | null;
+        iconLabel: string;
+        dir: import("../../types").HTMLDirection | null;
+        size: "medium" | "x-small" | "small";
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

dist/types/components/text-input/TextInput.vue.d.ts

@@ -7,3 +7,3 @@ import { PropType } from 'vue';
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
@@ -68,6 +68,6 @@ * Current value of the input.
     };
-}, {
+}>, {
     computedInputId: import("vue").ComputedRef<string | undefined>;
     descriptionId: import("vue").ComputedRef<string | undefined> | undefined;
-    wrappedModel: import("vue").WritableComputedRef<string | number>;
+    wrappedModel: import("vue").WritableComputedRef<string | number, string | number>;
     isClearable: import("vue").ComputedRef<boolean>;
@@ -90,5 +90,5 @@ rootClasses: import("vue").ComputedRef<Record<string, boolean>>;
     onInvalid: (event: Event, doPreventDefault: boolean) => void;
-    shouldPreventDefault: import("vue").Ref<boolean>;
+    shouldPreventDefault: import("vue").Ref<boolean, boolean>;
     cdxIconClear: string;
-}, unknown, {}, {
+}, {}, {}, {
     /**
@@ -191,3 +191,3 @@ * Focus the component's input element.
     };
-}>> & {
+}>> & Readonly<{
     onFocus?: ((...args: any[]) => any) | undefined;
@@ -201,3 +201,3 @@ onBlur?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
@@ -210,3 +210,62 @@ modelValue: string | number;
     clearable: boolean;
-}, {}>;
+}, {}, {
+    CdxIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<Icon>;
+            required: true;
+        };
+        iconLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        lang: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        dir: {
+            type: PropType<import("../../types").HTMLDirection | null>;
+            default: null;
+        };
+        size: {
+            type: PropType<import("../../types").IconSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+        };
+    }>, {
+        rootElement: import("vue").Ref<HTMLSpanElement | undefined, HTMLSpanElement | undefined>;
+        rootClasses: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            'cdx-icon--flipped': boolean;
+        }>;
+        iconSvg: import("vue").ComputedRef<string>;
+        iconPath: import("vue").ComputedRef<string>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<Icon>;
+            required: true;
+        };
+        iconLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        lang: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        dir: {
+            type: PropType<import("../../types").HTMLDirection | null>;
+            default: null;
+        };
+        size: {
+            type: PropType<import("../../types").IconSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+        };
+    }>> & Readonly<{}>, {
+        lang: string | null;
+        iconLabel: string;
+        dir: import("../../types").HTMLDirection | null;
+        size: "medium" | "x-small" | "small";
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

dist/types/components/thumbnail/Thumbnail.vue.d.ts

@@ -10,3 +10,3 @@ import { PropType } from 'vue';
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
@@ -26,7 +26,7 @@ * Thumbnail data.
     };
-}, {
-    thumbnailStyle: import("vue").Ref<{}>;
-    thumbnailLoaded: import("vue").Ref<boolean>;
+}>, {
+    thumbnailStyle: import("vue").Ref<{}, {}>;
+    thumbnailLoaded: import("vue").Ref<boolean, boolean>;
     NoInvertClass: "cdx-no-invert";
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -46,6 +46,65 @@ * Thumbnail data.
     };
-}>>, {
+}>> & Readonly<{}>, {
     thumbnail: Thumbnail | null;
     placeholderIcon: Icon;
-}, {}>;
+}, {}, {
+    CdxIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<Icon>;
+            required: true;
+        };
+        iconLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        lang: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        dir: {
+            type: PropType<import("../../types").HTMLDirection | null>;
+            default: null;
+        };
+        size: {
+            type: PropType<import("../../types").IconSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+        };
+    }>, {
+        rootElement: import("vue").Ref<HTMLSpanElement | undefined, HTMLSpanElement | undefined>;
+        rootClasses: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            'cdx-icon--flipped': boolean;
+        }>;
+        iconSvg: import("vue").ComputedRef<string>;
+        iconPath: import("vue").ComputedRef<string>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<Icon>;
+            required: true;
+        };
+        iconLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        lang: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        dir: {
+            type: PropType<import("../../types").HTMLDirection | null>;
+            default: null;
+        };
+        size: {
+            type: PropType<import("../../types").IconSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+        };
+    }>> & Readonly<{}>, {
+        lang: string | null;
+        iconLabel: string;
+        dir: import("../../types").HTMLDirection | null;
+        size: "medium" | "x-small" | "small";
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

dist/types/components/toggle-button-group/ToggleButtonGroup.vue.d.ts

@@ -8,3 +8,3 @@ import { PropType } from 'vue';
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
@@ -43,4 +43,4 @@ * Buttons to display. See the ButtonGroupItem type.
     };
-}, {
-    rootElement: import("vue").Ref<HTMLDivElement | undefined>;
+}>, {
+    rootElement: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
     assignTemplateRef: (templateRef: import("vue").ComponentPublicInstance | Element | null, index: number) => void;
@@ -53,3 +53,3 @@ onFocus: (index: number) => void;
     onUpdate: (button: ButtonGroupItem, nowSelected: boolean) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -88,7 +88,111 @@ * Buttons to display. See the ButtonGroupItem type.
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
-}, {}>;
+}, {}, {
+    CdxIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<import("@wikimedia/codex-icons").Icon>;
+            required: true;
+        };
+        iconLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        lang: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        dir: {
+            type: PropType<import("../../types").HTMLDirection | null>;
+            default: null;
+        };
+        size: {
+            type: PropType<import("../../types").IconSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+        };
+    }>, {
+        rootElement: import("vue").Ref<HTMLSpanElement | undefined, HTMLSpanElement | undefined>;
+        rootClasses: import("vue").ComputedRef<{
+            [x: string]: boolean;
+            'cdx-icon--flipped': boolean;
+        }>;
+        iconSvg: import("vue").ComputedRef<string>;
+        iconPath: import("vue").ComputedRef<string>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<import("@wikimedia/codex-icons").Icon>;
+            required: true;
+        };
+        iconLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        lang: {
+            type: PropType<string | null>;
+            default: null;
+        };
+        dir: {
+            type: PropType<import("../../types").HTMLDirection | null>;
+            default: null;
+        };
+        size: {
+            type: PropType<import("../../types").IconSize>;
+            default: string;
+            validator: import("../../types").StringTypeValidator<"medium" | "x-small" | "small">;
+        };
+    }>> & Readonly<{}>, {
+        lang: string | null;
+        iconLabel: string;
+        dir: import("../../types").HTMLDirection | null;
+        size: "medium" | "x-small" | "small";
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    CdxToggleButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        quiet: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        rootClasses: import("vue").ComputedRef<{
+            'cdx-toggle-button--quiet': boolean;
+            'cdx-toggle-button--framed': boolean;
+            'cdx-toggle-button--toggled-on': boolean;
+            'cdx-toggle-button--toggled-off': boolean;
+            'cdx-toggle-button--icon-only': boolean;
+            'cdx-toggle-button--is-active': boolean;
+        }>;
+        onClick: () => void;
+        onKeyDown: () => void;
+        onKeyUp: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        quiet: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        quiet: boolean;
+        disabled: boolean;
+        modelValue: boolean;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

dist/types/components/toggle-button/ToggleButton.vue.d.ts

 /**
  * A button that can be toggled on and off.
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
-     * Whether the button should be set to "on" (true) or "off" (false).
+     * Whether the ToggleButton should be set to "on" (true) or "off" (false).
      *
@@ -15,3 +15,3 @@ * Provided by `v-model` binding in the parent component.
     /**
-     * Whether the disabled attribute should be added to the button, which prevents
+     * Whether the disabled attribute should be added to the ToggleButton, which prevents
      * it from being clicked.
@@ -24,3 +24,3 @@ */
     /**
-     * Whether the toggle button should be "quiet", which renders more minimally.
+     * Whether the ToggleButton should be "quiet", which renders more minimally.
      */
@@ -31,3 +31,3 @@ quiet: {
     };
-}, {
+}>, {
     rootClasses: import("vue").ComputedRef<{
@@ -44,5 +44,5 @@ 'cdx-toggle-button--quiet': boolean;
     onKeyUp: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
-     * Whether the button should be set to "on" (true) or "off" (false).
+     * Whether the ToggleButton should be set to "on" (true) or "off" (false).
      *
@@ -56,3 +56,3 @@ * Provided by `v-model` binding in the parent component.
     /**
-     * Whether the disabled attribute should be added to the button, which prevents
+     * Whether the disabled attribute should be added to the ToggleButton, which prevents
      * it from being clicked.
@@ -65,3 +65,3 @@ */
     /**
-     * Whether the toggle button should be "quiet", which renders more minimally.
+     * Whether the ToggleButton should be "quiet", which renders more minimally.
      */
@@ -72,9 +72,9 @@ quiet: {
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     quiet: boolean;
     disabled: boolean;
     modelValue: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

dist/types/components/toggle-switch/ToggleSwitch.vue.d.ts

@@ -5,3 +5,3 @@ import { PropType } from 'vue';
  */
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**
@@ -51,4 +51,4 @@ * Current value of the toggle switch or toggle switch group.
     };
-}, {
-    input: import("vue").Ref<HTMLInputElement | undefined>;
+}>, {
+    input: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
     inputId: string;
@@ -62,5 +62,5 @@ descriptionId: string;
     computedDisabled: import("vue").ComputedRef<boolean>;
-    wrappedModel: import("vue").WritableComputedRef<boolean | string[] | number[]>;
+    wrappedModel: import("vue").WritableComputedRef<boolean | string[] | number[], boolean | string[] | number[]>;
     clickInput: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -110,5 +110,5 @@ * Current value of the toggle switch or toggle switch group.
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
@@ -119,3 +119,146 @@ modelValue: boolean | string[] | number[];
     alignSwitch: boolean;
-}, {}>;
+}, {}, {
+    CdxLabel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<import("@wikimedia/codex-icons").Icon | null>;
+            default: null;
+        };
+        optional: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        optionalFlag: {
+            type: StringConstructor;
+            default: string;
+        };
+        visuallyHidden: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isLegend: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        inputId: {
+            type: StringConstructor;
+            default: string;
+        };
+        descriptionId: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        rootClasses: import("vue").ComputedRef<Record<string, boolean>>;
+        rootStyle: import("vue").ComputedRef<import("vue").StyleValue>;
+        otherAttrs: import("vue").ComputedRef<{
+            [x: string]: unknown;
+        }>;
+        translatedOptionalFlag: import("vue").ComputedRef<string>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: PropType<import("@wikimedia/codex-icons").Icon | null>;
+            default: null;
+        };
+        optional: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        optionalFlag: {
+            type: StringConstructor;
+            default: string;
+        };
+        visuallyHidden: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        isLegend: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        inputId: {
+            type: StringConstructor;
+            default: string;
+        };
+        descriptionId: {
+            type: StringConstructor;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        icon: import("@wikimedia/codex-icons").Icon | null;
+        disabled: boolean;
+        optional: boolean;
+        optionalFlag: string;
+        visuallyHidden: boolean;
+        isLegend: boolean;
+        inputId: string;
+        descriptionId: string;
+    }, {}, {
+        CdxIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            icon: {
+                type: PropType<import("@wikimedia/codex-icons").Icon>;
+                required: true;
+            };
+            iconLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            lang: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            dir: {
+                type: PropType<import("../../types.js").HTMLDirection | null>;
+                default: null;
+            };
+            size: {
+                type: PropType<import("../../types.js").IconSize>;
+                default: string;
+                validator: import("../../types.js").StringTypeValidator<"medium" | "x-small" | "small">;
+            };
+        }>, {
+            rootElement: import("vue").Ref<HTMLSpanElement | undefined, HTMLSpanElement | undefined>;
+            rootClasses: import("vue").ComputedRef<{
+                [x: string]: boolean;
+                'cdx-icon--flipped': boolean;
+            }>;
+            iconSvg: import("vue").ComputedRef<string>;
+            iconPath: import("vue").ComputedRef<string>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            icon: {
+                type: PropType<import("@wikimedia/codex-icons").Icon>;
+                required: true;
+            };
+            iconLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            lang: {
+                type: PropType<string | null>;
+                default: null;
+            };
+            dir: {
+                type: PropType<import("../../types.js").HTMLDirection | null>;
+                default: null;
+            };
+            size: {
+                type: PropType<import("../../types.js").IconSize>;
+                default: string;
+                validator: import("../../types.js").StringTypeValidator<"medium" | "x-small" | "small">;
+            };
+        }>> & Readonly<{}>, {
+            lang: string | null;
+            iconLabel: string;
+            dir: import("../../types.js").HTMLDirection | null;
+            size: "medium" | "x-small" | "small";
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

dist/types/composables/useGeneratedId.d.ts

 /**
+ * DEPRECATED: Use Vue's useId() instead.
+ *
  * Get a unique ID suitable for use in HTML templates.
@@ -11,5 +13,6 @@ *
  *
+ * @deprecated
  * @param identifier
- * @return generatedId
+ * @return Generated ID
  */
 export default function useGeneratedId(identifier?: string): string;

package.json

 {
 	"name": "@wikimedia/codex",
-	"version": "1.19.1",
+	"version": "1.20.0",
 	"type": "module",
@@ -66,3 +66,3 @@ "description": "Codex Design System for Wikimedia",
 		"@types/rtlcss": "3.5.4",
-		"@vitejs/plugin-vue": "5.0.4",
+		"@vitejs/plugin-vue": "5.2.1",
 		"@vue/test-utils": "2.4.6",
@@ -85,12 +85,13 @@ "@vue/vue3-jest": "29.2.6",
 		"typescript": "5.7.2",
-		"vite": "5.2.11",
+		"vite": "6.0.7",
+		"vue": "3.5.13",
 		"vue-tsc": "2.1.10"
 	},
 	"peerDependencies": {
-		"vue": "3.4.28"
+		"vue": "^3.5.13"
 	},
 	"dependencies": {
 		"@floating-ui/vue": "1.0.6",
-		"@wikimedia/codex-icons": "1.19.1"
+		"@wikimedia/codex-icons": "1.20.0"
 	}
 }

No alert changes

Improved metrics

Total package byte prevSize

6770747

4.17%

Lines of code

63972

48.03%

Worsened metrics

Dev dependency count

23

4.55%

Dependency changes

• + Added

  @vue/compiler-core@3.5.13
  (transitive)

• + Added

  @vue/compiler-dom@3.5.13
  (transitive)

• + Added

  @vue/compiler-sfc@3.5.13
  (transitive)

• + Added

  @vue/compiler-ssr@3.5.13
  (transitive)

• + Added

  @vue/reactivity@3.5.13
  (transitive)

• + Added

  @vue/runtime-core@3.5.13
  (transitive)

• + Added

  @vue/runtime-dom@3.5.13
  (transitive)

• + Added

  @vue/server-renderer@3.5.13
  (transitive)

• + Added

  @vue/shared@3.5.13
  (transitive)

• + Added

  @wikimedia/codex-icons@1.20.0
  (transitive)

• + Added

  vue@3.5.13
  (transitive)

• - Removed

  @vue/compiler-core@3.4.28
  (transitive)

• - Removed

  @vue/compiler-dom@3.4.28
  (transitive)

• - Removed

  @vue/compiler-sfc@3.4.28
  (transitive)

• - Removed

  @vue/compiler-ssr@3.4.28
  (transitive)

• - Removed

  @vue/reactivity@3.4.28
  (transitive)

• - Removed

  @vue/runtime-core@3.4.28
  (transitive)

• - Removed

  @vue/runtime-dom@3.4.28
  (transitive)

• - Removed

  @vue/server-renderer@3.4.28
  (transitive)

• - Removed

  @vue/shared@3.4.28
  (transitive)

• - Removed

  @wikimedia/codex-icons@1.19.1
  (transitive)

• - Removed

  vue@3.4.28
  (transitive)

• Updated

  @wikimedia/codex-icons@1.20.0