@payfit/unity-components 2.9.8 → 2.10.0

package/dist/esm/index.js

@@ -1,12 +1,12 @@
 import { Actionable as r } from "./components/actionable/Actionable.js";
 import { ActionBar as p, actionBar as a } from "./components/action-bar/ActionBar.js";
 import { ActionBarAction as x } from "./components/action-bar/parts/ActionBarAction.js";
-import { ActionBarRoot as n, actionBarRoot as i } from "./components/action-bar/parts/ActionBarRoot.js";
+import { ActionBarRoot as n, actionBarRoot as l } from "./components/action-bar/parts/ActionBarRoot.js";
 import { Alert as u } from "./components/alert/Alert.js";
 import { AlertActions as c } from "./components/alert/parts/AlertActions.js";
-import { AlertContent as b } from "./components/alert/parts/AlertContent.js";
+import { AlertContent as s } from "./components/alert/parts/AlertContent.js";
 import { AlertTitle as S } from "./components/alert/parts/AlertTitle.js";
-import { Anchor as C } from "./components/anchor/Anchor.js";
+import { Anchor as F } from "./components/anchor/Anchor.js";
 import { AppLayout as P } from "./components/app-layout/AppLayout.js";
 import { AppMenu as A } from "./components/app-menu/AppMenu.js";
 import { AppMenuContext as R, AppMenuContextProvider as w, useAppMenuContext as G } from "./components/app-menu/parts/AppMenu.context.js";
@@ -25,10 +25,10 @@ import { getInitials as oo } from "./components/avatar/utils.js";
 import { Badge as ro } from "./components/badge/Badge.js";
 import { BottomSheet as po, bottomSheet as ao } from "./components/bottom-sheet/BottomSheet.js";
 import { BottomSheetContent as xo, bottomSheetContent as fo } from "./components/bottom-sheet/parts/BottomSheetContent.js";
-import { BottomSheetFooter as io, bottomSheetFooter as lo } from "./components/bottom-sheet/parts/BottomSheetFooter.js";
+import { BottomSheetFooter as lo, bottomSheetFooter as io } from "./components/bottom-sheet/parts/BottomSheetFooter.js";
 import { BottomSheetHeader as co, bottomSheetHeader as go } from "./components/bottom-sheet/parts/BottomSheetHeader.js";
-import { Breadcrumbs as so } from "./components/breadcrumbs/Breadcrumbs.js";
-import { Breadcrumb as Fo } from "./components/breadcrumbs/parts/Breadcrumb.js";
+import { Breadcrumbs as bo } from "./components/breadcrumbs/Breadcrumbs.js";
+import { Breadcrumb as Co } from "./components/breadcrumbs/parts/Breadcrumb.js";
 import { BREADCRUMB_CONTENT_MAX_LENGTH as To, RawBreadcrumbLink as Po } from "./components/breadcrumbs/parts/RawBreadcrumbLink.js";
 import { Button as Ao } from "./components/button/Button.js";
 import { Card as Ro, card as wo } from "./components/card/Card.js";
@@ -48,11 +48,11 @@ import { DatePicker as ee } from "./components/date-picker/DatePicker.js";
 import { DefinitionTooltip as te } from "./components/definition-tooltip/DefinitionTooltip.js";
 import { Dialog as ae, dialog as me } from "./components/dialog/Dialog.js";
 import { DialogActions as fe } from "./components/dialog/parts/DialogActions.js";
-import { DialogButton as ie } from "./components/dialog/parts/DialogActions/DialogButton.js";
+import { DialogButton as le } from "./components/dialog/parts/DialogActions/DialogButton.js";
 import { DialogContent as ue } from "./components/dialog/parts/DialogContent.js";
 import { DialogTitle as ce } from "./components/dialog/parts/DialogTitle.js";
