@payfit/unity-components 2.4.4 → 2.5.1

package/dist/esm/components/app-menu/parts/AppMenuFooter.d.ts

@@ -19,6 +19,10 @@ type CommonProps = {
      * Use this to provide a custom context to the screen reader. Default is Change profile picture
      */
     uploadAvatarLabel?: string;
+    /**
+     * This slot is used to render the update notification.
+     */
+    updateNotificationSlot?: ReactNode;
 };
 export type AppMenuFooterProps = CommonProps & {
     children?: ReactNode;
@@ -27,5 +31,5 @@ export type AppMenuFooterProps = CommonProps & {
 export type AppMenuFooterHeaderProps = CommonProps & {
     asMenuHeader?: boolean;
 };
-export declare const AppMenuFooter: ({ avatar, avatarPair, badgeLabel, children, computeSlot, description, title, menuTriggerDescription, uploadAvatarCallback, uploadAvatarLabel, uploadAvatarDescription, }: AppMenuFooterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AppMenuFooter: ({ avatar, avatarPair, badgeLabel, children, computeSlot, description, title, menuTriggerDescription, uploadAvatarCallback, uploadAvatarLabel, uploadAvatarDescription, updateNotificationSlot, }: AppMenuFooterProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/components/app-menu/parts/AppMenuFooter.js

@@ -1,33 +1,33 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { useState as v, useRef as A, isValidElement as C, cloneElement as I } from "react";
+import { useState as v, useRef as C, isValidElement as I, cloneElement as O } from "react";
 import { uyMerge as g } from "@payfit/unity-themes";
-import { FormattedMessage as h, useIntl as O } from "react-intl";
+import { FormattedMessage as h, useIntl as V } from "react-intl";
 import { Actionable as x } from "../../actionable/Actionable.js";
-import { Avatar as V } from "../../avatar/Avatar.js";
-import { AvatarFallback as z } from "../../avatar/parts/AvatarFallback.js";
-import { AvatarImage as F } from "../../avatar/parts/AvatarImage.js";
-import { Badge as H } from "../../badge/Badge.js";
+import { Avatar as z } from "../../avatar/Avatar.js";
+import { AvatarFallback as F } from "../../avatar/parts/AvatarFallback.js";
+import { AvatarImage as H } from "../../avatar/parts/AvatarImage.js";
+import { Badge as j } from "../../badge/Badge.js";
 import { Icon as M } from "../../icon/Icon.js";
-import { Menu as j } from "../../menu/Menu.js";
-import { MenuContent as k } from "../../menu/parts/MenuContent.js";
-import { MenuHeader as E } from "../../menu/parts/MenuHeader.js";
-import { useAppMenuContext as S } from "./AppMenu.context.js";
+import { Menu as k } from "../../menu/Menu.js";
+import { MenuContent as E } from "../../menu/parts/MenuContent.js";
+import { MenuHeader as S } from "../../menu/parts/MenuHeader.js";
+import { useAppMenuContext as B } from "./AppMenu.context.js";
 const w = (t) => /* @__PURE__ */ l(
-  V,
+  z,
   {
     "aria-label": `${t.title} avatar`,
     size: "md",
     variant: "square",
     "aria-labelledby": "profile-button-label",
     children: [
-      /* @__PURE__ */ e(F, { src: t.avatar, alt: t.title ?? "" }),
-      /* @__PURE__ */ e(z, { variant: "initials", delayMs: 100, children: t.title }),
-      t.avatarPair && C(t.avatarPair) && I(t.avatarPair, {
+      /* @__PURE__ */ e(H, { src: t.avatar, alt: t.title ?? "" }),
+      /* @__PURE__ */ e(F, { variant: "initials", delayMs: 100, children: t.title }),
+      t.avatarPair && I(t.avatarPair) && O(t.avatarPair, {
         isHidden: !t.isPairAvatarVisible
       })
     ]
   }
-), B = ({
+), R = ({
   avatar: t,
   avatarPair: a,
   title: n,
@@ -35,7 +35,7 @@ const w = (t) => /* @__PURE__ */ l(
   uploadAvatarLabel: s,
   uploadAvatarDescription: r
 }) => {
-  const [o, u] = v(!0), c = O(), i = () => {
+  const [o, u] = v(!0), c = V(), i = () => {
     a && u((f) => !f);
   }, d = g(
     "uy:group/avatar uy:cursor-pointer uy:relative uy:leading-[0] uy:rounded-75 uy:focus-visible:outline-none uy:focus-visible:ring-2 uy:focus-visible:ring-utility-focus-ring uy:focus-visible:ring-offset-2"
@@ -100,7 +100,7 @@ const w = (t) => /* @__PURE__ */ l(
   uploadAvatarDescription: i
 }) => /* @__PURE__ */ l("div", { className: "uy:min-w-[240px] uy:w-full uy:flex uy:items-center", children: [
   /* @__PURE__ */ e("div", { className: "uy:mr-150 uy:flex uy:items-center", children: u ? /* @__PURE__ */ e(
-    B,
+    R,
     {
       avatar: a,
       avatarPair: n,
@@ -144,7 +144,7 @@ const w = (t) => /* @__PURE__ */ l(
       }
     ) })
   ] }),
-  /* @__PURE__ */ e("div", { className: "uy:p-100", children: t ? /* @__PURE__ */ e(H, { className: "uy:capitalize", variant: "neutral", children: y }) : /* @__PURE__ */ e(
+  /* @__PURE__ */ e("div", { className: "uy:p-100", children: t ? /* @__PURE__ */ e(j, { className: "uy:capitalize", variant: "neutral", children: y }) : /* @__PURE__ */ e(
     M,
     {
       src: "CaretUpDownOutlined",
@@ -153,7 +153,7 @@ const w = (t) => /* @__PURE__ */ l(
       color: "content.neutral.low"
     }
   ) })
-] }), D = ({
+] }), L = ({
   avatar: t,
   avatarPair: a,
   badgeLabel: n,
@@ -164,9 +164,10 @@ const w = (t) => /* @__PURE__ */ l(
   menuTriggerDescription: u,
   uploadAvatarCallback: c,
   uploadAvatarLabel: i,
-  uploadAvatarDescription: d
+  uploadAvatarDescription: d,
+  updateNotificationSlot: f
 }) => {
-  const { isMobileMenuOpen: f } = S(), [N, p] = v(!1), m = A(null), P = g(
+  const { isMobileMenuOpen: N } = B(), [P, p] = v(!1), m = C(null), A = g(
     "uy:fixed uy:bottom-0 uy:left-0 uy:right-0 uy:z-10 uy:bg-canvas",
     "uy:p-150",
     "uy:md:static uy:md:mt-auto uy:md:p-0 uy:md:bg-[transparent]",
@@ -175,11 +176,12 @@ const w = (t) => /* @__PURE__ */ l(
   return /* @__PURE__ */ l(
     "aside",
     {
-      className: P,
-      "data-mobile-open": f,
+      className: A,
+      "data-mobile-open": N,
       id: "app-menu-profile-button",
       children: [
         s,
+        f,
         /* @__PURE__ */ e(
           x,
           {
@@ -206,8 +208,8 @@ const w = (t) => /* @__PURE__ */ l(
             )
           }
         ),
-        /* @__PURE__ */ e(j, { isOpen: N, onOpenChange: p, children: /* @__PURE__ */ l(k, { width: 312, placement: "top left", triggerRef: m, children: [
-          /* @__PURE__ */ e(E, { className: "uy:rounded-75", children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(k, { isOpen: P, onOpenChange: p, children: /* @__PURE__ */ l(E, { width: 312, placement: "top left", triggerRef: m, children: [
+          /* @__PURE__ */ e(S, { className: "uy:rounded-75", children: /* @__PURE__ */ e(
             b,
             {
               asMenuHeader: !0,
@@ -229,5 +231,5 @@ const w = (t) => /* @__PURE__ */ l(
   );
 };
 export {
-  D as AppMenuFooter
+  L as AppMenuFooter
 };

package/dist/esm/index.d.ts

@@ -81,6 +81,7 @@ export * from './components/grid/Grid.js';
 export * from './components/grid/Grid.variants.js';
 export * from './components/grid/GridItem.js';
 export * from './components/icon-button/IconButton.js';
+export * from './components/icon-button/CircularIconButton.js';
 export * from './components/icon/Icon.js';
 export * from './components/input/Input.js';
 export * from './components/label/Label.js';

package/dist/esm/index.js

@@ -1,16 +1,16 @@
 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 f, actionBarRoot as i } from "./components/action-bar/parts/ActionBarRoot.js";
 import { Alert as u } from "./components/alert/Alert.js";
 import { AlertActions as g } from "./components/alert/parts/AlertActions.js";
-import { AlertContent as c } from "./components/alert/parts/AlertContent.js";
+import { AlertContent as b } from "./components/alert/parts/AlertContent.js";
 import { AlertTitle as S } from "./components/alert/parts/AlertTitle.js";
 import { Anchor as T } 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 w, AppMenuContextProvider as R, useAppMenuContext as G } from "./components/app-menu/parts/AppMenu.context.js";
-import { AppMenuFooter as L } from "./components/app-menu/parts/AppMenuFooter.js";
+import { AppMenuFooter as I } from "./components/app-menu/parts/AppMenuFooter.js";
 import { AppMenuHeader as D } from "./components/app-menu/parts/AppMenuHeader.js";
 import { AppMenuNavContent as v } from "./components/app-menu/parts/AppMenuNavContent.js";
 import { Autocomplete as H } from "./components/autocomplete/Autocomplete.js";
@@ -24,16 +24,16 @@ import { AvatarPair as Z } from "./components/avatar/parts/AvatarPair.js";
 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 { BottomSheetContent as xo, bottomSheetContent as no } from "./components/bottom-sheet/parts/BottomSheetContent.js";
 import { BottomSheetFooter as io, bottomSheetFooter as lo } from "./components/bottom-sheet/parts/BottomSheetFooter.js";
-import { BottomSheetHeader as go, bottomSheetHeader as bo } from "./components/bottom-sheet/parts/BottomSheetHeader.js";
+import { BottomSheetHeader as go, bottomSheetHeader as co } 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 { BREADCRUMB_CONTENT_MAX_LENGTH as Co, RawBreadcrumbLink as Po } from "./components/breadcrumbs/parts/RawBreadcrumbLink.js";
 import { Button as Ao } from "./components/button/Button.js";
 import { Card as wo, card as Ro } from "./components/card/Card.js";
 import { CardTitle as ho } from "./components/card/parts/CardTitle.js";
-import { CardContent as Io } from "./components/card/parts/CardContent.js";
+import { CardContent as Lo } from "./components/card/parts/CardContent.js";
 import { CheckboxGroup as Mo, checkboxGroup as vo } from "./components/checkbox-group/CheckboxGroup.js";
 import { Checkbox as Ho } from "./components/checkbox/Checkbox.js";
 import { CheckboxStandalone as Eo } from "./components/checkbox/CheckboxStandalone.js";
@@ -47,17 +47,17 @@ import { DateCalendar as $o } from "./components/date-calendar/DateCalendar.js";
 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 { DialogActions as ne } from "./components/dialog/parts/DialogActions.js";
 import { DialogButton as ie } from "./components/dialog/parts/DialogActions/DialogButton.js";
 import { DialogContent as ue } from "./components/dialog/parts/DialogContent.js";
 import { DialogTitle as ge } from "./components/dialog/parts/DialogTitle.js";
-import { PromoDialog as ce, promoDialog as se } from "./components/promo-dialog/PromoDialog.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 { PromoDialogSubtitle as Ce } 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";
 import { PromoDialogTitle as Re } from "./components/promo-dialog/parts/PromoDialogTitle.js";
-import { ErrorState as he, errorState as Le } from "./components/error-state/ErrorState.js";
+import { ErrorState as he, errorState as Ie } from "./components/error-state/ErrorState.js";
 import { Fieldset as De, fieldset as Me } from "./components/fieldset/Fieldset.js";
 import { FieldGroup as ye } from "./components/fieldset/parts/FieldGroup.js";
 import { Filter as Ne, FilterControls as Ee, FilterLabels as Oe, filterContainer as Ve, filterDismissButton as _e } from "./components/filter/Filter.js";
@@ -68,155 +68,156 @@ import { FlexItem as Ze, StackItem as $e } from "./components/flex/FlexItem.js";
 import { Form as er } from "./components/form/Form.js";
 import { FullPageLoader as tr, fullPageLoader as pr } from "./components/full-page-loader/FullPageLoader.js";
 import { FunnelLayout as mr, funnelLayout as xr } from "./components/funnel-layout/FunnelLayout.js";
-import { FunnelBody as nr, funnelBody as ir } from "./components/funnel-layout/parts/FunnelBody.js";
+import { FunnelBody as fr, funnelBody as ir } from "./components/funnel-layout/parts/FunnelBody.js";
 import { FunnelPage as ur, funnelPage as dr } from "./components/funnel-layout/parts/FunnelPage.js";
-import { FunnelPageAction as br } from "./components/funnel-layout/parts/FunnelPageAction.js";
+import { FunnelPageAction as cr } from "./components/funnel-layout/parts/FunnelPageAction.js";
 import { FunnelPageActions as sr, funnelPageActions as Sr } from "./components/funnel-layout/parts/FunnelPageActions.js";
 import { FunnelPageContent as Tr, funnelPageContent as Cr } from "./components/funnel-layout/parts/FunnelPageContent.js";
 import { FunnelPageFooter as Br, funnelPageFooter as Ar } from "./components/funnel-layout/parts/FunnelPageFooter.js";
 import { FunnelPageHeader as wr, funnelPageHeader as Rr } from "./components/funnel-layout/parts/FunnelPageHeader.js";
-import { FunnelSidebar as hr, funnelSidebar as Lr } from "./components/funnel-layout/parts/FunnelSidebar.js";
+import { FunnelSidebar as hr, funnelSidebar as Ir } from "./components/funnel-layout/parts/FunnelSidebar.js";
 import { FunnelTopBar as Dr, funnelTopBar as Mr } from "./components/funnel-layout/parts/FunnelTopBar.js";
 import { Grid as yr } from "./components/grid/Grid.js";
 import { grid as Nr, gridItem as Er } from "./components/grid/Grid.variants.js";
 import { GridItem as Vr } from "./components/grid/GridItem.js";
 import { IconButton as Ur } from "./components/icon-button/IconButton.js";
-import { Icon as Wr } from "./components/icon/Icon.js";
-import { Input as jr } from "./components/input/Input.js";
-import { Label as zr } from "./components/label/Label.js";
-import { RawLink as Kr, link as Yr } from "./components/link/RawLink.js";
-import { ListView as $r } from "./components/list-view/ListView.js";
-import { RawListViewItem as et, listViewItem as rt } from "./components/list-view/parts/RawListViewItem.js";
-import { ListViewSection as pt, listViewSection as at } from "./components/list-view/parts/ListViewSection.js";
-import { ListViewItemLabel as xt } from "./components/list-view/parts/ListViewItemLabel.js";
-import { ListViewItemText as nt } from "./components/list-view/parts/ListViewItemText.js";
-import { Menu as lt } from "./components/menu/Menu.js";
-import { MenuContent as dt } from "./components/menu/parts/MenuContent.js";
-import { MenuHeader as bt } from "./components/menu/parts/MenuHeader.js";
-import { RawMenuItem as st } from "./components/menu/parts/RawMenuItem.js";
-import { MenuSeparator as Ft } from "./components/menu/parts/MenuSeparator.js";
-import { MenuTrigger as Ct } from "./components/menu/parts/MenuTrigger.js";
-import { MultiSelect as Bt } from "./components/multi-select/MultiSelect.js";
-import { MultiSelectOptGroup as kt } from "./components/multi-select/parts/MultiSelectOptGroup.js";
-import { MultiSelectOption as Rt } from "./components/multi-select/parts/MultiSelectOption.js";
-import { Nav as ht } from "./components/nav/Nav.js";
-import { NavGroup as It } from "./components/nav/parts/NavGroup.js";
-import { RawNavItem as Mt, navItemBase as vt } from "./components/nav/parts/RawNavItem.js";
-import { RawNavigationCard as Ht } from "./components/navigation-card/NavigationCard.js";
-import { NavigationCardGroup as Et, navigationCardGroup as Ot } from "./components/navigation-card/parts/NavigationCardGroup.js";
-import { NavigationCardLabel as _t } from "./components/navigation-card/parts/NavigationCardLabel.js";
-import { NavigationCardDescription as Qt } from "./components/navigation-card/parts/NavigationCardDescription.js";
-import { NumberInput as Xt, numberInput as jt } from "./components/number-input/NumberInput.js";
-import { Page as zt, page as Jt } from "./components/page/Page.js";
-import { PageHeader as Yt, pageHeader as Zt } from "./components/page/parts/PageHeader.js";
-import { PageHeading as op } from "./components/page/parts/PageHeading.js";
-import { Pagination as rp, pagination as tp } from "./components/pagination/Pagination.js";
-import { PaginationContent as ap, paginationContent as mp } from "./components/pagination/parts/PaginationContent.js";
-import { PaginationItem as fp } from "./components/pagination/parts/PaginationItem.js";
-import { RawPaginationLink as ip, paginationLink as lp } from "./components/pagination/parts/RawPaginationLink.js";
-import { RawPaginationPrevious as dp } from "./components/pagination/parts/RawPaginationPrevious.js";
-import { RawPaginationNext as bp } from "./components/pagination/parts/RawPaginationNext.js";
-import { PaginationEllipsis as sp } from "./components/pagination/parts/PaginationEllipsis.js";
-import { usePaginationWindow as Fp } from "./components/pagination/hooks/use-pagination-window.js";
-import { usePaginationState as Cp } from "./components/pagination/hooks/use-pagination-state.js";
-import { PayFitBrand as Bp } from "./components/payfit-brand/PayFitBrand.js";
-import { PayFitBrandPreprod as kp } from "./components/payfit-brand/PayFitPreprod.js";
-import { PhoneNumberInput as Rp } from "./components/phone-number/PhoneNumberInput.js";
-import { Pill as hp } from "./components/pill/Pill.js";
-import { Popover as Ip } from "./components/popover/Popover.js";
-import { ProgressBar as Mp } from "./components/progress-bar/ProgressBar.js";
-import { RadioButtonGroup as yp } from "./components/radio-button-group/RadioButtonGroup.js";
-import { RadioButton as Np, radioButton as Ep } from "./components/radio-button-group/parts/RadioButton.js";
-import { RadioButtonHelper as Vp } from "./components/radio-button-group/parts/RadioButtonHelper.js";
-import { Search as Up, search as Qp } from "./components/search/Search.js";
-import { SegmentedButtonGroup as Xp } from "./components/segmented-button-group/SegmentedButtonGroup.js";
-import { ToggleButton as qp } from "./components/segmented-button-group/parts/ToggleButton.js";
-import { SelectableButtonGroup as Jp, selectableButtonGroup as Kp } from "./components/selectable-button-group/SelectableButtonGroup.js";
-import { SelectableButton as Zp, selectableButton as $p } from "./components/selectable-button-group/parts/SelectableButton.js";
-import { SelectableCardCheckboxGroup as ea } from "./components/selectable-card/selectable-card-checkbox-group/SelectableCardCheckboxGroup.js";
-import { SelectableCardCheckbox as ta } from "./components/selectable-card/selectable-card-checkbox-group/parts/SelectableCardCheckbox.js";
-import { SelectableCardRadioGroup as aa } from "./components/selectable-card/selectable-card-radio-group/SelectableCardRadioGroup.js";
-import { SelectableCardRadio as xa } from "./components/selectable-card/selectable-card-radio-group/parts/SelectableCardRadio.js";
-import { Select as na } from "./components/select/Select.js";
-import { SelectButton as la } from "./components/select/parts/SelectButton.js";
-import { SelectOption as da } from "./components/select/parts/SelectOption.js";
-import { SelectOptionGroup as ba } from "./components/select/parts/SelectOptionGroup.js";
-import { SelectOptionHelper as sa } from "./components/select/parts/SelectOptionHelper.js";
-import { SidePanel as Fa, sidePanel as Ta } from "./components/side-panel/SidePanel.js";
-import { SidePanelContent as Pa, sidePanelContent as Ba } from "./components/side-panel/parts/SidePanelContent.js";
-import { SidePanelFooter as ka, sidePanelFooter as wa } from "./components/side-panel/parts/SidePanelFooter.js";
-import { SidePanelHeader as Ga, sidePanelHeader as ha } from "./components/side-panel/parts/SidePanelHeader.js";
-import { SkipLink as Ia, SkipLinks as Da } from "./components/skip-links/SkipLinks.js";
-import { Spinner as va } from "./components/spinner/Spinner.js";
-import { Table as Ha, TableRoot as Na } from "./components/table/Table.js";
-import { TableBody as Oa, tableBody as Va } from "./components/table/parts/TableBody.js";
-import { TableCell as Ua, tableCell as Qa } from "./components/table/parts/TableCell.js";
-import { TableColumnHeader as Xa, tableColumnHeader as ja } from "./components/table/parts/TableColumnHeader.js";
-import { TableEmptyState as za, TableEmptyStateError as Ja, TableEmptyStateLoading as Ka, TableEmptyStateNoData as Ya, TableEmptyStateText as Za, tableEmptyState as $a } from "./components/table/parts/TableEmptyState.js";
-import { TableHeader as em, tableHeader as rm } from "./components/table/parts/TableHeader.js";
-import { TablePagination as pm, tablePagination as am } from "./components/table/parts/TablePagination.js";
-import { TableRow as xm, tableRow as fm } from "./components/table/parts/TableRow.js";
-import { Tabs as im } from "./components/tabs/Tabs.js";
-import { RawTab as um } from "./components/tabs/parts/RawTab.js";
-import { TabList as gm } from "./components/tabs/parts/TabList.js";
-import { TabPanel as cm } from "./components/tabs/parts/TabPanel.js";
-import { TaskMenu as Sm, taskMenu as Fm } from "./components/task-menu/TaskMenu.js";
-import { RawSubTask as Cm, rawSubTask as Pm } from "./components/task-menu/parts/RawSubTask.js";
-import { RawTask as Am, rawTask as km } from "./components/task-menu/parts/RawTask.js";
-import { TaskGroup as Rm } from "./components/task-menu/parts/TaskGroup.js";
-import { TextArea as hm, textArea as Lm } from "./components/text-area/TextArea.js";
-import { Text as Dm } from "./components/text/Text.js";
-import { text as vm } from "./components/text/Text.variants.js";
-import { TOAST_CONFIG as Hm, ToastManager as Nm } from "./components/toast/ToastManager.js";
-import { toast as Om } from "./components/toast/toast.js";
-import { ToggleSwitchGroup as _m, toggleSwitchGroup as Um } from "./components/toggle-switch-group/ToggleSwitchGroup.js";
-import { ToggleSwitch as Wm, toggleSwitch as Xm } from "./components/toggle-switch/ToggleSwitch.js";
-import { Tooltip as qm } from "./components/tooltip/Tooltip.js";
-import { useBreakpointListener as Jm } from "./hooks/use-breakpoint-listener.js";
-import { useContainerQueryLevel as Ym } from "./hooks/use-container-query-level.js";
-import { useMediaQuery as $m } from "./hooks/use-media-query.js";
-import { useUnityForm as ex } from "./hooks/use-form.js";
-import { CheckboxField as tx } from "./components/checkbox-field/CheckboxField.js";
-import { CheckboxGroupField as ax } from "./components/checkbox-group-field/CheckboxGroupField.js";
-import { DatePickerField as xx } from "./components/date-picker-field/DatePickerField.js";
-import { FormField as nx } from "./components/form-field/FormField.js";
-import { RawFormContextualLink as lx } from "./components/form-field/parts/RawFormContextualLink.js";
-import { FormControl as dx } from "./components/form-field/parts/FormControl.js";
-import { FormFeedbackText as bx } from "./components/form-field/parts/FormFeedbackText.js";
-import { FormHelperText as sx } from "./components/form-field/parts/FormHelperText.js";
-import { FormLabel as Fx } from "./components/form-field/parts/FormLabel.js";
-import { MultiSelectField as Cx } from "./components/multi-select-field/MultiSelectField.js";
-import { NumberField as Bx, numberField as Ax } from "./components/number-field/NumberField.js";
-import { RadioButtonGroupField as wx } from "./components/radio-button-group-field/RadioButtonGroupField.js";
-import { SelectableButtonGroupField as Gx } from "./components/selectable-button-group-field/SelectableButtonGroupField.js";
-import { SelectableCardCheckboxGroupField as Lx } from "./components/selectable-card-checkbox-group-field/SelectableCardCheckboxGroupField.js";
-import { SelectableCardRadioGroupField as Dx } from "./components/selectable-card-radio-group-field/SelectableCardRadioGroupField.js";
-import { SelectField as vx } from "./components/select-field/SelectField.js";
-import { TextField as Hx } from "./components/text-field/TextField.js";
-import { ToggleSwitchField as Ex } from "./components/toggle-switch-field/ToggleSwitchField.js";
-import { ToggleSwitchGroupField as Vx } from "./components/toggle-switch-group-field/ToggleSwitchGroupField.js";
-import { useTanstackUnityForm as Ux, withFieldGroup as Qx, withForm as Wx } from "./hooks/use-tanstack-form.js";
-import { useFieldContext as jx, useFormContext as qx } from "./hooks/tanstack-form-context.js";
-import { useFieldA11yContext as Jx } from "./components/form-field/TanstackFormField.context.js";
-import { NoopRouterProvider as Yx, RouterProvider as Zx, useRouter as $x } from "./providers/router/RouterProvider.js";
-import { DialogTrigger as ef, DialogTrigger as rf } from "react-aria-components";
-import { FilterAdapters as pf } from "./components/filter-toolbar/utils/filter-adapters.js";
-import { useAsyncList as mf } from "react-stately";
+import { CircularIconButton as Wr, circularIconButton as Xr } from "./components/icon-button/CircularIconButton.js";
+import { Icon as qr } from "./components/icon/Icon.js";
+import { Input as Jr } from "./components/input/Input.js";
+import { Label as Yr } from "./components/label/Label.js";
+import { RawLink as $r, link as ot } from "./components/link/RawLink.js";
+import { ListView as rt } from "./components/list-view/ListView.js";
+import { RawListViewItem as pt, listViewItem as at } from "./components/list-view/parts/RawListViewItem.js";
+import { ListViewSection as xt, listViewSection as nt } from "./components/list-view/parts/ListViewSection.js";
+import { ListViewItemLabel as it } from "./components/list-view/parts/ListViewItemLabel.js";
+import { ListViewItemText as ut } from "./components/list-view/parts/ListViewItemText.js";
+import { Menu as gt } from "./components/menu/Menu.js";
+import { MenuContent as bt } from "./components/menu/parts/MenuContent.js";
+import { MenuHeader as St } from "./components/menu/parts/MenuHeader.js";
+import { RawMenuItem as Tt } from "./components/menu/parts/RawMenuItem.js";
+import { MenuSeparator as Pt } from "./components/menu/parts/MenuSeparator.js";
+import { MenuTrigger as At } from "./components/menu/parts/MenuTrigger.js";
+import { MultiSelect as wt } from "./components/multi-select/MultiSelect.js";
+import { MultiSelectOptGroup as Gt } from "./components/multi-select/parts/MultiSelectOptGroup.js";
+import { MultiSelectOption as It } from "./components/multi-select/parts/MultiSelectOption.js";
+import { Nav as Dt } from "./components/nav/Nav.js";
+import { NavGroup as vt } from "./components/nav/parts/NavGroup.js";
+import { RawNavItem as Ht, navItemBase as Nt } from "./components/nav/parts/RawNavItem.js";
+import { RawNavigationCard as Ot } from "./components/navigation-card/NavigationCard.js";
+import { NavigationCardGroup as _t, navigationCardGroup as Ut } from "./components/navigation-card/parts/NavigationCardGroup.js";
+import { NavigationCardLabel as Wt } from "./components/navigation-card/parts/NavigationCardLabel.js";
+import { NavigationCardDescription as jt } from "./components/navigation-card/parts/NavigationCardDescription.js";
+import { NumberInput as zt, numberInput as Jt } from "./components/number-input/NumberInput.js";
+import { Page as Yt, page as Zt } from "./components/page/Page.js";
+import { PageHeader as op, pageHeader as ep } from "./components/page/parts/PageHeader.js";
+import { PageHeading as tp } from "./components/page/parts/PageHeading.js";
+import { Pagination as ap, pagination as mp } from "./components/pagination/Pagination.js";
+import { PaginationContent as np, paginationContent as fp } from "./components/pagination/parts/PaginationContent.js";
+import { PaginationItem as lp } from "./components/pagination/parts/PaginationItem.js";
+import { RawPaginationLink as dp, paginationLink as gp } from "./components/pagination/parts/RawPaginationLink.js";
+import { RawPaginationPrevious as bp } from "./components/pagination/parts/RawPaginationPrevious.js";
+import { RawPaginationNext as Sp } from "./components/pagination/parts/RawPaginationNext.js";
+import { PaginationEllipsis as Tp } from "./components/pagination/parts/PaginationEllipsis.js";
+import { usePaginationWindow as Pp } from "./components/pagination/hooks/use-pagination-window.js";
+import { usePaginationState as Ap } from "./components/pagination/hooks/use-pagination-state.js";
+import { PayFitBrand as wp } from "./components/payfit-brand/PayFitBrand.js";
+import { PayFitBrandPreprod as Gp } from "./components/payfit-brand/PayFitPreprod.js";
+import { PhoneNumberInput as Ip } from "./components/phone-number/PhoneNumberInput.js";
+import { Pill as Dp } from "./components/pill/Pill.js";
+import { Popover as vp } from "./components/popover/Popover.js";
+import { ProgressBar as Hp } from "./components/progress-bar/ProgressBar.js";
+import { RadioButtonGroup as Ep } from "./components/radio-button-group/RadioButtonGroup.js";
+import { RadioButton as Vp, radioButton as _p } from "./components/radio-button-group/parts/RadioButton.js";
+import { RadioButtonHelper as Qp } from "./components/radio-button-group/parts/RadioButtonHelper.js";
+import { Search as Xp, search as jp } from "./components/search/Search.js";
+import { SegmentedButtonGroup as zp } from "./components/segmented-button-group/SegmentedButtonGroup.js";
+import { ToggleButton as Kp } from "./components/segmented-button-group/parts/ToggleButton.js";
+import { SelectableButtonGroup as Zp, selectableButtonGroup as $p } from "./components/selectable-button-group/SelectableButtonGroup.js";
+import { SelectableButton as ea, selectableButton as ra } from "./components/selectable-button-group/parts/SelectableButton.js";
+import { SelectableCardCheckboxGroup as pa } from "./components/selectable-card/selectable-card-checkbox-group/SelectableCardCheckboxGroup.js";
+import { SelectableCardCheckbox as ma } from "./components/selectable-card/selectable-card-checkbox-group/parts/SelectableCardCheckbox.js";
+import { SelectableCardRadioGroup as na } from "./components/selectable-card/selectable-card-radio-group/SelectableCardRadioGroup.js";
+import { SelectableCardRadio as ia } from "./components/selectable-card/selectable-card-radio-group/parts/SelectableCardRadio.js";
+import { Select as ua } from "./components/select/Select.js";
+import { SelectButton as ga } from "./components/select/parts/SelectButton.js";
+import { SelectOption as ba } from "./components/select/parts/SelectOption.js";
+import { SelectOptionGroup as Sa } from "./components/select/parts/SelectOptionGroup.js";
+import { SelectOptionHelper as Ta } from "./components/select/parts/SelectOptionHelper.js";
+import { SidePanel as Pa, sidePanel as Ba } from "./components/side-panel/SidePanel.js";
+import { SidePanelContent as ka, sidePanelContent as wa } from "./components/side-panel/parts/SidePanelContent.js";
+import { SidePanelFooter as Ga, sidePanelFooter as ha } from "./components/side-panel/parts/SidePanelFooter.js";
+import { SidePanelHeader as La, sidePanelHeader as Da } from "./components/side-panel/parts/SidePanelHeader.js";
+import { SkipLink as va, SkipLinks as ya } from "./components/skip-links/SkipLinks.js";
+import { Spinner as Na } from "./components/spinner/Spinner.js";
+import { Table as Oa, TableRoot as Va } from "./components/table/Table.js";
+import { TableBody as Ua, tableBody as Qa } from "./components/table/parts/TableBody.js";
+import { TableCell as Xa, tableCell as ja } from "./components/table/parts/TableCell.js";
+import { TableColumnHeader as za, tableColumnHeader as Ja } from "./components/table/parts/TableColumnHeader.js";
+import { TableEmptyState as Ya, TableEmptyStateError as Za, TableEmptyStateLoading as $a, TableEmptyStateNoData as om, TableEmptyStateText as em, tableEmptyState as rm } from "./components/table/parts/TableEmptyState.js";
+import { TableHeader as pm, tableHeader as am } from "./components/table/parts/TableHeader.js";
+import { TablePagination as xm, tablePagination as nm } from "./components/table/parts/TablePagination.js";
+import { TableRow as im, tableRow as lm } from "./components/table/parts/TableRow.js";
+import { Tabs as dm } from "./components/tabs/Tabs.js";
+import { RawTab as cm } from "./components/tabs/parts/RawTab.js";
+import { TabList as sm } from "./components/tabs/parts/TabList.js";
+import { TabPanel as Fm } from "./components/tabs/parts/TabPanel.js";
+import { TaskMenu as Cm, taskMenu as Pm } from "./components/task-menu/TaskMenu.js";
+import { RawSubTask as Am, rawSubTask as km } from "./components/task-menu/parts/RawSubTask.js";
+import { RawTask as Rm, rawTask as Gm } from "./components/task-menu/parts/RawTask.js";
+import { TaskGroup as Im } from "./components/task-menu/parts/TaskGroup.js";
+import { TextArea as Dm, textArea as Mm } from "./components/text-area/TextArea.js";
+import { Text as ym } from "./components/text/Text.js";
+import { text as Nm } from "./components/text/Text.variants.js";
+import { TOAST_CONFIG as Om, ToastManager as Vm } from "./components/toast/ToastManager.js";
+import { toast as Um } from "./components/toast/toast.js";
+import { ToggleSwitchGroup as Wm, toggleSwitchGroup as Xm } from "./components/toggle-switch-group/ToggleSwitchGroup.js";
+import { ToggleSwitch as qm, toggleSwitch as zm } from "./components/toggle-switch/ToggleSwitch.js";
+import { Tooltip as Km } from "./components/tooltip/Tooltip.js";
+import { useBreakpointListener as Zm } from "./hooks/use-breakpoint-listener.js";
+import { useContainerQueryLevel as ox } from "./hooks/use-container-query-level.js";
+import { useMediaQuery as rx } from "./hooks/use-media-query.js";
+import { useUnityForm as px } from "./hooks/use-form.js";
+import { CheckboxField as mx } from "./components/checkbox-field/CheckboxField.js";
+import { CheckboxGroupField as nx } from "./components/checkbox-group-field/CheckboxGroupField.js";
+import { DatePickerField as ix } from "./components/date-picker-field/DatePickerField.js";
+import { FormField as ux } from "./components/form-field/FormField.js";
+import { RawFormContextualLink as gx } from "./components/form-field/parts/RawFormContextualLink.js";
+import { FormControl as bx } from "./components/form-field/parts/FormControl.js";
+import { FormFeedbackText as Sx } from "./components/form-field/parts/FormFeedbackText.js";
+import { FormHelperText as Tx } from "./components/form-field/parts/FormHelperText.js";
+import { FormLabel as Px } from "./components/form-field/parts/FormLabel.js";
+import { MultiSelectField as Ax } from "./components/multi-select-field/MultiSelectField.js";
+import { NumberField as wx, numberField as Rx } from "./components/number-field/NumberField.js";
+import { RadioButtonGroupField as hx } from "./components/radio-button-group-field/RadioButtonGroupField.js";
+import { SelectableButtonGroupField as Lx } from "./components/selectable-button-group-field/SelectableButtonGroupField.js";
+import { SelectableCardCheckboxGroupField as Mx } from "./components/selectable-card-checkbox-group-field/SelectableCardCheckboxGroupField.js";
+import { SelectableCardRadioGroupField as yx } from "./components/selectable-card-radio-group-field/SelectableCardRadioGroupField.js";
+import { SelectField as Nx } from "./components/select-field/SelectField.js";
+import { TextField as Ox } from "./components/text-field/TextField.js";
+import { ToggleSwitchField as _x } from "./components/toggle-switch-field/ToggleSwitchField.js";
+import { ToggleSwitchGroupField as Qx } from "./components/toggle-switch-group-field/ToggleSwitchGroupField.js";
+import { useTanstackUnityForm as Xx, withFieldGroup as jx, withForm as qx } from "./hooks/use-tanstack-form.js";
+import { useFieldContext as Jx, useFormContext as Kx } from "./hooks/tanstack-form-context.js";
+import { useFieldA11yContext as Zx } from "./components/form-field/TanstackFormField.context.js";
+import { NoopRouterProvider as on, RouterProvider as en, useRouter as rn } from "./providers/router/RouterProvider.js";
+import { DialogTrigger as pn, DialogTrigger as an } from "react-aria-components";
+import { FilterAdapters as xn } from "./components/filter-toolbar/utils/filter-adapters.js";
+import { useAsyncList as fn } from "react-stately";
 export {
   p as ActionBar,
   x as ActionBarAction,
-  n as ActionBarRoot,
+  f as ActionBarRoot,
   r as Actionable,
   u as Alert,
   g as AlertActions,
-  c as AlertContent,
+  b as AlertContent,
   S as AlertTitle,
   T as Anchor,
   P as AppLayout,
   A as AppMenu,
   w as AppMenuContext,
   R as AppMenuContextProvider,
-  L as AppMenuFooter,
+  I as AppMenuFooter,
   D as AppMenuHeader,
   v as AppMenuNavContent,
   H as Autocomplete,
@@ -237,13 +238,14 @@ export {
   so as Breadcrumbs,
   Ao as Button,
   wo as Card,
-  Io as CardContent,
+  Lo as CardContent,
   ho as CardTitle,
   Ho as Checkbox,
-  tx as CheckboxField,
+  mx as CheckboxField,
   Mo as CheckboxGroup,
-  ax as CheckboxGroupField,
+  nx as CheckboxGroupField,
   Eo as CheckboxStandalone,
+  Wr as CircularIconButton,
   Vo as Collapsible,
   Uo as CollapsibleContent,
   Wo as CollapsibleTitle,
@@ -252,35 +254,35 @@ export {
   zo as DataTableRoot,
   $o as DateCalendar,
   ee as DatePicker,
-  xx as DatePickerField,
+  ix as DatePickerField,
   te as DefinitionTooltip,
   ae as Dialog,
-  fe as DialogActions,
+  ne as DialogActions,
   ie as DialogButton,
   ue as DialogContent,
   ge as DialogTitle,
-  ef as DialogTrigger,
+  pn as DialogTrigger,
   he as ErrorState,
   ye as FieldGroup,
   De as Fieldset,
   Ne as Filter,
-  pf as FilterAdapters,
+  xn as FilterAdapters,
   Ee as FilterControls,
   Oe as FilterLabels,
   Qe as FilterToolbar,
   je as Flex,
   Ze as FlexItem,
   er as Form,
-  dx as FormControl,
-  bx as FormFeedbackText,
-  nx as FormField,
-  sx as FormHelperText,
-  Fx as FormLabel,
+  bx as FormControl,
+  Sx as FormFeedbackText,
+  ux as FormField,
+  Tx as FormHelperText,
+  Px as FormLabel,
   tr as FullPageLoader,
-  nr as FunnelBody,
+  fr as FunnelBody,
   mr as FunnelLayout,
   ur as FunnelPage,
-  br as FunnelPageAction,
+  cr as FunnelPageAction,
   sr as FunnelPageActions,
   Tr as FunnelPageContent,
   Br as FunnelPageFooter,
@@ -289,137 +291,138 @@ export {
   Dr as FunnelTopBar,
   yr as Grid,
   Vr as GridItem,
-  Wr as Icon,
+  qr as Icon,
   Ur as IconButton,
-  jr as Input,
-  zr as Label,
-  $r as ListView,
-  xt as ListViewItemLabel,
-  nt as ListViewItemText,
-  pt as ListViewSection,
-  lt as Menu,
-  dt as MenuContent,
-  bt as MenuHeader,
-  Ft as MenuSeparator,
-  Ct as MenuTrigger,
-  Bt as MultiSelect,
-  Cx as MultiSelectField,
-  kt as MultiSelectOptGroup,
-  Rt as MultiSelectOption,
-  ht as Nav,
-  It as NavGroup,
-  Qt as NavigationCardDescription,
-  Et as NavigationCardGroup,
-  _t as NavigationCardLabel,
-  Yx as NoopRouterProvider,
-  Bx as NumberField,
-  Xt as NumberInput,
-  zt as Page,
-  Yt as PageHeader,
-  op as PageHeading,
-  rp as Pagination,
-  ap as PaginationContent,
-  sp as PaginationEllipsis,
-  fp as PaginationItem,
-  Bp as PayFitBrand,
-  kp as PayFitBrandPreprod,
-  Rp as PhoneNumberInput,
-  hp as Pill,
-  Ip as Popover,
-  rf as PopoverTrigger,
-  Mp as ProgressBar,
-  ce as PromoDialog,
+  Jr as Input,
+  Yr as Label,
+  rt as ListView,
+  it as ListViewItemLabel,
+  ut as ListViewItemText,
+  xt as ListViewSection,
+  gt as Menu,
+  bt as MenuContent,
+  St as MenuHeader,
+  Pt as MenuSeparator,
+  At as MenuTrigger,
+  wt as MultiSelect,
+  Ax as MultiSelectField,
+  Gt as MultiSelectOptGroup,
+  It as MultiSelectOption,
+  Dt as Nav,
+  vt as NavGroup,
+  jt as NavigationCardDescription,
+  _t as NavigationCardGroup,
+  Wt as NavigationCardLabel,
+  on as NoopRouterProvider,
+  wx as NumberField,
+  zt as NumberInput,
+  Yt as Page,
+  op as PageHeader,
+  tp as PageHeading,
+  ap as Pagination,
+  np as PaginationContent,
+  Tp as PaginationEllipsis,
+  lp as PaginationItem,
+  wp as PayFitBrand,
+  Gp as PayFitBrandPreprod,
+  Ip as PhoneNumberInput,
+  Dp as Pill,
+  vp as Popover,
+  an as PopoverTrigger,
+  Hp as ProgressBar,
+  be as PromoDialog,
   ke as PromoDialogActions,
   Be as PromoDialogContent,
   Fe as PromoDialogHero,
   Ce as PromoDialogSubtitle,
   Re as PromoDialogTitle,
-  Np as RadioButton,
-  yp as RadioButtonGroup,
-  wx as RadioButtonGroupField,
-  Vp as RadioButtonHelper,
+  Vp as RadioButton,
+  Ep as RadioButtonGroup,
+  hx as RadioButtonGroupField,
+  Qp as RadioButtonHelper,
   Po as RawBreadcrumbLink,
-  lx as RawFormContextualLink,
-  Kr as RawLink,
-  et as RawListViewItem,
-  st as RawMenuItem,
-  Mt as RawNavItem,
-  Ht as RawNavigationCard,
-  ip as RawPaginationLink,
-  bp as RawPaginationNext,
-  dp as RawPaginationPrevious,
-  Cm as RawSubTask,
-  um as RawTab,
-  Am as RawTask,
-  Zx as RouterProvider,
-  Up as Search,
-  Xp as SegmentedButtonGroup,
-  na as Select,
-  la as SelectButton,
-  vx as SelectField,
-  da as SelectOption,
-  ba as SelectOptionGroup,
-  sa as SelectOptionHelper,
-  Zp as SelectableButton,
-  Jp as SelectableButtonGroup,
-  Gx as SelectableButtonGroupField,
-  ta as SelectableCardCheckbox,
-  ea as SelectableCardCheckboxGroup,
-  Lx as SelectableCardCheckboxGroupField,
-  xa as SelectableCardRadio,
-  aa as SelectableCardRadioGroup,
-  Dx as SelectableCardRadioGroupField,
-  Fa as SidePanel,
-  Pa as SidePanelContent,
-  ka as SidePanelFooter,
-  Ga as SidePanelHeader,
-  Ia as SkipLink,
-  Da as SkipLinks,
-  va as Spinner,
+  gx as RawFormContextualLink,
+  $r as RawLink,
+  pt as RawListViewItem,
+  Tt as RawMenuItem,
+  Ht as RawNavItem,
+  Ot as RawNavigationCard,
+  dp as RawPaginationLink,
+  Sp as RawPaginationNext,
+  bp as RawPaginationPrevious,
+  Am as RawSubTask,
+  cm as RawTab,
+  Rm as RawTask,
+  en as RouterProvider,
+  Xp as Search,
+  zp as SegmentedButtonGroup,
+  ua as Select,
+  ga as SelectButton,
+  Nx as SelectField,
+  ba as SelectOption,
+  Sa as SelectOptionGroup,
+  Ta as SelectOptionHelper,
+  ea as SelectableButton,
+  Zp as SelectableButtonGroup,
+  Lx as SelectableButtonGroupField,
+  ma as SelectableCardCheckbox,
+  pa as SelectableCardCheckboxGroup,
+  Mx as SelectableCardCheckboxGroupField,
+  ia as SelectableCardRadio,
+  na as SelectableCardRadioGroup,
+  yx as SelectableCardRadioGroupField,
+  Pa as SidePanel,
+  ka as SidePanelContent,
+  Ga as SidePanelFooter,
+  La as SidePanelHeader,
+  va as SkipLink,
+  ya as SkipLinks,
+  Na as Spinner,
   qe as Stack,
   $e as StackItem,
-  Hm as TOAST_CONFIG,
-  gm as TabList,
-  cm as TabPanel,
-  Ha as Table,
-  Oa as TableBody,
-  Ua as TableCell,
-  Xa as TableColumnHeader,
-  za as TableEmptyState,
-  Ja as TableEmptyStateError,
-  Ka as TableEmptyStateLoading,
-  Ya as TableEmptyStateNoData,
-  Za as TableEmptyStateText,
-  em as TableHeader,
-  pm as TablePagination,
-  Na as TableRoot,
-  xm as TableRow,
-  im as Tabs,
-  Rm as TaskGroup,
-  Sm as TaskMenu,
-  Dm as Text,
-  hm as TextArea,
-  Hx as TextField,
-  Nm as ToastManager,
-  qp as ToggleButton,
-  Wm as ToggleSwitch,
-  Ex as ToggleSwitchField,
-  _m as ToggleSwitchGroup,
-  Vx as ToggleSwitchGroupField,
-  qm as Tooltip,
+  Om as TOAST_CONFIG,
+  sm as TabList,
+  Fm as TabPanel,
+  Oa as Table,
+  Ua as TableBody,
+  Xa as TableCell,
+  za as TableColumnHeader,
+  Ya as TableEmptyState,
+  Za as TableEmptyStateError,
+  $a as TableEmptyStateLoading,
+  om as TableEmptyStateNoData,
+  em as TableEmptyStateText,
+  pm as TableHeader,
+  xm as TablePagination,
+  Va as TableRoot,
+  im as TableRow,
+  dm as Tabs,
+  Im as TaskGroup,
+  Cm as TaskMenu,
+  ym as Text,
+  Dm as TextArea,
+  Ox as TextField,
+  Vm as ToastManager,
+  Kp as ToggleButton,
+  qm as ToggleSwitch,
+  _x as ToggleSwitchField,
+  Wm as ToggleSwitchGroup,
+  Qx as ToggleSwitchGroupField,
+  Km as Tooltip,
   a as actionBar,
   i as actionBarRoot,
   O as autocompleteItem,
   U as autocompleteItemGroup,
   ao as bottomSheet,
-  fo as bottomSheetContent,
+  no as bottomSheetContent,
   lo as bottomSheetFooter,
-  bo as bottomSheetHeader,
+  co as bottomSheetHeader,
   Ro as card,
   vo as checkboxGroup,
+  Xr as circularIconButton,
   Jo as dataTableRoot,
   me as dialog,
-  Le as errorState,
+  Ie as errorState,
   Me as fieldset,
   Ve as filterContainer,
   _e as filterDismissButton,
@@ -434,60 +437,60 @@ export {
   Cr as funnelPageContent,
   Ar as funnelPageFooter,
   Rr as funnelPageHeader,
-  Lr as funnelSidebar,
+  Ir as funnelSidebar,
   Mr as funnelTopBar,
   oo as getInitials,
   Nr as grid,
   Er as gridItem,
-  Yr as link,
-  rt as listViewItem,
-  at as listViewSection,
-  vt as navItemBase,
-  Ot as navigationCardGroup,
-  Ax as numberField,
-  jt as numberInput,
-  Jt as page,
-  Zt as pageHeader,
-  tp as pagination,
-  mp as paginationContent,
-  lp as paginationLink,
+  ot as link,
+  at as listViewItem,
+  nt as listViewSection,
+  Nt as navItemBase,
+  Ut as navigationCardGroup,
+  Rx as numberField,
+  Jt as numberInput,
+  Zt as page,
+  ep as pageHeader,
+  mp as pagination,
+  fp as paginationContent,
+  gp as paginationLink,
   se as promoDialog,
-  Ep as radioButton,
-  Pm as rawSubTask,
-  km as rawTask,
-  Qp as search,
-  $p as selectableButton,
-  Kp as selectableButtonGroup,
-  Ta as sidePanel,
-  Ba as sidePanelContent,
-  wa as sidePanelFooter,
-  ha as sidePanelHeader,
-  Va as tableBody,
-  Qa as tableCell,
-  ja as tableColumnHeader,
-  $a as tableEmptyState,
-  rm as tableHeader,
-  am as tablePagination,
-  fm as tableRow,
-  Fm as taskMenu,
-  vm as text,
-  Lm as textArea,
-  Om as toast,
-  Xm as toggleSwitch,
-  Um as toggleSwitchGroup,
+  _p as radioButton,
+  km as rawSubTask,
+  Gm as rawTask,
+  jp as search,
+  ra as selectableButton,
+  $p as selectableButtonGroup,
+  Ba as sidePanel,
+  wa as sidePanelContent,
+  ha as sidePanelFooter,
+  Da as sidePanelHeader,
+  Qa as tableBody,
+  ja as tableCell,
+  Ja as tableColumnHeader,
+  rm as tableEmptyState,
+  am as tableHeader,
+  nm as tablePagination,
+  lm as tableRow,
+  Pm as taskMenu,
+  Nm as text,
+  Mm as textArea,
+  Um as toast,
+  zm as toggleSwitch,
+  Xm as toggleSwitchGroup,
   G as useAppMenuContext,
-  mf as useAsyncList,
-  Jm as useBreakpointListener,
-  Ym as useContainerQueryLevel,
-  Jx as useFieldA11yContext,
-  jx as useFieldContext,
-  qx as useFormContext,
-  $m as useMediaQuery,
-  Cp as usePaginationState,
-  Fp as usePaginationWindow,
-  $x as useRouter,
-  Ux as useTanstackUnityForm,
-  ex as useUnityForm,
-  Qx as withFieldGroup,
-  Wx as withForm
+  fn as useAsyncList,
+  Zm as useBreakpointListener,
+  ox as useContainerQueryLevel,
+  Zx as useFieldA11yContext,
+  Jx as useFieldContext,
+  Kx as useFormContext,
+  rx as useMediaQuery,
+  Ap as usePaginationState,
+  Pp as usePaginationWindow,
+  rn as useRouter,
+  Xx as useTanstackUnityForm,
+  px as useUnityForm,
+  jx as withFieldGroup,
+  qx as withForm
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-components",
-  "version": "2.4.4",
+  "version": "2.5.1",
   "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.4.4",
+    "@payfit/unity-illustrations": "2.5.1",
     "@radix-ui/react-avatar": "1.1.11",
     "@radix-ui/react-slot": "1.2.4",
     "@react-aria/interactions": "3.27.0",
@@ -63,15 +63,15 @@
     "react-international-phone": "4.5.0",
     "react-intl": "7.1.14",
     "react-stately": "3.44.0",
-    "storybook": "10.2.2",
+    "storybook": "10.2.7",
     "tailwind-variants": "2.1.0",
     "usehooks-ts": "3.1.0",
     "zod": "4.3.6"
   },
   "peerDependencies": {
     "@hookform/devtools": "^4",
-    "@payfit/unity-icons": "2.4.4",
-    "@payfit/unity-themes": "2.4.4",
+    "@payfit/unity-icons": "2.5.1",
+    "@payfit/unity-themes": "2.5.1",
     "@storybook/react-vite": "^10.2.2",
     "@tanstack/react-query": "^5",
     "@tanstack/react-router": "^1.131",
@@ -90,15 +90,15 @@
     "@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.4.4",
-    "@payfit/unity-illustrations": "2.4.4",
-    "@payfit/unity-themes": "2.4.4",
+    "@payfit/unity-icons": "2.5.1",
+    "@payfit/unity-illustrations": "2.5.1",
+    "@payfit/unity-themes": "2.5.1",
     "@payfit/vite-configs": "0.0.0-use.local",
-    "@storybook/addon-a11y": "10.2.2",
-    "@storybook/addon-docs": "10.2.2",
-    "@storybook/addon-links": "10.2.2",
-    "@storybook/addon-vitest": "10.2.2",
-    "@storybook/react-vite": "10.2.2",
+    "@storybook/addon-a11y": "10.2.7",
+    "@storybook/addon-docs": "10.2.7",
+    "@storybook/addon-links": "10.2.7",
+    "@storybook/addon-vitest": "10.2.7",
+    "@storybook/react-vite": "10.2.7",
     "@tanstack/react-devtools": "0.9.4",
     "@tanstack/react-form-devtools": "0.2.13",
     "@tanstack/react-query": "5.90.20",
@@ -119,7 +119,7 @@
     "prettier": "3.1.0",
     "react-docgen-typescript": "2.2.2",
     "react-hot-toast": "2.5.1",
-    "storybook": "10.2.2",
+    "storybook": "10.2.7",
     "storybook-addon-pseudo-states": "10.2.2",
     "storybook-addon-tag-badges": "3.0.6",
     "storybook-mock-date-decorator": "3.0.0",