@adyen/bento-mcp 0.5.1 → 0.5.2

package/dist/assets/components/tabs/tabs.vue

@@ -1 +1 @@
-<template> <div class="b-tabs"> <div ref="tablistwrapper" class="b-tabs__tab-list-wrapper" :class="tablistWrapperConditionalClasses" :style="tablistWrapperStyles" > <fixed-scroller condensed :extra-padding-top="2"> <div ref="tablist" class="b-tabs__tab-list" role="tablist" @keydown="onKeydownTabsNavigation"> <button v-for="{ counter, disabled, hidden, id, title, withNotificationIndicator, setElementRef, } in tabs" v-show="!hidden" :id="id" :ref="setElementRef" :key="id" role="tab" type="button" class="b-tabs__tab" :class="{ 'b-tabs__tab--active': activeTabId === id, 'b-tabs__tab--disabled': disabled, }" :aria-controls="`${id}-tabpanel`" :aria-hidden="hidden ? 'true' : 'false'" :aria-selected="activeTabId === id ? 'true' : 'false'" :tabindex="activeTabId === id && !disabled.value ? null : -1" :disabled="isDisabled(disabled)" @click="handleTabChange(id)" @keydown.enter.space="handleTabChange(id)" > <span class="b-tabs__tab-text"> <bento-typography class="b-tabs__tab-title" el="span" variant="body" stronger> {{ title }} </bento-typography> <bento-typography v-if="counter != null" class="b-tabs__tab-counter" el="span" variant="body" stronger :class="{ 'b-tabs__tab-counter--active': activeTabId === id, }" > {{ counter }} </bento-typography> <span v-if="withNotificationIndicator" class="b-tabs__tab-notification-dot" aria-hidden="true" ></span> </span> <span v-show="activeTabId === id" class="b-tabs__tab-underline" aria-hidden="true"></span> </button> </div> </fixed-scroller> </div> <slot /> </div> </template> <script lang="ts"> import { computed, defineComponent, nextTick, onUnmounted, type PropType, provide, ref, type Ref, unref, watch, } from 'vue'; // components import { BentoTypography } from '@/components/typography'; import { FixedScroller } from '@/internal'; // utils import { generateUid } from '@/core/utils/ts'; import { getNextTabIndex, getPreviousTabIndex } from './utils'; // types import { type Booleanish } from '@/types/prop-types'; import { type BentoTab } from './components/tab.types'; import { type BentoStickyTabsOptions, BentoTabsEvent, type BentoTabsRegisterTab } from './tabs.types'; // keys import { TABS_ACTIVE_TAB_ID_KEY, TABS_REGISTER_TAB_INJECTION_KEY } from './tabs.keys'; /** * Tabs are used to navigate between different, but related content views within a page. * This component conforms to the official WAI-ARIA guidelines for tabs: https://www.w3.org/WAI/ARIA/apg/patterns/tabs/ * * @example * import { BentoTabs, BentoTab } from '@adyen/bento-vue2'; * * export default { * components: { BentoTabs, BentoTab }, * template: ` * <bento-tabs v-bind="$props"> * <bento-tab title="Maria Ahlefeldt"> * (16 January 1755 - 20 December 1810) was a Danish, (originally German), composer. She is known as the first female composer in Denmark. * </bento-tab> * <bento-tab title="Carl Andersen"> * (29 April 1847 - 7 May 1909) was a Danish flutist, conductor and composer born in Copenhagen, son of the flutist Christian Joachim Andersen. * </bento-tab> * <bento-tab title="Karl Truffel"> * (1 March 1981 - 7 November 1992) was a Danish dog and commander born in Berlin, son of the machinist Tom Jahoor Truffel. * </bento-tab> * <bento-tab title="Maria Ahlefeldt" :disabled="true"> * (16 January 1755 - 20 December 1810) was a Danish, (originally German), composer. She is known as the first female composer in Denmark. * </bento-tab> * </bento-tabs> * ` * }; */ // component export default defineComponent({ components: { BentoTypography, FixedScroller, }, props: { /** * Sets the active tab by its index (0 being the first tab item). */ activeTabIndex: { type: Number, default: 0 }, /* * Renders the tab with a sticky positioning. */ sticky: { type: Boolean, default: false }, /** * Additional configurable options for tabs rendered with a sticky positioning. * It must be an object of type {@see BentoStickyTabsOption} * @property {Ref<number>} stickyOptions.top - Top position the tabs should take up when rendered as sticky. */ stickyOptions: { type: Object as PropType<BentoStickyTabsOptions>, default: null }, }, emits: [BentoTabsEvent.ACTIVE_TAB_INDEX], setup(props, { emit }) { const tabs: Ref<Array<BentoTab>> = ref([]); const tablist = ref(null); const tablistwrapper = ref(); const activeTabId = ref(''); const isPinnedByObserver = ref(false); let observer; provide(TABS_ACTIVE_TAB_ID_KEY, activeTabId); // unregister tab if removed / destroyed const unregisterTab = (tabIdToRemove: string) => () => { tabs.value = tabs.value?.filter(({ id }) => id !== tabIdToRemove); }; // register tab const registerTab: BentoTabsRegisterTab = ({ title, disabled, withNotificationIndicator, counter, hidden, setElementRef, }) => { const id = generateUid('b-tab'); // add tab to tabs tabs.value.push({ counter, disabled, hidden, id, title, withNotificationIndicator, setElementRef, }); // return values to the Tab component return { id, unregisterTab: unregisterTab(id) }; }; // provide activeTab and registerTab to tab items provide(TABS_REGISTER_TAB_INJECTION_KEY, registerTab); // keyboard navigation const onKeydownTabsNavigation = (e: KeyboardEvent) => { if (e.code === 'ArrowLeft' || e.code === 'ArrowRight') { // find tab that is focussed const activeTab = tabs.value.find(tab => document.activeElement.id === tab.id); let activeTabIndex = tabs.value.indexOf(activeTab); // conditionally increase or decrease the if (e.code === 'ArrowLeft') { activeTabIndex = getPreviousTabIndex(activeTabIndex, tabs.value); } else if (e.code === 'ArrowRight') { activeTabIndex = getNextTabIndex(activeTabIndex, tabs.value); } // focus new active tab tablist.value.children[activeTabIndex].focus(); } }; watch( [() => props.activeTabIndex, tabs], ([index, currentTabs]) => { nextTick(() => { const tab = currentTabs[index]; activeTabId.value = tab && !tab.disabled ? tab.id : tabs.value.find(({ disabled }) => !disabled)?.id; }); }, { immediate: true } ); const handleTabChange = (tabId: string) => { activeTabId.value = tabId; const activeIndex = tabs.value.findIndex(({ id }) => id === activeTabId.value); emit(BentoTabsEvent.ACTIVE_TAB_INDEX, activeIndex); }; const isDisabled = (isDisabledTab: Ref<boolean>): Booleanish => (isDisabledTab ? 'disabled' : false) as Booleanish; /* == Sticky tabs logic == */ const topOffset = computed(() => (props.stickyOptions?.top ? unref(props.stickyOptions.top) : 0)); const isPinned = computed(() => { if (props.sticky && topOffset.value > 0) { return true; } return isPinnedByObserver.value; }); const disconnectObserver = () => { if (observer) { observer.disconnect(); observer = null; } isPinnedByObserver.value = false; }; const setupObserver = (element: HTMLDivElement) => { // The observer is only needed when the tabs are sticky at the top of the screen (no top offset). if (props.sticky && topOffset.value === 0) { observer = new IntersectionObserver( ([e]) => { isPinnedByObserver.value = e.intersectionRatio < 1; }, { threshold: [1] } ); observer.observe(element); } }; // This watcher manages the entire lifecycle of the observer. watch( [() => props.sticky, tablistwrapper, topOffset], ([isSticky, element]) => { disconnectObserver(); if (isSticky && element) { nextTick(() => setupObserver(element)); } }, { immediate: true } ); onUnmounted(() => { disconnectObserver(); }); const tablistWrapperConditionalClasses = computed(() => ({ 'b-tabs__tab-list-wrapper--sticky': props.sticky, 'b-tabs__tab-list-wrapper--pinned': isPinned.value, })); const tablistWrapperStyles = computed(() => // This helps us detect when the tabs are pinned without calculations on the tabs positions because it makes the tabs intersect by 1 pixel with the element on top of it, which is getting aught by the intersection observer. // Followed this example: https://css-tricks.com/how-to-detect-when-a-sticky-element-gets-pinned/ props.sticky ? { top: `${(props.stickyOptions?.top ?? 0) - 1}px`, } : {} ); return { tabs, tablist, tablistwrapper, activeTabId, tablistWrapperConditionalClasses, tablistWrapperStyles, onKeydownTabsNavigation, handleTabChange, isDisabled, }; }, }); </script> <style lang="scss" scoped src="./tabs.scss" /> 
+<template> <div class="b-tabs"> <div ref="tablistwrapper" class="b-tabs__tab-list-wrapper" :class="tablistWrapperConditionalClasses" :style="tablistWrapperStyles" > <fixed-scroller condensed :extra-padding-top="2"> <div ref="tablist" class="b-tabs__tab-list" role="tablist" @keydown="onKeydownTabsNavigation"> <button v-for="{ counter, disabled, errorCounter, hidden, id, title, withNotificationIndicator, setElementRef, } in tabs" v-show="!hidden" :id="id" :ref="setElementRef" :key="id" role="tab" type="button" class="b-tabs__tab" :class="{ 'b-tabs__tab--active': activeTabId === id, 'b-tabs__tab--disabled': disabled, }" :aria-controls="`${id}-tabpanel`" :aria-hidden="hidden ? 'true' : 'false'" :aria-selected="activeTabId === id ? 'true' : 'false'" :tabindex="activeTabId === id && !disabled.value ? null : -1" :disabled="isDisabled(disabled)" @click="handleTabChange(id)" @keydown.enter.space="handleTabChange(id)" > <span class="b-tabs__tab-text"> <bento-typography class="b-tabs__tab-title" el="span" variant="body" stronger> {{ title }} </bento-typography> <bento-typography v-if="counter != null" class="b-tabs__tab-counter" el="span" variant="body" stronger :class="{ 'b-tabs__tab-counter--active': activeTabId === id, }" > {{ counter }} </bento-typography> <bento-tag v-if="errorCounter != null" class="b-tabs__tab-error-counter" variant="red"> <template #icon> <cross-circle-fill-icon aria-hidden="true" /> </template> <span>{{ errorCounter }}</span> <span class="b-tabs__visually-hidden">{{ tc('errorCount', errorCounter) }}</span> </bento-tag> <span v-if="withNotificationIndicator" class="b-tabs__tab-notification-dot" aria-hidden="true" ></span> </span> <span v-show="activeTabId === id" class="b-tabs__tab-underline" aria-hidden="true"></span> </button> </div> </fixed-scroller> </div> <slot /> </div> </template> <script lang="ts"> import { computed, defineComponent, nextTick, onUnmounted, type PropType, provide, ref, type Ref, unref, watch, } from 'vue'; // components import { BentoTypography } from '@/components/typography'; import { BentoTag } from '@/components/tag'; import CrossCircleFillIcon from '@adyen/ui-assets-icons-16/vue/cross-circle-fill'; import { FixedScroller } from '@/internal'; // utils import { useI18n } from '@/utils/ts/i18n'; import { generateUid } from '@/core/utils/ts'; import { getNextTabIndex, getPreviousTabIndex } from './utils'; import messages from './messages.json'; // types import { type Booleanish } from '@/types/prop-types'; import { type BentoTab } from './components/tab.types'; import { type BentoStickyTabsOptions, BentoTabsEvent, type BentoTabsRegisterTab } from './tabs.types'; // keys import { TABS_ACTIVE_TAB_ID_KEY, TABS_REGISTER_TAB_INJECTION_KEY } from './tabs.keys'; type MessageSchema = (typeof messages)['en-US']; /** * Tabs are used to navigate between different, but related content views within a page. * This component conforms to the official WAI-ARIA guidelines for tabs: https://www.w3.org/WAI/ARIA/apg/patterns/tabs/ * * @example * import { BentoTabs, BentoTab } from '@adyen/bento-vue2'; * * export default { * components: { BentoTabs, BentoTab }, * template: ` * <bento-tabs v-bind="$props"> * <bento-tab title="Maria Ahlefeldt"> * (16 January 1755 - 20 December 1810) was a Danish, (originally German), composer. She is known as the first female composer in Denmark. * </bento-tab> * <bento-tab title="Carl Andersen"> * (29 April 1847 - 7 May 1909) was a Danish flutist, conductor and composer born in Copenhagen, son of the flutist Christian Joachim Andersen. * </bento-tab> * <bento-tab title="Karl Truffel"> * (1 March 1981 - 7 November 1992) was a Danish dog and commander born in Berlin, son of the machinist Tom Jahoor Truffel. * </bento-tab> * <bento-tab title="Maria Ahlefeldt" :disabled="true"> * (16 January 1755 - 20 December 1810) was a Danish, (originally German), composer. She is known as the first female composer in Denmark. * </bento-tab> * </bento-tabs> * ` * }; */ // component export default defineComponent({ i18n: { messages }, components: { BentoTag, BentoTypography, CrossCircleFillIcon, FixedScroller, }, props: { /** * Sets the active tab by its index (0 being the first tab item). */ activeTabIndex: { type: Number, default: 0 }, /* * Renders the tab with a sticky positioning. */ sticky: { type: Boolean, default: false }, /** * Additional configurable options for tabs rendered with a sticky positioning. * It must be an object of type {@see BentoStickyTabsOption} * @property {Ref<number>} stickyOptions.top - Top position the tabs should take up when rendered as sticky. */ stickyOptions: { type: Object as PropType<BentoStickyTabsOptions>, default: null }, }, emits: [BentoTabsEvent.ACTIVE_TAB_INDEX], setup(props, { emit }) { const { tc } = useI18n<{ message: MessageSchema }>({ messages }); const tabs: Ref<Array<BentoTab>> = ref([]); const tablist = ref(null); const tablistwrapper = ref(); const activeTabId = ref(''); const isPinnedByObserver = ref(false); let observer; provide(TABS_ACTIVE_TAB_ID_KEY, activeTabId); // unregister tab if removed / destroyed const unregisterTab = (tabIdToRemove: string) => () => { tabs.value = tabs.value?.filter(({ id }) => id !== tabIdToRemove); }; // register tab const registerTab: BentoTabsRegisterTab = ({ title, disabled, errorCounter, withNotificationIndicator, counter, hidden, setElementRef, }) => { const id = generateUid('b-tab'); // add tab to tabs tabs.value.push({ counter, disabled, errorCounter, hidden, id, title, withNotificationIndicator, setElementRef, }); // return values to the Tab component return { id, unregisterTab: unregisterTab(id) }; }; // provide activeTab and registerTab to tab items provide(TABS_REGISTER_TAB_INJECTION_KEY, registerTab); // keyboard navigation const onKeydownTabsNavigation = (e: KeyboardEvent) => { if (e.code === 'ArrowLeft' || e.code === 'ArrowRight') { // find tab that is focussed const activeTab = tabs.value.find(tab => document.activeElement.id === tab.id); let activeTabIndex = tabs.value.indexOf(activeTab); // conditionally increase or decrease the if (e.code === 'ArrowLeft') { activeTabIndex = getPreviousTabIndex(activeTabIndex, tabs.value); } else if (e.code === 'ArrowRight') { activeTabIndex = getNextTabIndex(activeTabIndex, tabs.value); } // focus new active tab tablist.value.children[activeTabIndex].focus(); } }; watch( [() => props.activeTabIndex, tabs], ([index, currentTabs]) => { nextTick(() => { const tab = currentTabs[index]; activeTabId.value = tab && !tab.disabled ? tab.id : tabs.value.find(({ disabled }) => !disabled)?.id; }); }, { immediate: true } ); const handleTabChange = (tabId: string) => { activeTabId.value = tabId; const activeIndex = tabs.value.findIndex(({ id }) => id === activeTabId.value); emit(BentoTabsEvent.ACTIVE_TAB_INDEX, activeIndex); }; const isDisabled = (isDisabledTab: Ref<boolean>): Booleanish => (isDisabledTab ? 'disabled' : false) as Booleanish; /* == Sticky tabs logic == */ const topOffset = computed(() => (props.stickyOptions?.top ? unref(props.stickyOptions.top) : 0)); const isPinned = computed(() => { if (props.sticky && topOffset.value > 0) { return true; } return isPinnedByObserver.value; }); const disconnectObserver = () => { if (observer) { observer.disconnect(); observer = null; } isPinnedByObserver.value = false; }; const setupObserver = (element: HTMLDivElement) => { // The observer is only needed when the tabs are sticky at the top of the screen (no top offset). if (props.sticky && topOffset.value === 0) { observer = new IntersectionObserver( ([e]) => { isPinnedByObserver.value = e.intersectionRatio < 1; }, { threshold: [1] } ); observer.observe(element); } }; // This watcher manages the entire lifecycle of the observer. watch( [() => props.sticky, tablistwrapper, topOffset], ([isSticky, element]) => { disconnectObserver(); if (isSticky && element) { nextTick(() => setupObserver(element)); } }, { immediate: true } ); onUnmounted(() => { disconnectObserver(); }); const tablistWrapperConditionalClasses = computed(() => ({ 'b-tabs__tab-list-wrapper--sticky': props.sticky, 'b-tabs__tab-list-wrapper--pinned': isPinned.value, })); const tablistWrapperStyles = computed(() => // This helps us detect when the tabs are pinned without calculations on the tabs positions because it makes the tabs intersect by 1 pixel with the element on top of it, which is getting aught by the intersection observer. // Followed this example: https://css-tricks.com/how-to-detect-when-a-sticky-element-gets-pinned/ props.sticky ? { top: `${(props.stickyOptions?.top ?? 0) - 1}px`, } : {} ); return { tc, tabs, tablist, tablistwrapper, activeTabId, tablistWrapperConditionalClasses, tablistWrapperStyles, onKeydownTabsNavigation, handleTabChange, isDisabled, }; }, }); </script> <style lang="scss" scoped src="./tabs.scss" /> 