-import { PromoDialog as be, promoDialog as se } from "./components/promo-dialog/PromoDialog.js";
-import { PromoDialogHero as Fe } from "./components/promo-dialog/parts/PromoDialogHero.js";
+import { PromoDialog as se, promoDialog as be } from "./components/promo-dialog/PromoDialog.js";
+import { PromoDialogHero as Ce } from "./components/promo-dialog/parts/PromoDialogHero.js";
 import { PromoDialogSubtitle as Te } from "./components/promo-dialog/parts/PromoDialogSubtitle.js";
 import { PromoDialogContent as Be } from "./components/promo-dialog/parts/PromoDialogContent.js";
 import { PromoDialogActions as ke } from "./components/promo-dialog/parts/PromoDialogActions.js";
@@ -71,10 +71,10 @@ import { ErrorState as ze, errorState as Ke } from "./components/error-state/Err
 import { Fieldset as Ze, fieldset as $e } from "./components/fieldset/Fieldset.js";
 import { FieldGroup as er } from "./components/fieldset/parts/FieldGroup.js";
 import { Filter as tr, FilterControls as pr, FilterLabels as ar, filterContainer as mr, filterDismissButton as xr } from "./components/filter/Filter.js";
-import { FilterToolbar as nr, filterToolbar as ir } from "./components/filter-toolbar/FilterToolbar.js";
+import { FilterToolbar as nr, filterToolbar as lr } from "./components/filter-toolbar/FilterToolbar.js";
 import { Flex as ur, Stack as dr } from "./components/flex/Flex.js";
-import { flex as gr, flexItem as br } from "./components/flex/Flex.variants.js";
-import { FlexItem as Sr, StackItem as Fr } from "./components/flex/FlexItem.js";
+import { flex as gr, flexItem as sr } from "./components/flex/Flex.variants.js";
+import { FlexItem as Sr, StackItem as Cr } from "./components/flex/FlexItem.js";
 import { Form as Tr } from "./components/form/Form.js";
 import { FullPageLoader as Br, fullPageLoader as Ar } from "./components/full-page-loader/FullPageLoader.js";
 import { FunnelLayout as Rr, funnelLayout as wr } from "./components/funnel-layout/FunnelLayout.js";
@@ -91,11 +91,11 @@ import { FunnelTopBar as ot, funnelTopBar as et } from "./components/funnel-layo
 import { Grid as tt } from "./components/grid/Grid.js";
 import { grid as at, gridItem as mt } from "./components/grid/Grid.variants.js";
 import { GridItem as ft } from "./components/grid/GridItem.js";
-import { IconButton as it } from "./components/icon-button/IconButton.js";
+import { IconButton as lt } from "./components/icon-button/IconButton.js";
 import { CircularIconButton as ut, circularIconButton as dt } from "./components/icon-button/CircularIconButton.js";
 import { Icon as gt } from "./components/icon/Icon.js";
-import { Input as st } from "./components/input/Input.js";
-import { Label as Ft } from "./components/label/Label.js";
+import { Input as bt } from "./components/input/Input.js";
+import { Label as Ct } from "./components/label/Label.js";
 import { RawLink as Tt, link as Pt } from "./components/link/RawLink.js";
 import { ListView as At } from "./components/list-view/ListView.js";
 import { RawListViewItem as Rt, listViewItem as wt } from "./components/list-view/parts/RawListViewItem.js";
@@ -115,11 +115,11 @@ import { Nav as op } from "./components/nav/Nav.js";
 import { NavGroup as rp } from "./components/nav/parts/NavGroup.js";
 import { RawNavItem as pp, navItemBase as ap } from "./components/nav/parts/RawNavItem.js";
 import { RawNavigationCard as xp } from "./components/navigation-card/NavigationCard.js";
-import { NavigationCardGroup as np, navigationCardGroup as ip } from "./components/navigation-card/parts/NavigationCardGroup.js";
+import { NavigationCardGroup as np, navigationCardGroup as lp } from "./components/navigation-card/parts/NavigationCardGroup.js";
 import { NavigationCardLabel as up } from "./components/navigation-card/parts/NavigationCardLabel.js";
 import { NavigationCardDescription as cp } from "./components/navigation-card/parts/NavigationCardDescription.js";
