@payfit/unity-components 2.25.3 → 2.25.5

package/dist/esm/components/task-menu/parts/RawSubTask.js

@@ -1,7 +1,8 @@
 import { jsxs as n, jsx as e, Fragment as m } from "react/jsx-runtime";
 import { forwardRef as L, useEffect as R } from "react";
 import { uyTv as j } from "@payfit/unity-themes";
-import { Link as O, Button as z } from "react-aria-components";
+import { Button as O } from "react-aria-components/Button";
+import { Link as z } from "react-aria-components/Link";
 import { useIntl as E, FormattedMessage as i } from "react-intl";
 import { useRouter as F } from "../../../providers/router/RouterProvider.js";
 import { Icon as p } from "../../icon/Icon.js";
@@ -71,14 +72,14 @@ const V = j({
       }
     }
   ]
-}), B = (t, o, r) => {
+}), B = (t, o, a) => {
   switch (t) {
     case "completed":
       return /* @__PURE__ */ n(m, { children: [
         /* @__PURE__ */ e(
           p,
           {
-            className: r?.completed,
+            className: a?.completed,
             src: "CheckCircleOutlined",
             size: 20,
             color: "content.success",
@@ -102,7 +103,7 @@ const V = j({
           p,
           {
             "aria-hidden": "true",
-            className: r?.locked,
+            className: a?.locked,
             src: "LockOutlined",
             size: 20,
             color: "content.neutral.lowest",
@@ -127,7 +128,7 @@ const V = j({
   ({
     href: t,
     label: o,
-    taskStatus: r = "uncompleted",
+    taskStatus: a = "uncompleted",
     isExact: u,
     isDisabled: y,
     onPress: f,
@@ -138,22 +139,22 @@ const V = j({
     R(() => {
       t && d?.isActive(t.toString(), u) && l?.({ uniqueId: s, label: o });
     }, [t, u, d, s, o, l]);
-    const a = b?.uniqueId === s, { base: v, element: S, text: x, dot: N, lock: w } = V({
-      isSelected: a,
-      taskStatus: r
+    const r = b?.uniqueId === s, { base: v, element: S, text: x, dot: N, lock: w } = V({
+      isSelected: r,
+      taskStatus: a
     }), M = Object.assign(
       {},
-      a !== void 0 && {
-        "data-current": a,
-        "aria-current": a ? "page" : void 0
+      r !== void 0 && {
+        "data-current": r,
+        "aria-current": r ? "page" : void 0
       }
-    ), T = t ? O : z;
+    ), T = t ? z : O;
     return /* @__PURE__ */ n(
       "li",
       {
         ref: g,
         className: v(),
-        ...a ? { "data-current": !0 } : {},
+        ...r ? { "data-current": !0 } : {},
         ...c,
         children: [
           /* @__PURE__ */ e(D, { width: 8, height: 8, className: N(), role: "presentation" }),
@@ -174,11 +175,11 @@ const V = j({
                   {
                     asElement: "span",
                     className: x(),
-                    variant: a ? "bodyStrong" : "body",
+                    variant: r ? "bodyStrong" : "body",
                     children: o
                   }
                 ),
-                B(r, k, {
+                B(a, k, {
                   locked: w(),
                   completed: "uy:self-center"
                 })

package/dist/esm/components/task-menu/parts/RawTask.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from '@payfit/unity-themes';
 import { PropsWithChildren } from 'react';
-import { AriaButtonProps } from 'react-aria';
+import { AriaButtonProps } from 'react-aria/useButton';
 export declare const rawTask: import('tailwind-variants').TVReturnType<{
     isSelected: {
         false: string;

package/dist/esm/components/task-menu/parts/RawTask.js

@@ -1,11 +1,12 @@
-import { jsxs as n, jsx as e, Fragment as p } from "react/jsx-runtime";
+import { jsxs as o, jsx as e, Fragment as p } from "react/jsx-runtime";
 import { forwardRef as O, useEffect as F } from "react";
 import { uyTv as G } from "@payfit/unity-themes";
-import { Link as P, Button as z } from "react-aria-components";
+import { Button as P } from "react-aria-components/Button";
+import { Link as z } from "react-aria-components/Link";
 import { useIntl as A, FormattedMessage as g } from "react-intl";
 import { useRouter as B } from "../../../providers/router/RouterProvider.js";
 import { Icon as y } from "../../icon/Icon.js";
-import { Text as k } from "../../text/Text.js";
+import { Text as f } from "../../text/Text.js";
 import { useTaskMenuContext as V } from "../TaskMenu.context.js";
 import { commonTask as D } from "./task.variants.js";
 const H = G({
@@ -64,23 +65,23 @@ const H = G({
     href: a,
     isExact: u = !1,
     label: s,
-    onPress: f,
+    onPress: k,
     taskNumber: b,
-    taskStatus: o = "uncompleted",
+    taskStatus: n = "uncompleted",
     children: h,
     uniqueId: r,
-    ...c
+    ...m
   }, v) => {
-    const d = B(), m = A(), {
+    const c = B(), d = A(), {
       currentTask: x,
       setCurrentTask: l,
       state: N,
       expandedTaskGroup: i,
       toggleTaskGroup: T
-    } = V(), S = a ? P : z;
+    } = V(), S = a ? z : P;
     F(() => {
-      a && d?.isActive(a.toString(), u) && l?.({ uniqueId: r, label: s });
-    }, [a, u, d, s, r, l]);
+      a && c?.isActive(a.toString(), u) && l?.({ uniqueId: r, label: s });
+    }, [a, u, c, s, r, l]);
     const t = x?.uniqueId === r, M = Object.assign(
       {},
       t !== void 0 && {
@@ -89,28 +90,28 @@ const H = G({
       }
     ), { base: w, number: C, element: L, text: R, lock: j } = H({
       isSelected: t,
-      taskStatus: o
+      taskStatus: n
     });
-    return /* @__PURE__ */ n("li", { ref: v, className: w(), ...c, children: [
-      /* @__PURE__ */ n(
+    return /* @__PURE__ */ o("li", { ref: v, className: w(), ...m, children: [
+      /* @__PURE__ */ o(
         S,
         {
           className: L(),
           href: a,
           onPress: (E) => {
-            l?.({ uniqueId: r, label: s }), N?.toggle(), i && T?.(i), f?.(E);
+            l?.({ uniqueId: r, label: s }), N?.toggle(), i && T?.(i), k?.(E);
           },
           ...M,
-          ...c,
+          ...m,
           children: [
-            /* @__PURE__ */ e("div", { className: C(), children: o === "completed" ? /* @__PURE__ */ n(p, { children: [
+            /* @__PURE__ */ e("div", { className: C(), children: n === "completed" ? /* @__PURE__ */ o(p, { children: [
               /* @__PURE__ */ e(
                 y,
                 {
                   size: 24,
                   "aria-hidden": "true",
                   src: "CheckOutlined",
-                  alt: m.formatMessage({
+                  alt: d.formatMessage({
                     id: "unity:component:task-menu:task:completed:label",
                     defaultMessage: "Completed"
                   })
@@ -124,7 +125,7 @@ const H = G({
                 }
               ) })
             ] }) : /* @__PURE__ */ e(
-              k,
+              f,
               {
                 asElement: "span",
                 variant: t ? "bodyStrong" : "body",
@@ -133,7 +134,7 @@ const H = G({
               }
             ) }),
             /* @__PURE__ */ e(
-              k,
+              f,
               {
                 asElement: "span",
                 className: R(),
@@ -141,14 +142,14 @@ const H = G({
                 children: s
               }
             ),
-            o === "locked" && /* @__PURE__ */ n(p, { children: [
+            n === "locked" && /* @__PURE__ */ o(p, { children: [
               /* @__PURE__ */ e(
                 y,
                 {
                   "aria-hidden": "true",
                   className: j(),
                   src: "LockOutlined",
-                  alt: m.formatMessage({
+                  alt: d.formatMessage({
                     id: "unity:component:task-menu:task:lock:label",
                     defaultMessage: "Locked"
                   })

package/dist/esm/components/task-menu/parts/TaskGroup.js

@@ -1,8 +1,8 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
 import { forwardRef as j, Children as i, isValidElement as o, cloneElement as A } from "react";
 import { uyTv as V } from "@payfit/unity-themes";
-import { useId as $ } from "react-aria";
-import { Button as B } from "react-aria-components";
+import { Button as $ } from "react-aria-components/Button";
+import { useId as B } from "react-aria/useId";
 import { useIntl as D } from "react-intl";
 import { Icon as F } from "../../icon/Icon.js";
 import { Text as f } from "../../text/Text.js";
@@ -88,7 +88,7 @@ const P = V({
     uniqueId: m,
     ...g
   }, k) => {
-    const { currentTask: v, setCurrentTask: x, toggleTaskGroup: S, expandedTaskGroup: h } = H(), c = $(), T = D(), a = h === m, N = (u) => {
+    const { currentTask: v, setCurrentTask: x, toggleTaskGroup: S, expandedTaskGroup: h } = H(), c = B(), T = D(), a = h === m, N = (u) => {
       if (S?.(m), !u) {
         const b = U(e);
         if (o(b)) {
@@ -113,7 +113,7 @@ const P = V({
         className: I(),
         children: [
           /* @__PURE__ */ l(
-            B,
+            $,
             {
               id: p,
               className: z(),

package/dist/esm/components/text-area/TextArea.d.ts

@@ -1,4 +1,4 @@
-import { TextAreaProps as AriaTextAreaProps } from 'react-aria-components';
+import { TextAreaProps as AriaTextAreaProps } from 'react-aria-components/TextArea';
 export declare const textArea: import('tailwind-variants').TVReturnType<{
     isInvalid: {
         true: {

package/dist/esm/components/text-area/TextArea.js

@@ -1,7 +1,7 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { forwardRef as x } from "react";
 import { uyTv as h } from "@payfit/unity-themes";
-import { TextArea as v } from "react-aria-components";
+import { TextArea as v } from "react-aria-components/TextArea";
 import { useIntl as w } from "react-intl";
 import { useResizable as M } from "../../hooks/use-resizable.js";
 import { Icon as z } from "../icon/Icon.js";

package/dist/esm/components/timeline/Timeline.js

@@ -1,6 +1,6 @@
 import { jsxs as d, jsx as a } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
-import { useId as c } from "react-aria";
+import { useId as c } from "react-aria/useId";
 import { TimelineProvider as p } from "./Timeline.context.js";
 import { timeline as u } from "./Timeline.variants.js";
 const v = f(

package/dist/esm/components/toggle-switch/ToggleSwitch.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from '@payfit/unity-themes';
-import { SwitchProps as AriaSwitchProps } from 'react-aria-components';
+import { SwitchProps as AriaSwitchProps } from 'react-aria-components/Switch';
 export declare const toggleSwitch: import('tailwind-variants').TVReturnType<{
     isDisabled: {
         false: {

package/dist/esm/components/toggle-switch/ToggleSwitch.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
 import { forwardRef as h } from "react";
 import { uyTv as v } from "@payfit/unity-themes";
-import { Switch as b } from "react-aria-components";
+import { Switch as b } from "react-aria-components/Switch";
 import { useBreakpointListener as w } from "../../hooks/use-breakpoint-listener.js";
 const x = v({
   slots: {

package/dist/esm/components/tooltip/Tooltip.js

@@ -1,23 +1,24 @@
 import { jsxs as y, jsx as r } from "react/jsx-runtime";
 import { forwardRef as n } from "react";
-import { TooltipTrigger as u, Tooltip as p, Button as i } from "react-aria-components";
+import { Button as p } from "react-aria-components/Button";
+import { TooltipTrigger as u, Tooltip as i } from "react-aria-components/Tooltip";
 import { Button as d } from "../button/Button.js";
-const c = (o) => o.type === d || o.type === i, m = {
+const m = (o) => o.type === d || o.type === p, c = {
   short: [100, 150],
   standard: [150, 200],
   long: [200, 300],
   "very-long": [300, 400]
-}, w = n(
+}, T = n(
   ({ title: o, children: t, duration: a = "standard" }, e) => {
-    const [l, s] = m[a];
+    const [l, s] = c[a];
     return /* @__PURE__ */ y(u, { delay: l, closeDelay: s, children: [
       t,
       /* @__PURE__ */ r(
-        p,
+        i,
         {
           ref: e,
           "data-dd-privacy": "allow",
-          offset: c(t) ? 6 : 8,
+          offset: m(t) ? 6 : 8,
           className: "uy:inline-flex uy:rounded-50 uy:pl-100 uy:pr-100 uy:pt-50 uy:pb-50 uy:bg-grayscale-l12 uy:max-w-[300px] uy:shadow-100",
           children: /* @__PURE__ */ r("p", { className: "uy:typography-body-small uy:text-content-inverted uy:overflow-hidden uy:text-ellipsis uy:line-clamp-3", children: o })
         }
@@ -26,5 +27,5 @@ const c = (o) => o.type === d || o.type === i, m = {
   }
 );
 export {
-  w as Tooltip
+  T as Tooltip
 };

package/dist/esm/hooks/use-async-list.d.ts

@@ -1,2 +1,2 @@
-import { useAsyncList } from 'react-stately';
+import { useAsyncList } from 'react-stately/useAsyncList';
 export { useAsyncList };

package/dist/esm/index.js

@@ -226,9 +226,9 @@ import { CarouselHeader as rf, carouselHeader as tf } from "./components/carouse
 import { CarouselNav as af, carouselNav as mf } from "./components/carousel/parts/CarouselNav.js";
 import { CarouselContent as nf, carouselContent as ff } from "./components/carousel/parts/CarouselContent.js";
 import { CarouselSlide as uf, carouselSlide as df } from "./components/carousel/parts/CarouselSlide.js";
-import { DialogTrigger as gf, DialogTrigger as sf } from "react-aria-components";
+import { DialogTrigger as gf, DialogTrigger as sf } from "react-aria-components/Dialog";
 import { FilterAdapters as bf } from "./components/filter-toolbar/utils/filter-adapters.js";
-import { useAsyncList as Tf } from "react-stately";
+import { useAsyncList as Tf } from "react-stately/useAsyncList";
 export {
   p as ActionBar,
   m as ActionBarAction,

package/dist/esm/integrations/tanstack-router/components/tabs/parts/TabPanel.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { useContext as s } from "react";
-import { TabListStateContext as i } from "react-aria-components";
+import { TabListStateContext as i } from "react-aria-components/Tabs";
 import { TabPanel as r } from "../../../../../components/tabs/parts/TabPanel.js";
 function m({
   children: t,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payfit/unity-components",
-  "version": "2.25.3",
+  "version": "2.25.5",
   "module": "./dist/esm/index.js",
   "type": "module",
   "sideEffects": false,
@@ -42,7 +42,7 @@
     "@hookform/devtools": "4.4.0",
     "@hookform/resolvers": "5.2.1",
     "@internationalized/date": "3.12.1",
-    "@payfit/unity-illustrations": "2.25.3",
+    "@payfit/unity-illustrations": "2.25.5",
     "@radix-ui/react-avatar": "1.1.11",
     "@radix-ui/react-slot": "1.2.4",
     "@react-aria/interactions": "3.28.0",
@@ -74,8 +74,8 @@
   },
   "peerDependencies": {
     "@hookform/devtools": "^4",
-    "@payfit/unity-icons": "2.25.3",
-    "@payfit/unity-themes": "2.25.3",
+    "@payfit/unity-icons": "2.25.5",
+    "@payfit/unity-themes": "2.25.5",
     "@storybook/react-vite": "^10.3.2",
     "@tanstack/react-query": "^5",
     "@tanstack/react-router": "^1.131",
@@ -95,9 +95,9 @@
     "@payfit/hr-apps-tsconfigs": "0.0.0-use.local",
     "@payfit/storybook-addon-console-errors": "0.0.0-use.local",
     "@payfit/storybook-config": "0.0.0-use.local",
-    "@payfit/unity-icons": "2.25.3",
-    "@payfit/unity-illustrations": "2.25.3",
-    "@payfit/unity-themes": "2.25.3",
+    "@payfit/unity-icons": "2.25.5",
+    "@payfit/unity-illustrations": "2.25.5",
+    "@payfit/unity-themes": "2.25.5",
     "@payfit/vite-configs": "0.0.0-use.local",
     "@storybook/addon-a11y": "10.3.5",
     "@storybook/addon-designs": "11.1.3",