@openreachtech/furo-vue 1.3.2 → 1.5.0

package/lib/components/organisms/FuroDrawer/FuroDrawer.vue

@@ -378,7 +378,7 @@ export default defineComponent({
 
   .unit-drawer-content:focus-visible {
     outline: none;
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
   }
 
   /* Grab handle — a short bar centered on the docked edge. */
@@ -479,8 +479,8 @@ export default defineComponent({
     align-items: center;
     justify-content: center;
 
-    width: 1.75rem;
-    height: 1.75rem;
+    width: var(--size-close-button-medium);
+    height: var(--size-close-button-medium);
 
     border: none;
     border-radius: var(--size-border-radius-small);
@@ -503,7 +503,7 @@ export default defineComponent({
 
   .unit-drawer-content > .built-in-close:focus-visible {
     outline: none;
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
   }
 
   .unit-drawer-content > .built-in-close:disabled {

package/lib/components/organisms/FuroDrawer/FuroDrawerContext.js

@@ -114,10 +114,10 @@ export default class FuroDrawerContext extends BaseFuroContext {
    */
   static get EMIT_EVENT_HASH () {
     return {
-      [this.EMIT_EVENT_NAME.OPEN_CHANGE]: payload => {},
-      [this.EMIT_EVENT_NAME.UPDATE_OPEN]: payload => {},
-      [this.EMIT_EVENT_NAME.SNAP_CHANGE]: payload => {},
-      [this.EMIT_EVENT_NAME.UPDATE_ACTIVE_SNAP_POINT]: payload => {},
+      [this.EMIT_EVENT_NAME.OPEN_CHANGE]: payload => true,
+      [this.EMIT_EVENT_NAME.UPDATE_OPEN]: payload => true,
+      [this.EMIT_EVENT_NAME.SNAP_CHANGE]: payload => true,
+      [this.EMIT_EVENT_NAME.UPDATE_ACTIVE_SNAP_POINT]: payload => true,
     }
   }
 

package/lib/components/organisms/FuroEditor/FuroEditor.vue

@@ -556,7 +556,7 @@ export default defineComponent({
   }
 
   .unit-editor > .content .tiptap img.ProseMirror-selectednode {
-    outline: 0.125rem solid var(--color-ring);
+    outline: var(--size-focus-ring-spread) solid var(--color-ring);
   }
 
   /* .furo-mention chip styling is shared (lib/assets/css/furo/0050.furo-editor-content.css)

package/lib/components/organisms/FuroSidebar/FuroSidebar.vue

@@ -217,6 +217,7 @@ export default defineComponent({
   .unit-sidebar {
     border-inline-end: var(--size-thinnest) solid var(--color-border);
 
+    box-sizing: border-box;
     width: var(--size-sidebar-width);
     height: 100%;
 
@@ -292,6 +293,7 @@ export default defineComponent({
     border: none;
     border-radius: var(--size-border-radius-large);
 
+    box-sizing: border-box;
     width: 100%;
 
     display: flex;
@@ -325,7 +327,7 @@ export default defineComponent({
   }
 
   .unit-sidebar .row:focus-visible {
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
 
     outline: none;
   }
@@ -425,6 +427,7 @@ export default defineComponent({
     border: none;
     border-radius: var(--size-border-radius-large);
 
+    box-sizing: border-box;
     width: 100%;
 
     display: flex;
@@ -458,7 +461,7 @@ export default defineComponent({
   }
 
   .unit-sidebar .sub-row:focus-visible {
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
 
     outline: none;
   }

package/lib/components/organisms/FuroStepper/FuroStepper.vue

@@ -252,7 +252,7 @@ export default defineComponent({
 
   .unit-stepper .trigger:focus-visible > .indicator {
     outline: none;
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
   }
 
   .unit-stepper [data-state="active"] .indicator {

package/lib/components/organisms/FuroStepper/FuroStepperContext.js

@@ -97,8 +97,8 @@ export default class FuroStepperContext extends BaseFuroContext {
    */
   static get EMIT_EVENT_HASH () {
     return {
-      [this.EMIT_EVENT_NAME.STEP_CHANGE]: payload => {},
-      [this.EMIT_EVENT_NAME.UPDATE_VALUE]: payload => {},
+      [this.EMIT_EVENT_NAME.STEP_CHANGE]: payload => true,
+      [this.EMIT_EVENT_NAME.UPDATE_VALUE]: payload => true,
     }
   }
 

package/lib/components/organisms/FuroTable/FuroTable.vue

@@ -471,7 +471,8 @@ export default defineComponent({
   }
 
   .unit-table :where(.header-cell, .data-cell, .selection-cell, .placeholder-cell, .actions-cell) {
-    padding-inline: 1rem;
+    padding-block: var(--size-table-cell-block);
+    padding-inline: var(--size-table-cell-inline);
 
     vertical-align: middle;
   }
@@ -484,7 +485,7 @@ export default defineComponent({
   .unit-table .selection-cell {
     width: 2.75rem;
 
-    padding-inline: 0.5rem;
+    padding-inline: calc(var(--size-table-cell-inline) / 2);
 
     text-align: center;
   }
@@ -522,7 +523,7 @@ export default defineComponent({
   .unit-table .header-cell > .header-label:focus-visible {
     outline: none;
 
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
   }
 
   .unit-table .label-text {
@@ -619,11 +620,11 @@ export default defineComponent({
   }
 
   .unit-table.compact :where(.header-cell, .data-cell, .placeholder-cell, .actions-cell) {
-    padding-inline: 0.5rem;
+    padding-inline: calc(var(--size-table-cell-inline) / 2);
   }
 
   .unit-table.compact .selection-cell {
-    padding-inline: 0.375rem;
+    padding-inline: calc(var(--size-table-cell-inline) * 0.375);
   }
 
   .unit-table.grid-lines :where(.header-cell, .data-cell, .selection-cell, .actions-cell):not(:last-child) {

package/lib/components/organisms/FuroTable/FuroTableContext.js

@@ -203,12 +203,12 @@ export default class FuroTableContext extends BaseFuroContext {
    */
   static get EMIT_EVENT_HASH () {
     return {
-      [this.EMIT_EVENT_NAME.SORT_CHANGE]: payload => {},
-      [this.EMIT_EVENT_NAME.SELECTION_CHANGE]: payload => {},
-      [this.EMIT_EVENT_NAME.UPDATE_SELECTED_ROW_KEYS]: selectedRowKeys => {},
-      [this.EMIT_EVENT_NAME.RANGE_CHANGE]: payload => {},
-      [this.EMIT_EVENT_NAME.REACH_END]: payload => {},
-      [this.EMIT_EVENT_NAME.ROW_CLICK]: payload => {},
+      [this.EMIT_EVENT_NAME.SORT_CHANGE]: payload => true,
+      [this.EMIT_EVENT_NAME.SELECTION_CHANGE]: payload => true,
+      [this.EMIT_EVENT_NAME.UPDATE_SELECTED_ROW_KEYS]: selectedRowKeys => true,
+      [this.EMIT_EVENT_NAME.RANGE_CHANGE]: payload => true,
+      [this.EMIT_EVENT_NAME.REACH_END]: payload => true,
+      [this.EMIT_EVENT_NAME.ROW_CLICK]: payload => true,
     }
   }
 

package/lib/components/organisms/FuroTabs/FuroTabs.vue

@@ -234,7 +234,7 @@ export default defineComponent({
 
   .unit-tabs > .scroll > .scroll-button:focus-visible {
     outline: none;
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
   }
 
   .unit-tabs > .scroll > .scroll-button:disabled {
@@ -298,7 +298,7 @@ export default defineComponent({
 
   .unit-tabs .tab:focus-visible {
     outline: none;
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
   }
 
   .unit-tabs .tab:disabled {
@@ -397,7 +397,7 @@ export default defineComponent({
 
   .unit-tabs > .content:focus-visible {
     outline: none;
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
   }
 }
 </style>

package/lib/components/organisms/FuroTabs/FuroTabsContext.js

@@ -145,8 +145,8 @@ export default class FuroTabsContext extends BaseFuroContext {
    */
   static get EMIT_EVENT_HASH () {
     return {
-      [this.EMIT_EVENT_NAME.TAB_CHANGE]: payload => {},
-      [this.EMIT_EVENT_NAME.UPDATE_VALUE]: payload => {},
+      [this.EMIT_EVENT_NAME.TAB_CHANGE]: payload => true,
+      [this.EMIT_EVENT_NAME.UPDATE_VALUE]: payload => true,
     }
   }
 

package/lib/components/organisms/FuroToast/FuroToast.vue

@@ -502,7 +502,7 @@ export default defineComponent({
 
   .unit-toast > .inner > .actions > .action:focus-visible {
     outline: none;
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
   }
 
   .unit-toast > .inner > .actions > .action:disabled {
@@ -524,8 +524,8 @@ export default defineComponent({
     align-items: center;
     justify-content: center;
 
-    width: 1.25rem;
-    height: 1.25rem;
+    width: var(--size-close-button-small);
+    height: var(--size-close-button-small);
 
     border: none;
     border-radius: var(--size-border-radius-small);
@@ -563,7 +563,7 @@ export default defineComponent({
     outline: none;
     opacity: 1;
 
-    box-shadow: 0 0 0 0.125rem var(--color-ring);
+    box-shadow: 0 0 0 var(--size-focus-ring-spread) var(--color-ring);
   }
 
   .unit-toast-viewport .unit-toast[data-mounted="true"][data-swipe="move"] {

package/lib/components/organisms/FuroToast/FuroToastContext.js

@@ -171,8 +171,8 @@ export default class FuroToastContext extends BaseFuroContext {
    */
   static get EMIT_EVENT_HASH () {
     return {
-      [this.EMIT_EVENT_NAME.DISMISS]: payload => {},
-      [this.EMIT_EVENT_NAME.ACTION]: payload => {},
+      [this.EMIT_EVENT_NAME.DISMISS]: payload => true,
+      [this.EMIT_EVENT_NAME.ACTION]: payload => true,
     }
   }
 
@@ -306,6 +306,17 @@ export default class FuroToastContext extends BaseFuroContext {
     }
   }
 
+  /**
+   * get: explicitLabel
+   *
+   * @returns {string | null} Label the app set, without the default, so an unset label keeps the hotkey in the default name.
+   */
+  get explicitLabel () {
+    return this.props.parcel
+      ?.label
+      ?? null
+  }
+
   /**
    * Resolve the swipe-to-dismiss direction. Honors an explicit
    * `parcel.swipeDirection`; otherwise derives it from the position so a
@@ -606,6 +617,7 @@ export default class FuroToastContext extends BaseFuroContext {
    */
   extractViewportAttributes () {
     const entries = [
+      ['label', this.explicitLabel],
       ['hotkey', this.parcel?.hotkey ?? null],
     ]
       .filter(([, attributeValue]) => attributeValue !== null)

package/lib/components/organisms/FuroToast/ToastQueue.js

@@ -14,7 +14,6 @@ const DEFAULT_CONFIG = {
   position: 'bottom-right',
   durationInMilliseconds: 4000,
   maxVisible: 3,
-  label: 'Notifications',
   hotkey: null,
   richColors: false,
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openreachtech/furo-vue",
-  "version": "1.3.2",
+  "version": "1.5.0",
   "description": "furo for Vue",
   "main": "index.js",
   "types": "./types/index.d.ts",
@@ -77,21 +77,22 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@iconify/vue": "^5.0.1",
-    "@openreachtech/furo": "^1.10.1",
-    "@tiptap/core": "^3.30.0",
-    "@tiptap/extension-highlight": "^3.30.0",
-    "@tiptap/extension-image": "^3.30.0",
-    "@tiptap/extension-mention": "^3.30.0",
-    "@tiptap/extension-text-align": "^3.30.0",
-    "@tiptap/extension-text-style": "^3.30.0",
-    "@tiptap/extension-typography": "^3.30.0",
-    "@tiptap/pm": "^3.30.0",
-    "@tiptap/starter-kit": "^3.30.0",
-    "@tiptap/vue-3": "^3.30.0",
-    "marked": "^18.0.9",
-    "reka-ui": "^2.10.3",
-    "vue": "^3.5.41"
+    "@iconify/vue": "^5.0.3",
+    "@openreachtech/furo": "^1.11.0",
+    "@tiptap/core": "^3.31.4",
+    "@tiptap/extension-highlight": "^3.31.4",
+    "@tiptap/extension-image": "^3.31.4",
+    "@tiptap/extension-mention": "^3.31.4",
+    "@tiptap/extension-text-align": "^3.31.4",
+    "@tiptap/extension-text-style": "^3.31.4",
+    "@tiptap/extension-typography": "^3.31.4",
+    "@tiptap/extensions": "^3.31.4",
+    "@tiptap/pm": "^3.31.4",
+    "@tiptap/starter-kit": "^3.31.4",
+    "@tiptap/vue-3": "^3.31.4",
+    "marked": "^18.1.0",
+    "reka-ui": "^2.11.0",
+    "vue": "^3.5.43"
   },
   "peerDependencies": {
     "@nuxt/icon": "^1.0.0",
@@ -107,27 +108,27 @@
   },
   "devDependencies": {
     "@babel/core": "^7.29.7",
-    "@babel/eslint-parser": "^7.29.7",
+    "@babel/eslint-parser": "^7.29.9",
     "@babel/preset-env": "^7.29.7",
     "@iconify-json/ph": "^1.2.2",
     "@nuxt/icon": "^1.15.0",
     "@openreachtech/eslint-config": "^3.0.2",
-    "@openreachtech/jest-constructor-spy": "^1.1.0",
-    "@openreachtech/jest-deep-containing": "^1.0.1",
+    "@openreachtech/jest-constructor-spy": "^1.1.2",
+    "@openreachtech/jest-deep-containing": "^1.0.2",
     "@types/jest": "^30.0.0",
-    "@vue/test-utils": "^2.4.11",
+    "@vue/test-utils": "^2.5.1",
     "@vue/vue3-jest": "^29.2.6",
     "babel-jest": "^29.7.0",
     "core-js": "^3.50.0",
     "eslint": "^9.39.5",
     "eslint-plugin-eslint-comments": "^3.2.0",
     "eslint-plugin-vue": "^9.33.0",
-    "globals": "^17.11.0",
+    "globals": "^17.13.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "nuxt": "^3.21.11",
     "typescript": "^5.9.3",
-    "vue-tsc": "^3.3.9",
+    "vue-tsc": "^3.3.12",
     "whatwg-fetch": "^3.6.20"
   },
   "overrides": {

package/public/furo-vue/components.json

@@ -1,6 +1,6 @@
 {
   "library": "@openreachtech/furo-vue",
-  "version": "1.3.2",
+  "version": "1.5.0",
   "generatedFrom": "app/docs/component-registry.js",
   "layers": [
     "foundation",
@@ -1097,7 +1097,13 @@
           "name": "parcel",
           "type": "FuroAutocompleteFieldParcel | null",
           "default": "null",
-          "description": "Furo behavior. The only public prop; HTML / form attributes pass through to the root."
+          "description": "Furo behavior. HTML attributes such as class and style pass through to the root wrapper."
+        },
+        {
+          "name": "inputParcel",
+          "type": "FuroAutocompleteFieldInputParcel | null",
+          "default": "null",
+          "description": "Attributes bound onto the inner combobox input (id, name, aria-label, aria-labelledby, aria-describedby, required). Use it to give the combobox an accessible name and to target it from a label."
         }
       ],
       "parcel": [
@@ -1322,6 +1328,7 @@
         "Debounced search-keyword emit (default 300ms) using TimerClerk, fired only while the popover is open.",
         "Loading, invalid, disabled, and multiple states drive the trigger UI and visible list.",
         "Creatable rows surface a create option when the trimmed keyword has no exact match; the parent owns appending it.",
+        "inputParcel binds id, name and aria-* onto the inner combobox input, so a label or an aria attribute can name the real control.",
         "Rich slot surface for trigger, group, option, indicator, separator, empty, loading, and create-option states."
       ]
     },
@@ -1603,7 +1610,7 @@
           "name": "portalParcel",
           "type": "object | null",
           "default": "null",
-          "description": "Extra attributes applied to the portal part."
+          "description": "Attributes of the portal the option list renders in, such as to or disabled. The list renders at body by default."
         },
         {
           "name": "contentParcel",
@@ -2775,7 +2782,7 @@
           "name": "animated",
           "type": "boolean",
           "default": "true",
-          "description": "When true, the placeholder pulses. Reduced-motion users always see a static placeholder."
+          "description": "When true, the placeholder shimmers. Reduced-motion users always see a static placeholder."
         }
       ],
       "events": [],
@@ -2784,7 +2791,7 @@
         "Presentational loading placeholder shown while real content is fetching.",
         "Three shape variants — text (default), circle, and rectangle — mapped without JS branching.",
         "Optional width and height overrides accept any CSS length via custom properties.",
-        "Pulse animation signals the loading state and pauses for reduced-motion users.",
+        "Shimmer animation signals the loading state and pauses for reduced-motion users.",
         "Carries no value, emits nothing, and is hidden from assistive tech."
       ]
     },
@@ -4540,7 +4547,7 @@
           "name": "label",
           "type": "string",
           "default": "'Notifications'",
-          "description": "Accessible label for the region."
+          "description": "Accessible name of the toast region, in the app's own language. It also prefixes the announcement of each toast. When unset, the region keeps its default name, Notifications (F8)."
         },
         {
           "name": "hotkey",

package/types/generated/components/atoms/FuroAvatar/FuroAvatar.vue.d.ts

@@ -1,5 +1,22 @@
 declare const _default: typeof __VLS_export;
 export default _default;
+export type __VLS_LocalComponents = typeof __VLS_componentsOption;
+export type __VLS_GlobalComponents = import("vue").GlobalComponents;
+export type __VLS_LocalDirectives = {};
+export type __VLS_StyleScopedClasses = {} & {
+    "unit-avatar": boolean;
+} & {
+    "circle": boolean;
+} & {
+    "square": boolean;
+} & {
+    "image": boolean;
+} & {
+    "fallback": boolean;
+};
+export type __VLS_Slots = {} & {
+    fallback?: (props: typeof __VLS_18) => any;
+};
 declare const __VLS_export: import("vue").DefineComponent<{
     parcel: import("./FuroAvatarContext.js").FuroAvatarParcel | null;
 }, {
@@ -71,4 +88,68 @@ declare const __VLS_export: import("vue").DefineComponent<{
         };
     });
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare namespace __VLS_componentsOption {
+    let AvatarRoot: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("reka-ui").AvatarRootProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("reka-ui").AvatarRootProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("reka-ui").AvatarRootProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    });
+    let AvatarImage: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("reka-ui").AvatarImageProps> & Readonly<{
+            onLoadingStatusChange?: ((value: "idle" | "loading" | "loaded" | "error") => any) | undefined;
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            loadingStatusChange: (value: "idle" | "loading" | "loaded" | "error") => any;
+        }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("reka-ui").AvatarImageProps> & Readonly<{
+            onLoadingStatusChange?: ((value: "idle" | "loading" | "loaded" | "error") => any) | undefined;
+        }>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("reka-ui").AvatarImageProps> & Readonly<{
+        onLoadingStatusChange?: ((value: "idle" | "loading" | "loaded" | "error") => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        loadingStatusChange: (value: "idle" | "loading" | "loaded" | "error") => any;
+    }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    });
+    let AvatarFallback: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("reka-ui").AvatarFallbackProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("reka-ui").AvatarFallbackProps> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("reka-ui").AvatarFallbackProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    });
+}
+declare var __VLS_18: {};
 import FuroAvatarContext from './FuroAvatarContext.js';

package/types/generated/components/atoms/FuroBadge/FuroBadge.vue.d.ts

@@ -1,5 +1,48 @@
 declare const _default: typeof __VLS_export;
 export default _default;
+export type __VLS_LocalComponents = {};
+export type __VLS_GlobalComponents = import("vue").GlobalComponents;
+export type __VLS_LocalDirectives = {};
+export type __VLS_StyleScopedClasses = {} & {
+    "unit-badge": boolean;
+} & {
+    "tone-accent": boolean;
+} & {
+    "tone-neutral": boolean;
+} & {
+    "tone-success": boolean;
+} & {
+    "tone-warning": boolean;
+} & {
+    "tone-error": boolean;
+} & {
+    "emphasis-solid": boolean;
+} & {
+    "shape-state": boolean;
+} & {
+    "shape-dot": boolean;
+} & {
+    "emphasis-subtle": boolean;
+} & {
+    "emphasis-outline": boolean;
+} & {
+    "shape-text": boolean;
+} & {
+    "size-large": boolean;
+} & {
+    "size-medium": boolean;
+} & {
+    "size-small": boolean;
+} & {
+    "shape-count": boolean;
+} & {
+    "single-digit": boolean;
+} & {
+    "dot": boolean;
+};
+export type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
 declare const __VLS_export: import("vue").DefineComponent<{
     parcel: import("./FuroBadgeContext.js").FuroBadgeParcel | null;
 }, {
@@ -9,4 +52,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
 }> & Readonly<{}>, {
     parcel: import("./FuroBadgeContext.js").FuroBadgeParcel;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare namespace __VLS_1 {
+    let text: string;
+}
 import FuroBadgeContext from './FuroBadgeContext.js';

package/types/generated/components/atoms/FuroButton/FuroButton.vue.d.ts

@@ -1,5 +1,50 @@
 declare const _default: typeof __VLS_export;
 export default _default;
+export type __VLS_LocalComponents = typeof __VLS_componentsOption;
+export type __VLS_GlobalComponents = import("vue").GlobalComponents;
+export type __VLS_LocalDirectives = {};
+export type __VLS_StyleScopedClasses = {} & {
+    "unit-button": boolean;
+} & {
+    "disabled": boolean;
+} & {
+    "loading": boolean;
+} & {
+    "content-root": boolean;
+} & {
+    "content": boolean;
+} & {
+    "is-loading": boolean;
+} & {
+    "loading-overlay": boolean;
+} & {
+    "loading-icon": boolean;
+} & {
+    "default": boolean;
+} & {
+    "secondary": boolean;
+} & {
+    "destructive": boolean;
+} & {
+    "outline": boolean;
+} & {
+    "ghost": boolean;
+} & {
+    "link": boolean;
+} & {
+    "size-sm": boolean;
+} & {
+    "size-lg": boolean;
+} & {
+    "size-icon": boolean;
+};
+export type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+} & {
+    default?: (props: typeof __VLS_11) => any;
+} & {
+    loading?: (props: typeof __VLS_13) => any;
+};
 declare const __VLS_export: import("vue").DefineComponent<{
     parcel?: import("./FuroButtonContext.js").FuroButtonParcel | null;
 }, {
@@ -49,5 +94,14 @@ declare const __VLS_export: import("vue").DefineComponent<{
         as: import("reka-ui").AsTag | import("vue").Component;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare namespace __VLS_componentsOption {
+    export { FuroIcon };
+    export { Primitive };
+}
+declare var __VLS_9: {};
+declare var __VLS_11: {};
+declare var __VLS_13: {};
 import FuroButtonContext from './FuroButtonContext.js';
 import type { FuroButtonSlots } from './FuroButtonContext.js';
+import FuroIcon from '../../atoms/FuroIcon/FuroIcon.vue';
+import { Primitive } from 'reka-ui';