@cnamts/synapse 1.0.1 → 1.0.3

package/src/components/ToolbarContainer/ToolbarContainer.vue

@@ -0,0 +1,128 @@
+<script setup lang="ts">
+	import { onMounted, ref } from 'vue'
+
+	const toolbar = ref<HTMLDivElement>()
+
+	let tools: Array<HTMLElement>
+
+	onMounted(() => {
+		tools = Array.from(toolbar.value?.querySelectorAll<HTMLElement>('button:not([disabled]), a:not([disabled]), input:not([disabled])') || [])
+		tools?.forEach((el) => {
+			el.setAttribute('tabindex', '-1')
+		})
+	})
+
+	function selectNextElement(e: Event & { target: HTMLElement }) {
+		const currentIndex = tools.findIndex(tool => tool === e.target)
+
+		const nextIndex = currentIndex < tools.length - 1 ? currentIndex + 1 : 0
+
+		const nextElem = tools.at(nextIndex)
+
+		e.target.setAttribute('tabindex', '-1')
+		nextElem?.setAttribute('tabindex', '0')
+		nextElem?.focus()
+	}
+
+	function selectPrevElement(e: Event & { target: HTMLElement }) {
+		let currentIndex = tools.findIndex(tool => tool === e.target)
+
+		const prevIndex = currentIndex > 0 ? currentIndex - 1 : tools.length - 1
+
+		const nextElem = tools.at(prevIndex)
+
+		e.target.setAttribute('tabindex', '-1')
+		nextElem?.setAttribute('tabindex', '0')
+		nextElem?.focus()
+	}
+
+	function selectFirstElement() {
+		const firstElement = tools.at(0)
+		if (!firstElement) {
+			return
+		}
+		document.activeElement?.setAttribute('tabindex', '-1')
+		firstElement.setAttribute('tabindex', '0')
+		firstElement.focus()
+	}
+
+	function selectLastElement() {
+		const lastElement = tools.at(-1)
+		if (!lastElement) {
+			return
+		}
+		document.activeElement?.setAttribute('tabindex', '-1')
+		lastElement.setAttribute('tabindex', '0')
+		lastElement.focus()
+	}
+
+	let lastElementFocused: HTMLElement | undefined = undefined
+
+	function setupFocus() {
+		// Remove the ability to tab into the toolbar to be able to shift focus to previous focusable element
+		toolbar.value?.setAttribute('tabindex', '-1')
+
+		if (lastElementFocused) {
+			// If there is a last focused element, restore focus to it
+			lastElementFocused.setAttribute('tabindex', '0')
+			lastElementFocused.focus()
+		}
+		else {
+			selectFirstElement()
+		}
+	}
+
+	function saveFocus(e: FocusEvent) {
+		// Save the last focused element to restore focus later
+		if (e.target !== e.currentTarget) {
+			lastElementFocused = e.target as HTMLElement
+		}
+	}
+
+	function blurToolbar(e: FocusEvent) {
+		// When an item of the toolbar is blured it should not be focusable anymore
+		(e.target as HTMLElement)?.setAttribute('tabindex', '-1')
+
+		// When the toolbar loses focus, we need to set its focusable
+		if (toolbar.value?.contains(e.relatedTarget as HTMLElement)) {
+			return
+		}
+		toolbar.value?.setAttribute('tabindex', '0')
+	}
+</script>
+
+<!-- eslint-disable vuejs-accessibility/no-static-element-interactions -->
+<template>
+	<div
+		ref="toolbar"
+		role="toolbar"
+		tabindex="0"
+		class="sy-toolbar"
+		@keydown.left="selectPrevElement"
+		@keydown.right="selectNextElement"
+		@keydown.up="selectPrevElement"
+		@keydown.down="selectNextElement"
+		@keydown.home.prevent="selectFirstElement"
+		@keydown.end.prevent="selectLastElement"
+		@focus="setupFocus"
+		@focus.capture="saveFocus"
+		@blur.capture="blurToolbar"
+	>
+		<slot />
+	</div>
+</template>
+
+<style scoped>
+.sy-toolbar:has(:focus-visible) {
+	position: relative;
+}
+
+.sy-toolbar:has(:focus-visible)::after {
+	content: '';
+	display: block;
+	position: absolute;
+	inset: -6px;
+	border-radius: 5px;
+	border: 2px solid rgb(var(--v-theme-primary));
+}
+</style>