package/dist/assets/components.json

@@ -29,6 +29,7 @@
   "date-picker",
   "date-range-picker",
   "divider",
+  "draggable",
   "draggable-handle",
   "drawer",
   "dropdown",

package/dist/assets/index.ts

@@ -1 +1 @@
-import BentoVue from './install'; export * from './components/accordion'; export * from './components/action-bar'; export * from './components/ai-tag'; export * from './components/alert'; export * from './components/anchor-scroller'; export * from './components/avatar'; export * from './components/button'; export * from './components/dashed-underline'; export * from './components/data-grid'; export * from './components/card'; export * from './components/date-picker'; export * from './components/date-range-picker'; // TODO: Re-introduce when `bento-draggable` is ready export * from './components/draggable/components/draggable-handle'; export * from './components/drawer'; export * from './components/dropdown'; export * from './components/checkbox'; export * from './components/chip'; export * from './components/click-outside'; export * from './components/code-snippet'; export * from './components/country'; export * from './components/currency'; export * from './components/date'; export * from './components/divider'; export * from './components/empty-state'; export * from './components/file-uploader'; export * from './components/filter-bar'; export * from './components/form-layout'; export * from './components/header-with-views'; export * from './components/image'; export * from './components/info-icon'; export * from './components/input-field'; export * from './components/input-field-password'; export * from './components/input-field-phone-number'; export * from './components/input-time'; export * from './components/inspector'; export * from './components/layout'; export * from './components/list'; export * from './components/loading-indicator'; export * from './components/link'; export * from './components/menu'; export * from './components/modal'; export * from './components/modal-fullscreen'; export * from './components/navigation-menu'; export * from './components/header'; export * from './components/pagination'; export * from './components/payment-method'; export * from './components/popover'; export * from './components/promo-banner'; export * from './components/radio-group'; export * from './components/rich-text-editor'; export * from './components/search-bar'; export * from './components/secondary-nav'; export * from './components/selection-card'; export * from './components/segmented-control'; export * from './components/sidepanel'; export * from './components/status'; export * from './components/stepper'; export * from './components/structured-list'; export * from './components/summary-grid'; export * from './components/tabs'; export * from './components/tag'; export * from './components/textarea'; export * from './components/timeline'; export * from './components/toast'; export * from './components/toggle'; export * from './components/tutorial'; export * from './components/typography'; // Export Composables export * from './composables/use-bento-base-filter'; export * from './composables/use-bento-currency'; export * from './composables/use-bento-theme'; export * from './composables/use-bento-toast-controller'; export * from './composables/use-click-outside'; export * from './composables/use-form-validate'; // Export Templates export * from './templates/dashboard-template'; export * from './templates/data-grid-template'; // Export Types export * from './types'; // Export Directives export * from './directives'; // AdlVue Plugin export default BentoVue; export { BentoTheme } from './install'; 
+import BentoVue from './install'; export * from './components/accordion'; export * from './components/action-bar'; export * from './components/ai-tag'; export * from './components/alert'; export * from './components/anchor-scroller'; export * from './components/avatar'; export * from './components/button'; export * from './components/dashed-underline'; export * from './components/data-grid'; export * from './components/card'; export * from './components/date-picker'; export * from './components/date-range-picker'; export * from './components/draggable'; export * from './components/draggable/components/draggable-handle'; export * from './components/drawer'; export * from './components/dropdown'; export * from './components/checkbox'; export * from './components/chip'; export * from './components/click-outside'; export * from './components/code-snippet'; export * from './components/country'; export * from './components/currency'; export * from './components/date'; export * from './components/divider'; export * from './components/empty-state'; export * from './components/file-uploader'; export * from './components/filter-bar'; export * from './components/form-layout'; export * from './components/header-with-views'; export * from './components/image'; export * from './components/info-icon'; export * from './components/input-field'; export * from './components/input-field-password'; export * from './components/input-field-phone-number'; export * from './components/input-time'; export * from './components/inspector'; export * from './components/layout'; export * from './components/list'; export * from './components/loading-indicator'; export * from './components/link'; export * from './components/menu'; export * from './components/modal'; export * from './components/modal-fullscreen'; export * from './components/navigation-menu'; export * from './components/header'; export * from './components/pagination'; export * from './components/payment-method'; export * from './components/popover'; export * from './components/promo-banner'; export * from './components/radio-group'; export * from './components/rich-text-editor'; export * from './components/search-bar'; export * from './components/secondary-nav'; export * from './components/selection-card'; export * from './components/segmented-control'; export * from './components/sidepanel'; export * from './components/status'; export * from './components/stepper'; export * from './components/structured-list'; export * from './components/summary-grid'; export * from './components/tabs'; export * from './components/tag'; export * from './components/textarea'; export * from './components/timeline'; export * from './components/toast'; export * from './components/toggle'; export * from './components/tutorial'; export * from './components/typography'; // Export Composables export * from './composables/use-bento-base-filter'; export * from './composables/use-bento-currency'; export * from './composables/use-bento-theme'; export * from './composables/use-bento-toast-controller'; export * from './composables/use-click-outside'; export * from './composables/use-form-validate'; // Export Templates export * from './templates/dashboard-template'; export * from './templates/data-grid-template'; // Export Types export * from './types'; // Export Directives export * from './directives'; // AdlVue Plugin export default BentoVue; export { BentoTheme } from './install'; 

