@payfit/unity-components 0.0.0-alpha.13 → 0.0.0-alpha.16

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

@@ -1,5 +1,5 @@
-import { jsxs as n, jsx as o, Fragment as h } from "react/jsx-runtime";
-import { forwardRef as x, useRef as I, useContext as w } from "react";
+import { jsxs as n, jsx as t, Fragment as x } from "react/jsx-runtime";
+import { forwardRef as h, useRef as I, useContext as w } from "react";
 import { useToggleButtonGroupItem as B, mergeProps as S } from "react-aria";
 import { tv as N } from "tailwind-variants";
 import { Icon as G } from "../../icon/Icon.js";
@@ -11,7 +11,7 @@ const j = N({
     base: [
       "uy-group uy-border uy-border-solid uy-rounded-75 uy-py-100 uy-flex uy-gap-50 uy-items-center",
       // default background and border
-      "uy-border-border-form-enabled uy-bg-surface-form-enabled",
+      "uy-border-border-form-enabled uy-bg-surface-form-enabled uy-text-content-form-enabled",
       // pseudo-states
       "hover:uy-bg-surface-form-hover hover:uy-border-border-form-hover",
       "active:uy-bg-surface-form-pressed active:uy-border-border-form-pressed",
@@ -20,13 +20,23 @@ const j = N({
       // Pressed
       "data-[pressed=true]:uy-bg-surface-form-pressed data-[pressed=true]:uy-border-border-form-pressed data-[pressed=true]:uy-text-content-form-pressed",
       // selected
-      "data-[selected=true]:uy-bg-surface-form-selected data-[selected=true]:uy-border-border-form-selected data-[selected=true]:uy-text-content-form-selected",
+      "data-[selected=true]:uy-bg-surface-form-selected data-[selected=true]:uy-border-border-form-selected data-[selected=true]:uy-text-content-primary-active",
       // Disabled
       "disabled:uy-bg-surface-form-disabled disabled:uy-border-border-form-disabled disabled:uy-text-content-form-disabled disabled:uy-cursor-not-allowed",
       // Loading
       "data-[loading=true]:uy-bg-surface-form-disabled data-[loading=true]:uy-border-border-form-disabled data-[loading=true]:uy-text-content-form-disabled data-[loading=true]:uy-cursor-wait"
     ],
-    icon: ["uy-p-25", "data-[loading=true]:uy-hidden"],
+    icon: [
+      "uy-p-25 uy-text-content-neutral-low",
+      // Pseudo-states
+      "group-data-[pressed=true]:uy-text-content-form-pressed",
+      // selected
+      "group-data-[selected=true]:uy-text-content-primary-active",
+      // disabled
+      "group-disabled:uy-text-content-form-disabled",
+      // Loading
+      "data-[loading=true]:uy-hidden"
+    ],
     label: ["uy-typography-action"]
   },
   variants: {
@@ -48,23 +58,23 @@ const j = N({
     hasIcon: !1,
     isInvalid: !1
   }
-}), z = x(
-  (t, c) => {
-    const s = I(null), a = w(R);
-    if (!a)
+}), z = h(
+  (o, c) => {
+    const a = I(null), s = w(R);
+    if (!s)
       throw new Error(
         "SelectableButton must be used within a ToggleButtonGroup component"
       );
-    const { state: b, isInvalid: d } = a, { buttonProps: u, isPressed: f, isSelected: l } = B(
-      { id: t.value, ...t },
+    const { state: b, isInvalid: d } = s, { buttonProps: u, isPressed: f, isSelected: l } = B(
+      { id: o.value, ...o },
       b,
-      s
-    ), { ref: y } = S({ ref: s }, { ref: c }), {
+      a
+    ), { ref: y } = S({ ref: a }, { ref: c }), {
       isDisabled: m = !1,
       isLoading: e = !1,
       prefixIcon: r,
       children: i
-    } = t, { base: p, icon: g, label: v } = j({
+    } = o, { base: p, icon: g, label: v } = j({
       hasIcon: !!r && !e,
       isInvalid: !!d
     });
@@ -82,7 +92,7 @@ const j = N({
         "data-invalid": d,
         "aria-busy": e,
         children: [
-          r && !e && /* @__PURE__ */ o(
+          r && !e && /* @__PURE__ */ t(
             G,
             {
               src: l ? `${r}Filled` : `${r}Outlined`,
@@ -91,10 +101,10 @@ const j = N({
               size: 20
             }
           ),
-          e ? /* @__PURE__ */ n(h, { children: [
-            /* @__PURE__ */ o(P, { label: "Loading", size: "small", color: "inherit" }),
-            /* @__PURE__ */ o("span", { className: "uy-sr-only", children: i })
-          ] }) : /* @__PURE__ */ o("span", { className: v(), children: i })
+          e ? /* @__PURE__ */ n(x, { children: [
+            /* @__PURE__ */ t(P, { label: "Loading", size: "small", color: "inherit" }),
+            /* @__PURE__ */ t("span", { className: "uy-sr-only", children: i })
+          ] }) : /* @__PURE__ */ t("span", { className: v(), children: i })
         ]
       }
     );

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

@@ -7,7 +7,7 @@ const N = w({
   slots: {
     overlay: [
       "md:uy-bg-gradient-to-r md:uy-from-grayscale-L12/0 md:uy-to-grayscale-L12/10 md:uy-from-70% md:uy-via-100%",
-      "uy-fixed uy-inset-0 uy-isolate uy-z-10",
+      "uy-fixed uy-inset-0 uy-isolate uy-z-30",
       "data-[entering]:uy-animate-fade-in data-[exiting]:uy-animate-fade-out"
     ],
     wrapper: [

package/dist/esm/components/table/Table.js

@@ -5,7 +5,7 @@ import { useResizeObserver as $ } from "usehooks-ts";
 import { TableContextProvider as D, useTableContext as M } from "./Table.context.js";
 const P = E({
   slots: {
-    root: "uy-w-full uy-border uy-border-solid uy-border-border-neutral-enabled uy-rounded-100 uy-overflow-hidden",
+    root: "uy-w-full uy-border uy-border-solid uy-border-border-neutral uy-rounded-100 uy-overflow-hidden",
     scroller: [
       "uy-relative uy-flex uy-flex-col",
       "uy-min-h-[var(--uy-table-min-rows)] uy-max-h-[var(--uy-table-max-rows)]",

package/dist/esm/components/table/parts/TableBody.d.ts

@@ -9,7 +9,42 @@ export interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionEle
      */
     renderDataState?: () => ReactNode | undefined;
 }
-export declare const tableBody: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export declare const tableBody: import('tailwind-variants').TVReturnType<{
+    isEmpty: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
+    isEmpty: {
+        true: string[];
+        false: string[];
+    };
+}, {
+    isEmpty: {
+        true: string[];
+        false: string[];
+    };
+}>, {
+    isEmpty: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    isEmpty: {
+        true: string[];
+        false: string[];
+    };
+}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<{
+    isEmpty: {
+        true: string[];
+        false: string[];
+    };
+}, {
+    isEmpty: {
+        true: string[];
+        false: string[];
+    };
+}>, unknown, unknown, undefined>>;
 /**
  * The `TableBody` component renders the body section of a table, containing rows of data.
  * It automatically processes its children to add row indices and handles empty states.

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

@@ -1,32 +1,36 @@
-import { jsx as l } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import p, { forwardRef as b, Children as f, cloneElement as h } from "react";
 import { tv as v } from "tailwind-variants";
 const C = v({
-  base: [
-    "[&[data-empty]]:uy-h-[var(--uy-table-min-rows)]",
-    "[&_tr:last-child]:uy-border-b",
-    "[&_tr:last-child]:uy-border-b-[length:calc(1px*(1-var(--uy-table-is-scrollable,0)))]",
-    "uy-transition-all uy-duration-200 uy-ease-in-out"
-  ]
+  base: ["uy-transition-all uy-duration-200 uy-ease-in-out"],
+  variants: {
+    isEmpty: {
+      true: ["uy-h-[var(--uy-table-min-rows)]"],
+      false: [
+        "[&_tr:last-child]:uy-border-b",
+        "[&_tr:last-child]:uy-border-b-[length:calc(1px*(1-var(--uy-table-is-scrollable,0)))]"
+      ]
+    }
+  }
 }), x = b(
-  ({ children: c, renderEmptyState: r, renderDataState: s, ...y }, m) => {
-    const d = s ? s() : void 0, t = d !== void 0, o = t ? [] : f.map(c, (a, u) => p.isValidElement(a) ? h(
-      a,
+  ({ children: c, renderEmptyState: l, renderDataState: s, ...u }, y) => {
+    const i = s ? s() : void 0, t = i !== void 0, n = t ? [] : f.map(c, (o, m) => p.isValidElement(o) ? h(
+      o,
       {
-        rowIndex: u,
-        ...a.props
+        rowIndex: m,
+        ...o.props
       }
-    ) : a), n = (!o || o.length === 0) && !t, i = n && r ? r() : null;
-    let e = null;
-    return t ? e = d : n && i && (e = i), /* @__PURE__ */ l(
+    ) : o), e = (!n || n.length === 0) && !t, d = e && l ? l() : null;
+    let a = null;
+    return t ? a = i : e && d && (a = d), /* @__PURE__ */ r(
       "tbody",
       {
-        ref: m,
-        className: C(),
+        ref: y,
+        className: C({ isEmpty: e }),
         "data-dd-privacy": "mask",
-        "data-empty": n || t || void 0,
-        ...y,
-        children: e ? /* @__PURE__ */ l("tr", { children: /* @__PURE__ */ l("td", { colSpan: 1e3, className: "uy-p-0", children: e }) }) : o
+        "data-empty": e || t || void 0,
+        ...u,
+        children: a ? /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r("td", { colSpan: 1e3, className: "uy-p-0", children: a }) }) : n
       }
     );
   }

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

@@ -3,7 +3,7 @@ import r, { forwardRef as u } from "react";
 import { tv as s } from "tailwind-variants";
 const y = s({
   base: [
-    "uy-h-500 uy-bg-surface-neutral-low uy-rounded-tl-100 uy-rounded-tr-100 uy-overflow-hidden",
+    "uy-h-500 uy-bg-surface-neutral-lowest uy-rounded-tl-100 uy-rounded-tr-100 uy-overflow-hidden",
     "uy-sticky uy-top-0 uy-z-[1]",
     "[&_tr]:uy-border-b [&_tr]:uy-border-solid [&_tr]:uy-border-b-border-neutral-enabled"
   ]

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

@@ -8,7 +8,7 @@ import { SelectOption as T } from "../../select/parts/SelectOption.js";
 import { Select as C } from "../../select/Select.js";
 const E = O({
   base: [
-    "uy-bg-surface-neutral-low",
+    "uy-bg-surface-neutral-lowest",
     "uy-sticky uy-bottom-0",
     "uy-grid uy-grid-cols-3 uy-items-center",
     "uy-ps-200 uy-py-100 uy-pe-100"

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

@@ -10,15 +10,18 @@ export declare const tabsVariant: import('tailwind-variants').TVReturnType<{
     scrollable: {
         true: {
             tabList: string;
+            scroller: string;
         };
         false: {
             base: string;
+            scroller: string;
             tabList: string;
         };
     };
 }, {
     base: string;
     tabList: string;
+    scroller: string;
     tab: string[];
 }, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
     variant: {
@@ -32,9 +35,11 @@ export declare const tabsVariant: import('tailwind-variants').TVReturnType<{
     scrollable: {
         true: {
             tabList: string;
+            scroller: string;
         };
         false: {
             base: string;
+            scroller: string;
             tabList: string;
         };
     };
@@ -50,9 +55,11 @@ export declare const tabsVariant: import('tailwind-variants').TVReturnType<{
     scrollable: {
         true: {
             tabList: string;
+            scroller: string;
         };
         false: {
             base: string;
+            scroller: string;
             tabList: string;
         };
     };
@@ -68,15 +75,18 @@ export declare const tabsVariant: import('tailwind-variants').TVReturnType<{
     scrollable: {
         true: {
             tabList: string;
+            scroller: string;
         };
         false: {
             base: string;
+            scroller: string;
             tabList: string;
         };
     };
 }, {
     base: string;
     tabList: string;
+    scroller: string;
     tab: string[];
 }, import('tailwind-variants').TVReturnType<{
     variant: {
@@ -90,15 +100,18 @@ export declare const tabsVariant: import('tailwind-variants').TVReturnType<{
     scrollable: {
         true: {
             tabList: string;
+            scroller: string;
         };
         false: {
             base: string;
+            scroller: string;
             tabList: string;
         };
     };
 }, {
     base: string;
     tabList: string;
+    scroller: string;
     tab: string[];
 }, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
     variant: {
@@ -112,9 +125,11 @@ export declare const tabsVariant: import('tailwind-variants').TVReturnType<{
     scrollable: {
         true: {
             tabList: string;
+            scroller: string;
         };
         false: {
             base: string;
+            scroller: string;
             tabList: string;
         };
     };
@@ -130,9 +145,11 @@ export declare const tabsVariant: import('tailwind-variants').TVReturnType<{
     scrollable: {
         true: {
             tabList: string;
+            scroller: string;
         };
         false: {
             base: string;
+            scroller: string;
             tabList: string;
         };
     };

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

@@ -3,16 +3,17 @@ const a = e({
   slots: {
     base: "uy-w-full",
     tabList: "uy-flex",
+    scroller: "uy-overflow-x-auto uy-overflow-y-hidden [scrollbar-width:thin]",
     tab: [
-      "uy-flex uy-relative uy-shrink-0 uy-gap-100 uy-whitespace-nowrap uy-min-w-[3ch] uy-text-center uy-text-content-form-enabled uy-text-action uy-pt-150 uy-pb-150 uy-pl-200 uy-pr-200 uy-rounded-25 uy-cursor-pointer",
-      'data-[selected]:after:uy-content:" " data-[selected]:after:uy-w-full data-[selected]:after:uy-h-[4px] data-[selected]:after:uy-absolute data-[selected]:after:uy-bottom-[-1px] data-[selected]:after:uy-left-0 data-[selected]:after:uy-right-0',
+      "uy-flex uy-relative uy-shrink-0 uy-gap-100 uy-whitespace-nowrap uy-min-w-[3ch] uy-text-center uy-text-action uy-text-content-neutral-lowest-enabled uy-pt-150 uy-pb-150 uy-pl-200 uy-pr-200 uy-rounded-25 uy-cursor-pointer",
+      'data-[selected]:uy-text-content-form-enabled data-[selected]:after:uy-content:" " data-[selected]:after:uy-w-full data-[selected]:after:uy-h-[4px] data-[selected]:after:uy-absolute data-[selected]:after:uy-bottom-[-1px] data-[selected]:after:uy-left-0 data-[selected]:after:uy-right-0 data-[selected]:uy-text-content-form-active',
       "hover:uy-cursor-pointer focus-visible:uy-outline-2 focus-visible:uy-outline-utility-focus-ring focus-visible:uy-outline-offset-[4px]"
     ]
   },
   variants: {
     variant: {
       primary: {
-        tab: "data-[selected]:after:uy-bg-border-form-active"
+        tab: "data-[selected]:after:uy-bg-border-neutral-active"
       },
       neutral: {
         tab: "data-[selected]:after:uy-bg-content-neutral"
@@ -20,11 +21,13 @@ const a = e({
     },
     scrollable: {
       true: {
-        tabList: ""
+        tabList: "",
+        scroller: "uy-border-b-[1.25px] uy-border-solid uy-border-border-neutral-enabled"
       },
       false: {
         base: "",
-        tabList: "uy-border-b-[1.25px] uy-border-solid uy-border-b-border-form-enabled"
+        scroller: "",
+        tabList: "uy-border-b-[1.25px] uy-border-solid uy-border-border-neutral-enabled"
       }
     }
   },

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

@@ -1,8 +1,8 @@
 import { jsx as e } from "react/jsx-runtime";
-import { Button as i } from "react-aria-components";
-import { tv as n } from "tailwind-variants";
-import { Icon as a } from "../../icon/Icon.js";
-const s = n({
+import { Button as a } from "react-aria-components";
+import { tv as s } from "tailwind-variants";
+import { Icon as i } from "../../icon/Icon.js";
+const n = s({
   slots: {
     base: "uy-absolute uy-pt-150 uy-pb-150",
     button: "uy-rounded-circle hover:uy-text-content-neutral-hover focus-visible:uy-outline-2 focus-visible:uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring",
@@ -11,26 +11,26 @@ const s = n({
   variants: {
     direction: {
       left: {
-        base: "uy-top-0 uy-left-0 uy-z-10 uy-bg-gradient-to-r uy-from-surface-inverted/100 uy-to-surface-inverted/0 uy-pl-50 uy-pr-200"
+        base: "uy-top-0 uy-left-0 uy-z-10 uy-bg-gradient-to-r uy-from-grayscale-L0/100 uy-to-grayscale-L0/0 uy-pl-50 uy-pr-200"
       },
       right: {
-        base: "uy-right-0 uy-top-0 uy-z-10 uy-bg-gradient-to-l uy-from-surface-inverted/100 uy-to-surface-inverted/0 uy-pl-200 uy-pr-50"
+        base: "uy-right-0 uy-top-0 uy-z-10 uy-bg-gradient-to-l uy-from-grayscale-L0/100 uy-to-grayscale-L0/0 uy-pl-200 uy-pr-50"
       }
     }
   }
-}), v = ({ direction: t, onPress: u }) => {
-  const { base: o, button: r, icon: l } = s({ direction: t });
-  return /* @__PURE__ */ e("div", { className: o(), children: /* @__PURE__ */ e(
-    i,
+}), g = ({ direction: t, onPress: o }) => {
+  const { base: u, button: l, icon: r } = n({ direction: t });
+  return /* @__PURE__ */ e("div", { className: u(), children: /* @__PURE__ */ e(
+    a,
     {
       id: `scroll-${t}`,
-      className: r(),
+      className: l(),
       "aria-label": `Scroll ${t}`,
-      onPress: u,
+      onPress: o,
       children: /* @__PURE__ */ e(
-        a,
+        i,
         {
-          className: l(),
+          className: r(),
           "aria-labelledby": `scroll-${t}`,
           src: t === "left" ? "CaretLeftOutlined" : "CaretRightOutlined"
         }
@@ -39,5 +39,5 @@ const s = n({
   ) });
 };
 export {
-  v as NavigationButton
+  g as NavigationButton
 };

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

@@ -1,48 +1,48 @@
-import { jsxs as w, jsx as c } from "react/jsx-runtime";
-import { forwardRef as A, useRef as C, useState as L, useCallback as B } from "react";
-import { TabList as y } from "react-aria-components";
-import { useResizeObserver as j } from "usehooks-ts";
-import { useTabsContext as q } from "../Tabs.context.js";
-import { tabsVariant as z } from "../Tabs.variant.js";
+import { jsxs as C, jsx as n } from "react/jsx-runtime";
+import { forwardRef as B, useRef as j, useState as L, useCallback as q } from "react";
+import { TabList as g } from "react-aria-components";
+import { useResizeObserver as w } from "usehooks-ts";
+import { useTabsContext as z } from "../Tabs.context.js";
+import { tabsVariant as P } from "../Tabs.variant.js";
 import { NavigationButton as p } from "./NavigationButton.js";
-const P = A(
+const k = B(
   ({ children: f }, u) => {
-    const r = C(null), [g, S] = L(!1), [v, R] = L(!1), { variant: W, scrollable: b } = q(), { tabList: d } = z({ variant: W, scrollable: b }), m = B(() => {
+    const r = j(null), [S, R] = L(!1), [v, y] = L(!1), { variant: W, scrollable: b } = z(), { tabList: m, scroller: N } = P({ variant: W, scrollable: b }), h = q(() => {
       if (!r.current) return;
       const { scrollLeft: t, scrollWidth: s, clientWidth: e } = r.current;
-      S(t > 0), R(t + e < s);
+      R(t > 0), y(t + e < s);
     }, []);
-    j({
+    w({
       ref: r,
-      onResize: m
+      onResize: h
     });
-    const x = (t) => {
-      m();
-    }, N = () => {
+    const T = (t) => {
+      h();
+    }, x = () => {
       var l;
       const t = (l = r.current) == null ? void 0 : l.querySelectorAll("[role=tab]");
       if (!r.current || !t) return 0;
       const { scrollLeft: s } = r.current, e = Array.from(t);
       for (let o = e.length - 1; o >= 0; o--) {
-        const n = e[o];
-        if (n.offsetLeft < s)
-          return -n.offsetWidth;
+        const c = e[o];
+        if (c.offsetLeft < s)
+          return -c.offsetWidth;
       }
       return 0;
-    }, T = () => {
-      var n;
-      const t = (n = r.current) == null ? void 0 : n.querySelectorAll("[role=tab]");
+    }, A = () => {
+      var c;
+      const t = (c = r.current) == null ? void 0 : c.querySelectorAll("[role=tab]");
       if (!r.current || !t) return 0;
       const { scrollLeft: s, clientWidth: e } = r.current, l = Array.from(t), o = s + e;
       for (let a = 0; a < l.length - 1; a++) {
-        const i = l[a], h = i.offsetLeft + i.offsetWidth;
-        if (h > o || h < o)
+        const i = l[a], d = i.offsetLeft + i.offsetWidth;
+        if (d > o || d < o)
           return i.offsetWidth;
       }
       return 0;
     };
-    return b ? /* @__PURE__ */ w("div", { className: "uy-relative", children: [
-      g && /* @__PURE__ */ c(
+    return b ? /* @__PURE__ */ C("div", { className: "uy-relative", children: [
+      S && /* @__PURE__ */ n(
         p,
         {
           direction: "left",
@@ -50,22 +50,22 @@ const P = A(
             var t;
             (t = r.current) == null || t.scrollBy({
               behavior: "smooth",
-              left: N()
+              left: x()
             });
           }
         }
       ),
-      /* @__PURE__ */ c(
+      /* @__PURE__ */ n(
         "div",
         {
           ref: r,
           "data-testid": "scrollable-tab-list",
-          className: "uy-overflow-x-auto uy-overflow-y-hidden uy-border-b-[1.25px] uy-border-solid uy-border-b-border-form-enabled",
-          onScroll: x,
-          children: /* @__PURE__ */ c(y, { ref: u, className: d(), children: f })
+          className: N(),
+          onScroll: T,
+          children: /* @__PURE__ */ n(g, { ref: u, className: m(), children: f })
         }
       ),
-      v && /* @__PURE__ */ c(
+      v && /* @__PURE__ */ n(
         p,
         {
           direction: "right",
@@ -73,15 +73,15 @@ const P = A(
             var t;
             (t = r.current) == null || t.scrollBy({
               behavior: "smooth",
-              left: T()
+              left: A()
             });
           }
         }
       )
-    ] }) : /* @__PURE__ */ c(y, { ref: u, className: d(), children: f });
+    ] }) : /* @__PURE__ */ n(g, { ref: u, className: m(), children: f });
   }
 );
-P.displayName = "TabList";
+k.displayName = "TabList";
 export {
-  P as TabList
+  k as TabList
 };

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

@@ -0,0 +1,24 @@
+import { PropsWithChildren, RefObject } from 'react';
+import { OverlayTriggerAria } from 'react-aria';
+import { OverlayTriggerState } from 'react-stately';
+export interface CurrentTask {
+    uniqueId: string;
+    label: string;
+}
+type TaskMenuContextValue = {
+    currentTask: CurrentTask | null | undefined;
+    setCurrentTask: ((currentTask: CurrentTask) => void) | undefined;
+    toggleTaskGroup: ((open: string) => void) | undefined;
+    expandedTaskGroup: string | null | undefined;
+    taskMenuId: string;
+    taskMenuContentId: string;
+    state: OverlayTriggerState | null;
+    triggerRef: RefObject<Element | null>;
+    overlayRef: RefObject<Element | null>;
+    triggerProps: OverlayTriggerAria['triggerProps'];
+    overlayProps: OverlayTriggerAria['overlayProps'];
+};
+export declare const TaskMenuContext: import('react').Context<TaskMenuContextValue>;
+export declare function TaskMenuProvider({ children }: PropsWithChildren<object>): import("react/jsx-runtime").JSX.Element;
+export declare function useTaskMenuContext(): TaskMenuContextValue;
+export {};

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

@@ -0,0 +1,60 @@
+import { jsx as m } 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";
+const c = C({
+  currentTask: void 0,
+  setCurrentTask: void 0,
+  toggleTaskGroup: void 0,
+  expandedTaskGroup: void 0,
+  taskMenuId: "",
+  taskMenuContentId: "",
+  state: null,
+  triggerRef: { current: null },
+  overlayRef: { current: null },
+  triggerProps: {},
+  overlayProps: {}
+});
+function E({ 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(
+    { type: "dialog" },
+    a,
+    l
+  ), f = `task-menu-${n}`, x = (t) => {
+    t === T ? (u(null), s(null)) : (u(t), s(o === t ? null : t));
+  };
+  return /* @__PURE__ */ m(
+    c.Provider,
+    {
+      value: {
+        currentTask: k,
+        setCurrentTask: d,
+        toggleTaskGroup: x,
+        expandedTaskGroup: o,
+        taskMenuId: n,
+        taskMenuContentId: f,
+        state: a,
+        triggerRef: l,
+        overlayRef: p,
+        triggerProps: v,
+        overlayProps: g
+      },
+      children: e
+    }
+  );
+}
+function O() {
+  const e = M(c);
+  if (!e)
+    throw new Error(
+      "useTaskMenuContext must be used within an TaskMenuProvider"
+    );
+  return e;
+}
+export {
+  c as TaskMenuContext,
+  E as TaskMenuProvider,
+  O as useTaskMenuContext
+};