@payfit/unity-components 2.25.4 → 2.25.5

package/dist/esm/components/action-bar/ActionBar.js

@@ -1,6 +1,7 @@
 import { jsxs as e, jsx as i } from "react/jsx-runtime";
 import { forwardRef as g } from "react";
-import { Toolbar as y, Group as M } from "react-aria-components";
+import { Group as y } from "react-aria-components/Group";
+import { Toolbar as M } from "react-aria-components/Toolbar";
 import { useIntl as x } from "react-intl";
 import { actionBar as v } from "./ActionBar.variants.js";
 import { useActionBarState as w } from "./hooks/use-action-bar-state.js";
@@ -29,7 +30,7 @@ const I = g(
       defaultMessage: "Actions toolbar"
     });
     return /* @__PURE__ */ e(
-      y,
+      M,
       {
         ...a,
         id: n,
@@ -43,7 +44,7 @@ const I = g(
         children: [
           o && /* @__PURE__ */ i(j, { ariaKeyshortcuts: a["aria-keyshortcuts"], children: o }),
           h && /* @__PURE__ */ e(
-            M,
+            y,
             {
               className: d(),
               role: "group",

package/dist/esm/components/action-bar/parts/ActionBarPrefixArea.js

@@ -1,5 +1,5 @@
 import { jsxs as a, jsx as s } from "react/jsx-runtime";
-import { Group as n } from "react-aria-components";
+import { Group as n } from "react-aria-components/Group";
 import { useIntl as i } from "react-intl";
 import { actionBar as c } from "../ActionBar.variants.js";
 const p = ({

package/dist/esm/components/actionable/Actionable.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps as AriaButtonProps } from 'react-aria-components';
+import { ButtonProps as AriaButtonProps } from 'react-aria-components/Button';
 export interface ActionableProps extends AriaButtonProps {
     /** Additional class names to apply to the actionable */
     className?: string;

package/dist/esm/components/actionable/Actionable.js

@@ -1,9 +1,8 @@
 import { jsx as H } from "react/jsx-runtime";
 import { forwardRef as k, useState as F, useMemo as E } from "react";
 import { uyTv as N } from "@payfit/unity-themes";
-import { useFocusVisible as x, useHover as S, useFocus as U } from "@react-aria/interactions";
-import { useObjectRef as V, mergeProps as f } from "@react-aria/utils";
-import { useButton as j } from "react-aria";
+import { useObjectRef as x, useFocusVisible as S, useHover as U, useFocus as V, mergeProps as f } from "react-aria";
+import { useButton as j } from "react-aria/useButton";
 const w = N({
   base: "uy:group",
   variants: {
@@ -27,16 +26,16 @@ const w = N({
     children: o,
     ...s
   } = v;
-  e = V(e);
-  const { isFocusVisible: i } = x(), { isHovered: a, hoverProps: u } = S({
+  e = x(e);
+  const { isFocusVisible: a } = S(), { isHovered: i, hoverProps: u } = U({
     onHoverStart: s.onHoverStart,
     onHoverEnd: s.onHoverEnd,
     onHoverChange: s.onHoverChange,
     isDisabled: s.isDisabled
-  }), [t, D] = F(!1), { focusProps: b } = U({
+  }), [t, D] = F(!1), { focusProps: b } = V({
     onFocusChange: D,
     isDisabled: s.isDisabled
-  }), { buttonProps: m, isPressed: n } = j(
+  }), { buttonProps: p, isPressed: n } = j(
     {
       ...s,
       isDisabled: s.isDisabled,
@@ -51,9 +50,9 @@ const w = N({
       r.preventDefault(), r.stopPropagation();
       return;
     }
-    const p = f(m, u, b);
-    p.onClick && p.onClick(r);
-  }, P = f(m, u, b), { onClick: M, ...h } = P;
+    const m = f(p, u, b);
+    m.onClick && m.onClick(r);
+  }, P = f(p, u, b), { onClick: M, ...h } = P;
   return /* @__PURE__ */ H(
     g,
     {
@@ -62,16 +61,16 @@ const w = N({
       className: y,
       ...n && { "data-pressed": n },
       ...t && { "data-focused": t },
-      ...a && { "data-hovered": a },
+      ...i && { "data-hovered": i },
       ...s.isDisabled && { "data-disabled": s.isDisabled },
-      ...i && { "data-focus-visible": i },
+      ...a && { "data-focus-visible": a },
       ref: e,
       children: typeof o == "function" ? o({
-        isHovered: a,
+        isHovered: i,
         isPressed: n,
         isFocused: t,
         isDisabled: !!s.isDisabled,
-        isFocusVisible: i,
+        isFocusVisible: a,
         isPending: !1,
         defaultChildren: null
       }) : o

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

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as n } from "react/jsx-runtime";
-import { Link as m } from "react-aria-components";
+import { Link as m } from "react-aria-components/Link";
 import { useIntl as s } from "react-intl";
 import { IconButton as c } from "../../icon-button/IconButton.js";
 import { PayFitBrand as y } from "../../payfit-brand/PayFitBrand.js";

package/dist/esm/components/autocomplete/Autocomplete.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from '@payfit/unity-themes';
 import { LoadingState } from '@react-types/shared';
 import { ForwardedRef, ReactNode } from 'react';
-import { ComboBoxProps, ListBoxProps } from 'react-aria-components';
+import { ComboBoxProps, ListBoxProps } from 'react-aria-components/ComboBox';
 declare const autocomplete: import('tailwind-variants').TVReturnType<{
     isReadOnly: {
         true: {

package/dist/esm/components/autocomplete/Autocomplete.js

@@ -1,8 +1,8 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import { forwardRef as R, useRef as A, useState as O, useCallback as W } from "react";
 import { uyTv as k } from "@payfit/unity-themes";
-import { useId as C } from "react-aria";
-import { ComboBox as z, Input as T } from "react-aria-components";
+import { ComboBox as C, Input as z } from "react-aria-components/ComboBox";
+import { useId as T } from "react-aria/useId";
 import { useIntl as j } from "react-intl";
 import { useResizeObserver as B } from "usehooks-ts";
 import { Icon as y } from "../icon/Icon.js";
@@ -74,7 +74,7 @@ const L = k({
     name: b,
     feedbackText: p,
     ...h
-  } = a, i = j(), t = A(null), [g, v] = O(null), c = C(), x = W(() => {
+  } = a, i = j(), t = A(null), [g, v] = O(null), c = T(), x = W(() => {
     t.current && v(`${t.current.offsetWidth}px`);
   }, [t]);
   B({ ref: t, onResize: x });
@@ -83,7 +83,7 @@ const L = k({
   });
   return /* @__PURE__ */ s("search", { ref: r, children: [
     /* @__PURE__ */ s(
-      z,
+      C,
       {
         className: w(),
         name: b,
@@ -107,7 +107,7 @@ const L = k({
             }
           ),
           /* @__PURE__ */ e(
-            T,
+            z,
             {
               className: I(),
               "aria-describedby": c,

package/dist/esm/components/autocomplete/parts/AutocompleteClearButton.js

@@ -1,7 +1,7 @@
 import { jsx as l } from "react/jsx-runtime";
 import { useContext as u } from "react";
 import { uyMerge as m } from "@payfit/unity-themes";
-import { ComboBoxStateContext as a } from "react-aria-components";
+import { ComboBoxStateContext as a } from "react-aria-components/ComboBox";
 import { useIntl as s } from "react-intl";
 import { CircularIconButton as i } from "../../icon-button/CircularIconButton.js";
 const c = ({

package/dist/esm/components/autocomplete/parts/AutocompleteItem.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 autocompleteItem: import('tailwind-variants').TVReturnType<{
     isDisabled: {
         false: string;

package/dist/esm/components/autocomplete/parts/AutocompleteItem.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
 import { uyTv as n } from "@payfit/unity-themes";
-import { ListBoxItem as d } from "react-aria-components";
+import { ListBoxItem as d } from "react-aria-components/ListBox";
 const i = n({
   base: [
     "uy:flex uy:flex-col uy:typography-body uy:rounded-50 uy:pt-100 uy:pb-100 uy:pl-150 uy:pr-150 uy:outline-none uy:bg-surface-neutral-enabled uy:enabled:text-content-neutral-enabled",

package/dist/esm/components/autocomplete/parts/AutocompleteItemGroup.d.ts

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

package/dist/esm/components/autocomplete/parts/AutocompleteItemGroup.js

@@ -1,30 +1,33 @@
-import { jsxs as a, jsx as e, Fragment as n } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { uyTv as i } from "@payfit/unity-themes";
-import { ListBoxSection as y, Header as d, Collection as h, Separator as p } from "react-aria-components";
-const f = i({
+import { jsxs as a, jsx as e, Fragment as p } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { uyTv as c } from "@payfit/unity-themes";
+import { Collection as y } from "react-aria-components/Collection";
+import { Header as d } from "react-aria-components/Header";
+import { ListBoxSection as f } from "react-aria-components/ListBox";
+import { Separator as u } from "react-aria-components/Separator";
+const h = c({
   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:[section:last-child_&]:hidden"
   }
-}), b = ({ label: r, children: o, items: t }, l) => {
-  const { base: s, header: m, separator: u } = f();
-  return /* @__PURE__ */ a(y, { ref: l, className: s(), id: r, items: t, children: [
-    /* @__PURE__ */ e(d, { className: m(), children: r }),
-    t ? /* @__PURE__ */ a(n, { children: [
-      /* @__PURE__ */ e(h, { items: t, children: o }),
-      /* @__PURE__ */ e(p, { orientation: "horizontal", className: u() })
-    ] }) : /* @__PURE__ */ a(n, { children: [
-      o,
-      /* @__PURE__ */ e(p, { orientation: "horizontal", className: u() })
+}), b = ({ label: r, children: t, items: o }, n) => {
+  const { base: l, header: s, separator: m } = h();
+  return /* @__PURE__ */ a(f, { ref: n, className: l(), id: r, items: o, children: [
+    /* @__PURE__ */ e(d, { className: s(), children: r }),
+    o ? /* @__PURE__ */ a(p, { children: [
+      /* @__PURE__ */ e(y, { items: o, children: t }),
+      /* @__PURE__ */ e(u, { orientation: "horizontal", className: m() })
+    ] }) : /* @__PURE__ */ a(p, { children: [
+      t,
+      /* @__PURE__ */ e(u, { orientation: "horizontal", className: m() })
     ] })
   ] });
-}, x = c(function(o, t) {
-  return b(o, t);
+}, x = i(function(t, o) {
+  return b(t, o);
 });
 x.displayName = "AutocompleteItemGroup";
 export {
   x as AutocompleteItemGroup,
-  f as autocompleteItemGroup
+  h as autocompleteItemGroup
 };

package/dist/esm/components/autocomplete/parts/AutocompletePanel.d.ts

@@ -1,6 +1,6 @@
 import { RefObject } from 'react';
 import { VariantProps } from '@payfit/unity-themes';
-import { PopoverProps } from 'react-aria-components';
+import { PopoverProps } from 'react-aria-components/Popover';
 import { AutocompleteProps } from '../Autocomplete.js';
 export declare const autocompletePanel: import('tailwind-variants').TVReturnType<{
     [key: string]: {

package/dist/esm/components/autocomplete/parts/AutocompletePanel.js

@@ -1,15 +1,16 @@
-import { jsx as e, jsxs as y } from "react/jsx-runtime";
-import { uyTv as i } from "@payfit/unity-themes";
-import { Popover as m, ListBox as c } from "react-aria-components";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { uyTv as y } from "@payfit/unity-themes";
+import { ListBox as m } from "react-aria-components/ListBox";
+import { Popover as c } from "react-aria-components/Popover";
 import { FormattedMessage as d } from "react-intl";
 import { Icon as p } from "../../icon/Icon.js";
 import { Text as t } from "../../text/Text.js";
-const f = i({
+const f = y({
   slots: {
     base: "uy:rounded-75 uy:border uy:border-solid uy:border-border-neutral uy:w-[var(--trigger-width)] uy:bg-surface-neutral uy:max-h-[312px] uy:shadow-300",
     list: "uy:overflow-y-auto uy:max-h-[296px] uy:p-100"
   }
-}), g = () => /* @__PURE__ */ y("div", { className: "uy:flex uy:flex-col uy:gap-200 uy:items-center uy:justify-center uy:h-[312px]", children: [
+}), g = () => /* @__PURE__ */ i("div", { className: "uy:flex uy:flex-col uy:gap-200 uy:items-center uy:justify-center uy:h-[312px]", children: [
   /* @__PURE__ */ e(
     t,
     {
@@ -28,7 +29,7 @@ const f = i({
 ] }), h = (r) => {
   const { children: o, panelWidth: s, searchRef: u, ...a } = r, { base: l, list: n } = f();
   return /* @__PURE__ */ e(
-    m,
+    c,
     {
       ...a,
       className: l(),
@@ -36,7 +37,7 @@ const f = i({
       triggerRef: u,
       isNonModal: !0,
       style: { "--trigger-width": s },
-      children: /* @__PURE__ */ e(c, { className: n(), renderEmptyState: g, children: o })
+      children: /* @__PURE__ */ e(m, { className: n(), renderEmptyState: g, children: o })
     }
   );
 };

package/dist/esm/components/bottom-sheet/BottomSheet.js

@@ -1,7 +1,8 @@
-import { jsx as e, jsxs as f } from "react/jsx-runtime";
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
 import { uyTv as c } from "@payfit/unity-themes";
-import { ModalOverlay as h, Modal as p, Dialog as x } from "react-aria-components";
+import { Dialog as h } from "react-aria-components/Dialog";
+import { ModalOverlay as p, Modal as x } from "react-aria-components/Modal";
 import { BottomSheetDragIndicator as w } from "./parts/BottomSheetDragIndicator.js";
 const g = c({
   slots: {
@@ -25,35 +26,35 @@ const g = c({
   }
 }), v = s(
   ({
-    children: t,
+    children: e,
     isOpen: o,
     onOpenChange: a,
     defaultOpen: u,
-    isDismissable: y = !0,
-    isKeyboardDismissDisabled: r = !1,
+    isDismissable: r = !0,
+    isKeyboardDismissDisabled: y = !1,
     ...i
   }, l) => {
-    const { overlay: d, wrapper: n, content: m } = g();
-    return /* @__PURE__ */ e(
-      h,
+    const { overlay: d, wrapper: m, content: n } = g();
+    return /* @__PURE__ */ t(
+      p,
       {
         className: d(),
         isOpen: o,
         onOpenChange: a,
         defaultOpen: u,
-        isDismissable: y,
-        isKeyboardDismissDisabled: r,
+        isDismissable: r,
+        isKeyboardDismissDisabled: y,
         children: /* @__PURE__ */ f(
-          p,
+          x,
           {
             "data-dd-privacy": "allow",
             ...i,
             ref: l,
-            className: n(),
+            className: m(),
             "data-unity-bottom-sheet": !0,
             children: [
-              /* @__PURE__ */ e(w, {}),
-              /* @__PURE__ */ e(x, { className: m(), children: t })
+              /* @__PURE__ */ t(w, {}),
+              /* @__PURE__ */ t(h, { className: n(), children: e })
             ]
           }
         )

package/dist/esm/components/bottom-sheet/parts/BottomSheetDragIndicator.js

@@ -2,7 +2,7 @@ import { jsx as s } from "react/jsx-runtime";
 import { useRef as h, useContext as b } from "react";
 import { uyTv as g } from "@payfit/unity-themes";
 import { useDrag as x } from "@use-gesture/react";
-import { OverlayTriggerStateContext as D } from "react-aria-components";
+import { OverlayTriggerStateContext as D } from "react-aria-components/Dialog";
 import { useBreakpointListener as v } from "../../../hooks/use-breakpoint-listener.js";
 const S = g({
   slots: {

package/dist/esm/components/bottom-sheet/parts/BottomSheetHeader.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import { forwardRef as y } from "react";
 import { uyTv as i } from "@payfit/unity-themes";
-import { Heading as c } from "react-aria-components";
+import { Heading as c } from "react-aria-components/Heading";
 import { CircularIconButton as m } from "../../icon-button/CircularIconButton.js";
 const d = i({
   slots: {

package/dist/esm/components/breadcrumbs/Breadcrumbs.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from '@payfit/unity-themes';
 import { ComponentPropsWithoutRef, ReactElement, ReactNode, Ref } from 'react';
-import { AriaBreadcrumbsProps as AriaAriaBreadcrumbsProps } from 'react-aria';
-import { BreadcrumbsProps as AriaBreadcrumbsProps } from 'react-aria-components';
+import { BreadcrumbsProps as AriaBreadcrumbsProps } from 'react-aria-components/Breadcrumbs';
+import { AriaBreadcrumbsProps as AriaAriaBreadcrumbsProps } from 'react-aria/useBreadcrumbs';
 import { Breadcrumb } from './parts/Breadcrumb.js';
 import { breadcrumbsVariant } from './Breadcrumbs.variant.js';
 export interface BreadcrumbsProps extends AriaAriaBreadcrumbsProps, Pick<AriaBreadcrumbsProps<never>, 'onAction'> {

package/dist/esm/components/breadcrumbs/Breadcrumbs.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as d, Fragment as m } from "react";
-import { Breadcrumbs as p } from "react-aria-components";
+import { Breadcrumbs as p } from "react-aria-components/Breadcrumbs";
 import { useBreakpointListener as u } from "../../hooks/use-breakpoint-listener.js";
 import { BreadcrumbsProvider as l } from "./Breadcrumbs.context.js";
 import { breadcrumbsVariant as f } from "./Breadcrumbs.variant.js";

package/dist/esm/components/breadcrumbs/parts/Breadcrumb.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactElement } from 'react';
-import { BreadcrumbProps as AriaBreadcrumbProps } from 'react-aria-components';
+import { BreadcrumbProps as AriaBreadcrumbProps } from 'react-aria-components/Breadcrumbs';
 import { RawBreadcrumbLinkProps } from './RawBreadcrumbLink.js';
 export interface BreadcrumbProps extends Omit<AriaBreadcrumbProps, 'children' | 'className' | 'style'> {
     /**

package/dist/esm/components/breadcrumbs/parts/Breadcrumb.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as e, Fragment as p } from "react/jsx-runtime";
 import { forwardRef as b } from "react";
-import { Breadcrumb as n } from "react-aria-components";
+import { Breadcrumb as n } from "react-aria-components/Breadcrumbs";
 import { Icon as s } from "../../icon/Icon.js";
 import { useBreadcrumbsContext as f } from "../Breadcrumbs.context.js";
 import { breadcrumbsVariant as h } from "../Breadcrumbs.variant.js";

package/dist/esm/components/button/Button.d.ts

@@ -1,6 +1,6 @@
 import { UnityIcon } from '@payfit/unity-icons';
 import { PropsWithChildren } from 'react';
-import { ButtonProps as AriaButtonProps } from 'react-aria-components';
+import { ButtonProps as AriaButtonProps } from 'react-aria-components/Button';
 import { ButtonBase, ButtonFilled, ButtonGhost, ButtonOutlined } from './Button.variants.js';
 type UnityButtonProps = AriaButtonProps & ButtonBase & {
     /**

package/dist/esm/components/button/Button.js

@@ -1,7 +1,7 @@
 import { jsx as s, jsxs as h } from "react/jsx-runtime";
 import { forwardRef as b, useMemo as w } from "react";
 import { uyMerge as m } from "@payfit/unity-themes";
-import { Button as x } from "react-aria-components";
+import { Button as x } from "react-aria-components/Button";
 import { Icon as B } from "../icon/Icon.js";
 import { Spinner as N } from "../spinner/Spinner.js";
 import { buttonGhost as v, buttonOutlined as j, buttonFilled as I } from "./Button.variants.js";

package/dist/esm/components/card/Card.js

@@ -1,7 +1,7 @@
 import { jsx as y } from "react/jsx-runtime";
 import { forwardRef as g, useRef as C, useState as E, useLayoutEffect as _ } from "react";
 import { uyTv as S } from "@payfit/unity-themes";
-import { useId as x } from "react-aria";
+import { useId as x } from "react-aria/useId";
 import { CardContext as N } from "./Card.context.js";
 var T = {};
 const V = S({

package/dist/esm/components/card/parts/CardTitle.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { uyTv as n } from "@payfit/unity-themes";
-import { Heading as o } from "react-aria-components";
+import { Heading as o } from "react-aria-components/Heading";
 import { useCardContext as d } from "../Card.context.js";
 const l = n({
   base: ["uy:typography-h3 uy:text-content-neutral uy:leading-none"],

package/dist/esm/components/carousel/hooks/useCarouselAccessibility.js

@@ -1,6 +1,6 @@
 import { useRef as k, useEffect as _, useCallback as D } from "react";
 import "embla-carousel-accessibility";
-import { useId as x } from "react-aria";
+import { useId as x } from "react-aria/useId";
 function E({
   api: e,
   visibleSlideIndexes: d,

package/dist/esm/components/checkbox/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { CheckboxProps as AriaCheckboxProps } from 'react-aria-components';
+import { CheckboxProps as AriaCheckboxProps } from 'react-aria-components/Checkbox';
 export interface CheckboxProps extends Omit<AriaCheckboxProps, 'className'> {
     /**
      * The content to display as the checkbox label.

package/dist/esm/components/checkbox/Checkbox.js

@@ -1,13 +1,13 @@
 import { jsxs as l, jsx as a, Fragment as j } from "react/jsx-runtime";
 import { forwardRef as B, isValidElement as h, cloneElement as f } from "react";
-import { useId as R } from "react-aria";
-import { Checkbox as D } from "react-aria-components";
+import { Checkbox as R } from "react-aria-components/Checkbox";
+import { useId as D } from "react-aria/useId";
 import { Text as u } from "../text/Text.js";
 import { checkbox as E } from "./Checkbox.variants.js";
 import { CheckboxIndicator as V } from "./parts/CheckboxIndicator.js";
 const F = B(
   ({ children: v, helperText: i, feedbackText: r, ...o }, N) => {
-    const e = R(), {
+    const e = D(), {
       isDisabled: s,
       isReadOnly: d,
       isInvalid: t,
@@ -33,7 +33,7 @@ const F = B(
     ].filter(Boolean), w = y.length > 0 ? y.join(" ") : void 0, I = p.length > 0 ? p.join(" ") : void 0;
     return /* @__PURE__ */ l("div", { className: g(), children: [
       /* @__PURE__ */ a(
-        D,
+        R,
         {
           ...x,
           isInvalid: t,

package/dist/esm/components/checkbox/CheckboxStandalone.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { CheckboxProps as AriaCheckboxProps } from 'react-aria-components';
+import { CheckboxProps as AriaCheckboxProps } from 'react-aria-components/Checkbox';
 export interface CheckboxStandaloneProps extends AriaCheckboxProps {
     /**
      * The content to display as the checkbox label.

package/dist/esm/components/checkbox/CheckboxStandalone.js

@@ -1,17 +1,17 @@
 import { jsx as e, jsxs as f, Fragment as h } from "react/jsx-runtime";
 import { forwardRef as x } from "react";
-import { useId as p } from "react-aria";
-import { Checkbox as y } from "react-aria-components";
+import { Checkbox as p } from "react-aria-components/Checkbox";
+import { useId as y } from "react-aria/useId";
 import { checkbox as k } from "./Checkbox.variants.js";
 import { CheckboxIndicator as C } from "./parts/CheckboxIndicator.js";
 const I = x(({ children: r, ...a }, i) => {
-  const o = p(), { isDisabled: n, isReadOnly: s, isInvalid: d } = a, { base: t, wrapper: c } = k({
+  const o = y(), { isDisabled: n, isReadOnly: s, isInvalid: d } = a, { base: t, wrapper: c } = k({
     isDisabled: n,
     isReadOnly: s,
     isInvalid: d
   }), l = [a["aria-labelledby"], `${o}-label`].filter(Boolean), m = l.length > 0 ? l.join(" ") : void 0;
   return /* @__PURE__ */ e("div", { className: t(), children: /* @__PURE__ */ e(
-    y,
+    p,
     {
       ...a,
       ref: i,

package/dist/esm/components/checkbox-group/CheckboxGroup.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from '@payfit/unity-themes';
 import { ReactNode } from 'react';
-import { CheckboxGroupProps as AriaCheckboxGroupProps } from 'react-aria-components';
+import { CheckboxGroupProps as AriaCheckboxGroupProps } from 'react-aria-components/CheckboxGroup';
 export declare const checkboxGroup: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:flex uy:flex-col uy:gap-50", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "uy:flex uy:flex-col uy:gap-50", unknown, unknown, undefined>>;
 export interface CheckboxGroupProps extends VariantProps<typeof checkboxGroup>, Omit<AriaCheckboxGroupProps, 'className' | 'class'> {
     /** The label for the checkbox group. */

package/dist/esm/components/checkbox-group/CheckboxGroup.js

@@ -1,7 +1,7 @@
 import { jsxs as f, jsx as r } from "react/jsx-runtime";
 import { forwardRef as d, isValidElement as x, cloneElement as h } from "react";
 import { uyTv as g } from "@payfit/unity-themes";
-import { CheckboxGroup as b } from "react-aria-components";
+import { CheckboxGroup as b } from "react-aria-components/CheckboxGroup";
 import { Label as v } from "../label/Label.js";
 import { Text as c } from "../text/Text.js";
 const G = g({

package/dist/esm/components/client-side-pagination/ClientSidePagination.js

@@ -1,9 +1,9 @@
 import { jsxs as x, jsx as n } from "react/jsx-runtime";
 import { forwardRef as M, useRef as T, useMemo as q } from "react";
 import { uyTv as R } from "@payfit/unity-themes";
-import { useId as S } from "react-aria";
+import { useId as S } from "react-aria/useId";
 import { useIntl as E } from "react-intl";
-import { useOverlayTriggerState as W } from "react-stately";
+import { useOverlayTriggerState as W } from "react-stately/useOverlayTriggerState";
 import { usePagination as $ } from "./hooks/use-pagination.js";
 import { PaginationEllipsis as j } from "./parts/PaginationEllipsis.js";
 import { PaginationJumpDialog as J } from "./parts/PaginationJumpDialog.js";

package/dist/esm/components/client-side-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';
 import { paginationLink } from './RawPaginationLink.js';
 export interface PaginationEllipsisProps extends Omit<ButtonProps, 'value' | 'children' | 'className' | 'style' | 'slot'>, VariantProps<typeof paginationLink> {
     value: [number, number];

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

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

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

@@ -1,4 +1,4 @@
-import { OverlayTriggerState } from 'react-stately';
+import { OverlayTriggerState } from 'react-stately/useOverlayTriggerState';
 interface PaginationJumpDialogProps {
     pageCount: number;
     onJumpToPage: (page: number) => void;