package/src/components/ToolbarContainer/tests/ToolbarContainer.spec.ts

@@ -0,0 +1,156 @@
+import { describe, it, expect } from 'vitest'
+import { mount } from '@vue/test-utils'
+import Toolbar from '../ToolbarContainer.vue'
+import { VBtn } from 'vuetify/components'
+import { vuetify } from '@tests/unit/setup'
+import { defineComponent } from 'vue'
+
+describe('ToolbarContainer.vue', () => {
+	it('renders default slot content', () => {
+		const wrapper = mount(Toolbar, {
+			global: {
+				plugins: [vuetify],
+			},
+			slots: {
+				default: '<div class="toolbar-content">Toolbar Content</div>',
+			},
+		})
+
+		expect(wrapper.find('.toolbar-content').exists()).toBe(true)
+	})
+
+	it('applies custom classes', () => {
+		const wrapper = mount(Toolbar, {
+			global: {
+				plugins: [vuetify],
+			},
+			props: {
+				class: 'custom-toolbar',
+			},
+		})
+
+		expect(wrapper.classes()).toContain('custom-toolbar')
+	})
+
+	it('set the focus to the first button', async () => {
+		const wrapper = mount(Toolbar, {
+			attachTo: document.body,
+			global: {
+				plugins: [vuetify],
+			},
+			slots: {
+				default: `
+				<div>
+					<VBtn>Action 1</VBtn>
+					<VBtn>Action 2</VBtn>
+				</div>
+				`,
+			},
+		})
+
+		const toolbar = wrapper.find('.sy-toolbar')
+		const firstButton = wrapper.find('button.v-btn')
+
+		await toolbar.trigger('focus')
+		expect(document.activeElement).toBe(firstButton.element)
+	})
+
+	it('focuses the button when the navigation key are pressed', async () => {
+		const wrapper = mount(Toolbar, {
+			attachTo: document.body,
+			global: {
+				plugins: [vuetify],
+			},
+			slots: {
+				default: `
+					<div>
+						<VBtn>Action 1</VBtn>
+						<VBtn>Action 2</VBtn>
+					</div>
+				`,
+			},
+		})
+
+		const toolbar = wrapper.find('.sy-toolbar')
+		const firstButton = wrapper.find('button.v-btn')
+		const secondButton = wrapper.findAll('button.v-btn')[1]
+
+		await toolbar.trigger('focus')
+		await firstButton.trigger('keydown', { key: 'ArrowRight' })
+		expect(document.activeElement).toBe(secondButton.element)
+		await secondButton.trigger('keydown', { key: 'ArrowLeft' })
+		expect(document.activeElement).toBe(firstButton.element)
+		await firstButton.trigger('keydown', { key: 'ArrowDown' })
+		expect(document.activeElement).toBe(secondButton.element)
+		await secondButton.trigger('keydown', { key: 'ArrowUp' })
+		expect(document.activeElement).toBe(firstButton.element)
+	})
+
+	it('focuses the first and last buttons when Home and End keys are pressed', async () => {
+		const wrapper = mount(Toolbar, {
+			attachTo: document.body,
+			global: {
+				plugins: [vuetify],
+			},
+			slots: {
+				default: `
+					<div>
+						<VBtn>Action 1</VBtn>
+						<VBtn>Action 2</VBtn>
+						<VBtn>Action 3</VBtn>
+						<VBtn>Action 4</VBtn>
+					</div>
+				`,
+			},
+		})
+
+		const toolbar = wrapper.find('.sy-toolbar')
+		const firstButton = wrapper.find('button.v-btn')
+		const lastButton = wrapper.findAll('button.v-btn')[3]
+
+		await toolbar.trigger('focus')
+		await firstButton.trigger('keydown', { key: 'End' })
+		expect(document.activeElement).toBe(lastButton.element)
+		await lastButton.trigger('keydown', { key: 'Home' })
+		expect(document.activeElement).toBe(firstButton.element)
+	})
+
+	it('keeps in memory the last focused button', async () => {
+		const TestComponent = defineComponent({
+			components: {
+				Toolbar,
+				VBtn,
+			},
+			template: `
+				<div>
+					<Toolbar>
+						<VBtn>Action 1</VBtn>
+						<VBtn>Action 2</VBtn>
+						<VBtn>Action 3</VBtn>
+					</Toolbar>
+					<VBtn>Action 4</VBtn>
+				</div>
+			`,
+		})
+		const wrapper = mount(TestComponent, {
+			attachTo: document.body,
+			global: {
+				plugins: [vuetify],
+			},
+		})
+
+		const toolbar = wrapper.find('.sy-toolbar')
+		const firstButton = wrapper.find('button.v-btn')
+		const secondButton = wrapper.findAll('button.v-btn')[1]
+		const lastButton = wrapper.findAll<HTMLElement>('button.v-btn')[3]
+
+		await toolbar.trigger('focus')
+		expect(document.activeElement).toBe(firstButton.element)
+		await firstButton.trigger('keydown', { key: 'ArrowRight' })
+		expect(document.activeElement).toBe(secondButton.element)
+		await lastButton.element.focus()
+		expect(document.activeElement).toBe(lastButton.element)
+		await toolbar.trigger('focus')
+		expect(document.activeElement).toBe(secondButton.element)
+	})
+})

