@payfit/unity-components 0.0.0-alpha.6 → 0.0.0-alpha.8

package/dist/esm/index.mjs

@@ -1,121 +1,208 @@
 import { Actionable as e } from "./components/actionable/Actionable.mjs";
-import { Alert as m } from "./components/alert/Alert.mjs";
-import { AlertActions as x } from "./components/alert/parts/AlertActions.mjs";
+import { Alert as p } from "./components/alert/Alert.mjs";
+import { AlertActions as m } from "./components/alert/parts/AlertActions.mjs";
 import { AlertContent as a } from "./components/alert/parts/AlertContent.mjs";
-import { AlertTitle as i } from "./components/alert/parts/AlertTitle.mjs";
+import { AlertTitle as n } from "./components/alert/parts/AlertTitle.mjs";
 import { Anchor as u } from "./components/anchor/Anchor.mjs";
 import { AppLayout as d } from "./components/app-layout/AppLayout.mjs";
-import { Avatar as A } from "./components/avatar/Avatar.mjs";
-import { AvatarFallback as I } from "./components/avatar/parts/AvatarFallback.mjs";
-import { AvatarImage as v } from "./components/avatar/parts/AvatarImage.mjs";
-import { AvatarPair as P } from "./components/avatar/parts/AvatarPair.mjs";
-import { Badge as M } from "./components/badge/Badge.mjs";
-import { Breadcrumbs as k } from "./components/breadcrumbs/Breadcrumbs.mjs";
-import { Breadcrumb as D } from "./components/breadcrumbs/parts/Breadcrumb.mjs";
-import { Button as C } from "./components/button/Button.mjs";
-import { Dialog as L } from "./components/dialog/Dialog.mjs";
-import { DialogActions as R } from "./components/dialog/parts/DialogActions.mjs";
-import { DialogContent as h } from "./components/dialog/parts/DialogContent.mjs";
-import { DialogTitle as Q } from "./components/dialog/parts/DialogTitle.mjs";
-import { Flex as V, Stack as _ } from "./components/flex/Flex.mjs";
-import { flex as q, flexItem as w } from "./components/flex/Flex.variants.mjs";
-import { FlexItem as E, StackItem as J } from "./components/flex/FlexItem.mjs";
-import { Form as W } from "./components/form/Form.mjs";
-import { Grid as Y } from "./components/grid/Grid.mjs";
-import { grid as $, gridItem as rr } from "./components/grid/Grid.variants.mjs";
-import { GridItem as er } from "./components/grid/GridItem.mjs";
-import { Icon as mr } from "./components/icon/Icon.mjs";
-import { IconButton as xr } from "./components/icon-button/IconButton.mjs";
-import { Link as ar } from "./components/link/Link.mjs";
+import { AppMenu as A } from "./components/app-menu/AppMenu.mjs";
+import { AppMenuHeader as s } from "./components/app-menu/parts/AppMenuHeader.mjs";
+import { AppMenuFooter as M } from "./components/app-menu/parts/AppMenuFooter.mjs";
+import { AppMenuNavContent as B } from "./components/app-menu/parts/AppMenuNavContent.mjs";
+import { AppMenuContext as k, AppMenuContextProvider as C, useAppMenuContext as I } from "./components/app-menu/parts/AppMenu.context.mjs";
+import { Avatar as v } from "./components/avatar/Avatar.mjs";
+import { getInitials as L } from "./components/avatar/utils.mjs";
+import { AvatarFallback as h } from "./components/avatar/parts/AvatarFallback.mjs";
+import { AvatarImage as y } from "./components/avatar/parts/AvatarImage.mjs";
+import { AvatarPair as H } from "./components/avatar/parts/AvatarPair.mjs";
+import { Badge as U } from "./components/badge/Badge.mjs";
+import { Breadcrumbs as V } from "./components/breadcrumbs/Breadcrumbs.mjs";
+import { Breadcrumb as j } from "./components/breadcrumbs/parts/Breadcrumb.mjs";
+import { Button as w } from "./components/button/Button.mjs";
+import { Checkbox as E, checkbox as J } from "./components/checkbox/Checkbox.mjs";
+import { CheckboxField as W } from "./components/checkbox-field/CheckboxField.mjs";
+import { CheckboxGroup as Y, checkboxGroup as Z } from "./components/checkbox-group/CheckboxGroup.mjs";
+import { CheckboxGroupField as oo } from "./components/checkbox-group-field/CheckboxGroupField.mjs";
+import { DatePicker as eo } from "./components/date-picker/DatePicker.mjs";
+import { DatePickerField as po } from "./components/date-picker-field/DatePickerField.mjs";
+import { Dialog as mo } from "./components/dialog/Dialog.mjs";
+import { DialogActions as ao } from "./components/dialog/parts/DialogActions.mjs";
+import { DialogButton as no } from "./components/dialog/parts/DialogActions/DialogButton.mjs";
+import { DialogContent as uo } from "./components/dialog/parts/DialogContent.mjs";
+import { DialogTitle as Fo } from "./components/dialog/parts/DialogTitle.mjs";
+import { Fieldset as bo, fieldset as so } from "./components/fieldset/Fieldset.mjs";
+import { FieldGroup as Mo } from "./components/fieldset/parts/FieldGroup.mjs";
+import { Flex as Bo, Stack as To } from "./components/flex/Flex.mjs";
+import { flex as Co, flexItem as Io } from "./components/flex/Flex.variants.mjs";
+import { FlexItem as vo, StackItem as Go } from "./components/flex/FlexItem.mjs";
+import { Form as Do } from "./components/form/Form.mjs";
+import { FormField as Oo } from "./components/form-field/FormField.mjs";
+import { FormControl as No } from "./components/form-field/parts/FormControl.mjs";
+import { FormContextualLink as Ro } from "./components/form-field/parts/FormContextualLink.mjs";
+import { FormFeedbackText as Qo } from "./components/form-field/parts/FormFeedbackText.mjs";
+import { FormHelperText as _o } from "./components/form-field/parts/FormHelperText.mjs";
+import { FormLabel as qo } from "./components/form-field/parts/FormLabel.mjs";
+import { FullPageLoader as zo, fullPageLoader as Eo } from "./components/full-page-loader/FullPageLoader.mjs";
+import { Grid as Ko } from "./components/grid/Grid.mjs";
+import { grid as Xo, gridItem as Yo } from "./components/grid/Grid.variants.mjs";
+import { GridItem as $o } from "./components/grid/GridItem.mjs";
+import { Icon as rr } from "./components/icon/Icon.mjs";
+import { IconButton as tr } from "./components/icon-button/IconButton.mjs";
+import { Input as xr } from "./components/input/Input.mjs";
+import { Label as fr } from "./components/label/Label.mjs";
+import { Link as lr } from "./components/link/Link.mjs";
 import { Menu as ir } from "./components/menu/Menu.mjs";