-import { NumberInput as bp, numberInput as sp } from "./components/number-input/NumberInput.js";
-import { Page as Fp, page as Cp } from "./components/page/Page.js";
+import { NumberInput as sp, numberInput as bp } from "./components/number-input/NumberInput.js";
+import { Page as Cp, page as Fp } from "./components/page/Page.js";
 import { PageHeader as Pp, pageHeader as Bp } from "./components/page/parts/PageHeader.js";
 import { PageHeading as kp } from "./components/page/parts/PageHeading.js";
 import { Pagination as wp, pagination as Gp } from "./components/pagination/Pagination.js";
@@ -139,11 +139,11 @@ import { Popover as ra } from "./components/popover/Popover.js";
 import { ProgressBar as pa } from "./components/progress-bar/ProgressBar.js";
 import { RadioButtonGroup as ma } from "./components/radio-button-group/RadioButtonGroup.js";
 import { RadioButton as fa, radioButton as na } from "./components/radio-button-group/parts/RadioButton.js";
-import { RadioButtonHelper as la } from "./components/radio-button-group/parts/RadioButtonHelper.js";
+import { RadioButtonHelper as ia } from "./components/radio-button-group/parts/RadioButtonHelper.js";
 import { Search as da, search as ca } from "./components/search/Search.js";
-import { SegmentedButtonGroup as ba } from "./components/segmented-button-group/SegmentedButtonGroup.js";
+import { SegmentedButtonGroup as sa } from "./components/segmented-button-group/SegmentedButtonGroup.js";
 import { ToggleButton as Sa } from "./components/segmented-button-group/parts/ToggleButton.js";
-import { SelectableButtonGroup as Ca, selectableButtonGroup as Ta } from "./components/selectable-button-group/SelectableButtonGroup.js";
+import { SelectableButtonGroup as Fa, selectableButtonGroup as Ta } from "./components/selectable-button-group/SelectableButtonGroup.js";
 import { SelectableButton as Ba, selectableButton as Aa } from "./components/selectable-button-group/parts/SelectableButton.js";
 import { SelectableCardCheckboxGroup as Ra } from "./components/selectable-card/selectable-card-checkbox-group/SelectableCardCheckboxGroup.js";
 import { SelectableCardCheckbox as Ga } from "./components/selectable-card/selectable-card-checkbox-group/parts/SelectableCardCheckbox.js";
@@ -161,10 +161,10 @@ import { SidePanelHeader as $a, sidePanelHeader as om } from "./components/side-
 import { SkipLink as rm, SkipLinks as tm } from "./components/skip-links/SkipLinks.js";
 import { Spinner as am } from "./components/spinner/Spinner.js";
 import { Table as xm, TableRoot as fm } from "./components/table/Table.js";
-import { TableBody as im, tableBody as lm } from "./components/table/parts/TableBody.js";
+import { TableBody as lm, tableBody as im } from "./components/table/parts/TableBody.js";
 import { TableCell as dm, tableCell as cm } from "./components/table/parts/TableCell.js";
-import { TableColumnHeader as bm, tableColumnHeader as sm } from "./components/table/parts/TableColumnHeader.js";
-import { TableEmptyState as Fm, TableEmptyStateError as Cm, TableEmptyStateLoading as Tm, TableEmptyStateNoData as Pm, TableEmptyStateText as Bm, tableEmptyState as Am } from "./components/table/parts/TableEmptyState.js";
+import { TableColumnHeader as sm, tableColumnHeader as bm } from "./components/table/parts/TableColumnHeader.js";
+import { TableEmptyState as Cm, TableEmptyStateError as Fm, TableEmptyStateLoading as Tm, TableEmptyStateNoData as Pm, TableEmptyStateText as Bm, tableEmptyState as Am } from "./components/table/parts/TableEmptyState.js";
 import { TableHeader as Rm, tableHeader as wm } from "./components/table/parts/TableHeader.js";
 import { TablePagination as ym, tablePagination as hm } from "./components/table/parts/TablePagination.js";
 import { TableRow as Lm, tableRow as Dm } from "./components/table/parts/TableRow.js";
