@payfit/unity-components 2.25.4 → 2.25.5

package/dist/esm/components/client-side-pagination/parts/PaginationJumpDialog.js

@@ -1,7 +1,9 @@
 import { jsxs as n, Fragment as F, jsx as o } from "react/jsx-runtime";
 import { useRef as l } from "react";
 import { uyTv as N } from "@payfit/unity-themes";
-import { useOverlayTrigger as O, useButton as P, useOverlay as D } from "react-aria";
+import { useButton as O } from "react-aria/useButton";
+import { useOverlay as P } from "react-aria/useOverlay";
+import { useOverlayTrigger as D } from "react-aria/useOverlayTrigger";
 import { useIntl as B } from "react-intl";
 import { Button as y } from "../../button/Button.js";
 import { Icon as I } from "../../icon/Icon.js";
@@ -17,16 +19,16 @@ const R = N({
     jumpActions: "uy:flex uy:gap-150 uy:justify-end uy:mt-100"
   }
 });
-function W({
+function G({
   pageCount: t,
   onJumpToPage: c,
   state: e
 }) {
-  const u = B(), i = l(null), p = l(null), m = l(null), { triggerProps: f } = O(
+  const u = B(), i = l(null), p = l(null), m = l(null), { triggerProps: f } = D(
     { type: "dialog" },
     e,
     i
-  ), { buttonProps: d } = P(
+  ), { buttonProps: d } = O(
     {
       ...f,
       "aria-label": u.formatMessage({
@@ -35,7 +37,7 @@ function W({
       })
     },
     i
-  ), { overlayProps: a } = D(
+  ), { overlayProps: r } = P(
     {
       isOpen: e.isOpen,
       onClose: e.close.bind(e),
@@ -43,8 +45,8 @@ function W({
       isDismissable: !0
     },
     p
-  ), g = (r) => {
-    r.preventDefault();
+  ), g = (a) => {
+    a.preventDefault();
     const s = parseInt(m.current?.value || "", 10);
     s >= 1 && s <= t && (c(s), e.close());
   }, {
@@ -73,7 +75,7 @@ function W({
     e.isOpen && /* @__PURE__ */ o(
       "div",
       {
-        ...a,
+        ...r,
         ref: p,
         className: j(),
         "aria-label": u.formatMessage({
@@ -85,7 +87,7 @@ function W({
             J,
             {
               className: v(),
-              htmlFor: `jump-to-page-${a.id}-input`,
+              htmlFor: `jump-to-page-${r.id}-input`,
               children: u.formatMessage(
                 {
                   id: "unity:component:pagination:jump-dialog:input:label",
@@ -104,10 +106,10 @@ function W({
                 min: 1,
                 max: t,
                 className: w(),
-                id: `jump-to-page-${a.id}-input`,
+                id: `jump-to-page-${r.id}-input`,
                 autoFocus: !0,
-                onKeyDown: (r) => {
-                  r.key === "Escape" && e.close();
+                onKeyDown: (a) => {
+                  a.key === "Escape" && e.close();
                 }
               }
             ),
@@ -138,5 +140,5 @@ function W({
   ] });
 }
 export {
-  W as PaginationJumpDialog
+  G as PaginationJumpDialog
 };

package/dist/esm/components/client-side-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<{
     isActive: {
         true: string;

package/dist/esm/components/client-side-pagination/parts/RawPaginationLink.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
 import { uyTv as o } from "@payfit/unity-themes";
-import { Link as i } from "react-aria-components";
+import { Link as i } from "react-aria-components/Link";
 import { useIntl as l } from "react-intl";
 const d = o({
   base: [

package/dist/esm/components/collapsible/Collapsible.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { DisclosureProps } from 'react-aria-components';
+import { DisclosureProps } from 'react-aria-components/Disclosure';
 export interface CollapsibleProps extends Omit<DisclosureProps, 'isDisabled' | 'className'> {
     /**
      * The content of the collapsible component.

package/dist/esm/components/collapsible/Collapsible.js

@@ -1,7 +1,7 @@
 import { jsx as u } from "react/jsx-runtime";
 import { forwardRef as e } from "react";
 import { uyTv as l } from "@payfit/unity-themes";
-import { Disclosure as r } from "react-aria-components";
+import { Disclosure as r } from "react-aria-components/Disclosure";
 const n = l({
   base: [
     "uy:w-full uy:rounded-50",

package/dist/esm/components/collapsible/parts/CollapsibleContent.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as e } from "react";
-import { DisclosurePanel as t } from "react-aria-components";
+import { DisclosurePanel as t } from "react-aria-components/Disclosure";
 const l = e(
   ({ children: i, ...o }, r) => /* @__PURE__ */ a(
     t,

package/dist/esm/components/collapsible/parts/CollapsibleTitle.js

@@ -1,10 +1,12 @@
 import { jsx as t, jsxs as y } from "react/jsx-runtime";
-import { forwardRef as d, useContext as p } from "react";
-import { uyTv as m } from "@payfit/unity-themes";
-import { DisclosureStateContext as f, Heading as x, Button as b } from "react-aria-components";
+import { forwardRef as m, useContext as p } from "react";
+import { uyTv as d } from "@payfit/unity-themes";
+import { Button as f } from "react-aria-components/Button";
+import { DisclosureStateContext as x } from "react-aria-components/Disclosure";
+import { Heading as b } from "react-aria-components/Heading";
 import { Icon as v } from "../../icon/Icon.js";
 import { Text as o } from "../../text/Text.js";
-const g = m({
+const g = d({
   slots: {
     base: "uy:w-full",
     button: [
@@ -26,12 +28,12 @@ const g = m({
   defaultVariants: {
     isExpanded: !1
   }
-}), w = d(
-  ({ children: r, suffix: e, ...a }, n) => {
-    const i = p(f), { base: l, button: s, title: u, icon: c } = g({
-      isExpanded: i?.isExpanded
+}), w = m(
+  ({ children: r, suffix: e, ...a }, i) => {
+    const n = p(x), { base: l, button: s, title: u, icon: c } = g({
+      isExpanded: n?.isExpanded
     });
-    return /* @__PURE__ */ t(x, { "data-dd-privacy": "allow", ...a, ref: n, className: l(), children: /* @__PURE__ */ y(b, { className: s(), slot: "trigger", children: [
+    return /* @__PURE__ */ t(b, { "data-dd-privacy": "allow", ...a, ref: i, className: l(), children: /* @__PURE__ */ y(f, { className: s(), slot: "trigger", children: [
       /* @__PURE__ */ t(
         v,
         {

package/dist/esm/components/data-table/DataTable.js

@@ -1,7 +1,7 @@
 import { jsxs as m, jsx as o, Fragment as O } from "react/jsx-runtime";
 import { useRef as j, useEffect as G } from "react";
 import { flexRender as b } from "@tanstack/react-table";
-import { useId as $ } from "react-aria";
+import { useId as $ } from "react-aria/useId";
 import { CircularIconButton as A } from "../icon-button/CircularIconButton.js";
 import { TableBody as L } from "../table/parts/TableBody.js";
 import { TableColumnHeader as Q } from "../table/parts/TableColumnHeader.js";

package/dist/esm/components/date-calendar/DateCalendar.d.ts

@@ -1,5 +1,5 @@
 import { DateValue } from '@internationalized/date';
-import { CalendarProps as AriaDateCalendarProps } from 'react-aria-components';
+import { CalendarProps as AriaDateCalendarProps } from 'react-aria-components/Calendar';
 type PropsFromAriaCalendar<TDate extends DateValue> = AriaDateCalendarProps<TDate>;
 export type DateCalendarProps<TDate extends DateValue> = PropsFromAriaCalendar<TDate>;
 /**

package/dist/esm/components/date-calendar/DateCalendar.js

@@ -2,7 +2,7 @@ import { jsx as a, jsxs as n } from "react/jsx-runtime";
 import { useState as y } from "react";
 import { today as O, getLocalTimeZone as h, isToday as T } from "@internationalized/date";
 import { uyTv as j } from "@payfit/unity-themes";
-import { Calendar as k, Heading as F, CalendarGrid as R, CalendarGridHeader as P, CalendarHeaderCell as W, CalendarGridBody as Z, CalendarCell as $ } from "react-aria-components";
+import { Calendar as k, Heading as F, CalendarGrid as R, CalendarGridHeader as P, CalendarHeaderCell as W, CalendarGridBody as Z, CalendarCell as $ } from "react-aria-components/Calendar";
 import { useIntl as q } from "react-intl";
 import { IconButton as g } from "../icon-button/IconButton.js";
 import { calendarBase as w } from "./DateCalendar.variants.js";

package/dist/esm/components/date-calendar/hooks/useMonthsList.js

@@ -1,6 +1,6 @@
 import { useMemo as l } from "react";
 import { createCalendar as d, today as i, getLocalTimeZone as a, CalendarDate as m } from "@internationalized/date";
-import { useLocale as u } from "react-aria-components";
+import { useLocale as u } from "react-aria-components/I18nProvider";
 function f() {
   const { locale: o } = u(), c = new Intl.DateTimeFormat().resolvedOptions().calendar, e = d(c);
   return l(() => {

package/dist/esm/components/date-calendar/hooks/useYearsList.js

@@ -1,6 +1,6 @@
 import { useMemo as g } from "react";
 import { today as D, getLocalTimeZone as c, createCalendar as L, CalendarDate as d } from "@internationalized/date";
-import { useLocale as v } from "react-aria-components";
+import { useLocale as v } from "react-aria-components/I18nProvider";
 function S({
   yearsBefore: l = 100,
   yearsAfter: s = 30,

package/dist/esm/components/date-calendar/parts/DateSegmentSelect.js

@@ -1,7 +1,7 @@
 import { jsxs as b, jsx as n } from "react/jsx-runtime";
 import { useState as I } from "react";
 import { IconSprite as v } from "@payfit/unity-icons";
-import { useId as $ } from "react-aria";
+import { useId as $ } from "react-aria/useId";
 import { useIntl as w } from "react-intl";
 function x({
   items: a,

package/dist/esm/components/date-picker/DatePicker.d.ts

@@ -1,5 +1,5 @@
 import { CalendarDate } from '@internationalized/date';
-import { DatePickerProps as AriaDatePickerProps } from 'react-aria-components';
+import { DatePickerProps as AriaDatePickerProps } from 'react-aria-components/DatePicker';
 export interface DatePickerProps extends Pick<AriaDatePickerProps<CalendarDate>, 'id' | 'firstDayOfWeek' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-details'> {
     /** The currently selected date */
     value?: CalendarDate | null;

package/dist/esm/components/date-picker/DatePicker.js

@@ -1,7 +1,8 @@
 import { jsxs as f, jsx as a } from "react/jsx-runtime";
 import { forwardRef as U } from "react";
 import { uyTv as b } from "@payfit/unity-themes";
-import { DatePicker as B, Group as j, Button as E, Popover as M, Dialog as R } from "react-aria-components";
+import { DatePicker as B, Group as j, Button as E, Popover as M } from "react-aria-components/DatePicker";
+import { Dialog as R } from "react-aria-components/Dialog";
 import { useIntl as G } from "react-intl";
 import { DateCalendar as T } from "../date-calendar/DateCalendar.js";
 import { Icon as $ } from "../icon/Icon.js";

package/dist/esm/components/date-picker/parts/DateInput.d.ts

@@ -1,6 +1,6 @@
 import { CalendarDate } from '@internationalized/date';
 import { ReactElement } from 'react';
-import { DateFieldProps } from 'react-aria-components';
+import { DateFieldProps } from 'react-aria-components/DateField';
 export declare const dateSegment: import('tailwind-variants').TVReturnType<{
     isPlaceholder: {
         true: string;

package/dist/esm/components/date-picker/parts/DateInput.js

@@ -1,7 +1,7 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { useContext as b } from "react";
 import { uyTv as i } from "@payfit/unity-themes";
-import { DatePickerStateContext as x, DateInput as g, DateSegment as v } from "react-aria-components";
+import { DatePickerStateContext as x, DateInput as g, DateSegment as v } from "react-aria-components/DatePicker";
 import { useIntl as I } from "react-intl";
 import { CircularIconButton as h } from "../../icon-button/CircularIconButton.js";
 import { Icon as D } from "../../icon/Icon.js";

package/dist/esm/components/date-range-calendar/DateRangeCalendar.d.ts

@@ -1,5 +1,5 @@
 import { DateValue } from '@internationalized/date';
-import { RangeCalendarProps as AriaRangeCalendarProps } from 'react-aria-components';
+import { RangeCalendarProps as AriaRangeCalendarProps } from 'react-aria-components/RangeCalendar';
 type PropsFromAriaRangeCalendar<TDate extends DateValue> = AriaRangeCalendarProps<TDate>;
 export type DateRangeCalendarProps<TDate extends DateValue> = PropsFromAriaRangeCalendar<TDate>;
 /**

package/dist/esm/components/date-range-calendar/DateRangeCalendar.js

@@ -2,7 +2,8 @@ import { jsx as t, jsxs as d } from "react/jsx-runtime";
 import { useState as L } from "react";
 import { today as M, getLocalTimeZone as h, isToday as R } from "@internationalized/date";
 import { uyTv as S } from "@payfit/unity-themes";
-import { RangeCalendar as Y, Heading as B, CalendarGrid as O, CalendarGridHeader as T, CalendarHeaderCell as j, CalendarGridBody as k, CalendarCell as F } from "react-aria-components";
+import { Heading as Y } from "react-aria-components/Heading";
+import { RangeCalendar as B, CalendarGrid as O, CalendarGridHeader as T, CalendarHeaderCell as j, CalendarGridBody as k, CalendarCell as F } from "react-aria-components/RangeCalendar";
 import { useIntl as P } from "react-intl";
 import { calendarBase as W } from "../date-calendar/DateCalendar.variants.js";
 import { useMonthsList as Z } from "../date-calendar/hooks/useMonthsList.js";
@@ -92,7 +93,7 @@ function z({
     isInteractive: !a.isDisabled && !a.isReadOnly
   });
   return /* @__PURE__ */ t("div", { className: N(), "data-dd-privacy": "mask", children: /* @__PURE__ */ t(
-    Y,
+    B,
     {
       ...a,
       minValue: n,
@@ -106,7 +107,7 @@ function z({
       },
       children: /* @__PURE__ */ d("div", { className: x(), children: [
         /* @__PURE__ */ d("header", { className: w(), children: [
-          /* @__PURE__ */ t(B, { className: "uy:sr-only" }),
+          /* @__PURE__ */ t(Y, { className: "uy:sr-only" }),
           /* @__PURE__ */ d(
             "div",
             {

package/dist/esm/components/date-range-picker/DateRangePicker.d.ts

@@ -1,5 +1,5 @@
 import { CalendarDate } from '@internationalized/date';
-import { DateRangePickerProps as AriaDateRangePickerProps } from 'react-aria-components';
+import { DateRangePickerProps as AriaDateRangePickerProps } from 'react-aria-components/DateRangePicker';
 type DateRange = {
     start: CalendarDate;
     end: CalendarDate;

package/dist/esm/components/date-range-picker/DateRangePicker.js

@@ -1,7 +1,8 @@
 import { jsxs as f, jsx as a } from "react/jsx-runtime";
 import { forwardRef as I } from "react";
 import { uyTv as b } from "@payfit/unity-themes";
-import { DateRangePicker as U, Group as B, Button as j, Popover as E, Dialog as M } from "react-aria-components";
+import { DateRangePicker as U, Group as B, Button as j, Popover as E } from "react-aria-components/DateRangePicker";
+import { Dialog as M } from "react-aria-components/Dialog";
 import { useIntl as G } from "react-intl";
 import { DateRangeCalendar as T } from "../date-range-calendar/DateRangeCalendar.js";
 import { Icon as $ } from "../icon/Icon.js";

package/dist/esm/components/date-range-picker/parts/DateRangeInput.js

@@ -1,7 +1,7 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { useContext as x } from "react";
 import { uyTv as N } from "@payfit/unity-themes";
-import { DateRangePickerStateContext as I, DateInput as m, DateSegment as u } from "react-aria-components";
+import { DateRangePickerStateContext as I, DateInput as m, DateSegment as u } from "react-aria-components/DateRangePicker";
 import { useIntl as b } from "react-intl";
 import { dateInput as v, dateSegment as d } from "../../date-picker/parts/DateInput.js";
 import { CircularIconButton as C } from "../../icon-button/CircularIconButton.js";

package/dist/esm/components/definition-tooltip/DefinitionTooltip.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as r } from "react";
 import { uyTv as u } from "@payfit/unity-themes";
-import { Focusable as l } from "react-aria-components";
+import { Focusable as l } from "react-aria-components/Focusable";
 import { Text as f } from "../text/Text.js";
 import { Tooltip as s } from "../tooltip/Tooltip.js";
 const a = u({

package/dist/esm/components/dialog/Dialog.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from '@payfit/unity-themes';
 import { PropsWithChildren } from 'react';
-import { DialogTrigger } from 'react-aria-components';
+import { DialogTrigger } from 'react-aria-components/Dialog';
 export declare const dialog: import('tailwind-variants').TVReturnType<{
     size: {
         sm: {

package/dist/esm/components/dialog/Dialog.js

@@ -1,9 +1,10 @@
-import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
 import { Children as l, isValidElement as i } from "react";
 import { uyTv as f } from "@payfit/unity-themes";
-import { useId as w } from "react-aria";
-import { ModalOverlay as x, Modal as v, DialogContext as h, Dialog as b, DialogTrigger as D } from "react-aria-components";
-import { DialogTrigger as H } from "react-aria-components";
+import { DialogContext as w, Dialog as x, DialogTrigger as v } from "react-aria-components/Dialog";
+import { DialogTrigger as J } from "react-aria-components/Dialog";
+import { ModalOverlay as h, Modal as b } from "react-aria-components/Modal";
+import { useId as D } from "react-aria/useId";
 import { useIntl as z } from "react-intl";
 import { CircularIconButton as I } from "../icon-button/CircularIconButton.js";
 import { DialogActions as N } from "./parts/DialogActions.js";
@@ -62,16 +63,16 @@ function B({
   size: n = "md",
   ...d
 }) {
-  const m = z(), u = w(), { overlay: y, wrapper: s, content: g, dismissIcon: c } = T({ size: n });
+  const m = z(), u = D(), { overlay: y, wrapper: s, content: g, dismissIcon: p } = T({ size: n });
   return /* @__PURE__ */ o(
-    x,
+    h,
     {
       isDismissable: r,
       isOpen: t,
       onOpenChange: a,
       className: y(),
-      children: /* @__PURE__ */ o(v, { className: s(), "data-unity-dialog": !0, "data-dd-privacy": "allow", children: /* @__PURE__ */ o(h.Provider, { value: { "aria-describedby": u }, children: /* @__PURE__ */ p(
-        b,
+      children: /* @__PURE__ */ o(b, { className: s(), "data-unity-dialog": !0, "data-dd-privacy": "allow", children: /* @__PURE__ */ o(w.Provider, { value: { "aria-describedby": u }, children: /* @__PURE__ */ c(
+        x,
         {
           role: j(e) ? "alertdialog" : "dialog",
           "aria-modal": "true",
@@ -89,7 +90,7 @@ function B({
                 title: m.formatMessage({
                   id: "unity:component:common:close:label"
                 }),
-                className: c(),
+                className: p(),
                 slot: "close",
                 size: "large",
                 asElement: "button"
@@ -103,9 +104,9 @@ function B({
   );
 }
 B.displayName = "Dialog";
-D.displayName = "DialogTrigger";
+v.displayName = "DialogTrigger";
 export {
   B as Dialog,
-  H as DialogTrigger,
+  J as DialogTrigger,
   T as dialog
 };

package/dist/esm/components/dialog/parts/DialogActions/DialogButton.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { useContext as p } from "react";
-import { OverlayTriggerStateContext as u } from "react-aria-components";
+import { OverlayTriggerStateContext as u } from "react-aria-components/Dialog";
 import { Button as i } from "../../../button/Button.js";
 const x = ({
   children: e,

package/dist/esm/components/dialog/parts/DialogContent.js

@@ -1,10 +1,11 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
-import { useContextProps as n, DialogContext as d } from "react-aria-components";
+import { DialogContext as n } from "react-aria-components/Dialog";
+import { useContextProps as d } from "react-aria-components/slots";
 const m = i(
-  (t, o) => {
-    [t] = n(t, o, d);
-    const { children: r, ...a } = t;
+  (o, t) => {
+    [o] = d(o, t, n);
+    const { children: r, ...a } = o;
     return /* @__PURE__ */ e(
       "div",
       {

package/dist/esm/components/dialog/parts/DialogTitle.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { uyTv as a } from "@payfit/unity-themes";
-import { Heading as i } from "react-aria-components";
+import { Heading as i } from "react-aria-components/Heading";
 const l = a({
   base: ["uy:typography-h2 uy:md:typography-h3", "uy:mb-200"]
 }), r = ({ children: o }) => /* @__PURE__ */ t(i, { slot: "title", className: l(), "data-dd-privacy": "allow", children: o });

package/dist/esm/components/error-state/parts/Collapsible.js

@@ -1,8 +1,9 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { useContext as r } from "react";
+import { useContext as l } from "react";
 import { uyTv as u } from "@payfit/unity-themes";
-import { Disclosure as c, DisclosurePanel as d, DisclosureStateContext as y, Heading as f, Button as p } from "react-aria-components";
-import { FormattedMessage as m } from "react-intl";
+import { Button as c } from "react-aria-components/Button";
+import { Disclosure as d, DisclosurePanel as y, DisclosureStateContext as f, Heading as m } from "react-aria-components/Disclosure";
+import { FormattedMessage as p } from "react-intl";
 import { Icon as h } from "../../icon/Icon.js";
 import { Text as b } from "../../text/Text.js";
 const n = u({
@@ -34,10 +35,10 @@ const n = u({
     }
   }
 }), v = () => {
-  const e = r(y), { button: i, title: o, icon: a, heading: l } = n({
+  const e = l(f), { button: i, title: o, icon: a, heading: r } = n({
     isExpanded: e?.isExpanded
   });
-  return /* @__PURE__ */ t(f, { "data-dd-privacy": "allow", className: l(), children: /* @__PURE__ */ t(p, { className: i(), slot: "trigger", children: /* @__PURE__ */ s(b, { variant: "bodyStrong", className: o(), children: [
+  return /* @__PURE__ */ t(m, { "data-dd-privacy": "allow", className: r(), children: /* @__PURE__ */ t(c, { className: i(), slot: "trigger", children: /* @__PURE__ */ s(b, { variant: "bodyStrong", className: o(), children: [
     /* @__PURE__ */ t(
       h,
       {
@@ -47,7 +48,7 @@ const n = u({
       }
     ),
     /* @__PURE__ */ t(
-      m,
+      p,
       {
         id: "unity:component:error-state:collapsible:title",
         defaultMessage: "Show details"
@@ -56,9 +57,9 @@ const n = u({
   ] }) }) });
 }, w = ({ children: e, ...i }) => {
   const { base: o, content: a } = n();
-  return /* @__PURE__ */ s(c, { "data-dd-privacy": "allow", ...i, className: o(), children: [
+  return /* @__PURE__ */ s(d, { "data-dd-privacy": "allow", ...i, className: o(), children: [
     /* @__PURE__ */ t(v, {}),
-    /* @__PURE__ */ t(d, { "data-dd-privacy": "allow", className: a(), children: /* @__PURE__ */ t("div", { className: "uy:ml-400 uy:typography-body", children: e }) })
+    /* @__PURE__ */ t(y, { "data-dd-privacy": "allow", className: a(), children: /* @__PURE__ */ t("div", { className: "uy:ml-400 uy:typography-body", children: e }) })
   ] });
 };
 w.displayName = "Collapsible";

package/dist/esm/components/fieldset/Fieldset.js

@@ -1,7 +1,7 @@
 import { jsxs as m, jsx as s } from "react/jsx-runtime";
 import { forwardRef as g } from "react";
 import { uyTv as b } from "@payfit/unity-themes";
-import { useId as x } from "react-aria";
+import { useId as x } from "react-aria/useId";
 const h = b({
   slots: {
     base: "uy:p-0 uy:m-0 uy:[&+&]:mt-500 uy:[&:last-of-type]:mb-500",

package/dist/esm/components/filter/Filter.controls.d.ts

@@ -1,4 +1,4 @@
-import { Selection } from 'react-aria-components';
+import { Selection } from 'react-aria-components/GridList';
 import { SelectListProps } from '../select-list/SelectList.js';
 import { FilterProps } from './Filter.types.js';
 /**

package/dist/esm/components/filter/Filter.js

@@ -1,7 +1,7 @@
 import { jsxs as f, jsx as e } from "react/jsx-runtime";
 import { forwardRef as A, useCallback as D } from "react";
 import { uyTv as c } from "@payfit/unity-themes";
-import { DialogTrigger as E } from "react-aria-components";
+import { DialogTrigger as E } from "react-aria-components/Dialog";
 import { useIntl as G } from "react-intl";
 import { CircularIconButton as H } from "../icon-button/CircularIconButton.js";
 import { selectListFilter as J, selectListLabel as K } from "./Filter.controls.js";

package/dist/esm/components/filter/hooks/useFilterIds.js

@@ -1,4 +1,4 @@
-import { useId as i } from "react-aria";
+import { useId as i } from "react-aria/useId";
 function d(e) {
   const r = i(), t = e ?? r;
   return {

package/dist/esm/components/filter/parts/FilterPopover.js

@@ -1,9 +1,11 @@
 import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import { uyTv as m } from "@payfit/unity-themes";
-import { Popover as c, Dialog as g, Separator as f } from "react-aria-components";
+import { uyTv as p } from "@payfit/unity-themes";
+import { Dialog as c } from "react-aria-components/Dialog";
+import { Popover as f } from "react-aria-components/Popover";
+import { Separator as g } from "react-aria-components/Separator";
 import { FormattedMessage as e } from "react-intl";
 import { Button as r } from "../../button/Button.js";
-const x = m({
+const x = p({
   slots: {
     popover: [
       "uy:border uy:border-solid uy:border-border-neutral uy:bg-surface-neutral uy:rounded-sm uy:shadow-300 uy:min-w-[320px] uy:max-w-[800px] uy:relative uy:isolate uy:overflow-hidden",
@@ -25,17 +27,17 @@ const x = m({
     actions: ["uy:flex uy:justify-between uy:gap-100"]
   }
 });
-function P({
+function z({
   children: n,
   onConfirm: o,
   onClear: l
 }) {
-  const { popover: i, dialog: u, content: y, footer: s, separator: d, actions: p } = x();
-  return /* @__PURE__ */ t(c, { className: i(), placement: "bottom left", children: /* @__PURE__ */ a(g, { className: u(), children: [
+  const { popover: i, dialog: u, content: y, footer: s, separator: d, actions: m } = x();
+  return /* @__PURE__ */ t(f, { className: i(), placement: "bottom left", children: /* @__PURE__ */ a(c, { className: u(), children: [
     /* @__PURE__ */ t("div", { className: y(), children: n }),
     /* @__PURE__ */ a("footer", { className: s(), children: [
-      /* @__PURE__ */ t(f, { className: d() }),
-      /* @__PURE__ */ a("div", { className: p(), children: [
+      /* @__PURE__ */ t(g, { className: d() }),
+      /* @__PURE__ */ a("div", { className: m(), children: [
         /* @__PURE__ */ t(
           r,
           {
@@ -74,6 +76,6 @@ function P({
   ] }) });
 }
 export {
-  P as FilterPopover,
+  z as FilterPopover,
   x as filterPopover
 };