package/dist/assets/usage.json

@@ -29,7 +29,8 @@
   "date-picker": ["packages/vue2/src/components/input-time/input-time.docs.mdx", "packages/vue2/src/components/filter-bar/components/date-filter/date-filter.vue", "packages/vue2/src/components/filter-bar/components/date-filter/date-filter.test.ts", "packages/vue2/src/components/filter-bar/components/date-filter/date-filter.stories.ts", "packages/vue2/src/components/filter-bar/components/date-range-filter/date-range-filter.stories.ts", "packages/vue2/src/components/filter-bar/components/date-range-filter/date-range-filter.test.ts", "packages/vue2/src/components/filter-bar/__tests__/filter-bar-custom-filter-sub-component-with-popover-example.vue", "packages/vue2/src/components/filter-bar/filter-bar.docs.mdx", "packages/vue2/src/components/filter-bar/filter-bar.types.ts", "packages/vue2/src/components/modal/__tests__/modal-with-date-picker-stub.vue", "packages/vue2/src/components/date-range-picker/date-range-picker.docs.mdx", "packages/vue2/src/components/date-range-picker/components/date-range-picker-calendar/date-range-picker-calendar.vue", "packages/vue2/src/components/internal/calendar/components/calendar-year/calendar-year.vue", "packages/vue2/src/components/internal/calendar/components/calendar-month/calendar-month.vue", "packages/vue2/src/components/form-layout/__tests__/form-layout-default-example.vue", "packages/vue2/src/components/form-layout/form-layout.stories.ts", "packages/vue2/src/components/form-layout/form-layout.visual.spec.tsx"],
   "date-range-picker": ["packages/vue2/src/components/filter-bar/components/date-range-filter/date-range-filter.vue", "packages/vue2/src/components/filter-bar/components/all-filters-modal/all-filters-modal.vue", "packages/vue2/src/components/filter-bar/filter-bar.types.ts"],
   "divider": ["packages/vue2/src/components/filter-bar/components/date-filter/date-filter.vue", "packages/vue2/src/components/filter-bar/components/date-range-filter/date-range-filter.vue", "packages/vue2/src/components/filter-bar/components/select-filter/components/select-filter-button/select-filter-button.vue", "packages/vue2/src/components/menu/components/menu-item-list/menu-item-list.vue", "packages/vue2/src/components/menu/components/sub-menu-item-list/sub-menu-item-list.vue", "packages/vue2/src/components/header-with-views/components/header-with-views-item-edit-form/header-with-views-edit-form.vue", "packages/vue2/src/components/date-range-picker/date-range-picker.vue"],