package/src/components/UserMenuBtn/UserMenuBtn.stories.ts

@@ -111,6 +111,13 @@ const meta = {
 				},
 			},
 		},
+		'default': {
+			control: false,
+			description: 'Ecrase le contenu du menu utilisateur',
+			table: {
+				category: 'slots',
+			},
+		},
 		'onLogout': {
 			action: 'logout',
 			description: 'Événement déclenché lors de la déconnexion de l\'utilisateur',
@@ -594,3 +601,70 @@ export const LogoutEvent: Story = {
 		}
 	},
 }
+
+export const Slot: Story = {
+	parameters: {
+		sourceCode: [
+			{
+				name: 'Template',
+				code: `<template>
+	<UserMenuBtn
+		v-model="selected"
+		:full-name="fullName"
+	>
+		<div class="ma-6 text-center">
+			<p class="text-h6">
+				Bienvenue, {{ fullName }}
+			</p>
+
+			<p class="mt-2">
+				La création de votre compte est en cours,<br> vos services seront accessibles dans les prochains jours.
+			</p>
+		</div>
+	</UserMenuBtn>
+</template>`,
+			},
+			{
+				name: 'Script',
+				code: `<script setup lang="ts">
+	import { ref } from 'vue'
+	import { UserMenuBtn } from '@cnamts/synapse'
+
+	const selected = ref(null)
+	const fullName = ref('John Doe')
+
+</script>`,
+			},
+		],
+	},
+	args: {
+		modelValue: null,
+		hideLogoutBtn: false,
+		hideUserIcon: false,
+		isMobileView: false,
+		vuetifyOptions: undefined,
+		fullName: 'John Doe',
+	},
+	render: (args) => {
+		return {
+			components: { UserMenuBtn },
+			setup() {
+				return { args }
+			},
+			template: `
+<div class="pa-4">
+	<UserMenuBtn v-bind="args">
+			<div class="ma-6 text-center">
+			<p class="text-h6">
+				Bienvenue, {{ args.fullName }}
+			</p>
+
+			<p class="mt-2">
+				La création de votre compte est en cours,<br> vos services seront accessibles dans les prochains jours.
+			</p>
+		</div>
+	</UserMenuBtn>
+</div>`,
+		}
+	},
+}

package/src/components/UserMenuBtn/UserMenuBtn.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 	import { computed } from 'vue'
-	import SyBtnSelect from '../Customs/SyBtnSelect/SyBtnSelect.vue'
+	import SyBtnSelect from '@/components/Customs/Selects/SyBtnSelect/SyBtnSelect.vue'
 	import { useDisplay } from 'vuetify'
 	import { mdiAccount, mdiLoginVariant } from '@mdi/js'
 	import useCustomizableOptions, { type CustomizableOptions } from '@/composables/useCustomizableOptions'
@@ -64,23 +64,25 @@
 			</VIcon>
 		</template>
 		<template #footer-list-item>
-			<VListItem
-				v-if="!hideLogoutBtn"
-				class="logout"
-				v-bind="options['logoutListItem']"
-				@click="$emit('logout')"
-			>
-				<div class="d-flex">
-					<VIcon
-						:icon="mdiLoginVariant"
-						class="mr-4"
-						v-bind="options['logoutIcon']"
-					/>
-					<VListItemTitle class="logout">
-						{{ props.logoutText }}
-					</VListItemTitle>
-				</div>
-			</VListItem>
+			<slot>
+				<VListItem
+					v-if="!hideLogoutBtn"
+					class="logout"
+					v-bind="options['logoutListItem']"
+					@click="$emit('logout')"
+				>
+					<div class="d-flex">
+						<VIcon
+							:icon="mdiLoginVariant"
+							class="mr-4"
+							v-bind="options['logoutIcon']"
+						/>
+						<VListItemTitle class="logout">
+							{{ props.logoutText }}
+						</VListItemTitle>
+					</div>
+				</VListItem>
+			</slot>
 		</template>
 	</SyBtnSelect>
 </template>

