@payfit/unity-components 2.25.4 → 2.25.5

package/dist/esm/components/select-list/parts/SelectListOptGroup.js

@@ -1,28 +1,31 @@
-import { jsxs as y, jsx as t } from "react/jsx-runtime";
-import { uyTv as c } from "@payfit/unity-themes";
-import { ListBoxSection as i, Header as p, Collection as b, Separator as m } from "react-aria-components";
-const d = c({
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { uyTv as p } from "@payfit/unity-themes";
+import { Collection as y } from "react-aria-components/Collection";
+import { Header as c } from "react-aria-components/Header";
+import { ListBoxSection as m } from "react-aria-components/ListBox";
+import { Separator as b } from "react-aria-components/Separator";
+const f = p({
   slots: {
     base: "uy:flex uy:flex-col uy:bg-surface-neutral",
     label: "uy:px-150 uy:py-100 uy:typography-body-strong uy:text-content-neutral",
     separator: "uy:my-100 uy:border-t uy:border-border-neutral uy:border-solid"
   }
 });
-function f(r) {
-  const { base: l, label: s, separator: a } = d(), {
+function d(r) {
+  const { base: l, label: s, separator: a } = f(), {
     label: o,
-    withSeparator: u = !1,
+    withSeparator: i = !1,
     children: e,
-    ...n
+    ...u
   } = r;
-  return /* @__PURE__ */ y(i, { ...n, className: l(), children: [
-    o && /* @__PURE__ */ t(p, { className: s(), children: o }),
-    typeof e == "function" ? /* @__PURE__ */ t(b, { items: r.items, children: e }) : e,
-    u && /* @__PURE__ */ t(m, { className: a() })
+  return /* @__PURE__ */ n(m, { ...u, className: l(), children: [
+    o && /* @__PURE__ */ t(c, { className: s(), children: o }),
+    typeof e == "function" ? /* @__PURE__ */ t(y, { items: r.items, children: e }) : e,
+    i && /* @__PURE__ */ t(b, { className: a() })
   ] });
 }
-f.displayName = "SelectListOptGroup";
+d.displayName = "SelectListOptGroup";
 export {
-  f as SelectListOptGroup,
-  d as selectListOptGroup
+  d as SelectListOptGroup,
+  f as selectListOptGroup
 };

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

@@ -1,5 +1,5 @@
 import { default as React, ReactNode } from 'react';
-import { ListBoxItemProps } from 'react-aria-components';
+import { ListBoxItemProps } from 'react-aria-components/ListBox';
 /**
  * Props for the SelectListOption component.
  * @template TType - The type of the item this option represents

package/dist/esm/components/select-list/parts/SelectListOption.js

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
 import { uyTv as b } from "@payfit/unity-themes";
-import { ListBoxItem as m } from "react-aria-components";
+import { ListBoxItem as m } from "react-aria-components/ListBox";
 import x from "../../../hooks/use-id.js";
 import { CheckboxIndicator as v } from "../../checkbox/parts/CheckboxIndicator.js";
 const h = b({

package/dist/esm/components/select-list/parts/SelectListSearchInput.js

@@ -1,29 +1,30 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { forwardRef as r } from "react";
+import { forwardRef as u } from "react";
 import { uyTv as s } from "@payfit/unity-themes";
-import { SearchField as a, Input as c } from "react-aria-components";
+import { Input as a } from "react-aria-components/Input";
+import { SearchField as c } from "react-aria-components/SearchField";
 import { useIntl as l } from "react-intl";
-import { CircularIconButton as y } from "../../icon-button/CircularIconButton.js";
-import { Icon as m } from "../../icon/Icon.js";
+import { CircularIconButton as m } from "../../icon-button/CircularIconButton.js";
+import { Icon as y } from "../../icon/Icon.js";
 const p = s({
   slots: {
     base: "uy:flex uy:gap-100 uy:items-center uy:transition-colors uy:py-125 uy:sm:py-100 uy:px-150 uy:rounded-100 uy:sm:rounded-75 uy:bg-surface-form-high-enabled uy:focus-within:outline-utility-focus-ring uy:focus-within:outline-2 uy:focus-within:outline-offset-2 uy:text-content-form-active uy:typography-body",
     input: "uy:flex-grow uy:outline-none uy:[&::-webkit-search-cancel-button]:hidden"
   }
-}), f = r((d, e) => {
-  const o = l(), { base: n, input: u } = p();
-  return /* @__PURE__ */ i(a, { className: n(), ref: e, "data-dd-privacy": "mask", children: [
+}), f = u((d, e) => {
+  const o = l(), { base: n, input: r } = p();
+  return /* @__PURE__ */ i(c, { className: n(), ref: e, "data-dd-privacy": "mask", children: [
     /* @__PURE__ */ t(
-      m,
+      y,
       {
         src: "MagnifyingGlassOutlined",
         role: "presentation",
         color: "content.neutral.lowest"
       }
     ),
-    /* @__PURE__ */ t(c, { className: u() }),
+    /* @__PURE__ */ t(a, { className: r() }),
     /* @__PURE__ */ t(
-      y,
+      m,
       {
         title: o.formatMessage({
           id: "unity:component:common:clear:title",

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

@@ -1,5 +1,6 @@
 import { SelectionBehavior } from '@react-types/shared';
-import { Key, Selection, SelectionMode } from 'react-aria-components';
+import { Key } from 'react-aria-components/Breadcrumbs';
+import { Selection, SelectionMode } from 'react-aria-components/GridList';
 interface SelectableItem {
     id: Key;
     label: string;

package/dist/esm/components/select-list/parts/SelectedItemsSection.js

@@ -1,5 +1,5 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { Header as h, ListBox as p, Collection as u } from "react-aria-components";
+import { Header as h, ListBox as p, Collection as u } from "react-aria-components/ListBox";
 import { SelectListOption as f } from "./SelectListOption.js";
 function S({
   items: r,

package/dist/esm/components/selectable-button-group/SelectableButtonGroup.context.d.ts

@@ -1,2 +1,2 @@
-import { ToggleGroupState } from 'react-stately';
+import { ToggleGroupState } from 'react-stately/useToggleGroupState';
 export declare const SelectableButtonGroupContext: import('react').Context<ToggleGroupState | null>;

package/dist/esm/components/selectable-button-group/SelectableButtonGroup.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from '@payfit/unity-themes';
-import { AriaToggleButtonGroupProps } from 'react-aria';
+import { AriaToggleButtonGroupProps } from 'react-aria/useToggleButtonGroup';
 import { Key } from 'react-stately';
 export declare const selectableButtonGroup: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:group uy:flex uy:gap-100 uy:flex-wrap", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "uy:group uy:flex uy:gap-100 uy:flex-wrap", unknown, unknown, undefined>>;
 export interface SelectableButtonGroupProps extends VariantProps<typeof selectableButtonGroup>, Omit<AriaToggleButtonGroupProps, 'selectedKeys' | 'defaultSelectedKeys' | 'onSelectionChange' | 'style'> {

package/dist/esm/components/selectable-button-group/SelectableButtonGroup.js

@@ -1,8 +1,8 @@
 import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as i, useRef as s, useCallback as m } from "react";
 import { uyTv as f } from "@payfit/unity-themes";
-import { useToggleButtonGroup as y } from "react-aria";
-import { useToggleGroupState as g } from "react-stately";
+import { useToggleButtonGroup as y } from "react-aria/useToggleButtonGroup";
+import { useToggleGroupState as g } from "react-stately/useToggleGroupState";
 import { SelectableButtonGroupContext as v } from "./SelectableButtonGroup.context.js";
 const B = f({
   base: "uy:group uy:flex uy:gap-100 uy:flex-wrap"

package/dist/esm/components/selectable-button-group/parts/SelectableButton.d.ts

@@ -1,5 +1,5 @@
-import { AriaToggleButtonProps } from 'react-aria';
-import { ToggleButtonProps } from 'react-aria-components';
+import { ToggleButtonProps } from 'react-aria-components/ToggleButton';
+import { AriaToggleButtonProps } from 'react-aria/useToggleButton';
 import { UnityIcon } from '@payfit/unity-icons';
 export declare const selectableButton: import('tailwind-variants').TVReturnType<{
     hasIcon: {

package/dist/esm/components/selectable-button-group/parts/SelectableButton.js

@@ -1,7 +1,7 @@
 import { jsxs as c, jsx as a, Fragment as v } from "react/jsx-runtime";
 import { forwardRef as x, useRef as h, useContext as B, useCallback as N } from "react";
 import { uyTv as S } from "@payfit/unity-themes";
-import { useToggleButtonGroupItem as I } from "react-aria";
+import { useToggleButtonGroupItem as I } from "react-aria/useToggleButtonGroup";
 import { Icon as w } from "../../icon/Icon.js";
 import { Spinner as C } from "../../spinner/Spinner.js";
 import { SelectableButtonGroupContext as G } from "../SelectableButtonGroup.context.js";

package/dist/esm/components/selectable-card/selectable-card-checkbox-group/SelectableCardCheckboxGroup.d.ts

@@ -1,4 +1,4 @@
-import { CheckboxGroupProps as AriaCheckboxGroupProps } from 'react-aria-components';
+import { CheckboxGroupProps as AriaCheckboxGroupProps } from 'react-aria-components/CheckboxGroup';
 export type SelectableCardCheckboxGroupProps = AriaCheckboxGroupProps;
 /**
  * The `SelectableCardCheckboxGroup` component renders a group of selectable card checkboxes.

package/dist/esm/components/selectable-card/selectable-card-checkbox-group/SelectableCardCheckboxGroup.js

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

package/dist/esm/components/selectable-card/selectable-card-checkbox-group/parts/SelectableCardCheckbox.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from '@payfit/unity-themes';
 import { ReactNode } from 'react';
-import { CheckboxProps as AriaCheckboxProps } from 'react-aria-components';
+import { CheckboxProps as AriaCheckboxProps } from 'react-aria-components/Checkbox';
 import { selectableCard } from '../../selectableCard.variant.js';
 export interface SelectableCardCheckboxProps extends Omit<AriaCheckboxProps, 'children'>, VariantProps<typeof selectableCard> {
     /**

package/dist/esm/components/selectable-card/selectable-card-checkbox-group/parts/SelectableCardCheckbox.js

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as m, Fragment as n } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
-import { useId as f } from "react-aria";
-import { Checkbox as h } from "react-aria-components";
+import { Checkbox as f } from "react-aria-components/Checkbox";
+import { useId as h } from "react-aria/useId";
 import { CheckboxIndicator as p } from "../../../checkbox/parts/CheckboxIndicator.js";
 import { Text as b } from "../../../text/Text.js";
 import { Content as x } from "../../internals/Content.js";
@@ -10,9 +10,9 @@ import { Illustration as g } from "../../internals/Illustration.js";
 import { SelectedIndicator as k } from "../../internals/SelectedIndicator.js";
 import { selectableCard as u } from "../../selectableCard.variant.js";
 const I = s(({ title: i, description: o, illustration: t, ...a }, c) => {
-  const { base: d } = u(), l = f();
+  const { base: d } = u(), l = h();
   return /* @__PURE__ */ r(
-    h,
+    f,
     {
       ref: c,
       className: ({ isFocusVisible: e }) => d({ isFocusVisible: e }),

package/dist/esm/components/selectable-card/selectable-card-radio-group/SelectableCardRadioGroup.d.ts

@@ -1,4 +1,4 @@
-import { RadioGroupProps } from 'react-aria-components';
+import { RadioGroupProps } from 'react-aria-components/RadioGroup';
 export type SelectableCardRadioGroupProps = Omit<RadioGroupProps, 'className' | 'style' | 'isDisabled' | 'isReadOnly'>;
 /**
  * The `SelectableCardRadioGroup` component renders a group of mutually exclusive selectable card options.

package/dist/esm/components/selectable-card/selectable-card-radio-group/SelectableCardRadioGroup.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
-import { RadioGroup as s } from "react-aria-components";
+import { RadioGroup as s } from "react-aria-components/RadioGroup";
 import { useBreakpointListener as m } from "../../../hooks/use-breakpoint-listener.js";
 const p = l(({ children: r, value: e, ...i }, t) => {
   const o = m();

package/dist/esm/components/selectable-card/selectable-card-radio-group/parts/SelectableCardRadio.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from '@payfit/unity-themes';
 import { PropsWithChildren, ReactNode } from 'react';
-import { RadioProps } from 'react-aria-components';
+import { RadioProps } from 'react-aria-components/RadioGroup';
 import { selectableCard } from '../../selectableCard.variant.js';
 export interface SelectableCardRadioProps extends Omit<RadioProps, 'children'>, PropsWithChildren<VariantProps<typeof selectableCard>> {
     /**

package/dist/esm/components/selectable-card/selectable-card-radio-group/parts/SelectableCardRadio.js

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as a, Fragment as n } from "react/jsx-runtime";
 import { useId as s } from "react";
-import { Radio as p } from "react-aria-components";
+import { Radio as p } from "react-aria-components/RadioGroup";
 import { Text as f } from "../../../text/Text.js";
 import { Content as b } from "../../internals/Content.js";
 import { Description as h } from "../../internals/Description.js";

package/dist/esm/components/side-panel/SidePanel.js

@@ -1,8 +1,9 @@
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
 import { forwardRef as c, useEffect as g } from "react";
 import { uyTv as x } from "@payfit/unity-themes";
-import { ModalOverlay as h, Modal as v, Dialog as w } from "react-aria-components";
-import { SidePanelDragIndicator as p } from "./parts/SidePanelDragIndicator.js";
+import { Dialog as h } from "react-aria-components/Dialog";
+import { ModalOverlay as p, Modal as v } from "react-aria-components/Modal";
+import { SidePanelDragIndicator as w } from "./parts/SidePanelDragIndicator.js";
 const N = x({
   slots: {
     overlay: [
@@ -37,7 +38,7 @@ const N = x({
     return g(() => {
       d && (e ?? a) && (document.documentElement.style.overflow = "", document.body.style.overflow = "");
     }, [d, e, a]), /* @__PURE__ */ t(
-      h,
+      p,
       {
         className: n(),
         isOpen: e,
@@ -54,8 +55,8 @@ const N = x({
             className: m(),
             "data-unity-side-panel": !0,
             children: [
-              /* @__PURE__ */ t(p, {}),
-              /* @__PURE__ */ t(w, { className: f(), children: o })
+              /* @__PURE__ */ t(w, {}),
+              /* @__PURE__ */ t(h, { className: f(), children: o })
             ]
           }
         )

package/dist/esm/components/side-panel/parts/SidePanelDragIndicator.js

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

package/dist/esm/components/side-panel/parts/SidePanelHeader.js

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

package/dist/esm/components/skip-links/SkipLinks.js

@@ -1,7 +1,7 @@
 import { jsxs as y, jsx as t } from "react/jsx-runtime";
 import { forwardRef as l, useId as p } from "react";
 import { uyTv as f } from "@payfit/unity-themes";
-import { Link as m } from "react-aria-components";
+import { Link as m } from "react-aria-components/Link";
 import { FormattedMessage as b } from "react-intl";
 import { link as k } from "../link/RawLink.js";
 const h = f({

package/dist/esm/components/table/parts/TablePagination.js

@@ -1,7 +1,7 @@
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
 import { forwardRef as C, useState as I } from "react";
 import { uyTv as j } from "@payfit/unity-themes";
-import { useId as L } from "react-aria";
+import { useId as L } from "react-aria/useId";
 import { useIntl as T } from "react-intl";
 import { ClientSidePagination as O } from "../../client-side-pagination/ClientSidePagination.js";
 import { SelectOption as R } from "../../select/parts/SelectOption.js";

package/dist/esm/components/tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from '@payfit/unity-themes';
-import { TabsProps as AriaTabsProps } from 'react-aria-components';
+import { TabsProps as AriaTabsProps } from 'react-aria-components/Tabs';
 import { tabsVariant } from './Tabs.variant.js';
 export interface TabsProps extends Omit<AriaTabsProps, 'isDisabled' | 'orientation' | 'className' | 'style' | 'disabledKeys' | 'keyboardActivation' | 'slot'>, VariantProps<typeof tabsVariant> {
     /** set to true to make the tabs scrollable */

package/dist/esm/components/tabs/Tabs.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as e } from "react";
-import { Tabs as f } from "react-aria-components";
+import { Tabs as f } from "react-aria-components/Tabs";
 import { TabsProvider as p } from "./Tabs.context.js";
 import { tabsVariant as d } from "./Tabs.variant.js";
 const b = e(

package/dist/esm/components/tabs/parts/NavigationButton.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps } from 'react-aria-components';
+import { ButtonProps } from 'react-aria-components/Button';
 type Direction = 'left' | 'right';
 interface NavigationButtonProps extends Pick<ButtonProps, 'onPress'> {
     direction: Direction;

package/dist/esm/components/tabs/parts/NavigationButton.js

@@ -1,6 +1,6 @@
 import { jsx as u } from "react/jsx-runtime";
 import { uyTv as a } from "@payfit/unity-themes";
-import { Button as s } from "react-aria-components";
+import { Button as s } from "react-aria-components/Button";
 import { Icon as y } from "../../icon/Icon.js";
 const i = a({
   slots: {

package/dist/esm/components/tabs/parts/RawTab.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { TabProps as AriaTabProps, Key } from 'react-aria-components';
+import { TabProps as AriaTabProps, Key } from 'react-aria-components/Tabs';
 export interface TabProps extends Omit<AriaTabProps, 'isDisabled' | 'className' | 'style' | 'download' | 'ping' | 'routerOptions' | 'id'> {
     id: Key | undefined;
     suffix?: ReactNode;

package/dist/esm/components/tabs/parts/RawTab.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as l } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import { Tab as b } from "react-aria-components";
+import { Tab as b } from "react-aria-components/Tabs";
 import { useTabsContext as c } from "../Tabs.context.js";
 import { tabsVariant as f } from "../Tabs.variant.js";
 const d = p(

package/dist/esm/components/tabs/parts/TabList.js

@@ -1,6 +1,6 @@
 import { jsxs as A, jsx as c } from "react/jsx-runtime";
 import { forwardRef as C, useRef as B, useState as d, useCallback as j } from "react";
-import { TabList as L } from "react-aria-components";
+import { TabList as L } from "react-aria-components/Tabs";
 import { useResizeObserver as q } from "usehooks-ts";
 import { useTabsContext as w } from "../Tabs.context.js";
 import { tabsVariant as z } from "../Tabs.variant.js";

package/dist/esm/components/tabs/parts/TabPanel.d.ts

@@ -1,4 +1,4 @@
-import { TabPanelProps as AriaTabPanelProps, Key } from 'react-aria-components';
+import { TabPanelProps as AriaTabPanelProps, Key } from 'react-aria-components/Tabs';
 export interface TabPanelProps extends Omit<AriaTabPanelProps, 'classname' | 'style' | 'id'> {
     id: Key | undefined;
 }

package/dist/esm/components/tabs/parts/TabPanel.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as t } from "react";
-import { TabPanel as n } from "react-aria-components";
+import { TabPanel as n } from "react-aria-components/Tabs";
 const p = t(
   ({ children: a, id: r, ...o }, e) => /* @__PURE__ */ m(n, { "data-dd-privacy": "mask", id: r, ref: e, ...o, children: a })
 );

package/dist/esm/components/task-menu/TaskMenu.context.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren, RefObject } from 'react';
-import { OverlayTriggerAria } from 'react-aria';
-import { OverlayTriggerState } from 'react-stately';
+import { OverlayTriggerAria } from 'react-aria/useOverlayTrigger';
+import { OverlayTriggerState } from 'react-stately/useOverlayTriggerState';
 export interface CurrentTask {
     uniqueId: string;
     label: string;

package/dist/esm/components/task-menu/TaskMenu.context.js

@@ -1,7 +1,8 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as x } from "react/jsx-runtime";
 import { useState as r, useRef as i, createContext as C, useContext as M } from "react";
-import { useId as G, useOverlayTrigger as P } from "react-aria";
-import { useOverlayTriggerState as I } from "react-stately";
+import { useId as G } from "react-aria/useId";
+import { useOverlayTrigger as P } from "react-aria/useOverlayTrigger";
+import { useOverlayTriggerState as I } from "react-stately/useOverlayTriggerState";
 const c = C({
   currentTask: void 0,
   setCurrentTask: void 0,
@@ -15,37 +16,37 @@ const c = C({
   triggerProps: {},
   overlayProps: {}
 });
-function E({ children: e }) {
+function O({ children: e }) {
   const n = G(), [k, d] = r(null), [o, s] = r(
     null
-  ), [T, u] = r(null), a = I({}), l = i(null), p = i(null), { triggerProps: v, overlayProps: g } = P(
+  ), [p, u] = r(null), a = I({}), l = i(null), T = i(null), { triggerProps: v, overlayProps: f } = P(
     { type: "dialog" },
     a,
     l
-  ), f = `task-menu-${n}`, x = (t) => {
-    t === T ? (u(null), s(null)) : (u(t), s(o === t ? null : t));
+  ), g = `task-menu-${n}`, m = (t) => {
+    t === p ? (u(null), s(null)) : (u(t), s(o === t ? null : t));
   };
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ x(
     c.Provider,
     {
       value: {
         currentTask: k,
         setCurrentTask: d,
-        toggleTaskGroup: x,
+        toggleTaskGroup: m,
         expandedTaskGroup: o,
         taskMenuId: n,
-        taskMenuContentId: f,
+        taskMenuContentId: g,
         state: a,
         triggerRef: l,
-        overlayRef: p,
+        overlayRef: T,
         triggerProps: v,
-        overlayProps: g
+        overlayProps: f
       },
       children: e
     }
   );
 }
-function O() {
+function S() {
   const e = M(c);
   if (!e)
     throw new Error(
@@ -55,6 +56,6 @@ function O() {
 }
 export {
   c as TaskMenuContext,
-  E as TaskMenuProvider,
-  O as useTaskMenuContext
+  O as TaskMenuProvider,
+  S as useTaskMenuContext
 };

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

@@ -1,9 +1,11 @@
-import { jsx as s } from "react/jsx-runtime";
-import { uyTv as m } from "@payfit/unity-themes";
-import { FocusScope as p, useOverlay as f, mergeProps as b } from "react-aria";
-import { useBreakpointListener as i } from "../../../hooks/use-breakpoint-listener.js";
+import { jsx as t } from "react/jsx-runtime";
+import { uyTv as y } from "@payfit/unity-themes";
+import { FocusScope as p } from "react-aria/FocusScope";
+import { mergeProps as f } from "react-aria/mergeProps";
+import { useOverlay as b } from "react-aria/useOverlay";
+import { useBreakpointListener as u } from "../../../hooks/use-breakpoint-listener.js";
 import { useTaskMenuContext as r } from "../TaskMenu.context.js";
-const v = m({
+const v = y({
   base: [
     "uy:flex uy:flex-col uy:mt-100",
     "uy:flex uy:md:flex-col uy:md:gap-200 uy:md:list-none uy:md:mt-0",
@@ -12,34 +14,34 @@ const v = m({
 }), l = ({ children: e }) => {
   const {
     taskMenuContentId: o,
-    state: t,
+    state: s,
     overlayProps: a,
     overlayRef: n
-  } = r(), u = i(), c = u === "xs" || u === "sm", { overlayProps: y } = f(
+  } = r(), i = u(), m = i === "xs" || i === "sm", { overlayProps: c } = b(
     {
-      onClose: () => t?.close(),
-      isOpen: t?.isOpen,
+      onClose: () => s?.close(),
+      isOpen: s?.isOpen,
       isDismissable: !1
     },
     n
   );
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ t(
     "ol",
     {
-      ...b(y, a),
+      ...f(c, a),
       ref: n,
       className: v(),
       id: o,
-      ...c && { "data-mobile-open": t?.isOpen },
+      ...m && { "data-mobile-open": s?.isOpen },
       children: e
     }
   );
 }, d = ({ children: e }) => {
   const { state: o } = r();
-  return !!o?.isOpen && /* @__PURE__ */ s("div", { className: "uy:absolute uy:z-9 uy:top-full uy:inset-x-0 uy:h-[100dvh] uy:bg-surface-neutral", children: /* @__PURE__ */ s(p, { contain: !0, restoreFocus: !0, autoFocus: !0, children: /* @__PURE__ */ s(l, { children: e }) }) });
+  return !!o?.isOpen && /* @__PURE__ */ t("div", { className: "uy:absolute uy:z-9 uy:top-full uy:inset-x-0 uy:h-[100dvh] uy:bg-surface-neutral", children: /* @__PURE__ */ t(p, { contain: !0, restoreFocus: !0, autoFocus: !0, children: /* @__PURE__ */ t(l, { children: e }) }) });
 }, x = ({ children: e }) => {
-  const o = i();
-  return o === "xs" || o === "sm" ? /* @__PURE__ */ s(d, { children: e }) : /* @__PURE__ */ s(l, { children: e });
+  const o = u();
+  return o === "xs" || o === "sm" ? /* @__PURE__ */ t(d, { children: e }) : /* @__PURE__ */ t(l, { children: e });
 };
 x.displayName = "TaskMenuContent";
 export {