-import { MenuContent as ur } from "./components/menu/parts/MenuContent.mjs";
-import { MenuHeader as dr } from "./components/menu/parts/MenuHeader.mjs";
-import { MenuItem as Ar } from "./components/menu/parts/MenuItem.mjs";
-import { MenuSeparator as Ir } from "./components/menu/parts/MenuSeparator.mjs";
-import { MenuTrigger as vr } from "./components/menu/parts/MenuTrigger.mjs";
-import { Nav as Pr } from "./components/nav/Nav.mjs";
-import { NavGroup as Mr } from "./components/nav/parts/NavGroup.mjs";
-import { NavItem as kr, navItemBase as yr } from "./components/nav/parts/NavItem.mjs";
-import { PayFitBrand as Sr } from "./components/payfit-brand/PayFitBrand.mjs";
-import { PayFitBrandPreprod as Gr } from "./components/payfit-brand/PayFitPreprod.mjs";
-import { Pill as Nr } from "./components/pill/Pill.mjs";
-import { ProgressBar as Or } from "./components/progress-bar/ProgressBar.mjs";
-import { Spinner as Hr } from "./components/spinner/Spinner.mjs";
-import { Tabs as Ur } from "./components/tabs/Tabs.mjs";
-import { Tab as _r } from "./components/tabs/parts/Tab.mjs";
-import { TabList as qr } from "./components/tabs/parts/TabList.mjs";
-import { TabPanel as zr } from "./components/tabs/parts/TabPanel.mjs";
-import { Text as Jr } from "./components/text/Text.mjs";
-import { text as Wr } from "./components/text/Text.variants.mjs";
-import { toast as Yr } from "./components/toast/toast.mjs";
-import { TOAST_CONFIG as $r, ToastManager as ro } from "./components/toast/ToastManager.mjs";
-import { useBreakpointListener as eo } from "./hooks/use-breakpoint-listener.mjs";
-import { useMediaQuery as mo } from "./hooks/use-media-query.mjs";
-import { RouterProvider as xo, useRouter as fo } from "./providers/router/RouterProvider.mjs";
-import { UnityReactRouterV5Provider as no } from "./providers/router/integrations/UnityReactRouterV5Provider.mjs";
-import { DialogTrigger as lo } from "react-aria-components";
+import { MenuContent as cr } from "./components/menu/parts/MenuContent.mjs";
+import { MenuHeader as Fr } from "./components/menu/parts/MenuHeader.mjs";
+import { MenuItem as br } from "./components/menu/parts/MenuItem.mjs";
+import { MenuSeparator as gr } from "./components/menu/parts/MenuSeparator.mjs";
+import { MenuTrigger as Sr } from "./components/menu/parts/MenuTrigger.mjs";
+import { MultiSelect as Tr } from "./components/multi-select/MultiSelect.mjs";
+import { MultiSelectOption as Cr } from "./components/multi-select/parts/MultiSelectOption.mjs";
+import { MultiSelectOptGroup as Pr } from "./components/multi-select/parts/MultiSelectOptGroup.mjs";
+import { MultiSelectField as Gr } from "./components/multi-select-field/MultiSelectField.mjs";
+import { Nav as Dr } from "./components/nav/Nav.mjs";
+import { NavGroup as Or } from "./components/nav/parts/NavGroup.mjs";
+import { NavItem as Nr, navItemBase as Hr } from "./components/nav/parts/NavItem.mjs";
+import { PayFitBrand as Ur } from "./components/payfit-brand/PayFitBrand.mjs";
+import { PayFitBrandPreprod as Vr } from "./components/payfit-brand/PayFitPreprod.mjs";
+import { Pill as jr } from "./components/pill/Pill.mjs";
+import { ProgressBar as wr } from "./components/progress-bar/ProgressBar.mjs";
+import { SelectButton as Er } from "./components/select/parts/SelectButton.mjs";
+import { SelectOption as Kr } from "./components/select/parts/SelectOption.mjs";
+import { SelectOptionGroup as Xr } from "./components/select/parts/SelectOptionGroup.mjs";
+import { SelectOptionHelper as Zr } from "./components/select/parts/SelectOptionHelper.mjs";
+import { Select as oe } from "./components/select/Select.mjs";
+import { SelectField as ee } from "./components/select-field/SelectField.mjs";
+import { SelectableButtonGroup as pe, selectableButtonGroup as xe } from "./components/selectable-button-group/SelectableButtonGroup.mjs";
+import { SelectableButton as fe, selectableButton as ae } from "./components/selectable-button-group/parts/SelectableButton.mjs";
+import { Spinner as ne } from "./components/spinner/Spinner.mjs";
+import { Tabs as ue } from "./components/tabs/Tabs.mjs";
+import { Tab as de } from "./components/tabs/parts/Tab.mjs";
+import { TabList as Ae } from "./components/tabs/parts/TabList.mjs";
+import { TabPanel as se } from "./components/tabs/parts/TabPanel.mjs";
+import { Text as Me } from "./components/text/Text.mjs";
+import { text as Be } from "./components/text/Text.variants.mjs";
+import { TextArea as ke, textArea as Ce } from "./components/text-area/TextArea.mjs";
+import { TextField as Pe } from "./components/text-field/TextField.mjs";
+import { toast as Ge } from "./components/toast/toast.mjs";
+import { TOAST_CONFIG as De, ToastManager as he } from "./components/toast/ToastManager.mjs";
+import { useBreakpointListener as ye } from "./hooks/use-breakpoint-listener.mjs";
+import { useMediaQuery as He } from "./hooks/use-media-query.mjs";
+import { useUnityForm as Ue } from "./hooks/use-form.mjs";
+import { RouterProvider as Ve, useRouter as _e } from "./providers/router/RouterProvider.mjs";
+import { UnityReactRouterV5Provider as qe } from "./providers/router/integrations/UnityReactRouterV5Provider.mjs";
+import { DialogTrigger as ze } from "react-aria-components";
 export {
   e as Actionable,
-  m as Alert,
-  x as AlertActions,
+  p as Alert,
+  m as AlertActions,
   a as AlertContent,
-  i as AlertTitle,
+  n as AlertTitle,
   u as Anchor,
   d as AppLayout,
-  A as Avatar,
-  I as AvatarFallback,
-  v as AvatarImage,
-  P as AvatarPair,
-  M as Badge,
-  D as Breadcrumb,
-  k as Breadcrumbs,
-  C as Button,
-  L as Dialog,
-  R as DialogActions,
-  h as DialogContent,
-  Q as DialogTitle,
-  lo as DialogTrigger,
-  V as Flex,
-  E as FlexItem,
-  W as Form,
-  Y as Grid,
-  er as GridItem,
-  mr as Icon,
-  xr as IconButton,
-  ar as Link,
+  A as AppMenu,
+  k as AppMenuContext,
+  C as AppMenuContextProvider,
+  M as AppMenuFooter,
+  s as AppMenuHeader,
+  B as AppMenuNavContent,
+  v as Avatar,
+  h as AvatarFallback,
+  y as AvatarImage,
+  H as AvatarPair,
+  U as Badge,
+  j as Breadcrumb,
+  V as Breadcrumbs,
+  w as Button,
+  E as Checkbox,
+  W as CheckboxField,
+  Y as CheckboxGroup,
+  oo as CheckboxGroupField,
+  eo as DatePicker,
+  po as DatePickerField,
+  mo as Dialog,
+  ao as DialogActions,
+  no as DialogButton,
+  uo as DialogContent,
+  Fo as DialogTitle,
+  ze as DialogTrigger,
+  Mo as FieldGroup,
+  bo as Fieldset,
+  Bo as Flex,
+  vo as FlexItem,
+  Do as Form,
+  Ro as FormContextualLink,
+  No as FormControl,
+  Qo as FormFeedbackText,
+  Oo as FormField,
+  _o as FormHelperText,
+  qo as FormLabel,
+  zo as FullPageLoader,
+  Ko as Grid,
+  $o as GridItem,
+  rr as Icon,
+  tr as IconButton,
+  xr as Input,
+  fr as Label,
+  lr as Link,
   ir as Menu,
-  ur as MenuContent,
-  dr as MenuHeader,
-  Ar as MenuItem,
-  Ir as MenuSeparator,
-  vr as MenuTrigger,
-  Pr as Nav,
-  Mr as NavGroup,
-  kr as NavItem,
-  Sr as PayFitBrand,
-  Gr as PayFitBrandPreprod,
-  Nr as Pill,
-  Or as ProgressBar,
-  xo as RouterProvider,
-  Hr as Spinner,
-  _ as Stack,
-  J as StackItem,
-  $r as TOAST_CONFIG,
-  _r as Tab,
-  qr as TabList,
-  zr as TabPanel,
-  Ur as Tabs,
-  Jr as Text,
-  ro as ToastManager,
-  no as UnityReactRouterV5Provider,
-  q as flex,
-  w as flexItem,
-  $ as grid,
-  rr as gridItem,
-  yr as navItemBase,
-  Wr as text,
-  Yr as toast,
-  eo as useBreakpointListener,
-  mo as useMediaQuery,
-  fo as useRouter
+  cr as MenuContent,
+  Fr as MenuHeader,
+  br as MenuItem,
+  gr as MenuSeparator,
+  Sr as MenuTrigger,
+  Tr as MultiSelect,
+  Gr as MultiSelectField,
+  Pr as MultiSelectOptGroup,
+  Cr as MultiSelectOption,
+  Dr as Nav,
+  Or as NavGroup,
+  Nr as NavItem,
+  Ur as PayFitBrand,
+  Vr as PayFitBrandPreprod,
+  jr as Pill,
+  wr as ProgressBar,
+  Ve as RouterProvider,
+  oe as Select,
+  Er as SelectButton,
+  ee as SelectField,
+  Kr as SelectOption,
+  Xr as SelectOptionGroup,
+  Zr as SelectOptionHelper,
+  fe as SelectableButton,
+  pe as SelectableButtonGroup,
+  ne as Spinner,
+  To as Stack,
+  Go as StackItem,
+  De as TOAST_CONFIG,
+  de as Tab,
+  Ae as TabList,
+  se as TabPanel,
+  ue as Tabs,
+  Me as Text,
+  ke as TextArea,
+  Pe as TextField,
+  he as ToastManager,
+  qe as UnityReactRouterV5Provider,
+  J as checkbox,
+  Z as checkboxGroup,
+  so as fieldset,
+  Co as flex,
+  Io as flexItem,
+  Eo as fullPageLoader,
+  L as getInitials,
+  Xo as grid,
+  Yo as gridItem,
+  Hr as navItemBase,
+  ae as selectableButton,
+  xe as selectableButtonGroup,
+  Be as text,
+  Ce as textArea,
+  Ge as toast,
+  I as useAppMenuContext,
+  ye as useBreakpointListener,
+  He as useMediaQuery,
+  _e as useRouter,
+  Ue as useUnityForm
 };