package/src/components/index.ts

@@ -1,76 +1,172 @@
-export { default as DatePicker } from '@/components/DatePicker/DatePicker/DatePicker.vue'
-export { useFieldValidation } from '../composables/rules/useFieldValidation'
-export type { RuleOptions } from '../composables/rules/useFieldValidation'
-export { useNotificationService } from '../services/NotificationService'
-export { useValidation } from '../composables/validation/useValidation'
-export { useDateFormat } from '../composables/date/useDateFormatDayjs'
-export { default as Accordion } from './Accordion/Accordion.vue'
-export { default as BackBtn } from './BackBtn/BackBtn.vue'
-export { default as BackToTopBtn } from './BackToTopBtn/BackToTopBtn.vue'
-export { default as ChipList } from './ChipList/ChipList.vue'
-export * from './ChipList/types'
-export { default as CollapsibleList } from './CollapsibleList/CollapsibleList.vue'
-export { default as ContextualMenu } from './ContextualMenu/ContextualMenu.vue'
-export { default as CookieBanner } from './CookieBanner/CookieBanner.vue'
-export { default as CookiesInformation } from './CookiesSelection/CookiesInformation/CookiesInformation.vue'
-export { default as CookiesSelection } from './CookiesSelection/CookiesSelection.vue'
-export { default as CookiesTable } from './CookiesSelection/CookiesTable/CookiesTable.vue'
-export { default as CopyBtn } from './CopyBtn/CopyBtn.vue'
-export { default as SyBtnSelect } from './Customs/SyBtnSelect/SyBtnSelect.vue'
-export { default as SyInputSelect } from './Customs/SyInputSelect/SyInputSelect.vue'
-export { default as SySelect } from './Customs/SySelect/SySelect.vue'
-export { default as SyTextField } from './Customs/SyTextField/SyTextField.vue'
-export { default as DataList } from './DataList/DataList.vue'
-export { default as DataListGroup } from './DataListGroup/DataListGroup.vue'
-export { default as DataListItem } from './DataListItem/DataListItem.vue'
-export { default as DialogBox } from './DialogBox/DialogBox.vue'
-export { default as DiacriticPicker } from './DiacriticPicker/DiacriticPicker.vue'
-export { default as DownloadBtn } from './DownloadBtn/DownloadBtn.vue'
-export { default as ErrorPage } from './ErrorPage/ErrorPage.vue'
-export { default as ExternalLinks } from './ExternalLinks/ExternalLinks.vue'
-export { default as FileList } from './FileList/FileList.vue'
-export { default as FilePreview } from './FilePreview/FilePreview.vue'
-export { default as FileUpload } from './FileUpload/FileUpload.vue'
-export { default as FilterInline } from './FilterInline/FilterInline.vue'
-export { default as FilterSideBar } from './FilterSideBar/FilterSideBar.vue'
+// ===========================
+// Structure
+// ===========================
 export { default as FooterBar } from './FooterBar/FooterBar.vue'
-export { default as FranceConnectBtn } from './FranceConnectBtn/FranceConnectBtn.vue'
 export { default as HeaderBar } from './HeaderBar/HeaderBar.vue'
 export { default as HeaderBurgerMenu } from './HeaderBar/HeaderBurgerMenu/HeaderBurgerMenu.vue'
+export { default as HeaderLoading } from './HeaderLoading/HeaderLoading.vue'
+export { default as HeaderLogo } from './HeaderBar/HeaderLogo/HeaderLogo.vue'
+export { default as HeaderMenuBtn } from './HeaderBar/HeaderMenuBtn/HeaderMenuBtn.vue'
 export { default as HeaderMenuItem } from './HeaderBar/HeaderBurgerMenu/HeaderMenuItem/HeaderMenuItem.vue'
 export { default as HeaderMenuSection } from './HeaderBar/HeaderBurgerMenu/HeaderMenuSection/HeaderMenuSection.vue'
 export { default as HeaderSubMenu } from './HeaderBar/HeaderBurgerMenu/HeaderSubMenu/HeaderSubMenu.vue'
