@payfit/unity-components 2.25.4 → 2.25.6

package/dist/esm/components/list-view/parts/ListViewSection.d.ts

@@ -1,5 +1,5 @@
 import { JSX, Ref } from 'react';
-import { ListBoxSectionProps } from 'react-aria-components';
+import { ListBoxSectionProps } from 'react-aria-components/ListBox';
 export declare const listViewSection: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "", unknown, unknown, undefined>>;
 export type ListViewSectionProps<TItem extends object> = ListBoxSectionProps<TItem> & {
     title: string;

package/dist/esm/components/list-view/parts/ListViewSection.js

@@ -1,21 +1,23 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
 import { forwardRef as c } from "react";
 import { uyTv as m } from "@payfit/unity-themes";
-import { ListBoxSection as a, Header as l, Collection as p } from "react-aria-components";
-const S = m({
+import { Collection as a } from "react-aria-components/Collection";
+import { Header as l } from "react-aria-components/Header";
+import { ListBoxSection as p } from "react-aria-components/ListBox";
+const V = m({
   // add the component styles
   base: ""
-}), y = (i, o) => {
-  const { children: n, title: r, ...t } = i;
-  return /* @__PURE__ */ s(a, { ...t, ref: o, "data-unity-slot": "ListViewSection", children: [
-    /* @__PURE__ */ e(l, { className: "uy:typography-action uy:text-content-neutral-low uy:px-200 uy:mb-50", children: r }),
-    /* @__PURE__ */ e(p, { children: n, items: t.items })
+}), y = (o, e) => {
+  const { children: r, title: n, ...t } = o;
+  return /* @__PURE__ */ s(p, { ...t, ref: e, "data-unity-slot": "ListViewSection", children: [
+    /* @__PURE__ */ i(l, { className: "uy:typography-action uy:text-content-neutral-low uy:px-200 uy:mb-50", children: n }),
+    /* @__PURE__ */ i(a, { children: r, items: t.items })
   ] });
-}, u = c(
+}, f = c(
   y
 );
-u.displayName = "ListViewSection";
+f.displayName = "ListViewSection";
 export {
-  u as ListViewSection,
-  S as listViewSection
+  f as ListViewSection,
+  V as listViewSection
 };

package/dist/esm/components/list-view/parts/RawListViewItem.d.ts

@@ -1,5 +1,5 @@
 import { JSX, ReactNode, Ref } from 'react';
-import { ListBoxItemProps } from 'react-aria-components';
+import { ListBoxItemProps } from 'react-aria-components/ListBox';
 export declare const listViewItem: import('tailwind-variants').TVReturnType<{
     [key: string]: {
         [key: string]: import('tailwind-merge').ClassNameValue | {

package/dist/esm/components/list-view/parts/RawListViewItem.js

@@ -2,7 +2,7 @@ import { jsx as i, jsxs as l } from "react/jsx-runtime";
 import { forwardRef as g, useRef as w, useLayoutEffect as x } from "react";
 import { Icon as v } from "@payfit/unity-icons";
 import { uyTv as h } from "@payfit/unity-themes";
-import { ListBoxItem as I } from "react-aria-components";
+import { ListBoxItem as I } from "react-aria-components/ListBox";
 const L = h({
   // add the component styles
   slots: {

package/dist/esm/components/menu/Menu.d.ts

@@ -1,4 +1,4 @@
-import { MenuTriggerProps } from 'react-aria-components';
+import { MenuTriggerProps } from 'react-aria-components/Menu';
 type MenuProps = Omit<MenuTriggerProps, 'className' | 'style'>;
 export declare function Menu({ defaultOpen, children, ...rest }: MenuProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Menu {

package/dist/esm/components/menu/Menu.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { MenuTrigger as i } from "react-aria-components";
+import { MenuTrigger as i } from "react-aria-components/Menu";
 function m({ defaultOpen: r, children: e, ...n }) {
   return /* @__PURE__ */ o(i, { defaultOpen: r, ...n, children: e });
 }

package/dist/esm/components/menu/parts/MenuContent.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import { PopoverProps } from 'react-aria-components';
+import { PopoverProps } from 'react-aria-components/Popover';
 interface MenuContent {
     placement?: PopoverProps['placement'];
     width?: number;

package/dist/esm/components/menu/parts/MenuContent.js

@@ -1,5 +1,5 @@
 import { jsx as u } from "react/jsx-runtime";
-import { Popover as a, Menu as y } from "react-aria-components";
+import { Popover as a, Menu as y } from "react-aria-components/Menu";
 function s({
   children: r,
   placement: o,

package/dist/esm/components/menu/parts/MenuHeader.js

@@ -1,12 +1,13 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { MenuSection as n, Header as m } from "react-aria-components";
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { Header as a } from "react-aria-components/Header";
+import { MenuSection as n } from "react-aria-components/Menu";
 import { MenuSeparator as t } from "./MenuSeparator.js";
 function i({
   children: r,
   className: o
 }) {
-  return /* @__PURE__ */ a(n, { children: [
-    /* @__PURE__ */ e(m, { className: `uy:p-100 ${o}`, children: r }),
+  return /* @__PURE__ */ m(n, { children: [
+    /* @__PURE__ */ e(a, { className: `uy:p-100 ${o}`, children: r }),
     /* @__PURE__ */ e(t, {})
   ] });
 }

package/dist/esm/components/menu/parts/MenuSeparator.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { Separator as a } from "react-aria-components";
+import { Separator as a } from "react-aria-components/Separator";
 function e() {
   return /* @__PURE__ */ r(a, { className: "uy:h-[1px] uy:bg-surface-neutral-lowest uy:w-full uy:mt-100 uy:mb-100" });
 }

package/dist/esm/components/menu/parts/MenuTrigger.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { Slot as m } from "@radix-ui/react-slot";
-import { Button as n } from "react-aria-components";
+import { Button as n } from "react-aria-components/Button";
 function i({
   children: r,
   asChild: t,

package/dist/esm/components/menu/parts/RawMenuItem.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren, ReactNode } from 'react';
-import { MenuItemProps as MenuItemAriaComponentProps } from 'react-aria-components';
+import { MenuItemProps as MenuItemAriaComponentProps } from 'react-aria-components/Menu';
 import { DataAttributes } from '../../../types/DataAttributes.js';
 export interface MenuItemProps extends DataAttributes {
     children?: MenuItemAriaComponentProps['children'];

package/dist/esm/components/menu/parts/RawMenuItem.js

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as y } from "react/jsx-runtime";
 import { uyMerge as i } from "@payfit/unity-themes";
-import { MenuItem as l } from "react-aria-components";
+import { MenuItem as l } from "react-aria-components/Menu";
 function c({
   prefix: e,
   children: u,

package/dist/esm/components/multi-select/hooks/use-combobox-filter.js

@@ -1,5 +1,5 @@
 import { useState as m, useMemo as l, startTransition as y } from "react";
-import { useFilter as b } from "react-aria-components";
+import { useFilter as b } from "react-aria-components/Autocomplete";
 function p({
   items: e = [],
   extractSearchableText: s = (t) => [String(t)],

package/dist/esm/components/multi-select/parts/MultiSelectButton.js

@@ -2,7 +2,7 @@ import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { memo as D, forwardRef as k, useContext as A, useMemo as K } from "react";
 import { useSelectContext as R, useStoreState as $, Select as L } from "@ariakit/react";
 import { uyTv as P } from "@payfit/unity-themes";
-import { useId as T } from "react-aria";
+import { useId as T } from "react-aria/useId";
 import { useIntl as U } from "react-intl";
 import { Badge as W } from "../../badge/Badge.js";
 import { CircularIconButton as q } from "../../icon-button/CircularIconButton.js";

package/dist/esm/components/nav/parts/NavGroup.js

@@ -1,7 +1,7 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import o, { useState as j, useCallback as B, useMemo as D } from "react";
 import { uyTv as S } from "@payfit/unity-themes";
-import { Button as _ } from "react-aria-components";
+import { Button as _ } from "react-aria-components/Button";
 import $ from "../../../hooks/use-id.js";
 import { Icon as k } from "../../icon/Icon.js";
 import { navItemBase as z } from "./RawNavItem.js";

package/dist/esm/components/nav/parts/RawNavItem.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from '@payfit/unity-themes';
 import { PropsWithChildren, ReactNode } from 'react';
-import { ButtonProps as AriaButtonProps } from 'react-aria-components';
+import { ButtonProps as AriaButtonProps } from 'react-aria-components/Button';
 import { DataAttributes } from '../../../types/DataAttributes.js';
 export declare const navItemBase: import('tailwind-variants').TVReturnType<{
     level: {

package/dist/esm/components/nav/parts/RawNavItem.js

@@ -1,7 +1,8 @@
 import { jsx as u, jsxs as h } from "react/jsx-runtime";
 import { forwardRef as C, useMemo as I } from "react";
 import { uyTv as i, uyMerge as j } from "@payfit/unity-themes";
-import { Link as R, Button as A } from "react-aria-components";
+import { Button as R } from "react-aria-components/Button";
+import { Link as A } from "react-aria-components/Link";
 import { useRouter as k } from "../../../providers/router/RouterProvider.js";
 const B = i({
   slots: {
@@ -58,7 +59,7 @@ const B = i({
     isExact: p = !1,
     ...m
   }, d) => {
-    const o = k(), b = t ? R : A, e = o && t ? o.isActive(t, p) : f, {
+    const o = k(), b = t ? A : R, e = o && t ? o.isActive(t, p) : f, {
       rawNavItemClassName: v,
       labelClassName: x,
       prefixClassName: g,

package/dist/esm/components/navigation-card/NavigationCard.js

@@ -1,7 +1,8 @@
 import { jsx as r, jsxs as h } from "react/jsx-runtime";
 import { forwardRef as C, useMemo as P } from "react";
-import { useId as $ } from "react-aria";
-import { Link as w, Button as I } from "react-aria-components";
+import { Button as $ } from "react-aria-components/Button";
+import { Link as w } from "react-aria-components/Link";
+import { useId as I } from "react-aria/useId";
 import { processPaddingProp as R } from "../../utils/spacing.js";
 import { NavigationCardContext as j } from "./NavigationCard.context.js";
 import { navigationCard as L } from "./NavigationCard.variants.js";
@@ -10,14 +11,14 @@ const k = C(
     children: m,
     asElement: f = "a",
     prefix: t,
-    suffix: d,
-    padding: o = "$300",
+    suffix: o,
+    padding: d = "$300",
     paddingBlock: n,
     paddingInline: s,
     gap: c = "$150",
     ...i
   }, b) => {
-    const e = $(), l = f === "a" || "href" in i, v = i, a = {
+    const e = I(), l = f === "a" || "href" in i, v = i, a = {
       id: `unity-navigation-card-${e}`,
       labelId: i["aria-labelledby"] ?? `unity-navigation-card-label-${e}`,
       descriptionId: i["aria-describedby"] ?? `unity-navigation-card-description-${e}`
@@ -28,7 +29,7 @@ const k = C(
       suffix: x
     } = P(() => {
       const g = R(
-        o,
+        d,
         n,
         s
       );
@@ -36,7 +37,7 @@ const k = C(
         ...g,
         gap: c
       });
-    }, [o, n, s, c]), N = l ? w : I;
+    }, [d, n, s, c]), N = l ? w : $;
     return /* @__PURE__ */ r(j.Provider, { value: a, children: /* @__PURE__ */ h(
       N,
       {
@@ -50,7 +51,7 @@ const k = C(
         children: [
           t && /* @__PURE__ */ r("div", { className: u(), children: t }),
           /* @__PURE__ */ r("div", { className: p(), children: m }),
-          d && /* @__PURE__ */ r("div", { className: x(), children: d })
+          o && /* @__PURE__ */ r("div", { className: x(), children: o })
         ]
       }
     ) });

package/dist/esm/components/navigation-card/NavigationCard.types.d.ts

@@ -1,5 +1,6 @@
 import { PropsWithChildren } from 'react';
-import { ButtonProps as AriaButtonProps, LinkProps as AriaLinkProps } from 'react-aria-components';
+import { ButtonProps as AriaButtonProps } from 'react-aria-components/Button';
+import { LinkProps as AriaLinkProps } from 'react-aria-components/Link';
 import { PaddingObject, SpacingToken } from '../../utils/spacing.js';
 type NavigationCardAsLinkProps = Omit<AriaLinkProps, 'style' | 'className'>;
 type NavigationCardAsButtonProps = Omit<AriaButtonProps, 'style' | 'className'>;

package/dist/esm/components/navigation-card/parts/NavigationCardGroup.js

@@ -1,7 +1,7 @@
 import { jsxs as N, jsx as l } from "react/jsx-runtime";
 import i, { forwardRef as w } from "react";
 import { uyTv as C } from "@payfit/unity-themes";
-import { useId as I } from "react-aria";
+import { useId as I } from "react-aria/useId";
 const L = C({
   // add the component styles
   slots: {

package/dist/esm/components/number-input/NumberInput.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from '@payfit/unity-themes';
 import { ReactElement } from 'react';
-import { NumberFieldProps } from 'react-aria-components';
+import { NumberFieldProps } from 'react-aria-components/NumberField';
 export declare const numberInput: import('tailwind-variants').TVReturnType<{
     isReadOnly: {
         true: {

package/dist/esm/components/number-input/NumberInput.js

@@ -1,7 +1,9 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import { forwardRef as k } from "react";
 import { uyTv as z } from "@payfit/unity-themes";
-import { NumberField as F, Group as G, Input as T } from "react-aria-components";
+import { Group as F } from "react-aria-components/Group";
+import { Input as G } from "react-aria-components/Input";
+import { NumberField as T } from "react-aria-components/NumberField";
 import { Icon as W } from "../icon/Icon.js";
 import "@payfit/unity-icons";
 import { useIntl as q } from "react-intl";
@@ -112,7 +114,7 @@ const H = z({
       controls: S
     } = H({ isReadOnly: a }), o = q(), B = e !== void 0 && !isNaN(e), D = u !== void 0 && !isNaN(u), P = (B || D) && !i && !d && !a && !y;
     return /* @__PURE__ */ t(
-      F,
+      T,
       {
         ref: c,
         className: M(),
@@ -132,8 +134,8 @@ const H = z({
         ...N,
         children: [
           f ? /* @__PURE__ */ r("span", { className: j(), children: f }) : null,
-          /* @__PURE__ */ t(G, { className: I(), children: [
-            /* @__PURE__ */ r(T, { ref: c, className: C() }),
+          /* @__PURE__ */ t(F, { className: I(), children: [
+            /* @__PURE__ */ r(G, { ref: c, className: C() }),
             /* @__PURE__ */ t("div", { className: O(), children: [
               d && /* @__PURE__ */ r(
                 A,

package/dist/esm/components/pagination/Pagination.js

@@ -1,9 +1,9 @@
 import { jsx as r, jsxs as h } from "react/jsx-runtime";
 import { forwardRef as k, useRef as x, useCallback as f } from "react";
 import { uyTv as D } from "@payfit/unity-themes";
-import { useId as L } from "react-aria";
+import { useId as L } from "react-aria/useId";
 import { useIntl as A } from "react-intl";
-import { useOverlayTriggerState as I } from "react-stately";
+import { useOverlayTriggerState as I } from "react-stately/useOverlayTriggerState";
 import { PaginationJumpDialog as T } from "../client-side-pagination/parts/PaginationJumpDialog.js";
 import { PaginationContext as R } from "./PaginationContext.js";
 const g = D({

package/dist/esm/components/pagination/parts/PaginationEllipsis.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from '@payfit/unity-themes';
-import { ButtonProps } from 'react-aria-components';
+import { ButtonProps } from 'react-aria-components/Button';
 declare const paginationEllipsis: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
 export interface PaginationEllipsisProps extends VariantProps<typeof paginationEllipsis>, Omit<ButtonProps, 'value' | 'children' | 'className' | 'style' | 'slot'> {
     /**

package/dist/esm/components/pagination/parts/PaginationEllipsis.js

@@ -1,7 +1,7 @@
 import { jsxs as a, jsx as i } from "react/jsx-runtime";
 import { forwardRef as r } from "react";
 import { uyTv as y } from "@payfit/unity-themes";
-import { Button as c } from "react-aria-components";
+import { Button as c } from "react-aria-components/Button";
 import { useIntl as p, FormattedMessage as f } from "react-intl";
 const m = y({
   base: [

package/dist/esm/components/pagination/parts/RawPaginationLink.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from '@payfit/unity-themes';
-import { LinkProps } from 'react-aria-components';
+import { LinkProps } from 'react-aria-components/Link';
 export declare const paginationLink: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
 export interface PaginationLinkProps extends LinkProps, VariantProps<typeof paginationLink> {
     value: number;

package/dist/esm/components/pagination/parts/RawPaginationLink.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as w, useRef as h, useCallback as u } from "react";
 import { uyTv as v } from "@payfit/unity-themes";
-import { Link as x } from "react-aria-components";
+import { Link as x } from "react-aria-components/Link";
 import { useIntl as P } from "react-intl";
 import { usePaginationContext as k } from "../PaginationContext.js";
 const R = v({

package/dist/esm/components/pagination/parts/RawPaginationNext.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from '@payfit/unity-themes';
-import { LinkProps } from 'react-aria-components';
+import { LinkProps } from 'react-aria-components/Link';
 declare const paginationNavButton: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
 export interface RawPaginationNextProps extends Omit<LinkProps, 'children' | 'className' | 'style' | 'isDisabled' | 'aria-label' | 'title'>, VariantProps<typeof paginationNavButton> {
     id?: string;

package/dist/esm/components/pagination/parts/RawPaginationNext.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as g } from "react";
 import { uyTv as b } from "@payfit/unity-themes";
-import { Link as x } from "react-aria-components";
+import { Link as x } from "react-aria-components/Link";
 import { useIntl as v } from "react-intl";
 import { Icon as w } from "../../icon/Icon.js";
 import { Tooltip as h } from "../../tooltip/Tooltip.js";

package/dist/esm/components/pagination/parts/RawPaginationPrevious.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from '@payfit/unity-themes';
-import { LinkProps } from 'react-aria-components';
+import { LinkProps } from 'react-aria-components/Link';
 declare const paginationNavButton: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
 export interface RawPaginationPreviousProps extends Omit<LinkProps, 'children' | 'className' | 'style' | 'isDisabled' | 'aria-label' | 'title'>, VariantProps<typeof paginationNavButton> {
     id?: string;

package/dist/esm/components/pagination/parts/RawPaginationPrevious.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
 import { uyTv as g } from "@payfit/unity-themes";
-import { Link as v } from "react-aria-components";
+import { Link as v } from "react-aria-components/Link";
 import { useIntl as b } from "react-intl";
 import { Icon as w } from "../../icon/Icon.js";
 import { Tooltip as h } from "../../tooltip/Tooltip.js";

package/dist/esm/components/password-field/parts/PasswordInput.d.ts

@@ -1,4 +1,4 @@
-import { InputProps as AriaInputProps } from 'react-aria-components';
+import { InputProps as AriaInputProps } from 'react-aria-components/Input';
 export interface PasswordInputProps extends Omit<AriaInputProps, 'type' | 'style' | 'className'> {
     /** Whether the field is required */
     isRequired?: boolean;

package/dist/esm/components/password-field/parts/PasswordInput.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as p } from "react/jsx-runtime";
 import { forwardRef as P, useState as m, useEffect as V } from "react";
 import { Icon as b } from "@payfit/unity-icons";
 import { uyTv as A } from "@payfit/unity-themes";
-import { Input as B } from "react-aria-components";
+import { Input as B } from "react-aria-components/Input";
 import { useIntl as E } from "react-intl";
 import { Actionable as T } from "../../actionable/Actionable.js";
 import { useFieldA11yContext as j } from "../../form-field/TanstackFormField.context.js";

package/dist/esm/components/phone-number/PhoneNumberInput.d.ts

@@ -1,4 +1,4 @@
-import { InputProps as AriaInputProps } from 'react-aria-components';
+import { InputProps as AriaInputProps } from 'react-aria-components/Input';
 import { CountryIso2, PhoneInputProps } from 'react-international-phone';
 /**
  * Interface for the PhoneNumberInput component props.

package/dist/esm/components/phone-number/PhoneNumberInput.js

@@ -1,7 +1,14 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
 import { forwardRef as J, useState as K, useRef as Q, useImperativeHandle as X } from "react";
 import { uyTv as Y } from "@payfit/unity-themes";
-import { useFilter as Z, Group as _, Select as ee, Button as re, Popover as te, Autocomplete as ae, Virtualizer as oe, ListLayout as ue, ListBox as de, Input as ne } from "react-aria-components";
+import { useFilter as Z, Autocomplete as _ } from "react-aria-components/Autocomplete";
+import { Button as ee } from "react-aria-components/Button";
+import { Group as re } from "react-aria-components/Group";
+import { Input as te } from "react-aria-components/Input";
+import { ListBox as ae } from "react-aria-components/ListBox";
+import { Popover as oe } from "react-aria-components/Popover";
+import { Select as ue } from "react-aria-components/Select";
+import { Virtualizer as de, ListLayout as ne } from "react-aria-components/Virtualizer";
 import { defaultCountries as f, usePhoneInput as ie, FlagImage as le, parseCountry as se } from "react-international-phone";
 import { useIntl as ye } from "react-intl";
 import { CircularIconButton as ce } from "../icon-button/CircularIconButton.js";
@@ -148,7 +155,7 @@ const pe = Y({
       state: H
     } = pe(), q = c.replace(F, "").trim() !== "" && !u;
     return /* @__PURE__ */ e("div", { ref: d, children: /* @__PURE__ */ a(
-      _,
+      re,
       {
         className: W(),
         "aria-label": `${s}${i ? `, ${i}` : ""}`,
@@ -158,7 +165,7 @@ const pe = Y({
         "aria-disabled": u,
         children: [
           /* @__PURE__ */ a(
-            ee,
+            ue,
             {
               onOpenChange: (r) => {
                 L(r), r || setTimeout(() => {
@@ -174,7 +181,7 @@ const pe = Y({
               isInvalid: o,
               children: [
                 /* @__PURE__ */ a(
-                  re,
+                  ee,
                   {
                     "data-dd-privacy": "mask",
                     className: E(),
@@ -222,7 +229,7 @@ const pe = Y({
                   }
                 ),
                 /* @__PURE__ */ e(
-                  te,
+                  oe,
                   {
                     style: {
                       "--trigger-width": `${d.current?.offsetWidth}px`
@@ -231,17 +238,17 @@ const pe = Y({
                     offset: 1,
                     containerPadding: 8,
                     className: G(),
-                    children: /* @__PURE__ */ a(ae, { filter: O, children: [
+                    children: /* @__PURE__ */ a(_, { filter: O, children: [
                       /* @__PURE__ */ e(fe, { "aria-label": M }),
                       /* @__PURE__ */ e(
-                        oe,
+                        de,
                         {
-                          layout: ue,
+                          layout: ne,
                           layoutOptions: {
                             padding: 8
                           },
                           children: /* @__PURE__ */ e(
-                            de,
+                            ae,
                             {
                               className: T(),
                               items: f,
@@ -268,7 +275,7 @@ const pe = Y({
           ),
           /* @__PURE__ */ a("div", { className: V(), children: [
             /* @__PURE__ */ e(
-              ne,
+              te,
               {
                 ref: y,
                 ...B,

package/dist/esm/components/phone-number/parts/PhoneNumberItem.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from '@payfit/unity-themes';
-import { ListBoxItemProps } from 'react-aria-components';
+import { ListBoxItemProps } from 'react-aria-components/ListBox';
 import { ParsedCountry } from 'react-international-phone';
 export declare const phoneNumberItem: import('tailwind-variants').TVReturnType<{
     [key: string]: {

package/dist/esm/components/phone-number/parts/PhoneNumberItem.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as a, Fragment as l } from "react/jsx-runtime";
 import { uyTv as n } from "@payfit/unity-themes";
-import { ListBoxItem as m } from "react-aria-components";
+import { ListBoxItem as m } from "react-aria-components/ListBox";
 import { FlagImage as c } from "react-international-phone";
 import { useIntl as y } from "react-intl";
 import { Icon as p } from "../../icon/Icon.js";

package/dist/esm/components/popover/Popover.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
-import { PopoverProps as AriaPopoverProps, DialogTrigger } from 'react-aria-components';
+import { PopoverProps as AriaPopoverProps } from 'react-aria-components/Popover';
+import { DialogTrigger } from 'react-aria-components/Dialog';
 interface PopoverBaseProps extends Omit<AriaPopoverProps, 'className' | 'style'> {
     /**
      * The content to be displayed inside the popover.

package/dist/esm/components/popover/Popover.js

@@ -1,8 +1,9 @@
 import { jsx as t, jsxs as d } from "react/jsx-runtime";
 import { forwardRef as y } from "react";
 import { uyTv as p } from "@payfit/unity-themes";
-import { Popover as g, Dialog as m, DialogTrigger as c } from "react-aria-components";
-import { DialogTrigger as j } from "react-aria-components";
+import { Dialog as m, DialogTrigger as g } from "react-aria-components/Dialog";
+import { DialogTrigger as B } from "react-aria-components/Dialog";
+import { Popover as c } from "react-aria-components/Popover";
 import { PopoverHeader as f } from "./parts/PopoverHeader.js";
 const x = p({
   slots: {
@@ -20,22 +21,22 @@ const x = p({
     ]
   }
 }), b = y((a, e) => {
-  const { children: o, title: r, isTitleSrOnly: n, displayCloseButton: i, ...l } = a, { base: u, dialog: s } = x();
-  return /* @__PURE__ */ t(g, { ref: e, className: u(), offset: 8, ...l, children: /* @__PURE__ */ d(m, { className: s(), role: "dialog", children: [
+  const { children: o, title: r, isTitleSrOnly: i, displayCloseButton: n, ...l } = a, { base: u, dialog: s } = x();
+  return /* @__PURE__ */ t(c, { ref: e, className: u(), offset: 8, ...l, children: /* @__PURE__ */ d(m, { className: s(), role: "dialog", children: [
     /* @__PURE__ */ t(
       f,
       {
         title: r,
-        isTitleSrOnly: n,
-        displayCloseButton: i
+        isTitleSrOnly: i,
+        displayCloseButton: n
       }
     ),
     o
   ] }) });
 });
 b.displayName = "Popover";
-c.displayName = "PopoverTrigger";
+g.displayName = "PopoverTrigger";
 export {
   b as Popover,
-  j as PopoverTrigger
+  B as PopoverTrigger
 };

package/dist/esm/components/popover/parts/PopoverHeader.d.ts

@@ -1,4 +1,4 @@
-import { HeadingProps } from 'react-aria-components';
+import { HeadingProps } from 'react-aria-components/Heading';
 export interface PopoverHeaderProps extends Omit<HeadingProps, 'className' | 'style' | 'children'> {
     /**
      * Title text to be displayed in the header and used as the Popover's label.

package/dist/esm/components/popover/parts/PopoverHeader.js

@@ -1,7 +1,8 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import { forwardRef as u, useContext as y } from "react";
 import { uyTv as d } from "@payfit/unity-themes";
-import { OverlayTriggerStateContext as p, Heading as f } from "react-aria-components";
+import { OverlayTriggerStateContext as p } from "react-aria-components/Dialog";
+import { Heading as f } from "react-aria-components/Heading";
 import { useIntl as g } from "react-intl";
 import { CircularIconButton as h } from "../../icon-button/CircularIconButton.js";
 const v = d({

package/dist/esm/components/progress-bar/ProgressBar.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as n } from "react";
 import { uyTv as d } from "@payfit/unity-themes";
-import { ProgressBar as c } from "react-aria-components";
+import { ProgressBar as c } from "react-aria-components/ProgressBar";
 const f = d({
   slots: {
     base: "uy:rounded-150 uy:bg-surface-neutral-disabled uy:h-150 uy:top-[50%] uy:transform uy:translate-y-[-50%] uy:w-full",