@@ -180,11 +180,11 @@ import { TextArea as ox, textArea as ex } from "./components/text-area/TextArea.
 import { Text as tx } from "./components/text/Text.js";
 import { text as ax } from "./components/text/Text.variants.js";
 import { TOAST_CONFIG as xx, ToastManager as fx } from "./components/toast/ToastManager.js";
-import { toast as ix } from "./components/toast/toast.js";
+import { toast as lx } from "./components/toast/toast.js";
 import { ToggleSwitchGroup as ux, toggleSwitchGroup as dx } from "./components/toggle-switch-group/ToggleSwitchGroup.js";
-import { ToggleSwitch as gx, toggleSwitch as bx } from "./components/toggle-switch/ToggleSwitch.js";
+import { ToggleSwitch as gx, toggleSwitch as sx } from "./components/toggle-switch/ToggleSwitch.js";
 import { Tooltip as Sx } from "./components/tooltip/Tooltip.js";
-import { useBreakpointListener as Cx } from "./hooks/use-breakpoint-listener.js";
+import { useBreakpointListener as Fx } from "./hooks/use-breakpoint-listener.js";
 import { useContainerQueryLevel as Px } from "./hooks/use-container-query-level.js";
 import { useMediaQuery as Ax } from "./hooks/use-media-query.js";
 import { useUnityForm as Rx } from "./hooks/use-form.js";
@@ -207,14 +207,19 @@ import { SelectField as af } from "./components/select-field/SelectField.js";
 import { TextField as xf } from "./components/text-field/TextField.js";
 import { ToggleSwitchField as nf } from "./components/toggle-switch-field/ToggleSwitchField.js";
 import { ToggleSwitchGroupField as uf } from "./components/toggle-switch-group-field/ToggleSwitchGroupField.js";
-import { useTanstackUnityForm as cf, withFieldGroup as gf, withForm as bf } from "./hooks/use-tanstack-form.js";
-import { useFieldContext as Sf, useFormContext as Ff } from "./hooks/tanstack-form-context.js";
+import { useTanstackUnityForm as cf, withFieldGroup as gf, withForm as sf } from "./hooks/use-tanstack-form.js";
+import { useFieldContext as Sf, useFormContext as Cf } from "./hooks/tanstack-form-context.js";
 import { useFieldA11yContext as Tf } from "./components/form-field/TanstackFormField.context.js";
 import { fieldRevalidateLogic as Bf } from "./utils/field-revalidate-logic.js";
 import { NoopRouterProvider as kf, RouterProvider as Rf, useRouter as wf } from "./providers/router/RouterProvider.js";
