@payfit/unity-components 2.25.4 → 2.25.6

package/dist/esm/components/promo-dialog/PromoDialog.js

@@ -1,8 +1,9 @@
 import { jsx as t, jsxs as c } from "react/jsx-runtime";
 import { useRef as P, Children as m, isValidElement as l, useLayoutEffect as b } from "react";
 import { uyTv as N } from "@payfit/unity-themes";
-import { useId as C } from "react-aria";
-import { ModalOverlay as A, Modal as E, DialogContext as I, Dialog as j } from "react-aria-components";
+import { DialogContext as C, Dialog as A } from "react-aria-components/Dialog";
+import { ModalOverlay as E, Modal as I } from "react-aria-components/Modal";
+import { useId as j } from "react-aria/useId";
 import { useIntl as z } from "react-intl";
 import { useHasScroll as M } from "../../hooks/use-has-scroll.js";
 import { DialogButton as H } from "../dialog/parts/DialogActions/DialogButton.js";
@@ -101,7 +102,7 @@ function q({
   isDismissable: p = !0,
   ...y
 }) {
-  const f = z(), d = C(), g = P(null), { hasAnyScroll: i } = M(g, {
+  const f = z(), d = j(), g = P(null), { hasAnyScroll: i } = M(g, {
     strategy: "both",
     watchMutations: !0
   }), s = m.toArray(r), u = s.find(
@@ -125,20 +126,20 @@ function q({
   }, [r, y]);
   const a = k();
   return /* @__PURE__ */ t(
-    A,
+    E,
     {
       isDismissable: p,
       isOpen: n,
       onOpenChange: e,
       className: a.overlay(),
       children: /* @__PURE__ */ t(
-        E,
+        I,
         {
           className: a.wrapper(),
           "data-unity-promo-dialog": !0,
           "data-dd-privacy": "allow",
-          children: /* @__PURE__ */ t(I.Provider, { value: { "aria-describedby": d }, children: /* @__PURE__ */ c(
-            j,
+          children: /* @__PURE__ */ t(C.Provider, { value: { "aria-describedby": d }, children: /* @__PURE__ */ c(
+            A,
             {
               role: B(r) ? "alertdialog" : "dialog",
               "aria-modal": "true",

package/dist/esm/components/promo-dialog/parts/PromoDialogTitle.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { uyTv as a } from "@payfit/unity-themes";
-import { Heading as m } from "react-aria-components";
+import { Heading as m } from "react-aria-components/Heading";
 const r = a({
   base: ["uy:typography-h2 uy:md:typography-h1", "uy:mb-150 uy:md:mb-250"]
 }), i = ({ children: o }) => /* @__PURE__ */ t(

package/dist/esm/components/radio-button-group/RadioButtonGroup.d.ts

@@ -1,4 +1,4 @@
-import { RadioGroupProps } from 'react-aria-components';
+import { RadioGroupProps } from 'react-aria-components/RadioGroup';
 /**
  * Props for the RadioButtonGroup component.
  * Excludes className and style props as they are handled internally.

package/dist/esm/components/radio-button-group/RadioButtonGroup.js

@@ -1,6 +1,6 @@
 import { jsx as f } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
-import { RadioGroup as d } from "react-aria-components";
+import { RadioGroup as d } from "react-aria-components/RadioGroup";
 const l = i(
   ({ children: o, isReadOnly: r, isDisabled: t, value: a, onChange: p, onBlur: u, ...m }, e) => /* @__PURE__ */ f(
     d,

package/dist/esm/components/radio-button-group/parts/RadioButton.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from '@payfit/unity-themes';
 import { ReactNode } from 'react';
-import { RadioProps } from 'react-aria-components';
+import { RadioProps } from 'react-aria-components/RadioGroup';
 export declare const radioButton: import('tailwind-variants').TVReturnType<{
     [key: string]: {
         [key: string]: import('tailwind-merge').ClassNameValue | {

package/dist/esm/components/radio-button-group/parts/RadioButton.js

@@ -1,7 +1,7 @@
 import { jsxs as u, jsx as o, Fragment as x } from "react/jsx-runtime";
 import { forwardRef as g, useContext as v, useMemo as l } from "react";
 import { uyTv as R } from "@payfit/unity-themes";
-import { RadioGroupStateContext as S, Radio as h } from "react-aria-components";
+import { RadioGroupStateContext as S, Radio as h } from "react-aria-components/RadioGroup";
 import { Flex as w } from "../../flex/Flex.js";
 import { Text as N } from "../../text/Text.js";
 import B from "./radio-input-selected.svg.js";

package/dist/esm/components/search/Search.d.ts

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

package/dist/esm/components/search/Search.js

@@ -1,7 +1,9 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { forwardRef as w } from "react";
 import { uyTv as M } from "@payfit/unity-themes";
-import { SearchField as N, Input as S, FieldError as I } from "react-aria-components";
+import { FieldError as N } from "react-aria-components/FieldError";
+import { Input as S } from "react-aria-components/Input";
+import { SearchField as I } from "react-aria-components/SearchField";
 import { useIntl as k } from "react-intl";
 import { CircularIconButton as C } from "../icon-button/CircularIconButton.js";
 import { Icon as n } from "../icon/Icon.js";
@@ -85,7 +87,7 @@ const B = M({
       isReadOnly: u
     }), o = k();
     return /* @__PURE__ */ i(
-      N,
+      I,
       {
         "aria-label": c,
         className: "uy:group",
@@ -151,7 +153,7 @@ const B = M({
               )
             ] })
           ] }),
-          /* @__PURE__ */ e(I, { className: v(), children: s })
+          /* @__PURE__ */ e(N, { className: v(), children: s })
         ]
       }
     );

package/dist/esm/components/segmented-button-group/SegmentedButtonGroup.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { RadioGroupProps } from 'react-aria-components';
+import { RadioGroupProps } from 'react-aria-components/RadioGroup';
 export interface BasedSegmentedButtonGroupProps extends Omit<RadioGroupProps, 'children' | 'style' | 'className' | 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'orientation' | 'validationBehavior' | 'isRequired' | 'validate' | 'defaultValue'> {
     /**
      * The content of the `SegmentedButtonGroup`. Should contain `ToggleButton` components as children.

package/dist/esm/components/segmented-button-group/SegmentedButtonGroup.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useRadioGroup as n } from "react-aria";
-import { useRadioGroupState as i } from "react-stately";
+import { useRadioGroup as n } from "react-aria/useRadioGroup";
+import { useRadioGroupState as i } from "react-stately/useRadioGroupState";
 import { SegmentedButtonGroupProvider as a } from "./SegmentedButtonGroups.context.js";
 const d = (o) => {
   const { children: e } = o, t = i(o), { radioGroupProps: u } = n(

package/dist/esm/components/segmented-button-group/SegmentedButtonGroups.context.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import { RadioGroupState } from 'react-stately';
+import { RadioGroupState } from 'react-stately/useRadioGroupState';
 interface SegmentedButtonGroupContextValue {
     state: RadioGroupState;
 }

package/dist/esm/components/segmented-button-group/parts/ToggleButton.d.ts

@@ -1,5 +1,5 @@
 import { UnityIcon } from '@payfit/unity-icons';
-import { AriaRadioProps } from 'react-aria';
+import { AriaRadioProps } from 'react-aria/useRadioGroup';
 import { IconName } from '../../../types/utils.js';
 export interface ToggleButtonProps extends AriaRadioProps {
     /**

package/dist/esm/components/segmented-button-group/parts/ToggleButton.js

@@ -1,7 +1,10 @@
-import { jsxs as c, jsx as t, Fragment as b } from "react/jsx-runtime";
+import { jsxs as c, jsx as s, Fragment as b } from "react/jsx-runtime";
 import { forwardRef as h, useContext as x, useRef as v } from "react";
 import { uyTv as w } from "@payfit/unity-themes";
-import { useRadio as P, useFocusRing as L, VisuallyHidden as I, mergeProps as N } from "react-aria";
+import { mergeProps as P } from "react-aria/mergeProps";
+import { useFocusRing as L } from "react-aria/useFocusRing";
+import { useRadio as I } from "react-aria/useRadioGroup";
+import { VisuallyHidden as N } from "react-aria/VisuallyHidden";
 import { useIntl as V } from "react-intl";
 import { Icon as F } from "../../icon/Icon.js";
 import { Spinner as R } from "../../spinner/Spinner.js";
@@ -70,15 +73,15 @@ const B = w({
     hasPrefixIcon: !1
   }
 }), C = ({
-  intl: r,
-  children: n,
-  isLoading: o,
+  intl: t,
+  children: a,
+  isLoading: n,
   prefixIcon: e,
-  isSelected: s
-}) => o ? /* @__PURE__ */ t(
+  isSelected: r
+}) => n ? /* @__PURE__ */ s(
   R,
   {
-    label: r.formatMessage({
+    label: t.formatMessage({
       id: "unity:component:common:loading:label",
       defaultMessage: "Loading..."
     }),
@@ -86,33 +89,33 @@ const B = w({
     size: "small"
   }
 ) : /* @__PURE__ */ c(b, { children: [
-  e ? /* @__PURE__ */ t(
+  e ? /* @__PURE__ */ s(
     F,
     {
-      src: s ? `${e}Filled` : `${e}Outlined`,
-      color: s ? "content.neutral" : "content.neutral.low",
+      src: r ? `${e}Filled` : `${e}Outlined`,
+      color: r ? "content.neutral" : "content.neutral.low",
       role: "presentation"
     }
   ) : null,
-  n
+  a
 ] }), T = h(
-  (r, n) => {
-    const { children: o, value: e, prefixIcon: s, isLoading: a } = r, { state: u } = x(S), i = v(null), { inputProps: d } = P(r, u, i), { focusProps: p, isFocusVisible: f } = L(), y = V(), l = u.selectedValue === e, { base: g, wrapper: m } = B({
+  (t, a) => {
+    const { children: n, value: e, prefixIcon: r, isLoading: o } = t, { state: u } = x(S), i = v(null), { inputProps: d } = I(t, u, i), { focusProps: p, isFocusVisible: f } = L(), y = V(), l = u.selectedValue === e, { base: m, wrapper: g } = B({
       isSelected: l,
-      hasPrefixIcon: !!s,
-      isLoading: a,
+      hasPrefixIcon: !!r,
+      isLoading: o,
       isFocusVisible: f
     });
-    return /* @__PURE__ */ c("label", { ref: n, className: g(), "aria-disabled": a, children: [
-      /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(
+    return /* @__PURE__ */ c("label", { ref: a, className: m(), "aria-disabled": o, children: [
+      /* @__PURE__ */ s(N, { children: /* @__PURE__ */ s(
         "input",
         {
-          ...N(d, p),
+          ...P(d, p),
           ref: i,
-          disabled: a
+          disabled: o
         }
       ) }),
-      /* @__PURE__ */ t("span", { className: m(), children: C({ intl: y, children: o, isLoading: a, isSelected: l, prefixIcon: s }) })
+      /* @__PURE__ */ s("span", { className: g(), children: C({ intl: y, children: n, isLoading: o, isSelected: l, prefixIcon: r }) })
     ] });
   }
 );

package/dist/esm/components/select/Select.d.ts

@@ -1,6 +1,6 @@
 import { Node } from '@react-types/shared';
 import { ForwardedRef, JSX, ReactNode } from 'react';
-import { PopoverProps as AriaPopoverProps, SelectProps as AriaSelectProps } from 'react-aria-components';
+import { PopoverProps as AriaPopoverProps, SelectProps as AriaSelectProps } from 'react-aria-components/Select';
 export interface SelectProps<T extends object> extends Omit<AriaSelectProps<T>, 'children' | 'label' | 'style' | 'className' | 'value' | 'defaultValue' | 'onChange' | 'selectionMode'> {
     /** In static mode, contains <SelectOption /> and <SelectOptionGroup /> components, in dynamic mode, contains a function to render items passed to the component*/
     children: ReactNode | ((item: T) => ReactNode);

package/dist/esm/components/select/Select.js

@@ -1,7 +1,9 @@
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import { forwardRef as C, useState as F, useMemo as I } from "react";
 import { uyTv as A } from "@payfit/unity-themes";
-import { useFilter as T, Select as U, Popover as V, Autocomplete as $, Virtualizer as f, ListLayout as y, ListBox as m } from "react-aria-components";
+import { useFilter as T, Autocomplete as U } from "react-aria-components/Autocomplete";
+import { Select as V, Popover as $, ListBox as m } from "react-aria-components/Select";
+import { Virtualizer as f, ListLayout as y } from "react-aria-components/Virtualizer";
 import { useIntl as k } from "react-intl";
 import { SearchInput as q } from "./parts/SearchInput.js";
 import { SelectButton as G } from "./parts/SelectButton.js";
@@ -25,7 +27,7 @@ const H = A({
   onBlur: v,
   placement: x,
   searchInputAriaLabel: g,
-  renderEmptyState: o,
+  renderEmptyState: e,
   renderValue: S,
   ...w
 }, N) => {
@@ -33,11 +35,11 @@ const H = A({
     value: a,
     onChange: u
   } : { defaultValue: b }, p = I(() => {
-    if (o !== void 0)
-      return typeof o == "function" ? o : () => o;
-  }, [o]);
+    if (e !== void 0)
+      return typeof e == "function" ? e : () => e;
+  }, [e]);
   return /* @__PURE__ */ d(
-    U,
+    V,
     {
       onOpenChange: M,
       ...w,
@@ -49,7 +51,7 @@ const H = A({
       onBlur: v,
       ...B,
       children: [
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ o(
           G,
           {
             isDisabled: l,
@@ -59,15 +61,15 @@ const H = A({
             renderValue: S
           }
         ),
-        /* @__PURE__ */ e(
-          V,
+        /* @__PURE__ */ o(
+          $,
           {
             offset: 1,
             containerPadding: 8,
             className: z(),
             placement: x,
-            children: h ? /* @__PURE__ */ d($, { filter: P, children: [
-              /* @__PURE__ */ e(
+            children: h ? /* @__PURE__ */ d(U, { filter: P, children: [
+              /* @__PURE__ */ o(
                 q,
                 {
                   "aria-label": g ?? O.formatMessage({
@@ -76,14 +78,14 @@ const H = A({
                   })
                 }
               ),
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ o(
                 f,
                 {
                   layout: y,
                   layoutOptions: {
                     padding: 8
                   },
-                  children: /* @__PURE__ */ e(
+                  children: /* @__PURE__ */ o(
                     m,
                     {
                       items: t,
@@ -94,14 +96,14 @@ const H = A({
                   )
                 }
               )
-            ] }) : /* @__PURE__ */ e(
+            ] }) : /* @__PURE__ */ o(
               f,
               {
                 layout: y,
                 layoutOptions: {
                   padding: 8
                 },
-                children: /* @__PURE__ */ e(
+                children: /* @__PURE__ */ o(
                   m,
                   {
                     items: t,

package/dist/esm/components/select/parts/SearchInput.js

@@ -1,23 +1,24 @@
 import { jsxs as e, Fragment as l, jsx as t } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { uyTv as m } from "@payfit/unity-themes";
-import { SearchField as y, Input as d } from "react-aria-components";
+import { forwardRef as m } from "react";
+import { uyTv as c } from "@payfit/unity-themes";
+import { Input as y } from "react-aria-components/Input";
+import { SearchField as d } from "react-aria-components/SearchField";
 import { useIntl as p } from "react-intl";
 import { CircularIconButton as f } from "../../icon-button/CircularIconButton.js";
 import { Icon as b } from "../../icon/Icon.js";
-const h = m({
+const h = c({
   slots: {
     base: "uy:flex uy:gap-100 uy:transition-colors uy:py-125 uy:sm:py-100 uy:px-150 uy:rounded-100 uy:sm:rounded-75 uy:bg-surface-form-high-enabled uy:text-content-form-active uy:mt-100 uy:mb-100 uy:ml-100 uy:mr-100 uy:typography-body uy:focus-within:border uy:focus-within:border-solid uy:focus-within:border-border-form-active",
     input: "uy:flex-grow uy:outline-none uy:[&::-webkit-search-cancel-button]:hidden uy:min-h-300",
     button: "uy:text-content-neutral-enabled",
     separator: "uy:h-[1px] uy:bg-surface-neutral-lowest uy:w-full uy:mt-100"
   }
-}), g = c(
+}), g = m(
   ({ "aria-label": r }, o) => {
     const a = p(), { base: u, input: n, button: i, separator: s } = h();
     return /* @__PURE__ */ e(l, { children: [
       /* @__PURE__ */ e(
-        y,
+        d,
         {
           className: u(),
           ref: o,
@@ -32,7 +33,7 @@ const h = m({
                 color: "content.neutral.lowest"
               }
             ),
-            /* @__PURE__ */ t(d, { className: n() }),
+            /* @__PURE__ */ t(y, { className: n() }),
             /* @__PURE__ */ t(
               f,
               {

package/dist/esm/components/select/parts/SelectButton.js

@@ -1,6 +1,7 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { uyTv as b } from "@payfit/unity-themes";
-import { Button as p, SelectValue as n } from "react-aria-components";
+import { Button as p } from "react-aria-components/Button";
+import { SelectValue as n } from "react-aria-components/Select";
 import { useIntl as v } from "react-intl";
 import { Icon as u } from "../../icon/Icon.js";
 const x = b({

package/dist/esm/components/select/parts/SelectOption.d.ts

@@ -1,5 +1,5 @@
 import { default as React, ReactNode } from 'react';
-import { ListBoxItemProps } from 'react-aria-components';
+import { ListBoxItemProps } from 'react-aria-components/ListBox';
 /**
  * SelectOption component for displaying options in a Select dropdown.
  * @note The `textValue` prop (inherited from ListBoxItemProps) is used for searching when the content

package/dist/esm/components/select/parts/SelectOption.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as y, Fragment as i } from "react/jsx-runtime";
 import { forwardRef as d } from "react";
 import { uyTv as f } from "@payfit/unity-themes";
-import { ListBoxItem as p } from "react-aria-components";
+import { ListBoxItem as p } from "react-aria-components/ListBox";
 import { Icon as m } from "../../icon/Icon.js";
 import { SelectOptionProvider as b } from "./SelectOption.context.js";
 const x = f({

package/dist/esm/components/select/parts/SelectOptionGroup.d.ts

@@ -1,5 +1,5 @@
 import { ForwardedRef, JSX } from 'react';
-import { ListBoxSectionProps } from 'react-aria-components';
+import { ListBoxSectionProps } from 'react-aria-components/ListBox';
 export interface SelectOptionGroupProps<T extends object> extends ListBoxSectionProps<T> {
     label: string;
 }

package/dist/esm/components/select/parts/SelectOptionGroup.js

@@ -1,24 +1,27 @@
-import { jsxs as n, Fragment as a, jsx as e } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { uyTv as c } from "@payfit/unity-themes";
-import { ListBoxSection as y, Header as m, Collection as d, Separator as f } from "react-aria-components";
-const h = c({
+import { jsxs as p, Fragment as n, jsx as r } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { uyTv as m } from "@payfit/unity-themes";
+import { Collection as c } from "react-aria-components/Collection";
+import { Header as y } from "react-aria-components/Header";
+import { ListBoxSection as d } from "react-aria-components/ListBox";
+import { Separator as f } from "react-aria-components/Separator";
+const h = m({
   slots: {
     base: "",
     header: "uy:text-content-neutral-enabled uy:typography-body-strong uy:pt-100 uy:pb-100 uy:pl-150 uy:pr-150",
     separator: "uy:h-[1px] uy:bg-surface-neutral-lowest uy:w-full uy:mb-100 uy:mt-100 uy:last:hidden"
   }
-}), b = ({ label: r, children: o, items: t }, p) => {
-  const { base: u, header: s, separator: l } = h();
-  return /* @__PURE__ */ n(a, { children: [
-    /* @__PURE__ */ n(y, { ref: p, className: u(), id: r, items: t, children: [
-      /* @__PURE__ */ e(m, { className: s(), children: r }),
-      t ? /* @__PURE__ */ e(d, { items: t, children: o }) : /* @__PURE__ */ e(a, { children: o })
+}), b = ({ label: e, children: t, items: o }, a) => {
+  const { base: u, header: s, separator: i } = h();
+  return /* @__PURE__ */ p(n, { children: [
+    /* @__PURE__ */ p(d, { ref: a, className: u(), id: e, items: o, children: [
+      /* @__PURE__ */ r(y, { className: s(), children: e }),
+      o ? /* @__PURE__ */ r(c, { items: o, children: t }) : /* @__PURE__ */ r(n, { children: t })
     ] }),
-    /* @__PURE__ */ e(f, { orientation: "horizontal", className: l() })
+    /* @__PURE__ */ r(f, { orientation: "horizontal", className: i() })
   ] });
-}, x = i(function(o, t) {
-  return b(o, t);
+}, x = l(function(t, o) {
+  return b(t, o);
 });
 x.displayName = "SelectOptionGroup";
 export {

package/dist/esm/components/select-list/SelectList.d.ts

@@ -1,5 +1,5 @@
 import { JSX, Ref } from 'react';
-import { ListBoxProps as AriaListBoxProps } from 'react-aria-components';
+import { ListBoxProps as AriaListBoxProps } from 'react-aria-components/ListBox';
 /**
  * Props for the SelectList component.
  * @template TType - The type of items in the list

package/dist/esm/components/select-list/SelectList.js

@@ -1,7 +1,10 @@
 import { jsx as e, jsxs as s, Fragment as E } from "react/jsx-runtime";
-import { forwardRef as F, useMemo as y } from "react";
+import { forwardRef as F, useMemo as m } from "react";
 import { uyTv as R } from "@payfit/unity-themes";
-import { useFilter as T, ListBox as H, Collection as M, Autocomplete as O, Separator as _, Virtualizer as m } from "react-aria-components";
+import { useFilter as T, Autocomplete as H } from "react-aria-components/Autocomplete";
+import { ListBox as M, Collection as O } from "react-aria-components/ListBox";
+import { Separator as _ } from "react-aria-components/Separator";
+import { Virtualizer as y } from "react-aria-components/Virtualizer";
 import { DEFAULT_SEARCH_THRESHOLD as j, VIRTUALIZATION_CONFIG as d } from "./constants.js";
 import { useControlledSelection as k } from "./hooks/useControlledSelection.js";
 import { useSelectedFirstSorting as D } from "./hooks/useSelectedFirstSorting.js";
@@ -32,11 +35,11 @@ function K({
   const { contains: L } = T({ sensitivity: "base" }), { wrapper: x, inputContainer: v, list: w, separator: C, selectedListBox: A } = G(), [i, l] = k(
     f,
     h
-  ), N = y(() => (Array.isArray(r) ? r.length : Array.from(r).length) >= j || a, [r, a]), t = D(
+  ), N = m(() => (Array.isArray(r) ? r.length : Array.from(r).length) >= j || a, [r, a]), t = D(
     r,
     i,
     g
-  ), n = y(() => t.remainingItems ? !t.remainingItems[Symbol.iterator]().next().done : !1, [t.remainingItems]), u = /* @__PURE__ */ e(
+  ), n = m(() => t.remainingItems ? !t.remainingItems[Symbol.iterator]().next().done : !1, [t.remainingItems]), u = /* @__PURE__ */ e(
     U,
     {
       items: t.selectedItems,
@@ -49,7 +52,7 @@ function K({
       "data-is-last": !n
     }
   ), c = /* @__PURE__ */ e(
-    H,
+    M,
     {
       ...o,
       className: w({ className: b }),
@@ -57,19 +60,19 @@ function K({
       selectedKeys: i,
       onSelectionChange: l,
       renderEmptyState: V,
-      children: /* @__PURE__ */ e(M, { items: t.remainingItems, children: p })
+      children: /* @__PURE__ */ e(O, { items: t.remainingItems, children: p })
     }
   );
-  return /* @__PURE__ */ e("div", { ref: I, className: x(), children: N ? /* @__PURE__ */ s(O, { filter: L, children: [
+  return /* @__PURE__ */ e("div", { ref: I, className: x(), children: N ? /* @__PURE__ */ s(H, { filter: L, children: [
     /* @__PURE__ */ s("div", { className: v(), "data-dd-privacy": "mask", children: [
       /* @__PURE__ */ e(z, {}),
       /* @__PURE__ */ e(_, { className: C() })
     ] }),
     u,
-    n && /* @__PURE__ */ e(m, { ...d, children: c })
+    n && /* @__PURE__ */ e(y, { ...d, children: c })
   ] }) : /* @__PURE__ */ s(E, { children: [
     u,
-    n && /* @__PURE__ */ e(m, { ...d, children: c })
+    n && /* @__PURE__ */ e(y, { ...d, children: c })
   ] }) });
 }
 const Z = F(K);

package/dist/esm/components/select-list/SelectList.types.d.ts

@@ -1,4 +1,4 @@
-import { Key } from 'react-aria-components';
+import { Key } from 'react-aria-components/Breadcrumbs';
 /**
  * Type for items that have an id and can be selected
  */

package/dist/esm/components/select-list/constants.d.ts

@@ -1,4 +1,4 @@
-import { ListLayout } from 'react-aria-components';
+import { ListLayout } from 'react-aria-components/Virtualizer';
 /**
  * Configuration for list virtualization.
  * @remarks

package/dist/esm/components/select-list/constants.js

@@ -1,5 +1,5 @@
 import * as t from "@payfit/unity-themes/tokens/common/spacings.json";
-import { ListLayout as s } from "react-aria-components";
+import { ListLayout as s } from "react-aria-components/Virtualizer";
 const a = (o) => parseInt(o.replace("px", "").trim(), 10), i = a(t.spacing[500].$value), n = a(t.spacing[400].$value), p = {
   layout: s,
   layoutOptions: {

package/dist/esm/components/select-list/helpers.d.ts

@@ -1,4 +1,4 @@
-import { Key } from 'react-aria-components';
+import { Key } from 'react-aria-components/Breadcrumbs';
 import { ProcessedDynamicContent, ProcessedFlatDynamicContent, SectionWithChildren, SelectableItem } from './SelectList.types.js';
 /**
  * Type guard to check if an object has a children array property,

package/dist/esm/components/select-list/hooks/useControlledSelection.d.ts

@@ -1,4 +1,5 @@
-import { Key, Selection } from 'react-aria-components';
+import { Key } from 'react-aria-components/Breadcrumbs';
+import { Selection } from 'react-aria-components/GridList';
 /**
  * Hook to manage controlled/uncontrolled selection state.
  * Follows React's controlled component pattern.

package/dist/esm/components/select-list/hooks/useSelectedFirstSorting.d.ts

@@ -1,4 +1,4 @@
-import { Selection } from 'react-aria-components';
+import { Selection } from 'react-aria-components/GridList';
 interface ProcessedItems<TType> {
     selectedItems: TType[];
     remainingItems: Iterable<TType> | undefined;

package/dist/esm/components/select-list/parts/SelectListOptGroup.d.ts

@@ -1,4 +1,4 @@
-import { ListBoxSectionProps } from 'react-aria-components';
+import { ListBoxSectionProps } from 'react-aria-components/ListBox';
 export declare const selectListOptGroup: import('tailwind-variants').TVReturnType<{
     [key: string]: {
         [key: string]: import('tailwind-merge').ClassNameValue | {