@alfadocs/ui-kit 0.1.7 → 0.1.9

package/dist/_chunks/{tabs.agent-BpbVA-Zh.js → tabs.agent-h7NvsTR1.js}

@@ -1,15 +1,15 @@
-import { jsx as s, jsxs as k } from "react/jsx-runtime";
-import { forwardRef as j, useContext as L, useRef as P, useState as B, useEffect as J, useMemo as I, Children as Q, isValidElement as U, useCallback as W, createContext as Y } from "react";
+import { jsx as a, jsxs as k } from "react/jsx-runtime";
+import { forwardRef as V, useContext as A, useRef as I, useState as B, useEffect as J, useMemo as M, Children as Q, isValidElement as U, useCallback as W, createContext as Y } from "react";
 import * as R from "@radix-ui/react-tabs";
 import * as N from "@radix-ui/react-dropdown-menu";
 import { a as y, c as q } from "./index-D2ZczOXr.js";
 import { useTranslation as Z } from "react-i18next";
-import { u as D } from "./use-direction-D6rvvG9G.js";
-import { c as K } from "./compose-refs-C0k0tdqF.js";
-import { S as ee } from "./select-IY_JQa-F.js";
+import { u as K } from "./use-direction-D6rvvG9G.js";
+import { c as D } from "./compose-refs-C0k0tdqF.js";
+import { S as ee } from "./select-DY1Cb2Tg.js";
 import { X as te } from "./x-CCcI3eJp.js";
 import { C as se } from "./chevron-down-BX_NP2Yh.js";