package/dist/esm/providers/router/RouterProvider.d.mts

@@ -30,7 +30,7 @@ export interface RouterProviderProps extends ComponentProps<typeof AriaRouterPro
  *
  * By default, links perform native browser navigation when they are interacted with. However, many apps and frameworks use client side routers to avoid a full page reload when navigating between pages. The `RouterProvider` component configures all Unity components that support it to navigate using the client side router you provide. Set this up once in the root of your app, and any component with the href prop will automatically navigate using your router.
  */
-export declare function RouterProvider({ isActive, children, ...routerProps }: RouterProviderProps): JSX.Element;
+export declare function RouterProvider({ isActive, children, ...routerProps }: RouterProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace RouterProvider {
     var displayName: string;
 }

package/dist/esm/providers/router/RouterProvider.mjs

@@ -1,9 +1,9 @@
 import { jsx as e } from "react/jsx-runtime";
-import { createContext as u, useContext as i } from "react";
+import { useContext as u, createContext as i } from "react";
 import { RouterProvider as d } from "react-aria-components";
-const o = u(
+const o = i(
   null
-), R = () => i(o);
+), R = () => u(o);
 function m({
   isActive: t,
   children: n,

package/dist/esm/providers/router/integrations/UnityReactRouterV5Provider.d.mts

@@ -3,4 +3,4 @@ import { PropsWithChildren } from 'react';
  * Provider that integrates Unity's RouterProvider with React Router v5.
  * Handles navigation and active state detection automatically.
  */
-export declare function UnityReactRouterV5Provider({ children, }: PropsWithChildren<unknown>): JSX.Element;
+export declare function UnityReactRouterV5Provider({ children, }: PropsWithChildren<unknown>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/utils.d.mts

@@ -0,0 +1 @@
+export type IconName<T extends string> = T extends `${infer Base}${'Filled' | 'Outlined'}` ? Base : T;

package/i18n/en-GB.json

@@ -1,7 +1,19 @@
 {
-  "unity:component:toast:icon:status": "Status",
-  "unity:component:toast:close:label": "Close",
+  "unity:component:common:loading:label": "Loading...",
+  "unity:component:app-menu:header:menu-open": "Open navigation",
+  "unity:component:app-menu:header:menu-close": "Close navigation",
+  "unity:component:app-menu:footer:profile-button:description": "Press this button to open the profile menu.",
+  "unity:component:app-menu:footer:profile-button:avatar:change": "Change profile picture",
+  "unity:component:app-menu:footer:profile-button:avatar:change-description": "Press enter to change profile picture",
+  "unity:component:form-field:date-picker:calendar-button": "Open calendar",
+  "unity:component:form-field:date-picker:segment-select:month:label": "Change current month",
+  "unity:component:form-field:date-picker:segment-select:month:description": "Press Enter or Space to change month, then use up and down arrows to select a month",
+  "unity:component:form-field:date-picker:segment-select:year:label": "Change current year",
+  "unity:component:form-field:date-picker:segment-select:year:description": "Press Enter or Space to change year, then use up and down arrows to select a year",
   "unity:component:form-field:form-input:spinner:label": "Loading",
   "unity:component:form-field:form-input:clear:title": "Clear",
-  "unity:component:form-field:form-input:error:alt": "Error"
+  "unity:component:form-field:form-input:error:alt": "Error",
+  "unity:component:full-page-loader:label": "Content is loading...",
+  "unity:component:toast:icon:status": "Status",
+  "unity:component:toast:close:label": "Close"
 }

package/i18n/es-ES.json

@@ -1,7 +1,19 @@
 {
-  "unity:component:toast:icon:status": "Estado",
-  "unity:component:toast:close:label": "Cerrar",
+  "unity:component:common:loading:label": "Cargando...",
+  "unity:component:app-menu:header:menu-open": "Abrir navegación",
+  "unity:component:app-menu:header:menu-close": "Cerrar navegación",
+  "unity:component:app-menu:footer:profile-button:description": "Presione este botón para abrir el menú de perfil.",
+  "unity:component:app-menu:footer:profile-button:avatar:change": "Cambiar foto de perfil",
+  "unity:component:app-menu:footer:profile-button:avatar:change-description": "Presione enter para cambiar la foto de perfil",
+  "unity:component:form-field:date-picker:calendar-button": "Abrir el calendario",
+  "unity:component:form-field:date-picker:segment-select:month:label": "Cambiar mes actual",
+  "unity:component:form-field:date-picker:segment-select:month:description": "Presione Enter o Espacio para cambiar el mes, luego use las flechas para seleccionar un mes",
+  "unity:component:form-field:date-picker:segment-select:year:label": "Cambiar año actual",
+  "unity:component:form-field:date-picker:segment-select:year:description": "Presione Enter o Espacio para cambiar el año, luego use las flechas para seleccionar un año",
   "unity:component:form-field:form-input:spinner:label": "Cargando",
   "unity:component:form-field:form-input:clear:title": "Borrar",
-  "unity:component:form-field:form-input:error:alt": "Error"
+  "unity:component:form-field:form-input:error:alt": "Error",
+  "unity:component:full-page-loader:label": "Cargando contenido...",
+  "unity:component:toast:icon:status": "Estado",
+  "unity:component:toast:close:label": "Cerrar"
 }

package/i18n/fr-FR.json

@@ -1,7 +1,19 @@
 {
-  "unity:component:toast:icon:status": "Statut",
-  "unity:component:toast:close:label": "Fermer",
+  "unity:component:common:loading:label": "Chargement...",
+  "unity:component:app-menu:header:menu-open": "Ouvrir la navigation",
+  "unity:component:app-menu:header:menu-close": "Fermer la navigation",
+  "unity:component:app-menu:footer:profile-button:description": "Appuyez sur ce bouton pour ouvrir le menu du profil.",
+  "unity:component:app-menu:footer:profile-button:avatar:change": "Changer la photo de profil",
+  "unity:component:app-menu:footer:profile-button:avatar:change-description": "Appuyez sur Entrée pour modifier la photo de profil",
+  "unity:component:form-field:date-picker:calendar-button": "Ouvrez le calendrier",
+  "unity:component:form-field:date-picker:segment-select:month:label": "Changer le mois actuel",
+  "unity:component:form-field:date-picker:segment-select:month:description": "Appuyez sur Entrée ou Espace pour changer de mois, puis utilisez les flèches pour sélectionner un mois",
+  "unity:component:form-field:date-picker:segment-select:year:label": "Changer l'année actuelle",
+  "unity:component:form-field:date-picker:segment-select:year:description": "Appuyez sur Entrée ou Espace pour changer d'année, puis utilisez les flèches pour sélectionner une année",
   "unity:component:form-field:form-input:spinner:label": "Chargement",
   "unity:component:form-field:form-input:clear:title": "Effacer",
-  "unity:component:form-field:form-input:error:alt": "Erreur"
+  "unity:component:form-field:form-input:error:alt": "Erreur",
+  "unity:component:full-page-loader:label": "Chargement du contenu en cours...",
+  "unity:component:toast:icon:status": "Statut",
+  "unity:component:toast:close:label": "Fermer"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-components",
-  "version": "0.0.0-alpha.6",
+  "version": "0.0.0-alpha.8",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.mjs",
   "types": "./dist/cjs/index.d.ts",
@@ -24,16 +24,18 @@
     "i18n"
   ],
   "dependencies": {
+    "@ariakit/react": "0.4.15",
     "@hookform/devtools": "4.3.3",
     "@hookform/resolvers": "3.3.4",
     "@radix-ui/react-avatar": "1.0.4",
     "@radix-ui/react-slot": "1.1.0",
     "@react-types/shared": "3.26.0",
-    "react-aria": "3.37.0",
-    "react-aria-components": "1.6.0",
+    "react-aria": "3.38.1",
+    "react-aria-components": "1.7.1",
     "react-hook-form": "7.50.1",
     "react-hot-toast": "2.5.1",
     "react-intl": "6.5.0",
+    "react-stately": "3.36.1",
     "tailwind-merge": "2.5.2",
     "tailwind-variants": "0.2.1",
     "usehooks-ts": "3.1.0",
@@ -41,6 +43,7 @@
   },
   "peerDependencies": {
     "@hookform/devtools": "4.3.3",
+    "@internationalized/date": "3.7.0",
     "@payfit/unity-icons": "0.0.0-use.local",
     "@payfit/unity-themes": "0.0.0-use.local",
     "history": "4.10.1",
@@ -54,33 +57,35 @@
     "@fontsource/inter": "5.0.19",
     "@fontsource/source-serif-4": "5.0.19",
     "@hookform/devtools": "4.3.3",
-    "@payfit/unity-icons": "0.0.0-alpha.6",
-    "@payfit/unity-themes": "0.0.0-alpha.6",
-    "@storybook/addon-a11y": "8.1.6",
-    "@storybook/addon-docs": "8.1.6",
-    "@storybook/addon-essentials": "8.1.6",
-    "@storybook/addon-interactions": "8.1.6",
-    "@storybook/addon-links": "8.1.6",
-    "@storybook/blocks": "8.1.6",
-    "@storybook/core-server": "8.1.6",
+    "@internationalized/date": "3.7.0",
+    "@payfit/unity-icons": "0.0.0-alpha.8",
+    "@payfit/unity-themes": "0.0.0-alpha.8",
+    "@storybook/addon-a11y": "8.6.12",
+    "@storybook/addon-actions": "8.6.12",
+    "@storybook/addon-console": "3.0.0",
+    "@storybook/addon-docs": "8.6.12",
+    "@storybook/addon-essentials": "8.6.12",
+    "@storybook/addon-interactions": "8.6.12",
+    "@storybook/addon-links": "8.6.12",
+    "@storybook/blocks": "8.6.12",
+    "@storybook/core-server": "8.6.12",
     "@storybook/jest": "^0.2.3",
-    "@storybook/react": "8.1.6",
-    "@storybook/react-vite": "8.1.6",
-    "@storybook/test": "8.1.6",
-    "@storybook/test-runner": "0.18.2",
+    "@storybook/react": "8.6.12",
+    "@storybook/react-vite": "8.6.12",
+    "@storybook/test": "8.6.12",
+    "@storybook/test-runner": "0.22.0",
     "@storybook/testing-library": "^0.2.2",
     "@testing-library/jest-dom": "6.6.3",
-    "@testing-library/react": "12.1.5",
-    "@testing-library/react-hooks": "7.0.2",
+    "@testing-library/react": "16.2.0",
     "@types/react-router-dom": "5.3.3",
-    "@vitejs/plugin-react": "4.2.0",
+    "@vitejs/plugin-react": "4.3.4",
     "axe-playwright": "2.0.3",
     "msw": "2.2.9",
     "msw-storybook-addon": "2.0.2",
     "react-hot-toast": "2.5.1",
-    "storybook-addon-pseudo-states": "3.1.1",
-    "vite": "5.4.11",
-    "vite-plugin-node-polyfills": "0.22.0"
+    "storybook-addon-pseudo-states": "4.0.3",
+    "vite": "6.2.3",
+    "vite-plugin-node-polyfills": "0.23.0"
   },
   "peerDependenciesMeta": {
     "@hookform/devtools": {

package/dist/cjs/components/form-field/parts/FormInput.d.ts

@@ -1,15 +0,0 @@
-import { ReactElement } from 'react';
-import { InputProps } from 'react-aria-components';
-type AcceptedInputProps = Pick<InputProps, 'autoComplete' | 'autoFocus' | 'value' | 'placeholder'>;
-interface FormInputProps extends AcceptedInputProps {
-    prefix?: ReactElement;
-    suffix?: ReactElement;
-}
-/**
- * FormInput is a component that displays an input field for a form field.
- */
-declare function FormInput({ prefix, suffix, ...props }: FormInputProps): JSX.Element;
-declare namespace FormInput {
-    var displayName: string;
-}
-export { FormInput };

package/dist/cjs/components/spinner/Spinner.module.css.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s="_spinnerCircle_16ssj_25",e="_spin_16ssj_25",n={spinnerCircle:s,"arc-shrink":"_arc-shrink_16ssj_1",spin:e};exports.default=n;exports.spin=e;exports.spinnerCircle=s;

package/dist/esm/components/form-field/parts/FormInput.d.mts

@@ -1,15 +0,0 @@
-import { ReactElement } from 'react';
-import { InputProps } from 'react-aria-components';
-type AcceptedInputProps = Pick<InputProps, 'autoComplete' | 'autoFocus' | 'value' | 'placeholder'>;
-interface FormInputProps extends AcceptedInputProps {
-    prefix?: ReactElement;
-    suffix?: ReactElement;
-}
-/**
- * FormInput is a component that displays an input field for a form field.
- */
-declare function FormInput({ prefix, suffix, ...props }: FormInputProps): JSX.Element;
-declare namespace FormInput {
-    var displayName: string;
-}
-export { FormInput };

package/dist/esm/components/spinner/Spinner.module.css.mjs

@@ -1,10 +0,0 @@
-const s = "_spinnerCircle_16ssj_25", n = "_spin_16ssj_25", i = {
-  spinnerCircle: s,
-  "arc-shrink": "_arc-shrink_16ssj_1",
-  spin: n
-};
-export {
-  i as default,
-  n as spin,
-  s as spinnerCircle
-};

package/dist/style.css

@@ -1 +0,0 @@
-@keyframes _arc-shrink_16ssj_1{0%{stroke-dasharray:calc(2 * var(--1deg)) calc(358 * var(--1deg));stroke-dashoffset:0}50%{stroke-dasharray:calc(290 * var(--1deg)) calc(358 * var(--1deg));stroke-dashoffset:calc(-35 * var(--1deg))}to{stroke-dasharray:calc(2 * var(--1deg)) calc(358 * var(--1deg));stroke-dashoffset:calc(-358 * var(--1deg))}}@keyframes _spin_16ssj_25{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._spinnerCircle_16ssj_25{--r: 45px;--1deg: calc(2 * pi * var(--r) / 360);animation:_arc-shrink_16ssj_1 1.4s ease-in-out infinite,_spin_16ssj_25 2s linear infinite;stroke-width:9.6px;shape-rendering:geometricPrecision;stroke-dasharray:calc(40 * var(--1deg)) calc(80 * var(--1deg));transform-origin:50% 50%}@media (prefers-reduced-motion: reduce){._spinnerCircle_16ssj_25{stroke-dasharray:calc(290 * var(--1deg)) calc(358 * var(--1deg));stroke-dashoffset:calc(-35 * var(--1deg));animation:none}}