-export { default as HeaderLogo } from './HeaderBar/HeaderLogo/HeaderLogo.vue'
-export { default as HeaderMenuBtn } from './HeaderBar/HeaderMenuBtn/HeaderMenuBtn.vue'
-export { default as HeaderLoading } from './HeaderLoading/HeaderLoading.vue'
-export { default as HeaderNavigationBar } from './HeaderNavigationBar/HeaderNavigationBar.vue'
 export { default as HeaderToolbar } from './HeaderToolbar/HeaderToolbar.vue'
-export { indicatifs } from './PhoneField/indicatifs'
+export { default as SubHeader } from './SubHeader/SubHeader.vue'
+
+// ===========================
+// Layout
+// ===========================
+export { default as PageContainer } from './PageContainer/PageContainer.vue'
+export { default as ToolbarContainer } from './ToolbarContainer/ToolbarContainer.vue'
+
+// ===========================
+// Navigation
+// ===========================
+export { default as ContextualMenu } from './ContextualMenu/ContextualMenu.vue'
+export { default as ExternalLinks } from './ExternalLinks/ExternalLinks.vue'
+export { default as HeaderNavigationBar } from './HeaderNavigationBar/HeaderNavigationBar.vue'
+export { default as SkipLink } from './SkipLink/SkipLink.vue'
+export { default as SocialMediaLinks } from './SocialMediaLinks/SocialMediaLinks.vue'
+export { default as SyPagination } from './Customs/SyPagination/SyPagination.vue'
+
+// ===========================
+// Boutons
+// ===========================
+export { default as BackBtn } from './BackBtn/BackBtn.vue'
+export { default as BackToTopBtn } from './BackToTopBtn/BackToTopBtn.vue'
+export { default as CopyBtn } from './CopyBtn/CopyBtn.vue'
+export { default as DownloadBtn } from './DownloadBtn/DownloadBtn.vue'
+export { default as FranceConnectBtn } from './FranceConnectBtn/FranceConnectBtn.vue'
 export { default as LangBtn } from './LangBtn/LangBtn.vue'
-export { default as Logo } from './Logo/Logo.vue'
-export { default as LogoBrandSection } from './LogoBrandSection/LogoBrandSection.vue'
-export { default as MaintenancePage } from './MaintenancePage/MaintenancePage.vue'
+export { default as UserMenuBtn } from './UserMenuBtn/UserMenuBtn.vue'
+
+// ===========================
+// Formulaires
+// ===========================
+export { default as DatePicker } from '@/components/DatePicker/DatePicker/DatePicker.vue'
+export { default as DiacriticPicker } from './DiacriticPicker/DiacriticPicker.vue'
+export { default as FileUpload } from './FileUpload/FileUpload.vue'
 export { default as NirField } from './NirField/NirField.vue'
 export * from './NirField/nirValidation'
-export { default as NotFoundPage } from './NotFoundPage/NotFoundPage.vue'
-export { default as NotificationBar } from './NotificationBar/NotificationBar.vue'
-export * from './NotificationBar/types'
-export { default as PageContainer } from './PageContainer/PageContainer.vue'
-export { default as PaginatedTable } from './PaginatedTable/PaginatedTable.vue'
 export { default as PasswordField } from './PasswordField/PasswordField.vue'
 export { default as PeriodField } from './PeriodField/PeriodField.vue'
+export { indicatifs } from './PhoneField/indicatifs'
 export { default as PhoneField } from './PhoneField/PhoneField.vue'
 export { default as RangeField } from './RangeField/RangeField.vue'
-export { default as RatingPicker } from './RatingPicker/RatingPicker.vue'
 export { default as SearchListField } from './SearchListField/SearchListField.vue'
-export { default as SelectBtnField } from './SelectBtnField/SelectBtnField.vue'
-export { default as SkipLink } from './SkipLink/SkipLink.vue'
-export { default as SocialMediaLinks } from './SocialMediaLinks/SocialMediaLinks.vue'
-export { default as SubHeader } from './SubHeader/SubHeader.vue'
-export { default as SyAlert } from './SyAlert/SyAlert.vue'
+export { default as SelectBtnField } from './Customs/Selects/SelectBtnField/SelectBtnField.vue'
+export { default as SyBtnSelect } from './Customs/Selects/SyBtnSelect/SyBtnSelect.vue'
+export { default as SyCheckbox } from './Customs/SyCheckbox/SyCheckbox.vue'
+export { default as SyInputSelect } from './Customs/Selects/SyInputSelect/SyInputSelect.vue'
+export { default as SySelect } from './Customs/Selects/SySelect/SySelect.vue'
 export { default as SyTextArea } from './SyTextArea/SyTextArea.vue'