-const M = q(
+const E = q(
   "ds:relative ds:flex",
   {
     variants: {
@@ -79,7 +79,7 @@ const M = q(
       orientation: "horizontal"
     }
   }
-), V = Y({
+), j = Y({
   variant: "default",
   size: "md",
   orientation: "horizontal",
@@ -87,134 +87,137 @@ const M = q(
   value: "",
   setValue: () => {
   }
-}), S = j(
+}), O = V(
   ({
-    variant: i = "default",
-    size: a = "md",
-    orientation: r = "horizontal",
-    overflow: o = "dropdown",
-    className: n,
-    children: c,
+    variant: r = "default",
+    size: s = "md",
+    orientation: d = "horizontal",
+    overflow: n = "dropdown",
+    className: i,
+    children: u,
     value: t,
-    defaultValue: p,
+    defaultValue: m,
     onValueChange: l,
-    ...w
-  }, g) => {
-    const b = P(null), z = K(g, b), u = D(b), f = t !== void 0, [T, h] = B(p ?? ""), v = f ? t ?? "" : T, d = W(
-      (m) => {
-        f || h(m), l == null || l(m);
+    id: p,
+    ...g
+  }, w) => {
+    const b = I(null), f = D(w, b), T = K(b), v = t !== void 0, [h, z] = B(m ?? ""), o = v ? t ?? "" : h, e = W(
+      (c) => {
+        v || z(c), l == null || l(c);
       },
-      [f, l]
-    ), e = I(
-      () => ({ variant: i, size: a, orientation: r, overflow: o, value: v, setValue: d }),
-      [i, a, r, o, v, d]
+      [v, l]
+    ), x = M(
+      () => ({ variant: r, size: s, orientation: d, overflow: n, value: o, setValue: e }),
+      [r, s, d, n, o, e]
     );
-    return /* @__PURE__ */ s(V.Provider, { value: e, children: /* @__PURE__ */ s(
+    return /* @__PURE__ */ a(j.Provider, { value: x, children: /* @__PURE__ */ a(
       R.Root,
       {
-        ref: z,
-        orientation: r,
-        dir: u,
-        value: v,
-        onValueChange: d,
+        ref: f,
+        orientation: d,
+        dir: T,
+        value: o,
+        onValueChange: e,
+        id: p,
         "data-component": "tabs",
+        "data-component-id": p,
         className: y(
           "ds:flex",
-          r === "vertical" ? "ds:flex-row ds:gap-[var(--spacing-md)]" : "ds:flex-col",
-          n
+          d === "vertical" ? "ds:flex-row ds:gap-[var(--spacing-md)]" : "ds:flex-col",
+          i
         ),
-        ...w,
-        children: c
+        ...g,
+        children: u
       }
     ) });
   }
 );
-S.displayName = "Tabs";
-const X = j(
-  ({ className: i, children: a, "aria-label": r, ...o }, n) => {
-    const { variant: c, size: t, orientation: p, overflow: l, value: w, setValue: g } = L(V), { t: b } = Z("ui"), z = P(null), [u, f] = B([]), T = p === "horizontal", h = l === "dropdown" && T;
+O.displayName = "Tabs";
+const X = V(
+  ({ className: r, children: s, "aria-label": d, ...n }, i) => {
+    const { variant: u, size: t, orientation: m, overflow: l, value: p, setValue: g } = A(j), { t: w } = Z("ui"), b = I(null), [f, T] = B([]), v = m === "horizontal", h = l === "dropdown" && v;
     J(() => {
       if (!h) {
-        f([]);
+        T([]);
         return;
       }
-      const e = z.current;
+      const e = b.current;
       if (!e) return;
-      const m = () => {
-        const O = e.getBoundingClientRect().right, _ = [];
+      const x = () => {
+        const S = e.getBoundingClientRect().right, _ = [];
         e.querySelectorAll('[role="tab"]').forEach((C) => {
-          var A;
-          if (C.getBoundingClientRect().right > O + 2) {
-            const E = C.getAttribute("data-value") ?? C.dataset.value ?? "", G = ((A = C.textContent) == null ? void 0 : A.trim()) ?? E;
-            _.push({ value: E, label: G });
+          var L;
+          if (C.getBoundingClientRect().right > S + 2) {
+            const P = C.getAttribute("data-value") ?? C.dataset.value ?? "", G = ((L = C.textContent) == null ? void 0 : L.trim()) ?? P;
+            _.push({ value: P, label: G });
           }
-        }), f(_);
-      }, x = new ResizeObserver(m);
-      return x.observe(e), m(), () => x.disconnect();
-    }, [h, a]);
-    const v = (e) => {
-      z.current = e, typeof n == "function" ? n(e) : n && (n.current = e);
-    }, d = I(() => l !== "select" ? [] : Q.toArray(a).filter((e) => U(e)).filter((e) => typeof e.props.value == "string" && e.props.value.length > 0).map((e) => {
-      const m = e.props.value, x = e.props.children, O = typeof x == "string" ? x : typeof x == "number" ? String(x) : m;
-      return { value: m, label: O };
-    }), [a, l]);
-    return l === "select" && T ? /* @__PURE__ */ k("div", { className: "ds:@container/tabs ds:relative ds:w-full", children: [
-      /* @__PURE__ */ s("div", { className: "ds:block ds:@md/tabs:hidden", children: /* @__PURE__ */ s(
+        }), T(_);
+      }, c = new ResizeObserver(x);
+      return c.observe(e), x(), () => c.disconnect();
+    }, [h, s]);
+    const z = (e) => {
+      b.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
+    }, o = M(() => l !== "select" ? [] : Q.toArray(s).filter((e) => U(e)).filter((e) => typeof e.props.value == "string" && e.props.value.length > 0).map((e) => {
+      const x = e.props.value, c = e.props.children, S = typeof c == "string" ? c : typeof c == "number" ? String(c) : x;
+      return { value: x, label: S };
+    }), [s, l]);
+    return l === "select" && v ? /* @__PURE__ */ k("div", { className: "ds:@container/tabs ds:relative ds:w-full", children: [
+      /* @__PURE__ */ a("div", { className: "ds:block ds:@md/tabs:hidden", children: /* @__PURE__ */ a(
         ee,
         {
-          options: d,
-          value: w,
+          options: o,
+          value: p,
           onValueChange: (e) => {
             typeof e == "string" && e.length > 0 && g(e);
           },
           size: t,
-          "aria-label": r ?? b("tabs.selectLabel")
+          "aria-label": d ?? w("tabs.selectLabel")
         }
       ) }),
-      /* @__PURE__ */ s("div", { className: "ds:hidden ds:@md/tabs:flex ds:relative ds:items-center", children: /* @__PURE__ */ s(
+      /* @__PURE__ */ a("div", { className: "ds:hidden ds:@md/tabs:flex ds:relative ds:items-center", children: /* @__PURE__ */ a(
         R.List,
         {
-          ref: v,
-          "aria-label": r,
-          className: M({ variant: c, orientation: p, className: i }),
-          ...o,
-          children: a
+          ref: z,
+          "aria-label": d,
+          className: E({ variant: u, orientation: m, className: r }),
+          ...n,
+          children: s
         }
       ) })
     ] }) : /* @__PURE__ */ k("div", { className: "ds:relative ds:flex ds:items-center", children: [
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ a(
         R.List,
         {
-          ref: v,
-          "aria-label": r,
-          className: M({ variant: c, orientation: p, className: i }),
-          ...o,
-          children: a
+          ref: z,
+          "aria-label": d,
+          className: E({ variant: u, orientation: m, className: r }),
+          ...n,
+          children: s
         }
       ),
-      h && u.length > 0 && /* @__PURE__ */ s(ae, { tabs: u, label: b("tabs.moreTabs"), size: t })
+      h && f.length > 0 && /* @__PURE__ */ a(ae, { tabs: f, label: w("tabs.moreTabs"), size: t })
     ] });
   }
 );
 X.displayName = "TabsList";
-function ae({ tabs: i, label: a, size: r }) {
-  const { variant: o } = L(V);
+function ae({ tabs: r, label: s, size: d }) {
+  const { variant: n } = A(j);
   return /* @__PURE__ */ k(N.Root, { children: [
     /* @__PURE__ */ k(
       N.Trigger,
       {
         className: y(
-          H({ variant: o, size: r, orientation: "horizontal" }),
+          H({ variant: n, size: d, orientation: "horizontal" }),
           "ds:shrink-0 ds:ms-1"
         ),
-        "aria-label": a,
+        "aria-label": s,
         children: [
-          a,
-          /* @__PURE__ */ s(se, { "aria-hidden": "true", className: "ds:size-4" })
+          s,
+          /* @__PURE__ */ a(se, { "aria-hidden": "true", className: "ds:size-4" })
         ]
       }
     ),
-    /* @__PURE__ */ s(N.Portal, { children: /* @__PURE__ */ s(
+    /* @__PURE__ */ a(N.Portal, { children: /* @__PURE__ */ a(
       N.Content,
       {
         sideOffset: 4,
@@ -225,7 +228,7 @@ function ae({ tabs: i, label: a, size: r }) {
           "ds:data-[state=closed]:fade-out-0 ds:data-[state=open]:fade-in-0",
           "ds:data-[state=closed]:zoom-out-95 ds:data-[state=open]:zoom-in-95"
         ),
-        children: i.map(({ value: n, label: c }) => /* @__PURE__ */ s(
+        children: r.map(({ value: i, label: u }) => /* @__PURE__ */ a(
           N.Item,
           {
             className: y(
@@ -237,52 +240,52 @@ function ae({ tabs: i, label: a, size: r }) {
             ),
             onSelect: () => {
               const t = document.querySelector(
-                `[role="tab"][data-value="${CSS.escape(n)}"]`
+                `[role="tab"][data-value="${CSS.escape(i)}"]`
               );
               t == null || t.click(), t == null || t.scrollIntoView({ inline: "nearest" });
             },
-            children: c
+            children: u
           },
-          n
+          i
         ))
       }
     ) })
   ] });
 }
-const $ = j(
+const $ = V(
   ({
-    variant: i,
-    size: a,
-    orientation: r,
-    icon: o,
-    badge: n,
-    dismissible: c = !1,
+    variant: r,
+    size: s,
+    orientation: d,
+    icon: n,
+    badge: i,
+    dismissible: u = !1,
     onDismiss: t,
-    className: p,
+    className: m,
     children: l,
-    value: w,
+    value: p,
     onKeyDown: g,
-    ...b
-  }, z) => {
-    const u = L(V), f = i ?? u.variant, T = a ?? u.size, h = r ?? u.orientation, v = (d) => {
-      c && (d.key === "Delete" || d.key === "Backspace") && (d.preventDefault(), t == null || t()), g == null || g(d);
+    ...w
+  }, b) => {
+    const f = A(j), T = r ?? f.variant, v = s ?? f.size, h = d ?? f.orientation, z = (o) => {
+      u && (o.key === "Delete" || o.key === "Backspace") && (o.preventDefault(), t == null || t()), g == null || g(o);
     };
     return /* @__PURE__ */ k(
       R.Trigger,
       {
-        ref: z,
-        value: w,
-        "data-value": w,
-        className: H({ variant: f, size: T, orientation: h, className: p }),
-        onKeyDown: v,
-        ...b,
+        ref: b,
+        value: p,
+        "data-value": p,
+        className: H({ variant: T, size: v, orientation: h, className: m }),
+        onKeyDown: z,
+        ...w,
         children: [
-          o && /* @__PURE__ */ s("span", { "aria-hidden": "true", className: "ds:shrink-0 ds:size-4", children: o }),
+          n && /* @__PURE__ */ a("span", { "aria-hidden": "true", className: "ds:shrink-0 ds:size-4", children: n }),
           l,
-          n && /* @__PURE__ */ s("span", { className: "ds:shrink-0", children: n }),
-          c && // Visual-only dismiss indicator — pointer dismiss fires here; keyboard dismiss fires via Delete/Backspace on the trigger above.
+          i && /* @__PURE__ */ a("span", { className: "ds:shrink-0", children: i }),
+          u && // Visual-only dismiss indicator — pointer dismiss fires here; keyboard dismiss fires via Delete/Backspace on the trigger above.
           // No role/tabIndex to avoid nested-interactive (interactive content inside <button> is invalid HTML).
-          /* @__PURE__ */ s(
+          /* @__PURE__ */ a(
             "span",
             {
               "aria-hidden": "true",
@@ -291,10 +294,10 @@ const $ = j(
                 "ds:size-6 ds:rounded-[var(--radius-sm)]",
                 "ds:hover:bg-muted-foreground/20"
               ),
-              onPointerDown: (d) => {
-                d.stopPropagation(), d.preventDefault(), t == null || t();
+              onPointerDown: (o) => {
+                o.stopPropagation(), o.preventDefault(), t == null || t();
               },
-              children: /* @__PURE__ */ s(te, { className: "ds:size-3.5" })
+              children: /* @__PURE__ */ a(te, { className: "ds:size-3.5" })
             }
           )
         ]
@@ -303,38 +306,58 @@ const $ = j(
   }
 );
 $.displayName = "TabsTrigger";
-const F = j(
-  ({ className: i, children: a, ...r }, o) => /* @__PURE__ */ s(
+const F = V(
+  ({ className: r, children: s, ...d }, n) => /* @__PURE__ */ a(
     R.Content,
     {
-      ref: o,
+      ref: n,
       className: y(
         "ds:mt-[var(--spacing-sm)] ds:outline-none",
         "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
         "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-        i
+        r
       ),
-      ...r,
-      children: a
+      ...d,
+      children: s
     }
   )
 );
 F.displayName = "TabsContent";
-const me = Object.assign(S, {
-  Root: S,
+const me = Object.assign(O, {
+  Root: O,
   List: X,
   Trigger: $,
   Content: F
 }), pe = {
   id: "tabs",
   capabilities: ["select_single", "navigate"],
-  state: {},
-  actions: {},
+  state: {
+    activeTab: {
+      type: "string | null",
+      description: "Value of the currently-active tab.",
+      read: (r) => r.getActiveTab()
+    }
+  },
+  actions: {
+    select_tab: {
+      safety: "read",
+      argsType: "{ value: string }",
+      description: "Activate the tab with the given value.",
+      invoke: (r, s) => {
+        r.selectTab(s.value);
+      }
+    }
+  },
   domHooks: {
     root: { attr: "data-component", value: "tabs" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop on Tabs.Root."
+    },
     item: {
       attr: "data-tab-id",
-      description: "Each Tab.Trigger emits its value as data-tab-id. The agent reads this to identify the active tab via the DOM."
+      description: "Each Tab.Trigger emits its value as data-tab-id."
     }
   }
 };
@@ -345,4 +368,4 @@ export {
   $ as c,
   pe as t
 };
-//# sourceMappingURL=tabs.agent-BpbVA-Zh.js.map
+//# sourceMappingURL=tabs.agent-h7NvsTR1.js.map

package/dist/_chunks/{task-card-yW7tKlG4.js → task-card-CY5ztNkU.js}

@@ -82,6 +82,7 @@ const w = v(
         ref: p,
         role: "listitem",
         "data-component": "task-card",
+        "data-component-id": s.id,
         "data-status": s.status ?? "open",
         "data-priority": s.priority ?? "normal",
         className: k({ size: a, interactive: t, className: u }),
@@ -110,4 +111,4 @@ export {
   w as T,
   S as i
 };
-//# sourceMappingURL=task-card-yW7tKlG4.js.map
+//# sourceMappingURL=task-card-CY5ztNkU.js.map

package/dist/_chunks/task-card.agent-CUPKYd7w.js

@@ -0,0 +1,22 @@
+const t = {
+  id: "task-card",
+  capabilities: ["dismiss"],
+  state: {},
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "task-card",
+      description: "Marks the element as a kit TaskCard. The card root also emits data-component-id sourced from item.id and data-status with the current lifecycle."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "item.id",
+      description: "Sourced from item.id — the stable task identifier."
+    }
+  }
+};
+export {
+  t
+};
+//# sourceMappingURL=task-card.agent-CUPKYd7w.js.map

package/dist/_chunks/task-tray-CCoUdorl.js

@@ -0,0 +1,194 @@
+import { jsx as a, jsxs as u } from "react/jsx-runtime";
+import { forwardRef as A, useRef as j, useMemo as q, useImperativeHandle as z } from "react";
+import { c as M } from "./index-D2ZczOXr.js";
+import { useTranslation as S } from "react-i18next";
+import { I as _ } from "./icon-button-Wnnde5lc.js";
+import { S as C } from "./skeleton-dtqyF09N.js";
+import { E as K } from "./empty-state-DQPtRp2b.js";
+import { T as E } from "./task-card-CY5ztNkU.js";
+import { u as L } from "./registry-C9nwlNyL.js";
+import { c as P } from "./createLucideIcon-CrFbzy84.js";
+import { P as H } from "./plus-CYKNmfuA.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const V = [
+  ["path", { d: "M13 5h8", key: "a7qcls" }],
+  ["path", { d: "M13 12h8", key: "h98zly" }],
+  ["path", { d: "M13 19h8", key: "c3s6r1" }],
+  ["path", { d: "m3 17 2 2 4-4", key: "1jhpwq" }],
+  ["rect", { x: "3", y: "4", width: "6", height: "6", rx: "1", key: "cif1o7" }]
+], B = P("list-todo", V), F = {
+  id: "task-tray",
+  capabilities: ["select_single", "dismiss"],
+  state: {
+    items: {
+      type: "Array<{ id: string; status: string }>",
+      descriptionKey: "ui.agent.taskTray.state.items",
+      description: "Currently-displayed tasks. Ids + status only — never task title / patient.",
+      read: (e) => e.getItems()
+    }
+  },
+  actions: {
+    select_item: {
+      safety: "read",
+      argsType: "{ id: string }",
+      descriptionKey: "ui.agent.taskTray.actions.selectItem",
+      description: "Activate the task with the given id.",
+      invoke: (e, s) => {
+        e.selectItem(s.id);
+      }
+    },
+    toggle_done: {
+      safety: "write",
+      argsType: "{ id: string }",
+      descriptionKey: "ui.agent.taskTray.actions.toggleDone",
+      description: "Request the host to toggle the done state of a task.",
+      invoke: (e, s) => {
+        e.toggleDone(s.id);
+      }
+    },
+    dismiss: {
+      safety: "destructive",
+      argsType: "{ id: string }",
+      descriptionKey: "ui.agent.taskTray.actions.dismiss",
+      description: "Request the host to dismiss / remove the task with the given id.",
+      invoke: (e, s) => {
+        e.dismiss(s.id);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "task-tray",
+      description: "Marks the TaskTray wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop. Required to address a specific tray from the agent."
+    },
+    item: {
+      attr: "data-task-id",
+      description: "Stable task id emitted on each rendered TaskCard inside the tray."
+    }
+  }
+}, G = M(
+  [
+    "ds:flex ds:flex-col",
+    "ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)]",
+    "ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]",
+    "ds:overflow-hidden"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "",
+        md: ""
+      }
+    },
+    defaultVariants: {
+      size: "sm"
+    }
+  }
+), J = A(
+  ({
+    id: e,
+    items: s,
+    title: k,
+    size: y = "sm",
+    onOpenTask: r,
+    onToggleDone: n,
+    onDismissTask: c,
+    onAddTask: f,
+    addLabel: v,
+    loading: h = !1,
+    emptyTitle: x,
+    emptyDescription: w,
+    className: I,
+    ...N
+  }, T) => {
+    const { t: l } = S(), g = k ?? l("ui.taskTray.title", "Tasks"), b = v ?? l("ui.taskTray.add", "Add task"), R = !h && s.length === 0;
+    let m;
+    h ? m = /* @__PURE__ */ a("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [0, 1, 2].map((t) => /* @__PURE__ */ a(C, { variant: "rectangular", height: "2.5rem" }, t)) }) : R ? m = /* @__PURE__ */ a("div", { className: "ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ a(
+      K,
+      {
+        variant: "first-use",
+        size: "sm",
+        title: x ?? l("ui.taskTray.empty.title", "No tasks yet"),
+        description: w ?? l("ui.taskTray.empty.description", "New tasks will appear here.")
+      }
+    ) }) : m = /* @__PURE__ */ a("ul", { className: "ds:flex ds:list-none ds:flex-col", children: s.map((t) => /* @__PURE__ */ a(
+      E,
+      {
+        item: t,
+        size: y,
+        onActivate: r,
+        "data-task-id": t.id
+      },
+      t.id
+    )) });
+    const d = j(s);
+    d.current = s;
+    const p = q(
+      () => ({
+        getItems: () => d.current.map((t) => ({
+          id: t.id,
+          status: t.status ?? "open"
+        })),
+        selectItem: (t) => {
+          const i = d.current.find((o) => o.id === t);
+          i && (r == null || r(i));
+        },
+        toggleDone: (t) => {
+          const i = d.current.find((o) => o.id === t);
+          i && (n == null || n(i));
+        },
+        dismiss: (t) => {
+          const i = d.current.find((o) => o.id === t);
+          i && (c == null || c(i));
+        }
+      }),
+      [r, n, c]
+    );
+    return z(T, () => p, [p]), L(F, p, e), /* @__PURE__ */ u(
+      "section",
+      {
+        "aria-label": g,
+        "data-component": "task-tray",
+        "data-component-id": e,
+        className: G({ size: y, className: I }),
+        ...N,
+        children: [
+          /* @__PURE__ */ u("header", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]", children: [
+            /* @__PURE__ */ u("h3", { className: "ds:m-0 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-card", children: [
+              /* @__PURE__ */ a(B, { "aria-hidden": "true", className: "ds:size-4" }),
+              g
+            ] }),
+            f ? /* @__PURE__ */ a(
+              _,
+              {
+                icon: /* @__PURE__ */ a(H, {}),
+                intent: "outline",
+                size: "sm",
+                "aria-label": b,
+                onClick: f
+              }
+            ) : null
+          ] }),
+          m
+        ]
+      }
+    );
+  }
+);
+J.displayName = "TaskTray";
+export {
+  J as T,
+  F as t
+};
+//# sourceMappingURL=task-tray-CCoUdorl.js.map