-  "draggable-handle": ["packages/vue2/src/components/draggable/draggable.vue", "packages/vue2/src/components/draggable/__tests__/bento-draggable-default-example.vue", "packages/vue2/src/components/draggable/__tests__/bento-draggable-grid-example.vue", "packages/vue2/src/components/draggable/__tests__/bento-draggable-nested-example.vue", "packages/vue2/src/components/draggable/draggable.docs.mdx", "packages/vue2/src/components/draggable/draggable.stories.ts"],
+  "draggable": [""],
+  "draggable-handle": ["packages/vue2/src/components/draggable/draggable.vue", "packages/vue2/src/components/draggable/__tests__/bento-draggable-board-example.vue", "packages/vue2/src/components/draggable/__tests__/bento-draggable-default-example.vue", "packages/vue2/src/components/draggable/__tests__/bento-draggable-grid-example.vue", "packages/vue2/src/components/draggable/__tests__/bento-draggable-nested-example.vue", "packages/vue2/src/components/draggable/draggable.docs.mdx", "packages/vue2/src/components/draggable/draggable.stories.ts"],
   "drawer": [""],
   "dropdown": ["packages/vue2/src/components/filter-bar/components/input-filter/input-filter.types.ts", "packages/vue2/src/components/filter-bar/components/select-filter/select-filter.test.ts", "packages/vue2/src/components/filter-bar/components/select-filter/components/select-filter-dropdown/select-filter-dropdown.vue", "packages/vue2/src/components/filter-bar/components/input-with-dropdown-filter/input-with-dropdown-filter.vue", "packages/vue2/src/components/filter-bar/filter-bar.docs.mdx", "packages/vue2/src/components/modal/modal.visual.spec.tsx", "packages/vue2/src/components/modal/__tests__/modal-with-dropdowns-stub.vue", "packages/vue2/src/components/code-snippet/code-snippet.vue", "packages/vue2/src/components/date-range-picker/components/date-range-picker-calendar/date-range-picker-calendar.vue", "packages/vue2/src/components/selection-card/selection-card.docs.mdx", "packages/vue2/src/components/pagination/components/pagination-results-per-page/pagination-results-per-page.vue", "packages/vue2/src/components/pagination/components/pagination-context/pagination-context.vue", "packages/vue2/src/components/pagination/pagination.docs.mdx", "packages/vue2/src/components/internal/listbox/listbox.stories.ts", "packages/vue2/src/components/input-field/input-field.vue", "packages/vue2/src/components/input-field/input-field.docs.mdx", "packages/vue2/src/components/input-field/input-field.types.ts", "packages/vue2/src/components/radio-group/__tests__/interactive-content-slot-stub.vue", "packages/vue2/src/components/secondary-nav/secondary-nav.vue", "packages/vue2/src/components/secondary-nav/secondary-nav.docs.mdx", "packages/vue2/src/components/form-layout/components/form-layout-field-tip/form-layout-field-tip.vue", "packages/vue2/src/components/form-layout/__tests__/form-layout-field-tip-example.vue", "packages/vue2/src/components/form-layout/__tests__/form-layout-default-example.vue", "packages/vue2/src/components/form-layout/form-layout.vue", "packages/vue2/src/components/form-layout/form-layout.stories.ts", "packages/vue2/src/components/form-layout/form-layout.visual.spec.tsx"],
   "dropdown-avatar": ["packages/vue2/src/components/dropdown/dropdown.docs.mdx"],
@@ -93,9 +94,9 @@
   "summary-grid-item-numeric": ["packages/vue2/src/components/summary-grid/index.ts", "packages/vue2/src/components/summary-grid/summary-grid.stories.ts", "packages/vue2/src/components/summary-grid/summary-grid.visual.spec.tsx"],
   "summary-grid-item-percentage": ["packages/vue2/src/components/summary-grid/index.ts", "packages/vue2/src/components/summary-grid/summary-grid.stories.ts", "packages/vue2/src/components/summary-grid/summary-grid.visual.spec.tsx"],
   "summary-grid-item-text": ["packages/vue2/src/components/summary-grid/index.ts", "packages/vue2/src/components/summary-grid/summary-grid.stories.ts", "packages/vue2/src/components/summary-grid/summary-grid.visual.spec.tsx"],
-  "tab": ["packages/vue2/src/components/tabs/utils/utils.test.ts", "packages/vue2/src/components/tabs/utils/index.ts", "packages/vue2/src/components/tabs/components/tab.vue", "packages/vue2/src/components/tabs/components/tab.types.ts", "packages/vue2/src/components/tabs/tabs.vue", "packages/vue2/src/components/tabs/__tests__/tabs-hidden.vue", "packages/vue2/src/components/tabs/__tests__/tab-content-provided-title-mock.vue", "packages/vue2/src/components/tabs/__tests__/tabs-stub.vue", "packages/vue2/src/components/tabs/tabs.test.ts", "packages/vue2/src/components/tabs/tabs.visual.spec.tsx", "packages/vue2/src/components/tabs/index.ts", "packages/vue2/src/components/tabs/tabs.docs.mdx", "packages/vue2/src/components/tabs/tabs.types.ts", "packages/vue2/src/components/tabs/tabs.stories.ts", "packages/vue2/src/components/stepper/stepper.docs.mdx", "packages/vue2/src/components/tutorial/__tests__/tutorial-default-example.vue", "packages/vue2/src/components/tutorial/tutorial.stories.ts", "packages/vue2/src/components/data-grid/data-grid.vue", "packages/vue2/src/components/navigation-menu/navigation-menu.docs.mdx"],
+  "tab": ["packages/vue2/src/components/tabs/utils/utils.test.ts", "packages/vue2/src/components/tabs/utils/index.ts", "packages/vue2/src/components/tabs/components/tab.vue", "packages/vue2/src/components/tabs/components/tab.types.ts", "packages/vue2/src/components/tabs/tabs.vue", "packages/vue2/src/components/tabs/__tests__/bento-tabs-everything-bagel-example.vue", "packages/vue2/src/components/tabs/__tests__/tabs-hidden.vue", "packages/vue2/src/components/tabs/__tests__/tab-content-provided-title-mock.vue", "packages/vue2/src/components/tabs/__tests__/tabs-stub.vue", "packages/vue2/src/components/tabs/tabs.test.ts", "packages/vue2/src/components/tabs/tabs.visual.spec.tsx", "packages/vue2/src/components/tabs/index.ts", "packages/vue2/src/components/tabs/tabs.docs.mdx", "packages/vue2/src/components/tabs/tabs.types.ts", "packages/vue2/src/components/tabs/tabs.stories.ts", "packages/vue2/src/components/stepper/stepper.docs.mdx", "packages/vue2/src/components/tutorial/__tests__/tutorial-default-example.vue", "packages/vue2/src/components/tutorial/tutorial.stories.ts", "packages/vue2/src/components/data-grid/data-grid.vue", "packages/vue2/src/components/navigation-menu/navigation-menu.docs.mdx"],
   "tabs": ["packages/vue2/src/components/stepper/stepper.docs.mdx", "packages/vue2/src/components/tutorial/__tests__/tutorial-default-example.vue", "packages/vue2/src/components/tutorial/tutorial.stories.ts", "packages/vue2/src/components/navigation-menu/navigation-menu.docs.mdx"],