-export { default as TableToolbar } from './TableToolbar/TableToolbar.vue'
+export { default as SyTextField } from './Customs/SyTextField/SyTextField.vue'
 export { default as UploadWorkflow } from './UploadWorkflow/UploadWorkflow.vue'
-export { default as UserMenuBtn } from './UserMenuBtn/UserMenuBtn.vue'
-export { default as SyTable } from './Tables/SyTable/SyTable.vue'
+
+// ===========================
+// Tableaux
+// ===========================
+export { default as PaginatedTable } from './PaginatedTable/PaginatedTable.vue'
 export { default as SyServerTable } from './Tables/SyServerTable/SyServerTable.vue'
+export { default as SyTable } from './Tables/SyTable/SyTable.vue'
+export { default as TableToolbar } from './TableToolbar/TableToolbar.vue'
+
+// ===========================
+// Filtres
+// ===========================
+export { default as FilterInline } from './FilterInline/FilterInline.vue'
+export { default as FilterSideBar } from './FilterSideBar/FilterSideBar.vue'
+
+// ===========================
+// Données
+// ===========================
+export { default as Accordion } from './Accordion/Accordion.vue'
+export { default as ChipList } from './ChipList/ChipList.vue'
+export * from './ChipList/types'
+export { default as CollapsibleList } from './CollapsibleList/CollapsibleList.vue'
+export { default as DataList } from './DataList/DataList.vue'
+export { default as DataListGroup } from './DataListGroup/DataListGroup.vue'
+export { default as DataListItem } from './DataListItem/DataListItem.vue'
+export { default as FileList } from './FileList/FileList.vue'
+export { default as FilePreview } from './FilePreview/FilePreview.vue'
+export { default as Logo } from './Logo/Logo.vue'
+export { default as LogoBrandSection } from './LogoBrandSection/LogoBrandSection.vue'
+export { default as SyIcon } from './Customs/SyIcon/SyIcon.vue'
+
+// ===========================
+// Feedback
+// ===========================
+export { default as CookieBanner } from './CookieBanner/CookieBanner.vue'
+export { default as CookiesInformation } from './CookiesSelection/CookiesInformation/CookiesInformation.vue'
+export { default as CookiesSelection } from './CookiesSelection/CookiesSelection.vue'
+export { default as CookiesTable } from './CookiesSelection/CookiesTable/CookiesTable.vue'
+export { default as DialogBox } from './DialogBox/DialogBox.vue'
+export { default as NotificationBar } from './NotificationBar/NotificationBar.vue'
+export * from './NotificationBar/types'
+export { default as RatingPicker } from './RatingPicker/RatingPicker.vue'
+export { default as SyAlert } from './SyAlert/SyAlert.vue'
+
+// ===========================
+// Templates
+// ===========================
+export { default as ErrorPage } from './ErrorPage/ErrorPage.vue'
+export { default as MaintenancePage } from './MaintenancePage/MaintenancePage.vue'
+export { default as NotFoundPage } from './NotFoundPage/NotFoundPage.vue'
+
+// ===========================
+// Amelipro
+// ===========================
+export { default as AmeliproAutoCompleteField } from './Amelipro/AmeliproAutoCompleteField/AmeliproAutoCompleteField.vue'
+export { default as AmeliproBreadcrumb } from './Amelipro/AmeliproBreadcrumb/AmeliproBreadcrumb.vue'
+export { default as AmeliproBtn } from './Amelipro/AmeliproBtn/AmeliproBtn.vue'
+export { default as AmeliproCard } from './Amelipro/AmeliproCard/AmeliproCard.vue'
+export { default as AmeliproCallback } from './Amelipro/AmeliproCallback/AmeliproCallback.vue'
+export { default as AmeliproCheckbox } from './Amelipro/AmeliproCheckbox/AmeliproCheckbox.vue'
+export { default as AmeliproCheckboxGroup } from './Amelipro/AmeliproCheckboxGroup/AmeliproCheckboxGroup.vue'
+export { default as AmeliproChips } from './Amelipro/AmeliproChips/AmeliproChips.vue'
+export { default as AmeliproDialog } from './Amelipro/AmeliproDialog/AmeliproDialog.vue'
+export { default as AmeliproDisclosure } from './Amelipro/AmeliproDisclosure/AmeliproDisclosure.vue'
+export { default as AmeliproFooter } from './Amelipro/AmeliproFooter/AmeliproFooter.vue'
+export { default as AmeliproHeader } from './Amelipro/AmeliproHeader/AmeliproHeader.vue'
+export { default as AmeliproIcon } from './Amelipro/AmeliproIcon/AmeliproIcon.vue'
+export { default as AmeliproIconBtn } from './Amelipro/AmeliproIconBtn/AmeliproIconBtn.vue'
+export { default as AmeliproIllustratedDataTile } from './Amelipro/AmeliproIllustratedDataTile/AmeliproIllustratedDataTile.vue'
+export { default as AmeliproIllustratedRadioGroup } from './Amelipro/AmeliproIllustratedRadioGroup/AmeliproIllustratedRadioGroup.vue'
+export { default as AmeliproMailTile } from './Amelipro/AmeliproMailTile/AmeliproMailTile.vue'
+export { default as AmeliproMenu } from './Amelipro/AmeliproMenu/AmeliproMenu.vue'
+export { default as AmeliproMessage } from './Amelipro/AmeliproMessage/AmeliproMessage.vue'
+export { default as AmeliproMultipleFoldingCard } from './Amelipro/AmeliproMultipleFoldingCard/AmeliproMultipleFoldingCard.vue'
+export { default as AmeliproNumberedCard } from './Amelipro/AmeliproNumberedCard/AmeliproNumberedCard.vue'
+export { default as AmeliproOnboarding } from './Amelipro/AmeliproOnboarding/AmeliproOnboarding.vue'
+export { default as AmeliproPageLayout } from './Amelipro/AmeliproPageLayout/AmeliproPageLayout.vue'
+export { default as AmeliproPagination } from './Amelipro/AmeliproPagination/AmeliproPagination.vue'
+export { default as AmeliproPatientBanner } from './Amelipro/AmeliproPatientBanner/AmeliproPatientBanner.vue'
+export { default as AmeliproRadioGroup } from './Amelipro/AmeliproRadioGroup/AmeliproRadioGroup.vue'
+export { default as AmeliproSelect } from './Amelipro/AmeliproSelect/AmeliproSelect.vue'
+export { default as AmeliproStateTile } from './Amelipro/AmeliproStateTile/AmeliproStateTile.vue'
+export { default as AmeliproStatus } from './Amelipro/AmeliproStatus/AmeliproStatus.vue'
+export { default as AmeliproStepper } from './Amelipro/AmeliproStepper/AmeliproStepper.vue'
+export { default as AmeliproTabs } from './Amelipro/AmeliproTabs/AmeliproTabs.vue'
+export { default as AmeliproTextArea } from './Amelipro/AmeliproTextArea/AmeliproTextArea.vue'
+export { default as AmeliproTextField } from './Amelipro/AmeliproTextField/AmeliproTextField.vue'
+export { default as AmeliproTileBtn } from './Amelipro/AmeliproTileBtn/AmeliproTileBtn.vue'
+export { default as AmeliproTooltips } from './Amelipro/AmeliproTooltips/AmeliproTooltips.vue'
+export { default as AmeliproTransmission } from './Amelipro/AmeliproTransmission/AmeliproTransmission.vue'
+export { default as StructureMenu } from './Amelipro/StructureMenu/StructureMenu.vue'
+export { default as ServiceMenu } from './Amelipro/ServiceMenu/ServiceMenu.vue'
+export { default as UserInformationSummary } from './Amelipro/UserInformationSummary/UserInformationSummary.vue'
+export { default as UserMenu } from './Amelipro/UserMenu/UserMenu.vue'
+
+// ===========================
+// Composables and services
+// ===========================
+export { useDateFormat } from '../composables/date/useDateFormatDayjs'
+export { useFieldValidation } from '../composables/rules/useFieldValidation'
+export { useNotificationService } from '../services/NotificationService'
+export { useValidation } from '../composables/validation/useValidation'
+export type { RuleOptions } from '../composables/rules/useFieldValidation'
+
+// ===========================
+// Directives
+// ===========================
+export { vRgaaSvgFix } from '../directives/rgaaSvgFix'