-import { DialogTrigger as yf, DialogTrigger as hf } from "react-aria-components";
-import { FilterAdapters as Lf } from "./components/filter-toolbar/utils/filter-adapters.js";
-import { useAsyncList as vf } from "react-stately";
+import { Carousel as yf, carousel as hf } from "./components/carousel/Carousel.js";
+import { CarouselHeader as Lf, carouselHeader as Df } from "./components/carousel/parts/CarouselHeader.js";
+import { CarouselNav as Mf, carouselNav as Ef } from "./components/carousel/parts/CarouselNav.js";
+import { CarouselContent as Nf, carouselContent as Of } from "./components/carousel/parts/CarouselContent.js";
+import { CarouselSlide as Uf, carouselSlide as _f } from "./components/carousel/parts/CarouselSlide.js";
+import { DialogTrigger as Wf, DialogTrigger as qf } from "react-aria-components";
+import { FilterAdapters as Xf } from "./components/filter-toolbar/utils/filter-adapters.js";
+import { useAsyncList as zf } from "react-stately";
 export {
   p as ActionBar,
   x as ActionBarAction,
@@ -222,9 +227,9 @@ export {
   r as Actionable,
   u as Alert,
   c as AlertActions,
-  b as AlertContent,
+  s as AlertContent,
   S as AlertTitle,
-  C as Anchor,
+  F as Anchor,
   P as AppLayout,
   A as AppMenu,
   R as AppMenuContext,
@@ -244,14 +249,19 @@ export {
   ro as Badge,
   po as BottomSheet,
   xo as BottomSheetContent,
-  io as BottomSheetFooter,
+  lo as BottomSheetFooter,
   co as BottomSheetHeader,
-  Fo as Breadcrumb,
-  so as Breadcrumbs,
+  Co as Breadcrumb,
+  bo as Breadcrumbs,
   Ao as Button,
   Ro as Card,
   Io as CardContent,
   yo as CardTitle,
+  yf as Carousel,
+  Nf as CarouselContent,
+  Lf as CarouselHeader,
+  Mf as CarouselNav,
+  Uf as CarouselSlide,
   Eo as Checkbox,
   Gx as CheckboxField,
   Do as CheckboxGroup,
@@ -270,10 +280,10 @@ export {
   te as DefinitionTooltip,
   ae as Dialog,
   fe as DialogActions,
-  ie as DialogButton,
+  le as DialogButton,
   ue as DialogContent,
   ce as DialogTitle,
-  yf as DialogTrigger,
+  Wf as DialogTrigger,
   ye as EmptyState,
   Me as EmptyStateActions,
   De as EmptyStateContent,
@@ -288,7 +298,7 @@ export {
   er as FieldGroup,
   Ze as Fieldset,
   tr as Filter,
-  Lf as FilterAdapters,
+  Xf as FilterAdapters,
   pr as FilterControls,
   ar as FilterLabels,
   nr as FilterToolbar,
@@ -315,9 +325,9 @@ export {
   tt as Grid,
   ft as GridItem,
   gt as Icon,
-  it as IconButton,
-  st as Input,
-  Ft as Label,
+  lt as IconButton,
+  bt as Input,
+  Ct as Label,
   At as ListView,
   Lt as ListViewItemLabel,
   vt as ListViewItemText,
@@ -338,8 +348,8 @@ export {
   up as NavigationCardLabel,
   kf as NoopRouterProvider,
   jx as NumberField,
-  bp as NumberInput,
-  Fp as Page,
+  sp as NumberInput,
+  Cp as Page,
   Pp as PageHeader,
   kp as PageHeading,
   wp as Pagination,
@@ -351,18 +361,18 @@ export {
   Zp as PhoneNumberInput,
   oa as Pill,
   ra as Popover,
-  hf as PopoverTrigger,
+  qf as PopoverTrigger,
   pa as ProgressBar,
-  be as PromoDialog,
+  se as PromoDialog,
   ke as PromoDialogActions,
   Be as PromoDialogContent,
-  Fe as PromoDialogHero,
+  Ce as PromoDialogHero,
   Te as PromoDialogSubtitle,
   we as PromoDialogTitle,
   fa as RadioButton,
   ma as RadioButtonGroup,
   Yx as RadioButtonGroupField,
-  la as RadioButtonHelper,
+  ia as RadioButtonHelper,
   Po as RawBreadcrumbLink,
   Ex as RawFormContextualLink,
   Tt as RawLink,
@@ -378,7 +388,7 @@ export {
   zm as RawTask,
   Rf as RouterProvider,
   da as Search,
-  ba as SegmentedButtonGroup,
+  sa as SegmentedButtonGroup,
   va as Select,
   Ea as SelectButton,
   af as SelectField,
@@ -386,7 +396,7 @@ export {
   Va as SelectOptionGroup,
   _a as SelectOptionHelper,
   Ba as SelectableButton,
-  Ca as SelectableButtonGroup,
+  Fa as SelectableButtonGroup,
   $x as SelectableButtonGroupField,
   Ga as SelectableCardCheckbox,
   Ra as SelectableCardCheckboxGroup,
@@ -402,16 +412,16 @@ export {
   tm as SkipLinks,
   am as Spinner,
   dr as Stack,
-  Fr as StackItem,
+  Cr as StackItem,
   xx as TOAST_CONFIG,
   Om as TabList,
   Um as TabPanel,
   xm as Table,
-  im as TableBody,
+  lm as TableBody,
   dm as TableCell,
-  bm as TableColumnHeader,
-  Fm as TableEmptyState,
-  Cm as TableEmptyStateError,
+  sm as TableColumnHeader,
+  Cm as TableEmptyState,
+  Fm as TableEmptyStateError,
   Tm as TableEmptyStateLoading,
   Pm as TableEmptyStateNoData,
   Bm as TableEmptyStateText,
@@ -433,14 +443,19 @@ export {
   uf as ToggleSwitchGroupField,
   Sx as Tooltip,
   a as actionBar,
-  i as actionBarRoot,
+  l as actionBarRoot,
   O as autocompleteItem,
   _ as autocompleteItemGroup,
   ao as bottomSheet,
   fo as bottomSheetContent,
-  lo as bottomSheetFooter,
+  io as bottomSheetFooter,
   go as bottomSheetHeader,
   wo as card,
+  hf as carousel,
+  Of as carouselContent,
+  Df as carouselHeader,
+  Ef as carouselNav,
+  _f as carouselSlide,
   vo as checkboxGroup,
   dt as circularIconButton,
   zo as dataTableRoot,
@@ -450,9 +465,9 @@ export {
   $e as fieldset,
   mr as filterContainer,
   xr as filterDismissButton,
-  ir as filterToolbar,
+  lr as filterToolbar,
   gr as flex,
-  br as flexItem,
+  sr as flexItem,
   Ar as fullPageLoader,
   hr as funnelBody,
   wr as funnelLayout,
@@ -470,15 +485,15 @@ export {
   wt as listViewItem,
   ht as listViewSection,
   ap as navItemBase,
-  ip as navigationCardGroup,
+  lp as navigationCardGroup,
   zx as numberField,
-  sp as numberInput,
-  Cp as page,
+  bp as numberInput,
+  Fp as page,
   Bp as pageHeader,
   Gp as pagination,
   Ip as paginationContent,
   Ep as paginationLink,
-  se as promoDialog,
+  be as promoDialog,
   na as radioButton,
   Xm as rawSubTask,
   Km as rawTask,
@@ -489,9 +504,9 @@ export {
   ja as sidePanelContent,
   Ya as sidePanelFooter,
   om as sidePanelHeader,
-  lm as tableBody,
+  im as tableBody,
   cm as tableCell,
-  sm as tableColumnHeader,
+  bm as tableColumnHeader,
   Am as tableEmptyState,
   wm as tableHeader,
   hm as tablePagination,
@@ -499,16 +514,16 @@ export {
   Wm as taskMenu,
   ax as text,
   ex as textArea,
-  ix as toast,
-  bx as toggleSwitch,
+  lx as toast,
+  sx as toggleSwitch,
   dx as toggleSwitchGroup,
   G as useAppMenuContext,
-  vf as useAsyncList,
-  Cx as useBreakpointListener,
+  zf as useAsyncList,
+  Fx as useBreakpointListener,
   Px as useContainerQueryLevel,
   Tf as useFieldA11yContext,
   Sf as useFieldContext,
-  Ff as useFormContext,
+  Cf as useFormContext,
   Ax as useMediaQuery,
   Jp as usePaginationState,
   Wp as usePaginationWindow,
@@ -516,5 +531,5 @@ export {
   cf as useTanstackUnityForm,
   Rx as useUnityForm,
   gf as withFieldGroup,
-  bf as withForm
+  sf as withForm
 };

package/i18n/en-GB.json

@@ -21,6 +21,19 @@
   "unity:component:autocomplete:placeholder": "Search",
   "unity:component:autocomplete:panel:empty:label": "No results found",
   "unity:component:autocomplete:panel:loading:label": "Loading results",
+  "unity:component:carousel:header:actions:label": "{title} actions",
+  "unity:component:carousel:nav:next:label": "Go to next slide",
+  "unity:component:carousel:nav:previous:label": "Go to previous slide",
+  "unity:component:carousel:nav:toolbar-label": "Carousel navigation",
+  "unity:component:carousel:roledescription": "carousel",
+  "unity:component:carousel:slide:roledescription": "slide",
+  "unity:component:carousel:a11y:carousel:label": "Carousel",
+  "unity:component:carousel:a11y:slide:label:single": "Slide {slide} of {totalSlides}",
+  "unity:component:carousel:a11y:slide:label:group-single": "Slide {slide} of {totalSlides} (group {snap} of {totalSnaps})",
+  "unity:component:carousel:a11y:slide:label:group-multiple": "Slides {slide}-{lastSlide} of {totalSlides} (group {snap} of {totalSnaps})",
+  "unity:component:carousel:a11y:live-region:single": "Showing slide {slide} of {totalSlides}",
+  "unity:component:carousel:a11y:live-region:group-single": "Showing slide {slide} of {totalSlides} (group {snap} of {totalSnaps})",
+  "unity:component:carousel:a11y:live-region:group-multiple": "Showing slides {slide}-{lastSlide} of {totalSlides} (group {snap} of {totalSnaps})",
   "unity:component:dialog:actions:label": "Dialog Actions",
   "unity:component:empty-state:get-started:title": "Get started",
   "unity:component:empty-state:get-started:button-label": "Create item",

package/i18n/es-ES.json

@@ -21,6 +21,19 @@
   "unity:component:autocomplete:placeholder": "Buscar",
   "unity:component:autocomplete:panel:empty:label": "No se encontraron resultados",
   "unity:component:autocomplete:panel:loading:label": "Cargando resultados",
+  "unity:component:carousel:header:actions:label": "Acciones de {title}",
+  "unity:component:carousel:nav:next:label": "Ir a la diapositiva siguiente",
+  "unity:component:carousel:nav:previous:label": "Ir a la diapositiva anterior",
+  "unity:component:carousel:nav:toolbar-label": "Navegación del carrusel",
+  "unity:component:carousel:roledescription": "carrusel",
+  "unity:component:carousel:slide:roledescription": "diapositiva",
+  "unity:component:carousel:a11y:carousel:label": "Carrusel",
+  "unity:component:carousel:a11y:slide:label:single": "Diapositiva {slide} de {totalSlides}",
+  "unity:component:carousel:a11y:slide:label:group-single": "Diapositiva {slide} de {totalSlides} (grupo {snap} de {totalSnaps})",
+  "unity:component:carousel:a11y:slide:label:group-multiple": "Diapositivas {slide}-{lastSlide} de {totalSlides} (grupo {snap} de {totalSnaps})",
+  "unity:component:carousel:a11y:live-region:single": "Mostrando diapositiva {slide} de {totalSlides}",
+  "unity:component:carousel:a11y:live-region:group-single": "Mostrando diapositiva {slide} de {totalSlides} (grupo {snap} de {totalSnaps})",
+  "unity:component:carousel:a11y:live-region:group-multiple": "Mostrando diapositivas {slide}-{lastSlide} de {totalSlides} (grupo {snap} de {totalSnaps})",
   "unity:component:dialog:actions:label": "Acciones del diálogo",
   "unity:component:empty-state:get-started:title": "Empezar",
   "unity:component:empty-state:get-started:button-label": "Crear elemento",

package/i18n/fr-FR.json

@@ -21,6 +21,19 @@
   "unity:component:autocomplete:placeholder": "Rechercher",
   "unity:component:autocomplete:panel:empty:label": "Aucun résultat",
   "unity:component:autocomplete:panel:loading:label": "Chargement des résultats",
+  "unity:component:carousel:header:actions:label": "Actions {title}",
+  "unity:component:carousel:nav:next:label": "Diapositive suivante",
+  "unity:component:carousel:nav:previous:label": "Diapositive précédente",
+  "unity:component:carousel:nav:toolbar-label": "Navigation du carrousel",
+  "unity:component:carousel:roledescription": "carrousel",
+  "unity:component:carousel:slide:roledescription": "diapositive",
+  "unity:component:carousel:a11y:carousel:label": "Carrousel",
+  "unity:component:carousel:a11y:slide:label:single": "Diapositive {slide} sur {totalSlides}",
+  "unity:component:carousel:a11y:slide:label:group-single": "Diapositive {slide} sur {totalSlides} (groupe {snap} sur {totalSnaps})",
+  "unity:component:carousel:a11y:slide:label:group-multiple": "Diapositives {slide}-{lastSlide} sur {totalSlides} (groupe {snap} sur {totalSnaps})",
+  "unity:component:carousel:a11y:live-region:single": "Affichage de la diapositive {slide} sur {totalSlides}",
+  "unity:component:carousel:a11y:live-region:group-single": "Affichage de la diapositive {slide} sur {totalSlides} (groupe {snap} sur {totalSnaps})",
+  "unity:component:carousel:a11y:live-region:group-multiple": "Affichage des diapositives {slide}-{lastSlide} sur {totalSlides} (groupe {snap} sur {totalSnaps})",
   "unity:component:dialog:actions:label": "Actions du dialogue",
   "unity:component:empty-state:get-started:title": "Commencer",
   "unity:component:empty-state:get-started:button-label": "Créer un élément",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-components",
-  "version": "2.9.8",
+  "version": "2.10.0",
   "module": "./dist/esm/index.js",
   "type": "module",
   "sideEffects": false,
@@ -42,7 +42,7 @@
     "@hookform/devtools": "4.4.0",
     "@hookform/resolvers": "5.2.1",
     "@internationalized/date": "3.11.0",
-    "@payfit/unity-illustrations": "2.9.8",
+    "@payfit/unity-illustrations": "2.10.0",
     "@radix-ui/react-avatar": "1.1.11",
     "@radix-ui/react-slot": "1.2.4",
     "@react-aria/interactions": "3.27.0",
@@ -53,6 +53,9 @@
     "@tanstack/react-form": "1.28.3",
     "@tanstack/react-virtual": "3.13.18",
     "@use-gesture/react": "10.3.1",
+    "embla-carousel": "9.0.0-rc01",
+    "embla-carousel-accessibility": "9.0.0-rc01",
+    "embla-carousel-react": "9.0.0-rc01",
     "prettier": "3.1.0",
     "react": "18.3.1",
     "react-aria": "3.46.0",
@@ -71,8 +74,8 @@
   },
   "peerDependencies": {
     "@hookform/devtools": "^4",
-    "@payfit/unity-icons": "2.9.8",
-    "@payfit/unity-themes": "2.9.8",
+    "@payfit/unity-icons": "2.10.0",
+    "@payfit/unity-themes": "2.10.0",
     "@storybook/react-vite": "^10.2.2",
     "@tanstack/react-query": "^5",
     "@tanstack/react-router": "^1.131",
@@ -91,9 +94,9 @@
     "@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
     "@payfit/storybook-addon-console-errors": "0.0.0-use.local",
     "@payfit/storybook-config": "0.0.0-use.local",
-    "@payfit/unity-icons": "2.9.8",
-    "@payfit/unity-illustrations": "2.9.8",
-    "@payfit/unity-themes": "2.9.8",
+    "@payfit/unity-icons": "2.10.0",
+    "@payfit/unity-illustrations": "2.10.0",
+    "@payfit/unity-themes": "2.10.0",
     "@payfit/vite-configs": "0.0.0-use.local",
     "@storybook/addon-a11y": "10.2.10",
     "@storybook/addon-docs": "10.2.10",