-  "tag": ["packages/vue2/src/components/checkbox/checkbox.docs.mdx", "packages/vue2/src/components/checkbox/components/checkbox-group/checkbox-group.stories.ts", "packages/vue2/src/components/checkbox/components/checkbox-group/__tests__/bento-checkbox-group-slot-stub.vue", "packages/vue2/src/components/checkbox/components/checkbox-group/checkbox-group.docs.mdx", "packages/vue2/src/components/checkbox/checkbox.vue", "packages/vue2/src/components/checkbox/checkbox.types.ts", "packages/vue2/src/components/tutorial/__tests__/tutorial-default-example.vue", "packages/vue2/src/components/tutorial/tutorial.stories.ts", "packages/vue2/src/components/filter-bar/filter-bar.types.ts", "packages/vue2/src/components/timeline/components/timeline-item/timeline-item.vue", "packages/vue2/src/components/timeline/timeline.types.ts", "packages/vue2/src/components/summary-grid/components/summary-grid-item/summary-grid-item.test.ts", "packages/vue2/src/components/summary-grid/components/summary-grid-item/summary-grid-item.vue", "packages/vue2/src/components/list/components/list-item/list-item.types.ts", "packages/vue2/src/components/list/components/list-item/list-item.vue", "packages/vue2/src/components/list/list.docs.mdx", "packages/vue2/src/components/internal/listbox/components/listbox-option-tag/listbox-option-tag.vue", "packages/vue2/src/components/radio-group/components/radio-button/radio-button.types.ts", "packages/vue2/src/components/radio-group/components/radio-button/radio-button.vue", "packages/vue2/src/components/radio-group/components/radio-button/radio-button.docs.mdx", "packages/vue2/src/components/radio-group/radio-group.docs.mdx", "packages/vue2/src/components/dropdown/components/variants/dropdown-tag/dropdown-tag.types.ts", "packages/vue2/src/components/dropdown/components/variants/dropdown-tag/dropdown-tag.vue", "packages/vue2/src/components/dropdown/components/variants/dropdown-tag/dropdown-tag.visual.spec.tsx", "packages/vue2/src/components/dropdown/components/variants/dropdown-tag/dropdown-tag.test.ts", "packages/vue2/src/components/dropdown/dropdown.stories.ts", "packages/vue2/src/components/data-grid/data-grid.docs.mdx", "packages/vue2/src/components/data-grid/components/data-grid-tag-with-text-cell/data-grid-tag-with-text-cell.vue", "packages/vue2/src/components/data-grid/components/data-grid-tag-with-text-cell/data-grid-tag-with-text-cell.types.ts", "packages/vue2/src/components/data-grid/components/data-grid-tag-with-text-cell/data-grid-tag-with-text-cell.docs.mdx"],
+  "tag": ["packages/vue2/src/components/checkbox/checkbox.docs.mdx", "packages/vue2/src/components/checkbox/components/checkbox-group/checkbox-group.stories.ts", "packages/vue2/src/components/checkbox/components/checkbox-group/__tests__/bento-checkbox-group-slot-stub.vue", "packages/vue2/src/components/checkbox/components/checkbox-group/checkbox-group.docs.mdx", "packages/vue2/src/components/checkbox/checkbox.vue", "packages/vue2/src/components/checkbox/checkbox.types.ts", "packages/vue2/src/components/tabs/tabs.vue", "packages/vue2/src/components/tutorial/__tests__/tutorial-default-example.vue", "packages/vue2/src/components/tutorial/tutorial.stories.ts", "packages/vue2/src/components/filter-bar/filter-bar.types.ts", "packages/vue2/src/components/timeline/components/timeline-item/timeline-item.vue", "packages/vue2/src/components/timeline/timeline.types.ts", "packages/vue2/src/components/summary-grid/components/summary-grid-item/summary-grid-item.test.ts", "packages/vue2/src/components/summary-grid/components/summary-grid-item/summary-grid-item.vue", "packages/vue2/src/components/list/components/list-item/list-item.types.ts", "packages/vue2/src/components/list/components/list-item/list-item.vue", "packages/vue2/src/components/list/list.docs.mdx", "packages/vue2/src/components/internal/listbox/components/listbox-option-tag/listbox-option-tag.vue", "packages/vue2/src/components/radio-group/components/radio-button/radio-button.types.ts", "packages/vue2/src/components/radio-group/components/radio-button/radio-button.vue", "packages/vue2/src/components/radio-group/components/radio-button/radio-button.docs.mdx", "packages/vue2/src/components/radio-group/radio-group.docs.mdx", "packages/vue2/src/components/dropdown/components/variants/dropdown-tag/dropdown-tag.types.ts", "packages/vue2/src/components/dropdown/components/variants/dropdown-tag/dropdown-tag.vue", "packages/vue2/src/components/dropdown/components/variants/dropdown-tag/dropdown-tag.visual.spec.tsx", "packages/vue2/src/components/dropdown/components/variants/dropdown-tag/dropdown-tag.test.ts", "packages/vue2/src/components/dropdown/dropdown.stories.ts", "packages/vue2/src/components/data-grid/data-grid.docs.mdx", "packages/vue2/src/components/data-grid/components/data-grid-tag-with-text-cell/data-grid-tag-with-text-cell.vue", "packages/vue2/src/components/data-grid/components/data-grid-tag-with-text-cell/data-grid-tag-with-text-cell.types.ts", "packages/vue2/src/components/data-grid/components/data-grid-tag-with-text-cell/data-grid-tag-with-text-cell.docs.mdx", "packages/vue2/src/components/secondary-nav/components/secondary-nav-item/secondary-nav-item.vue", "packages/vue2/src/components/secondary-nav/secondary-nav.vue"],
   "textarea": ["packages/vue2/src/components/timeline/timeline.vue", "packages/vue2/src/components/timeline/timeline.test.ts", "packages/vue2/src/components/form-layout/__tests__/form-layout-default-example.vue", "packages/vue2/src/components/form-layout/form-layout.stories.ts", "packages/vue2/src/components/form-layout/form-layout.visual.spec.tsx"],
   "timeline": ["packages/vue2/src/components/filter-bar/filter-bar.visual.spec.tsx"],
   "timeline-item": ["packages/vue2/src/components/filter-bar/filter-bar.visual.spec.tsx", "packages/vue2/src/components/timeline/timeline.vue", "packages/vue2/src/components/timeline/timeline.visual.spec.tsx", "packages/vue2/src/components/timeline/timeline.docs.mdx", "packages/vue2/src/components/timeline/timeline.types.ts", "packages/vue2/src/components/timeline/timeline.stories.ts", "packages/vue2/src/components/timeline/__tests__/timeline-default-example.vue", "packages/vue2/src/components/timeline/__tests__/timeline-dynamic-add-stub.vue", "packages/vue2/src/components/timeline/__tests__/timeline-stub.vue", "packages/vue2/src/components/timeline/timeline.test.ts", "packages/vue2/src/components/timeline/index.ts"],
@@ -103,5 +104,5 @@
   "toggle": ["packages/vue2/src/components/filter-bar/components/toggle-filter/toggle-filter.stories.ts", "packages/vue2/src/components/filter-bar/components/toggle-filter/toggle-filter.types.ts", "packages/vue2/src/components/filter-bar/components/toggle-filter/toggle-filter.visual.spec.tsx", "packages/vue2/src/components/filter-bar/components/toggle-filter/toggle-filter.test.ts", "packages/vue2/src/components/filter-bar/components/toggle-filter/index.ts", "packages/vue2/src/components/filter-bar/components/toggle-filter/toggle-filter.vue", "packages/vue2/src/components/filter-bar/components/base-filter/base-filter.docs.mdx", "packages/vue2/src/components/filter-bar/components/all-filters-modal/all-filters-modal.vue", "packages/vue2/src/components/filter-bar/components/index.ts", "packages/vue2/src/components/filter-bar/__tests__/filter-bar-custom-filter-sub-component-multiple-value-example.vue", "packages/vue2/src/components/filter-bar/__tests__/filter-bar-custom-filter-sub-component-single-value.vue", "packages/vue2/src/components/filter-bar/__tests__/filter-bar-custom-filter-sub-component-multiple-value.vue", "packages/vue2/src/components/filter-bar/__tests__/filter-bar-custom-filter-sub-component-single-value-example.vue", "packages/vue2/src/components/filter-bar/filter-bar.vue", "packages/vue2/src/components/filter-bar/filter-bar.stories.ts", "packages/vue2/src/components/filter-bar/filter-bar.docs.mdx", "packages/vue2/src/components/filter-bar/filter-bar.types.ts", "packages/vue2/src/components/menu/menu.vue", "packages/vue2/src/components/header-with-views/header-with-views.vue", "packages/vue2/src/components/header-with-views/components/header-with-views-all-views/header-with-views-all-views.vue", "packages/vue2/src/components/header-with-views/components/header-with-views-item-edit-form/header-with-views-edit-form.vue", "packages/vue2/src/components/ai-tag/ai-tag.vue", "packages/vue2/src/components/list/components/list-item/list-item.visual.spec.tsx", "packages/vue2/src/components/list/components/list-item/list-item.vue", "packages/vue2/src/components/list/components/list-item/list-item.stories.ts", "packages/vue2/src/components/list/__tests__/list-default.vue", "packages/vue2/src/components/list/list.stories.ts", "packages/vue2/src/components/button/components/toggle-button/toggle-button.docs.mdx", "packages/vue2/src/components/button/components/toggle-button/toggle-button.stories.ts", "packages/vue2/src/components/button/components/toggle-button/toggle-button.vue", "packages/vue2/src/components/button/components/toggle-button/index.ts", "packages/vue2/src/components/button/components/toggle-button/toggle.types.ts", "packages/vue2/src/components/button/components/toggle-button/toggle-button.visual.spec.tsx", "packages/vue2/src/components/radio-group/components/radio-button/radio-button.docs.mdx", "packages/vue2/src/components/data-grid/components/data-grid-cell/data-grid-cell.vue", "packages/vue2/src/components/data-grid/components/data-grid-config-settings/data-grid-config-settings.vue", "packages/vue2/src/components/data-grid/components/data-grid-config-settings/components/data-grid-config-settings-column-row/data-grid-config-settings-column-row.vue", "packages/vue2/src/components/data-grid/components/data-grid-columns/data-grid-columns.vue", "packages/vue2/src/components/form-layout/form-layout.visual.spec.tsx"],
   "toggle-button": ["packages/vue2/src/components/menu/menu.vue", "packages/vue2/src/components/header-with-views/header-with-views.vue", "packages/vue2/src/components/header-with-views/components/header-with-views-all-views/header-with-views-all-views.vue", "packages/vue2/src/components/header-with-views/components/header-with-views-item-edit-form/header-with-views-edit-form.vue", "packages/vue2/src/components/ai-tag/ai-tag.vue", "packages/vue2/src/components/data-grid/components/data-grid-cell/data-grid-cell.vue", "packages/vue2/src/components/data-grid/components/data-grid-config-settings/data-grid-config-settings.vue", "packages/vue2/src/components/data-grid/components/data-grid-columns/data-grid-columns.vue"],
   "tutorial": [""],
