@payfit/unity-components 2.25.4 → 2.25.5

package/dist/esm/components/filter-toolbar/FilterToolbar.js

@@ -1,8 +1,9 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import { jsxs as b, jsx as r } from "react/jsx-runtime";
 import { forwardRef as B, useState as G, useMemo as f } from "react";
 import { uyTv as H } from "@payfit/unity-themes";
-import { useId as W } from "react-aria";
-import { Toolbar as Y, Group as k } from "react-aria-components";
+import { Group as W } from "react-aria-components/Group";
+import { Toolbar as Y } from "react-aria-components/Toolbar";
+import { useId as k } from "react-aria/useId";
 import { useIntl as q, FormattedMessage as z } from "react-intl";
 import { Button as J } from "../button/Button.js";
 import { Filter as K } from "../filter/Filter.js";
@@ -23,7 +24,7 @@ const X = H({
     onAddFilterPress: h,
     ...C
   }, L) => {
-    const i = q(), s = W(), [M, c] = G(
+    const i = q(), s = k(), [M, c] = G(
       /* @__PURE__ */ new Set()
     ), {
       appliedFilters: m,
@@ -73,7 +74,7 @@ const X = H({
       filterList: `filter-toolbar-${s}__filter-list`,
       filterControls: `filter-toolbar-${s}__filter-controls`
     }), [s]);
-    return /* @__PURE__ */ p(
+    return /* @__PURE__ */ b(
       Y,
       {
         ref: L,
@@ -93,13 +94,13 @@ const X = H({
               children: m.map((t, l) => {
                 const e = x.get(t);
                 if (!e) return null;
-                const b = A.get(t);
+                const p = A.get(t);
                 return /* @__PURE__ */ r("li", { role: "presentation", children: /* @__PURE__ */ r(
                   K,
                   {
                     id: e.id,
                     label: e.label,
-                    value: b,
+                    value: p,
                     onChange: (R) => {
                       _(e.id, R);
                     },
@@ -117,7 +118,7 @@ const X = H({
                       n(e.id, void 0);
                     },
                     onConfirmSelection: () => {
-                      n(e.id, b);
+                      n(e.id, p);
                     },
                     ...e.filterProps
                   }
@@ -125,8 +126,8 @@ const X = H({
               })
             }
           ),
-          /* @__PURE__ */ p(
-            k,
+          /* @__PURE__ */ b(
+            W,
             {
               className: j(),
               "aria-label": d.filterControls,

package/dist/esm/components/filter-toolbar/parts/AddFilter.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from '@payfit/unity-themes';
-import { Selection } from 'react-aria-components';
+import { Selection } from 'react-aria-components/GridList';
 import { FilterDef } from '../FilterToolbar.types.js';
 export interface AddFilterProps extends VariantProps<typeof addFilter> {
     /** Available filter definitions that can be added */

package/dist/esm/components/filter-toolbar/parts/AddFilter.js

@@ -2,7 +2,10 @@ import { jsxs as s, Fragment as y, jsx as e } from "react/jsx-runtime";
 import { useState as g, useRef as h } from "react";
 import { Icon as v } from "@payfit/unity-icons";
 import { uyTv as x } from "@payfit/unity-themes";
-import { Button as F, Popover as N, Dialog as M, ListBox as A } from "react-aria-components";
+import { Button as F } from "react-aria-components/Button";
+import { Dialog as N } from "react-aria-components/Dialog";
+import { ListBox as M } from "react-aria-components/ListBox";
+import { Popover as A } from "react-aria-components/Popover";
 import { useIntl as O, FormattedMessage as P } from "react-intl";
 import { filterPopover as w } from "../../filter/parts/FilterPopover.js";
 import { AddFilterItem as I } from "./AddFilterItem.js";
@@ -35,15 +38,15 @@ const S = x({
   isDisabled: d = !1,
   ...i
 }) => {
-  const u = O(), [n, r] = g(!1), o = h(null), { popover: c, dialog: f } = w(), { icon: m, button: b, listbox: p } = S();
+  const u = O(), [n, t] = g(!1), o = h(null), { popover: f, dialog: m } = w(), { icon: c, button: p, listbox: b } = S();
   return /* @__PURE__ */ s(y, { children: [
     /* @__PURE__ */ s(
       F,
       {
-        className: b(),
+        className: p(),
         ref: o,
         onPress: () => {
-          r(!0);
+          t(!0);
         },
         isDisabled: d,
         ...i,
@@ -54,7 +57,7 @@ const S = x({
               src: "PlusOutlined",
               role: "presentation",
               size: 20,
-              className: m()
+              className: c()
             }
           ),
           /* @__PURE__ */ e(
@@ -68,31 +71,31 @@ const S = x({
       }
     ),
     /* @__PURE__ */ e(
-      N,
+      A,
       {
-        className: c(),
+        className: f(),
         triggerRef: o,
         isOpen: n,
-        onOpenChange: r,
+        onOpenChange: t,
         placement: "bottom start",
         children: /* @__PURE__ */ e(
-          M,
+          N,
           {
-            className: f(),
+            className: m(),
             "aria-label": u.formatMessage({
               id: "unity:component:filter-toolbar:add-filter:popover:label",
               defaultMessage: "Select a filter to add"
             }),
             children: /* @__PURE__ */ e(
-              A,
+              M,
               {
-                className: p(),
+                className: b(),
                 selectionMode: "single",
                 items: a,
-                onSelectionChange: (t) => {
-                  l?.(t), r(!1);
+                onSelectionChange: (r) => {
+                  l?.(r), t(!1);
                 },
-                children: (t) => /* @__PURE__ */ e(I, { id: t.id, children: t.label })
+                children: (r) => /* @__PURE__ */ e(I, { id: r.id, children: r.label })
               }
             )
           }

package/dist/esm/components/filter-toolbar/parts/AddFilterItem.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';
 export declare const addFilterItem: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
 export interface AddFilterItemProps extends VariantProps<typeof addFilterItem>, ListBoxItemProps {
 }

package/dist/esm/components/filter-toolbar/parts/AddFilterItem.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { uyTv as o } from "@payfit/unity-themes";
-import { ListBoxItem as i } from "react-aria-components";
+import { ListBoxItem as i } from "react-aria-components/ListBox";
 const s = o({
   base: [
     "uy:flex uy:items-center uy:gap-100 uy:text-content-neutral uy:typography-body",

package/dist/esm/components/floating-action-bar/FloatingActionBar.js

@@ -1,7 +1,7 @@
 import { jsx as b } from "react/jsx-runtime";
 import { forwardRef as g, useState as v, useCallback as r } from "react";
 import { uyTv as x } from "@payfit/unity-themes";
-import { Toolbar as B } from "react-aria-components";
+import { Toolbar as B } from "react-aria-components/Toolbar";
 import { useBreakpointListener as k, isDesktopBreakpoint as F } from "../../hooks/use-breakpoint-listener.js";
 import { useMediaQuery as M } from "../../hooks/use-media-query.js";
 import { useScrollDirection as h } from "../../hooks/use-scroll-direction.js";

package/dist/esm/components/form/Form.d.ts

@@ -1,6 +1,6 @@
 import { default as React, PropsWithChildren, Ref } from 'react';
 import { StandardSchemaV1 } from '@standard-schema/spec';
-import { FormProps as AriaFormProps } from 'react-aria-components';
+import { FormProps as AriaFormProps } from 'react-aria-components/Form';
 import { FieldErrors, UseFormReturn } from 'react-hook-form';
 import { Schema, TFormValues } from '../../hooks/use-form.types.js';
 type AllowedAriaFormProps = Omit<AriaFormProps, 'action' | 'onSubmit' | 'method' | 'target' | 'validationErrors' | 'onInvalid'>;

package/dist/esm/components/form-field/parts/FormControl.js

@@ -1,7 +1,7 @@
 import { jsx as I } from "react/jsx-runtime";
 import { useMemo as g } from "react";
 import { Slot as x } from "@radix-ui/react-slot";
-import { mergeProps as C } from "react-aria";
+import { mergeProps as C } from "react-aria/mergeProps";
 import { useFormContext as D, useController as F } from "react-hook-form";
 import { useFormField as L } from "../FormField.context.js";
 function R({ ...s }) {

package/dist/esm/components/form-field/parts/RawFormContextualLink.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import { forwardRef as d } from "react";
-import { Button as m } from "react-aria-components";
+import { Button as m } from "react-aria-components/Button";
 import { RawLink as s } from "../../link/RawLink.js";
 import { useFormField as u } from "../FormField.context.js";
 const c = d((l, o) => {

package/dist/esm/components/form-field/parts/TanstackRawFormContextualLink.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren } from 'react';
-import { ButtonProps } from 'react-aria-components';
+import { ButtonProps } from 'react-aria-components/Button';
 import { RawLinkProps } from '../../link/RawLink.js';
 export interface FormContextualLinkProps extends RawLinkProps {
     /**

package/dist/esm/components/form-field/parts/TanstackRawFormContextualLink.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as e } from "react";
-import { Button as s } from "react-aria-components";
+import { Button as s } from "react-aria-components/Button";
 import { RawLink as m } from "../../link/RawLink.js";
 import { useFieldA11yContext as c } from "../TanstackFormField.context.js";
 const u = e((t, a) => {

package/dist/esm/components/full-page-loader/FullPageLoader.js

@@ -1,6 +1,6 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { uyTv as o } from "@payfit/unity-themes";
-import { useId as s } from "react-aria";
+import { useId as s } from "react-aria/useId";
 import { FormattedMessage as t } from "react-intl";
 import { Spinner as i } from "../spinner/Spinner.js";
 const n = o({

package/dist/esm/components/funnel-layout/FunnelLayout.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { forwardRef as d, useMemo as f } from "react";
 import { uyTv as y } from "@payfit/unity-themes";
-import { useId as c } from "react-aria";
+import { useId as c } from "react-aria/useId";
 import { FormattedMessage as a } from "react-intl";
 import { SkipLinks as p, SkipLink as o } from "../skip-links/SkipLinks.js";
 import { FunnelLayoutProvider as m } from "./FunnelLayout.context.js";

package/dist/esm/components/funnel-layout/parts/FunnelProgressBar.js

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

package/dist/esm/components/icon-button/CircularIconButton.d.ts

@@ -1,6 +1,6 @@
 import { UnityIcon } from '@payfit/unity-icons';
 import { VariantProps } from '@payfit/unity-themes';
-import { ButtonProps as AriaButtonProps } from 'react-aria-components';
+import { ButtonProps as AriaButtonProps } from 'react-aria-components/Button';
 export declare const circularIconButton: import('tailwind-variants').TVReturnType<{
     size: {
         default: string;

package/dist/esm/components/icon-button/CircularIconButton.js

@@ -1,7 +1,8 @@
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import { forwardRef as z } from "react";
 import { uyTv as I } from "@payfit/unity-themes";
-import { Button as N, Pressable as B } from "react-aria-components";
+import { Button as N } from "react-aria-components/Button";
+import { Pressable as B } from "react-aria-components/Pressable";
 import L from "../../hooks/use-id.js";
 import { Icon as y } from "../icon/Icon.js";
 import { Spinner as b } from "../spinner/Spinner.js";
@@ -48,8 +49,8 @@ const j = I({
     color: "content.neutral.low"
   }
 }), D = z((m, o) => {
-  const v = L(), {
-    type: p,
+  const p = L(), {
+    type: v,
     onPress: s,
     icon: u,
     color: g,
@@ -61,14 +62,14 @@ const j = I({
     className: h,
     "aria-labelledby": x,
     ...n
-  } = m, r = `icon-button-label-${v}`, c = j({ class: h, color: g, size: l });
+  } = m, r = `icon-button-label-${p}`, c = j({ class: h, color: g, size: l });
   return w === "button" ? /* @__PURE__ */ e(f, { title: a, children: /* @__PURE__ */ d(
     N,
     {
       ref: o,
       "data-dd-privacy": "allow",
       ...n,
-      type: p,
+      type: v,
       onPress: s,
       isDisabled: i || t,
       "aria-labelledby": x ?? r,

package/dist/esm/components/icon-button/IconButton.d.ts

@@ -1,6 +1,6 @@
 import { UnityIcon } from '@payfit/unity-icons';
 import { AriaRole, ButtonHTMLAttributes } from 'react';
-import { ButtonProps as AriaButtonProps } from 'react-aria-components';
+import { ButtonProps as AriaButtonProps } from 'react-aria-components/Button';
 import { IconButtonGhost, IconButtonPrimary, IconButtonSecondary } from './IconButton.variants.js';
 interface IconButtonBaseProps {
     /** Label used to describe the action of the button */

package/dist/esm/components/icon-button/IconButton.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as y } from "react/jsx-runtime";
 import { forwardRef as b } from "react";
-import { Button as B } from "react-aria-components";
+import { Button as B } from "react-aria-components/Button";
 import h from "../../hooks/use-id.js";
 import { Icon as I } from "../icon/Icon.js";
 import { Spinner as N } from "../spinner/Spinner.js";

package/dist/esm/components/inline-field/parts/InlineFieldEditView.js

@@ -1,9 +1,10 @@
-import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import { useRef as S, useState as N, useEffect as m, useCallback as v } from "react";
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
+import { useRef as S, useState as N, useEffect as l, useCallback as v } from "react";
 import { uyTv as L } from "@payfit/unity-themes";
 import { useStore as P } from "@tanstack/react-form";
-import { useKeyboard as T, FocusScope as R } from "react-aria";
-import { Group as j } from "react-aria-components";
+import { Group as T } from "react-aria-components/Group";
+import { FocusScope as R } from "react-aria/FocusScope";
+import { useKeyboard as j } from "react-aria/useKeyboard";
 import { useIntl as K } from "react-intl";
 import { useFormContext as O } from "../../../hooks/tanstack-form-context.js";
 import { TanstackFormFeedbackText as B } from "../../form-field/parts/TanstackFormFeedbackText.js";
@@ -38,11 +39,11 @@ function J({
     isSubmitSuccessful: e.isSubmitSuccessful,
     submissionAttempts: e.submissionAttempts
   })), a = S(t), w = S(u), [k, d] = N(""), c = i?.mode === "edit";
-  m(() => {
+  l(() => {
     t && !a.current && d("");
-  }, [t]), m(() => {
+  }, [t]), l(() => {
     a.current && !t && r && i?.exitEditMode();
-  }, [t, r, i]), m(() => {
+  }, [t, r, i]), l(() => {
     if (a.current && !t && !r && y) {
       const I = b ?? n.formatMessage({
         id: "unity:component:inline-field:save-error",
@@ -50,7 +51,7 @@ function J({
       });
       d(I);
     }
-  }, [t, r, y, b, n]), m(() => {
+  }, [t, r, y, b, n]), l(() => {
     a.current = t, w.current = u;
   }, [t, u]);
   const { base: D } = z(), V = v(
@@ -60,12 +61,12 @@ function J({
     [o]
   ), g = v(() => {
     o.reset(), i?.exitEditMode(), d("");
-  }, [o, i]), { keyboardProps: A } = T({
+  }, [o, i]), { keyboardProps: A } = j({
     onKeyDown: (e) => {
       e.key === "Escape" && i?.mode === "edit" && (e.preventDefault(), f?.(), g());
     }
   });
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ m(
     "div",
     {
       className: D(),
@@ -81,12 +82,12 @@ function J({
             className: "uy:flex uy:flex-1 uy:min-w-0",
             onSubmit: V,
             id: i?.editViewId,
-            children: /* @__PURE__ */ l(H, { children: [
+            children: /* @__PURE__ */ m(H, { children: [
               p && /* @__PURE__ */ s(G, { children: p }),
-              /* @__PURE__ */ l("div", { className: "uy:flex", children: [
+              /* @__PURE__ */ m("div", { className: "uy:flex", children: [
                 x,
-                /* @__PURE__ */ l(
-                  j,
+                /* @__PURE__ */ m(
+                  T,
                   {
                     className: "uy:flex uy:gap-50 uy:items-center uy:ml-100",
                     "aria-busy": i?.isLoading,

package/dist/esm/components/inline-field-group/InlineFieldGroup.js

@@ -1,10 +1,12 @@
 import { jsx as u, jsxs as te } from "react/jsx-runtime";
-import { forwardRef as ie, useRef as a, useState as K, useEffect as o, useCallback as P, useImperativeHandle as oe, useMemo as re } from "react";
+import { forwardRef as ie, useRef as m, useState as K, useEffect as o, useCallback as P, useImperativeHandle as oe, useMemo as re } from "react";
 import { uyTv as ne } from "@payfit/unity-themes";
 import { useStore as se } from "@tanstack/react-form";
-import { useId as ue, useKeyboard as le, FocusScope as ce } from "react-aria";
-import { useIntl as ae } from "react-intl";
-import { useFormContext as me } from "../../hooks/tanstack-form-context.js";
+import { FocusScope as ue } from "react-aria/FocusScope";
+import { useId as le } from "react-aria/useId";
+import { useKeyboard as ce } from "react-aria/useKeyboard";
+import { useIntl as me } from "react-intl";
+import { useFormContext as ae } from "../../hooks/tanstack-form-context.js";
 import { useBreakpointListener as de } from "../../hooks/use-breakpoint-listener.js";
 import { useInlineFieldGroupMode as fe } from "./hooks/useInlineFieldGroupMode.js";
 import { InlineFieldGroupContext as pe } from "./InlineFieldGroup.context.js";
@@ -13,15 +15,15 @@ const ve = ne({
   slots: {
     form: "uy:flex uy:flex-col uy:gap-300"
   }
-}), $ = (m) => {
-  if (!m.current) return;
-  const d = m.current.querySelector(
+}), $ = (a) => {
+  if (!a.current) return;
+  const d = a.current.querySelector(
     '[aria-invalid="true"]'
   );
   d && d.focus();
 }, H = 5e3, ye = ie(
   ({
-    children: m,
+    children: a,
     mode: d,
     defaultMode: U,
     onModeChange: W,
@@ -39,7 +41,7 @@ const ve = ne({
     onSavePress: C,
     onCancelPress: D
   }, Q) => {
-    const l = ue(), g = `unity-InlineFieldGroup-${l}__header`, q = `unity-InlineFieldGroup-${l}__edit-view`, b = a(null), r = a(null), B = a(!0), [G, h] = K(""), [R, v] = K(""), y = ae(), c = me(), O = de(), X = O === "xs" || O === "sm", { mode: t, enterEditMode: S, exitEditMode: n } = fe({
+    const l = le(), g = `unity-InlineFieldGroup-${l}__header`, q = `unity-InlineFieldGroup-${l}__edit-view`, b = m(null), r = m(null), B = m(!0), [G, h] = K(""), [R, v] = K(""), y = me(), c = ae(), O = de(), X = O === "xs" || O === "sm", { mode: t, enterEditMode: S, exitEditMode: n } = fe({
       mode: d,
       defaultMode: U,
       onModeChange: W,
@@ -49,7 +51,7 @@ const ve = ne({
       isValid: e.isValid,
       isSubmitSuccessful: e.isSubmitSuccessful,
       submissionAttempts: e.submissionAttempts
-    })), A = a(i), j = a(x);
+    })), A = m(i), j = m(x);
     o(() => {
       i && !A.current && (h(""), v(""));
     }, [i]), o(() => {
@@ -111,7 +113,7 @@ const ve = ne({
           (e || s) && b.current && b.current.focus();
         });
     }, [t]);
-    const { keyboardProps: Z } = le({
+    const { keyboardProps: Z } = ce({
       onKeyDown: (e) => {
         e.key === "Escape" && t === "edit" && (e.preventDefault(), N());
       }
@@ -180,8 +182,8 @@ const ve = ne({
         onSubmit: Y,
         "aria-label": M,
         "aria-labelledby": M ? void 0 : g,
-        children: /* @__PURE__ */ te(ce, { contain: J && t === "edit", children: [
-          m,
+        children: /* @__PURE__ */ te(ue, { contain: J && t === "edit", children: [
+          a,
           X && /* @__PURE__ */ u("div", { className: "uy:flex", children: /* @__PURE__ */ u(be, { orientation: "vertical" }) }),
           /* @__PURE__ */ u(
             "div",

package/dist/esm/components/input/Input.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { InputProps as AriaInputProps } from 'react-aria-components';
+import { InputProps as AriaInputProps } from 'react-aria-components/Input';
 export interface InputProps extends Omit<AriaInputProps, 'prefix' | 'style' | 'className'> {
     /**
      * The type of the input field

package/dist/esm/components/input/Input.js

@@ -1,7 +1,7 @@
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
 import { forwardRef as v } from "react";
 import { uyTv as h } from "@payfit/unity-themes";
-import { Input as I } from "react-aria-components";
+import { Input as I } from "react-aria-components/Input";
 import { useIntl as N } from "react-intl";
 import { CircularIconButton as W } from "../icon-button/CircularIconButton.js";
 import { Icon as M } from "../icon/Icon.js";

package/dist/esm/components/label/Label.d.ts

@@ -1,4 +1,4 @@
-import { LabelProps as AriaLabelProps } from 'react-aria-components';
+import { LabelProps as AriaLabelProps } from 'react-aria-components/Label';
 export interface LabelProps extends AriaLabelProps {
     /**
      * Whether the field is required.

package/dist/esm/components/label/Label.js

@@ -1,8 +1,10 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { jsxs as r, jsx as s } from "react/jsx-runtime";
 import { forwardRef as c } from "react";
 import { uyTv as b } from "@payfit/unity-themes";
-import { mergeProps as g } from "react-aria";
-import { useSlottedContext as f, InputContext as h, Label as N } from "react-aria-components";
+import { InputContext as f } from "react-aria-components/Input";
+import { Label as g } from "react-aria-components/Label";
+import { useSlottedContext as h } from "react-aria-components/slots";
+import { mergeProps as N } from "react-aria/mergeProps";
 import { useIntl as q } from "react-intl";
 const x = b({
   slots: {
@@ -25,31 +27,31 @@ const x = b({
   }
 }), v = c(
   ({ children: n, ...a }, l) => {
-    const e = q(), i = f(h), d = g(
+    const e = q(), i = h(f), m = N(
       { isRequired: i?.["aria-required"] },
       a
     ), {
       isRequired: t = !1,
       requiredVariant: o = "required",
-      ...y
-    } = d, { base: p, asterisk: m, optionalTag: u } = x();
-    return /* @__PURE__ */ s(
-      N,
+      ...p
+    } = m, { base: d, asterisk: y, optionalTag: u } = x();
+    return /* @__PURE__ */ r(
+      g,
       {
         "data-dd-privacy": "allow",
-        ...y,
+        ...p,
         ref: l,
-        className: p({ className: a.className }),
+        className: d({ className: a.className }),
         children: [
           n,
-          o === "required" && t && /* @__PURE__ */ s("span", { className: m(), children: [
+          o === "required" && t && /* @__PURE__ */ r("span", { className: y(), children: [
             "*",
-            /* @__PURE__ */ r("span", { className: "uy:sr-only", children: e.formatMessage({
+            /* @__PURE__ */ s("span", { className: "uy:sr-only", children: e.formatMessage({
               id: "unity:component:label:required",
               defaultMessage: "required"
             }) })
           ] }),
-          o === "optional" && !t && /* @__PURE__ */ r("span", { className: u({ className: a.className }), children: e.formatMessage({
+          o === "optional" && !t && /* @__PURE__ */ s("span", { className: u({ className: a.className }), children: e.formatMessage({
             id: "unity:component:label:optional",
             defaultMessage: "(optional)"
           }) })

package/dist/esm/components/link/RawLink.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from '@payfit/unity-themes';
 import { HTMLAttributes } from 'react';
-import { LinkProps as AriaLinkProps } from 'react-aria-components';
+import { LinkProps as AriaLinkProps } from 'react-aria-components/Link';
 export declare const link: import('tailwind-variants').TVReturnType<{
     variant: {
         inline: {

package/dist/esm/components/link/RawLink.js

@@ -2,7 +2,7 @@ import { jsxs as h, jsx as g } from "react/jsx-runtime";
 import { forwardRef as w } from "react";
 import { IconSprite as k } from "@payfit/unity-icons";
 import { uyTv as D } from "@payfit/unity-themes";
-import { Link as z } from "react-aria-components";
+import { Link as z } from "react-aria-components/Link";
 import { useRouter as A } from "../../providers/router/RouterProvider.js";
 import { isExternalUrl as E } from "./utils.js";
 const L = D({

package/dist/esm/components/link-button/RawLinkButton.d.ts

@@ -1,6 +1,6 @@
 import { UnityIcon } from '@payfit/unity-icons';
 import { PropsWithChildren } from 'react';
-import { LinkProps as AriaLinkProps } from 'react-aria-components';
+import { LinkProps as AriaLinkProps } from 'react-aria-components/Link';
 import { ButtonBase, ButtonFilled, ButtonGhost, ButtonOutlined } from '../button/Button.variants.js';
 type UnityLinkButtonProps = Omit<AriaLinkProps, 'style' | 'className'> & ButtonBase & {
     /**

package/dist/esm/components/link-button/RawLinkButton.js

@@ -1,7 +1,7 @@
 import { jsx as u, jsxs as h } from "react/jsx-runtime";
 import { forwardRef as v, useMemo as N } from "react";
 import { uyMerge as m, cn as E } from "@payfit/unity-themes";
-import { Link as R } from "react-aria-components";
+import { Link as R } from "react-aria-components/Link";
 import { buttonGhost as g, buttonOutlined as j, buttonFilled as B } from "../button/Button.variants.js";
 import { Icon as I } from "../icon/Icon.js";
 import { isExternalUrl as M } from "../link/utils.js";

package/dist/esm/components/list-view/ListView.d.ts

@@ -1,5 +1,5 @@
 import { JSX, Ref } from 'react';
-import { ListBoxProps } from 'react-aria-components';
+import { ListBoxProps } from 'react-aria-components/ListBox';
 export type ListViewProps<TItem extends object> = Omit<ListBoxProps<TItem>, 'layout' | 'selectionBehavior' | 'selectionMode' | 'selectedKeys' | 'defaultSelectedKeys' | 'onSelectionChange' | 'shouldSelectOnPressUp' | 'disallowEmptySelection' | 'escapeKeyBehavior' | 'className'> & {
     /**
      * Controls whether to enable virtualization for the list.

package/dist/esm/components/list-view/ListView.js

@@ -1,15 +1,16 @@
 import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
-import { uyTv as c } from "@payfit/unity-themes";
-import { Virtualizer as m, ListLayout as p, ListBox as o } from "react-aria-components";
-const u = c({
+import { forwardRef as m } from "react";
+import { uyTv as l } from "@payfit/unity-themes";
+import { ListBox as o } from "react-aria-components/ListBox";
+import { Virtualizer as p, ListLayout as c } from "react-aria-components/Virtualizer";
+const u = l({
   base: [
     "uy:pb-500 uy:data-[empty=true]:pb-0",
     'uy:[&_[data-unity-slot="ListViewSection"]]:pb-300',
     'uy:[&_[data-unity-slot="ListViewSection"]:last-child]:pb-0'
   ]
 }), y = {
-  layout: p,
+  layout: c,
   layoutOptions: {
     estimatedRowHeight: 56,
     estimatedHeadingHeight: 24,
@@ -18,7 +19,7 @@ const u = c({
   }
 }, w = (r, i) => {
   const { children: a, enableVirtualization: n, className: d, ...e } = r, s = u({ className: d });
-  return n ? /* @__PURE__ */ t(m, { ...y, children: /* @__PURE__ */ t(
+  return n ? /* @__PURE__ */ t(p, { ...y, children: /* @__PURE__ */ t(
     o,
     {
       ...e,
@@ -37,7 +38,7 @@ const u = c({
       children: a
     }
   );
-}, V = l(w);
+}, V = m(w);
 V.displayName = "ListView";
 export {
   V as ListView