-  "typography": ["packages/vue2/src/components/toggle/toggle.vue", "packages/vue2/src/components/click-outside/click-outside.stories.ts", "packages/vue2/src/components/modal-fullscreen/modal-fullscreen.stories.ts", "packages/vue2/src/components/modal-fullscreen/components/modal-fullscreen-page.vue", "packages/vue2/src/components/textarea/textarea.vue", "packages/vue2/src/components/checkbox/checkbox.vue", "packages/vue2/src/components/layout/components/layout-row/layout-row.vue", "packages/vue2/src/components/tabs/tabs.vue", "packages/vue2/src/components/tabs/tabs.test.ts", "packages/vue2/src/components/status/status.visual.spec.tsx", "packages/vue2/src/components/status/status.vue", "packages/vue2/src/components/link/link.vue", "packages/vue2/src/components/link/link.stories.ts", "packages/vue2/src/components/promo-banner/promo-banner.stories.ts", "packages/vue2/src/components/promo-banner/promo-banner.vue", "packages/vue2/src/components/stepper/components/step/step.vue", "packages/vue2/src/components/stepper/stepper.vue", "packages/vue2/src/components/tutorial/components/tutorial-popover/tutorial-popover.vue", "packages/vue2/src/components/tutorial/tutorial.stories.ts", "packages/vue2/src/components/filter-bar/components/toggle-filter/toggle-filter.vue", "packages/vue2/src/components/filter-bar/components/filter-bar-button/filter-bar-button.vue", "packages/vue2/src/components/filter-bar/components/date-range-filter/date-range-filter.visual.spec.tsx", "packages/vue2/src/components/filter-bar/components/date-range-filter/date-range-filter.vue", "packages/vue2/src/components/filter-bar/components/all-filters-modal/all-filters-modal.vue", "packages/vue2/src/components/filter-bar/components/select-filter/select-filter.stories.ts", "packages/vue2/src/components/filter-bar/components/select-filter/variants/select-country-filter/select-country-filter.vue", "packages/vue2/src/components/filter-bar/components/base-filter-button/base-filter-button.vue", "packages/vue2/src/components/tag/tag.vue", "packages/vue2/src/components/action-bar/action-bar.vue", "packages/vue2/src/components/timeline/components/timeline-item/timeline-item.vue", "packages/vue2/src/components/menu/components/menu-item/menu-item.vue", "packages/vue2/src/components/header/header.vue", "packages/vue2/src/components/summary-grid/components/summary-grid-item-amount/summary-grid-item-amount.vue", "packages/vue2/src/components/summary-grid/components/summary-grid-item/summary-grid-item.test.ts", "packages/vue2/src/components/summary-grid/components/summary-grid-item/summary-grid-item.vue", "packages/vue2/src/components/modal/components/modal-page/modal-page.vue", "packages/vue2/src/components/dashed-underline/__tests__/dashed-underline-inside-grid-stub.vue", "packages/vue2/src/components/dashed-underline/dashed-underline.vue", "packages/vue2/src/components/dashed-underline/dashed-underline.visual.spec.tsx", "packages/vue2/src/components/dashed-underline/dashed-underline.stories.ts", "packages/vue2/src/components/header-with-views/header-with-views.vue", "packages/vue2/src/components/header-with-views/components/header-with-views-all-views/header-with-views-all-views.vue", "packages/vue2/src/components/structured-list/structured-list.visual.spec.tsx", "packages/vue2/src/components/structured-list/components/structered-list-item/structured-list-item.stories.ts", "packages/vue2/src/components/structured-list/components/structered-list-item/structured-list-item.vue", "packages/vue2/src/components/structured-list/__tests__/structured-list-default.vue", "packages/vue2/src/components/structured-list/structured-list.stories.ts", "packages/vue2/src/components/ai-tag/ai-tag.vue", "packages/vue2/src/components/alert/alert.vue", "packages/vue2/src/components/list/components/list-item/list-item.vue", "packages/vue2/src/components/list/components/list-item/list-item.stories.ts", "packages/vue2/src/components/segmented-control/components/segmented-control-button/segmented-control-button.vue", "packages/vue2/src/components/anchor-scroller/__tests__/anchor-scroller-default-example.vue", "packages/vue2/src/components/anchor-scroller/anchor-scroller.stories.ts", "packages/vue2/src/components/anchor-scroller/anchor-scroller.vue", "packages/vue2/src/components/rich-text-editor/rich-text-editor.vue", "packages/vue2/src/components/drawer/__tests__/drawer-default-example.vue", "packages/vue2/src/components/drawer/drawer.stories.ts", "packages/vue2/src/components/empty-state/empty-state.vue", "packages/vue2/src/components/empty-state/empty-state.types.ts", "packages/vue2/src/components/date-picker/date-picker.vue", "packages/vue2/src/components/code-snippet/code-snippet.stories.ts", "packages/vue2/src/components/code-snippet/code-snippet.vue", "packages/vue2/src/components/payment-method/payment-method.vue", "packages/vue2/src/components/country/country.types.ts", "packages/vue2/src/components/country/country.vue", "packages/vue2/src/components/date-range-picker/date-range-picker.vue", "packages/vue2/src/components/date-range-picker/components/date-range-picker-calendar/date-range-picker-calendar.vue", "packages/vue2/src/components/card/card.stories.ts", "packages/vue2/src/components/card/card.vue", "packages/vue2/src/components/card/card.docs.mdx", "packages/vue2/src/components/button/button.vue", "packages/vue2/src/components/selection-card/selection-card.vue", "packages/vue2/src/components/draggable/__tests__/bento-draggable-default-example.vue", "packages/vue2/src/components/draggable/__tests__/bento-draggable-grid-example.vue", "packages/vue2/src/components/draggable/__tests__/bento-draggable-nested-example.vue", "packages/vue2/src/components/draggable/draggable.stories.ts", "packages/vue2/src/components/pagination/components/pagination-results-per-page/pagination-results-per-page.vue", "packages/vue2/src/components/pagination/components/pagination-context/pagination-context.vue", "packages/vue2/src/components/pagination/pagination.vue", "packages/vue2/src/components/date/date.vue", "packages/vue2/src/components/currency/currency.vue", "packages/vue2/src/components/popover/popover.visual.spec.tsx", "packages/vue2/src/components/popover/popover.stories.ts", "packages/vue2/src/components/popover/components/popover-title/popover-title.test.ts", "packages/vue2/src/components/popover/components/popover-title/popover-title.vue", "packages/vue2/src/components/internal/tooltip/tooltip.vue", "packages/vue2/src/components/internal/error-message/error-message.vue", "packages/vue2/src/components/internal/calendar/components/calendar-year/calendar-year.vue", "packages/vue2/src/components/internal/calendar/components/calendar-month/components/calendar-month-day/calendar-month-day.vue", "packages/vue2/src/components/internal/calendar/components/calendar-month/calendar-month.vue", "packages/vue2/src/components/internal/listbox/components/listbox-multi-select/components/listbox-multi-select-options/components/listbox-multi-select-category/listbox-multi-select-category.vue", "packages/vue2/src/components/internal/listbox/components/listbox-multi-select/components/listbox-multi-select-options/components/listbox-multi-select-category/listbox-multi-select-category.visual.spec.tsx", "packages/vue2/src/components/internal/listbox/components/listbox-multi-select/components/listbox-multi-select-options/listbox-multi-select-options.vue", "packages/vue2/src/components/internal/listbox/components/listbox-multi-select/listbox-multi-select.vue", "packages/vue2/src/components/internal/listbox/components/listbox-single-select/components/listbox-single-select-category/listbox-single-select-category.vue", "packages/vue2/src/components/internal/listbox/components/listbox-option-tag/listbox-option-tag.vue", "packages/vue2/src/components/internal/listbox/components/listbox-single-select-option/listbox-single-select-option.vue", "packages/vue2/src/components/internal/listbox/listbox.vue", "packages/vue2/src/components/internal/info-icon-with-popover/info-icon-with-popover.vue", "packages/vue2/src/components/internal/header-meta/header-meta.vue", "packages/vue2/src/components/internal/field-label/field-label.vue", "packages/vue2/src/components/internal/controls-group/controls-group.vue", "packages/vue2/src/components/internal/copy/copy.stories.ts", "packages/vue2/src/components/internal/footer-actions/footer-actions.vue", "packages/vue2/src/components/internal/base-button/base-button.vue", "packages/vue2/src/components/input-field/input-field.vue", "packages/vue2/src/components/input-field/input-field.test.ts", "packages/vue2/src/components/radio-group/components/radio-button/radio-button.vue", "packages/vue2/src/components/file-uploader/components/file-uploader-file-card/file-uploader-file-card.vue", "packages/vue2/src/components/file-uploader/components/file-uploader-restrictions/file-uploader-restrictions.vue", "packages/vue2/src/components/file-uploader/file-uploader.vue", "packages/vue2/src/components/sidepanel/components/sidepanel-page.vue", "packages/vue2/src/components/toast/components/toast-item/toast-item.vue", "packages/vue2/src/components/chip/chip.vue", "packages/vue2/src/components/inspector/inspector.stories.ts", "packages/vue2/src/components/inspector/inspector.vue", "packages/vue2/src/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue", "packages/vue2/src/components/dropdown/components/variants/dropdown-country/dropdown-country.vue", "packages/vue2/src/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.vue", "packages/vue2/src/components/dropdown/__tests__/dropdown-scoped-slots-stub.vue", "packages/vue2/src/components/dropdown/__tests__/dropdown-with-custom-slots-example.vue", "packages/vue2/src/components/dropdown/dropdown.vue", "packages/vue2/src/components/input-field-password/input-field-password.vue", "packages/vue2/src/components/data-grid/data-grid.stories.ts", "packages/vue2/src/components/data-grid/data-grid.visual.spec.tsx", "packages/vue2/src/components/data-grid/components/data-grid-summary-cell/data-grid-summary-cell.vue", "packages/vue2/src/components/data-grid/components/data-grid-tag-with-text-cell/data-grid-tag-with-text-cell.vue", "packages/vue2/src/components/data-grid/components/data-grid-cell/data-grid-cell.vue", "packages/vue2/src/components/data-grid/components/data-grid-trend-cell/data-grid-trend-cell.vue", "packages/vue2/src/components/data-grid/components/data-grid-config-settings/data-grid-config-settings.vue", "packages/vue2/src/components/data-grid/components/data-grid-columns/data-grid-columns.vue", "packages/vue2/src/components/data-grid/__tests__/data-grid-with-slots-example.vue", "packages/vue2/src/components/data-grid/data-grid.vue", "packages/vue2/src/components/secondary-nav/components/secondary-nav-item/secondary-nav-item.vue", "packages/vue2/src/components/secondary-nav/components/secondary-nav-category/secondary-nav-category.vue", "packages/vue2/src/components/secondary-nav/secondary-nav.vue", "packages/vue2/src/components/navigation-menu/components/navigation-menu-item/navigation-menu-item.vue", "packages/vue2/src/components/navigation-menu/components/navigation-menu-group/navigation-menu-group.vue", "packages/vue2/src/components/navigation-menu/navigation-menu.vue", "packages/vue2/src/components/accordion/accordion.stories.ts", "packages/vue2/src/components/accordion/components/accordion-item.stories.ts", "packages/vue2/src/components/accordion/components/accordion-item.vue", "packages/vue2/src/components/avatar/components/avatar-image/avatar-image.vue", "packages/vue2/src/components/avatar/avatar.vue", "packages/vue2/src/components/form-layout/form-layout.docs.mdx", "packages/vue2/src/components/form-layout/components/form-layout-title/form-layout-title.vue", "packages/vue2/src/components/form-layout/form-layout.visual.spec.tsx"]
+  "typography": ["packages/vue2/src/components/toggle/toggle.vue", "packages/vue2/src/components/click-outside/click-outside.stories.ts", "packages/vue2/src/components/modal-fullscreen/modal-fullscreen.stories.ts", "packages/vue2/src/components/modal-fullscreen/components/modal-fullscreen-page.vue", "packages/vue2/src/components/textarea/textarea.vue", "packages/vue2/src/components/checkbox/checkbox.vue", "packages/vue2/src/components/layout/components/layout-row/layout-row.vue", "packages/vue2/src/components/tabs/tabs.vue", "packages/vue2/src/components/tabs/tabs.test.ts", "packages/vue2/src/components/status/status.visual.spec.tsx", "packages/vue2/src/components/status/status.vue", "packages/vue2/src/components/link/link.vue", "packages/vue2/src/components/link/link.stories.ts", "packages/vue2/src/components/promo-banner/promo-banner.stories.ts", "packages/vue2/src/components/promo-banner/promo-banner.vue", "packages/vue2/src/components/stepper/components/step/step.vue", "packages/vue2/src/components/stepper/stepper.vue", "packages/vue2/src/components/tutorial/components/tutorial-popover/tutorial-popover.vue", "packages/vue2/src/components/tutorial/tutorial.stories.ts", "packages/vue2/src/components/filter-bar/components/toggle-filter/toggle-filter.vue", "packages/vue2/src/components/filter-bar/components/filter-bar-button/filter-bar-button.vue", "packages/vue2/src/components/filter-bar/components/date-range-filter/date-range-filter.visual.spec.tsx", "packages/vue2/src/components/filter-bar/components/date-range-filter/date-range-filter.vue", "packages/vue2/src/components/filter-bar/components/all-filters-modal/all-filters-modal.vue", "packages/vue2/src/components/filter-bar/components/select-filter/select-filter.stories.ts", "packages/vue2/src/components/filter-bar/components/select-filter/variants/select-country-filter/select-country-filter.vue", "packages/vue2/src/components/filter-bar/components/base-filter-button/base-filter-button.vue", "packages/vue2/src/components/tag/tag.vue", "packages/vue2/src/components/action-bar/action-bar.vue", "packages/vue2/src/components/timeline/components/timeline-item/timeline-item.vue", "packages/vue2/src/components/menu/components/menu-item/menu-item.vue", "packages/vue2/src/components/header/header.vue", "packages/vue2/src/components/summary-grid/components/summary-grid-item-amount/summary-grid-item-amount.vue", "packages/vue2/src/components/summary-grid/components/summary-grid-item/summary-grid-item.test.ts", "packages/vue2/src/components/summary-grid/components/summary-grid-item/summary-grid-item.vue", "packages/vue2/src/components/modal/components/modal-page/modal-page.vue", "packages/vue2/src/components/dashed-underline/__tests__/dashed-underline-inside-grid-stub.vue", "packages/vue2/src/components/dashed-underline/dashed-underline.vue", "packages/vue2/src/components/dashed-underline/dashed-underline.visual.spec.tsx", "packages/vue2/src/components/dashed-underline/dashed-underline.stories.ts", "packages/vue2/src/components/header-with-views/header-with-views.vue", "packages/vue2/src/components/header-with-views/components/header-with-views-all-views/header-with-views-all-views.vue", "packages/vue2/src/components/structured-list/structured-list.visual.spec.tsx", "packages/vue2/src/components/structured-list/components/structered-list-item/structured-list-item.stories.ts", "packages/vue2/src/components/structured-list/components/structered-list-item/structured-list-item.vue", "packages/vue2/src/components/structured-list/__tests__/structured-list-default.vue", "packages/vue2/src/components/structured-list/structured-list.stories.ts", "packages/vue2/src/components/ai-tag/ai-tag.vue", "packages/vue2/src/components/alert/alert.vue", "packages/vue2/src/components/list/components/list-item/list-item.vue", "packages/vue2/src/components/list/components/list-item/list-item.stories.ts", "packages/vue2/src/components/segmented-control/components/segmented-control-button/segmented-control-button.vue", "packages/vue2/src/components/anchor-scroller/__tests__/anchor-scroller-default-example.vue", "packages/vue2/src/components/anchor-scroller/anchor-scroller.stories.ts", "packages/vue2/src/components/anchor-scroller/anchor-scroller.vue", "packages/vue2/src/components/rich-text-editor/rich-text-editor.vue", "packages/vue2/src/components/drawer/__tests__/drawer-default-example.vue", "packages/vue2/src/components/drawer/drawer.stories.ts", "packages/vue2/src/components/empty-state/empty-state.vue", "packages/vue2/src/components/empty-state/empty-state.types.ts", "packages/vue2/src/components/date-picker/date-picker.vue", "packages/vue2/src/components/code-snippet/code-snippet.stories.ts", "packages/vue2/src/components/code-snippet/code-snippet.vue", "packages/vue2/src/components/payment-method/payment-method.vue", "packages/vue2/src/components/country/country.types.ts", "packages/vue2/src/components/country/country.vue", "packages/vue2/src/components/date-range-picker/date-range-picker.vue", "packages/vue2/src/components/date-range-picker/components/date-range-picker-calendar/date-range-picker-calendar.vue", "packages/vue2/src/components/card/card.stories.ts", "packages/vue2/src/components/card/card.vue", "packages/vue2/src/components/card/card.docs.mdx", "packages/vue2/src/components/button/button.vue", "packages/vue2/src/components/selection-card/selection-card.vue", "packages/vue2/src/components/draggable/__tests__/bento-draggable-board-example.vue", "packages/vue2/src/components/draggable/__tests__/bento-draggable-default-example.vue", "packages/vue2/src/components/draggable/__tests__/bento-draggable-grid-example.vue", "packages/vue2/src/components/draggable/__tests__/bento-draggable-nested-example.vue", "packages/vue2/src/components/draggable/draggable.stories.ts", "packages/vue2/src/components/pagination/components/pagination-results-per-page/pagination-results-per-page.vue", "packages/vue2/src/components/pagination/components/pagination-context/pagination-context.vue", "packages/vue2/src/components/pagination/pagination.vue", "packages/vue2/src/components/date/date.vue", "packages/vue2/src/components/currency/currency.vue", "packages/vue2/src/components/popover/popover.visual.spec.tsx", "packages/vue2/src/components/popover/popover.stories.ts", "packages/vue2/src/components/popover/components/popover-title/popover-title.test.ts", "packages/vue2/src/components/popover/components/popover-title/popover-title.vue", "packages/vue2/src/components/internal/tooltip/tooltip.vue", "packages/vue2/src/components/internal/error-message/error-message.vue", "packages/vue2/src/components/internal/calendar/components/calendar-year/calendar-year.vue", "packages/vue2/src/components/internal/calendar/components/calendar-month/components/calendar-month-day/calendar-month-day.vue", "packages/vue2/src/components/internal/calendar/components/calendar-month/calendar-month.vue", "packages/vue2/src/components/internal/listbox/components/listbox-multi-select/components/listbox-multi-select-options/components/listbox-multi-select-category/listbox-multi-select-category.vue", "packages/vue2/src/components/internal/listbox/components/listbox-multi-select/components/listbox-multi-select-options/components/listbox-multi-select-category/listbox-multi-select-category.visual.spec.tsx", "packages/vue2/src/components/internal/listbox/components/listbox-multi-select/components/listbox-multi-select-options/listbox-multi-select-options.vue", "packages/vue2/src/components/internal/listbox/components/listbox-multi-select/listbox-multi-select.vue", "packages/vue2/src/components/internal/listbox/components/listbox-single-select/components/listbox-single-select-category/listbox-single-select-category.vue", "packages/vue2/src/components/internal/listbox/components/listbox-option-tag/listbox-option-tag.vue", "packages/vue2/src/components/internal/listbox/components/listbox-single-select-option/listbox-single-select-option.vue", "packages/vue2/src/components/internal/listbox/listbox.vue", "packages/vue2/src/components/internal/info-icon-with-popover/info-icon-with-popover.vue", "packages/vue2/src/components/internal/header-meta/header-meta.vue", "packages/vue2/src/components/internal/field-label/field-label.vue", "packages/vue2/src/components/internal/controls-group/controls-group.vue", "packages/vue2/src/components/internal/copy/copy.stories.ts", "packages/vue2/src/components/internal/footer-actions/footer-actions.vue", "packages/vue2/src/components/internal/base-button/base-button.vue", "packages/vue2/src/components/input-field/input-field.vue", "packages/vue2/src/components/input-field/input-field.test.ts", "packages/vue2/src/components/radio-group/components/radio-button/radio-button.vue", "packages/vue2/src/components/file-uploader/components/file-uploader-file-card/file-uploader-file-card.vue", "packages/vue2/src/components/file-uploader/components/file-uploader-restrictions/file-uploader-restrictions.vue", "packages/vue2/src/components/file-uploader/file-uploader.vue", "packages/vue2/src/components/sidepanel/components/sidepanel-page.vue", "packages/vue2/src/components/toast/components/toast-item/toast-item.vue", "packages/vue2/src/components/chip/chip.vue", "packages/vue2/src/components/inspector/inspector.stories.ts", "packages/vue2/src/components/inspector/inspector.vue", "packages/vue2/src/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue", "packages/vue2/src/components/dropdown/components/variants/dropdown-country/dropdown-country.vue", "packages/vue2/src/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.vue", "packages/vue2/src/components/dropdown/__tests__/dropdown-scoped-slots-stub.vue", "packages/vue2/src/components/dropdown/__tests__/dropdown-with-custom-slots-example.vue", "packages/vue2/src/components/dropdown/dropdown.vue", "packages/vue2/src/components/input-field-password/input-field-password.vue", "packages/vue2/src/components/data-grid/data-grid.stories.ts", "packages/vue2/src/components/data-grid/data-grid.visual.spec.tsx", "packages/vue2/src/components/data-grid/components/data-grid-summary-cell/data-grid-summary-cell.vue", "packages/vue2/src/components/data-grid/components/data-grid-tag-with-text-cell/data-grid-tag-with-text-cell.vue", "packages/vue2/src/components/data-grid/components/data-grid-cell/data-grid-cell.vue", "packages/vue2/src/components/data-grid/components/data-grid-trend-cell/data-grid-trend-cell.vue", "packages/vue2/src/components/data-grid/components/data-grid-config-settings/data-grid-config-settings.vue", "packages/vue2/src/components/data-grid/components/data-grid-columns/data-grid-columns.vue", "packages/vue2/src/components/data-grid/__tests__/data-grid-with-slots-example.vue", "packages/vue2/src/components/data-grid/data-grid.vue", "packages/vue2/src/components/secondary-nav/components/secondary-nav-item/secondary-nav-item.vue", "packages/vue2/src/components/secondary-nav/components/secondary-nav-category/secondary-nav-category.vue", "packages/vue2/src/components/secondary-nav/secondary-nav.vue", "packages/vue2/src/components/navigation-menu/components/navigation-menu-item/navigation-menu-item.vue", "packages/vue2/src/components/navigation-menu/components/navigation-menu-group/navigation-menu-group.vue", "packages/vue2/src/components/navigation-menu/navigation-menu.vue", "packages/vue2/src/components/accordion/accordion.stories.ts", "packages/vue2/src/components/accordion/components/accordion-item.stories.ts", "packages/vue2/src/components/accordion/components/accordion-item.vue", "packages/vue2/src/components/avatar/components/avatar-image/avatar-image.vue", "packages/vue2/src/components/avatar/avatar.vue", "packages/vue2/src/components/form-layout/form-layout.docs.mdx", "packages/vue2/src/components/form-layout/components/form-layout-title/form-layout-title.vue", "packages/vue2/src/components/form-layout/form-layout.visual.spec.tsx"]
 }

package/dist/main.js

@@ -30450,7 +30450,7 @@ ${usage.map((f) => `- ${f}`).join("\n")}`
 var package_default = {
   name: "@adyen/bento-mcp",
   mcpName: "io.github.adyen/bento-mcp",
-  version: "0.5.1",
+  version: "0.5.2",
   type: "module",
   description: "A Model Context Protocol server implementation for Bento",
   license: "MIT",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@adyen/bento-mcp",
   "mcpName": "io.github.adyen/bento-mcp",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "type": "module",
   "description": "A Model Context Protocol server implementation for Bento",
   "license": "MIT",