@alfadocs/ui-kit 1.47.1 → 1.48.0

package/dist/_chunks/tasks-panel-C_dVDQKJ.js

@@ -0,0 +1,1243 @@
+import { jsx as c, jsxs as b, Fragment as we } from "react/jsx-runtime";
+import { forwardRef as Ls, useId as Rt, useMemo as z, useState as R, useCallback as Ie, useRef as v, useEffect as G, useImperativeHandle as Is } from "react";
+import { c as Hs } from "./index-D2ZczOXr.js";
+import { useTranslation as qs } from "react-i18next";
+import { A as He } from "./alert-CiQ5Pa3Q.js";
+import { B as $s } from "./badge-BAkd6_Pj.js";
+import { B as Pe } from "./button-18oBsI3n.js";
+import { I as qe } from "./icon-button-CY7GU_Se.js";
+import { B as Et } from "./button-group-BSDqso_C.js";
+import { P as Ws } from "./panel-header-D_mTdhUp.js";
+import { S as Ot } from "./select-upNAltly.js";
+import { S as Ks } from "./switch-OILsBLWo.js";
+import { S as Vs } from "./skeleton-B1KTdJ4N.js";
+import { E as $e } from "./empty-state-DTBZ1ENT.js";
+import { T as Cs } from "./task-card-CTTQfPS6.js";
+import { V as Gs } from "./visually-hidden-BHxEUGyT.js";
+import { u as Us } from "./use-check-animation--I3cS00X.js";
+import { a as Ys, u as Dt, R as _t } from "./use-list-reflow-C7O4Uqnl.js";
+import { u as Fs } from "./use-theme-CAuo6EYT.js";
+import { u as We } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as Qs } from "./registry-DvAUVLHh.js";
+import { P as Xs } from "./plus-DzMQ_c6b.js";
+import { C as Js } from "./clipboard-check-BeAGxDVT.js";
+import { P as Zs } from "./pencil-B1sKKyuT.js";
+import { X as en } from "./x-B5YnXwCz.js";
+import { c as Se } from "./createLucideIcon-DhHxpK9K.js";
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const tn = [
+  ["path", { d: "M13.744 17.736a6 6 0 1 1-7.48-7.48", key: "bq4yh3" }],
+  ["path", { d: "M15 6h1v4", key: "11y1tn" }],
+  ["path", { d: "m6.134 14.768.866-.5 2 3.464", key: "17snzx" }],
+  ["circle", { cx: "16", cy: "8", r: "6", key: "14bfc9" }]
+], sn = Se("coins", tn);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const nn = [
+  ["path", { d: "M10.5 3 8 9l4 13 4-13-2.5-6", key: "b3dvk1" }],
+  [
+    "path",
+    {
+      d: "M17 3a2 2 0 0 1 1.6.8l3 4a2 2 0 0 1 .013 2.382l-7.99 10.986a2 2 0 0 1-3.247 0l-7.99-10.986A2 2 0 0 1 2.4 7.8l2.998-3.997A2 2 0 0 1 7 3z",
+      key: "7w4byz"
+    }
+  ],
+  ["path", { d: "M2 9h20", key: "16fsjt" }]
+], rn = Se("gem", nn);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const an = [
+  [
+    "path",
+    {
+      d: "M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z",
+      key: "q8bfy3"
+    }
+  ],
+  ["path", { d: "M6 14a12 12 0 0 0 2.4 7.2 2 2 0 0 0 3.2-2.4A8 8 0 0 1 10 14", key: "1853fq" }],
+  ["path", { d: "M8 6v8", key: "15ugcq" }]
+], on = Se("megaphone", an);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const cn = [
+  [
+    "path",
+    {
+      d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",
+      key: "vktsd0"
+    }
+  ],
+  ["circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor", key: "kqv944" }]
+], jt = Se("tag", cn), dn = {
+  id: "tasks-panel",
+  // 'pick' backs select_item (non-persisting activation, matching
+  // AppointmentTimeline); 'dismiss' backs dismiss; 'scroll' backs
+  // jump_to_overdue (re-anchors the viewport); 'filter' backs set_filter (the
+  // status / type / assignee / overdue filter bar is genuinely stateful);
+  // 'view_change' backs change_scope (the patient ↔ mine segment); 'paginate'
+  // backs load_more (append the next page of tasks).
+  capabilities: [
+    "pick",
+    "dismiss",
+    "scroll",
+    "filter",
+    "view_change",
+    "paginate"
+  ],
+  state: {
+    items: {
+      type: "Array<{ id: string; status: string }>",
+      descriptionKey: "ui.agent.tasksPanel.state.items",
+      description: "Currently-rendered tasks. Ids + status only — never task note / patient.",
+      read: (o) => o.getItems()
+    }
+  },
+  actions: {
+    select_item: {
+      safety: "read",
+      argsType: "{ id: string }",
+      argsSchema: {
+        type: "object",
+        properties: { id: { type: "string" } },
+        required: ["id"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.tasksPanel.actions.selectItem",
+      description: "Activate the task with the given id.",
+      invoke: (o, a) => {
+        o.selectItem(a.id);
+      }
+    },
+    toggle_done: {
+      safety: "write",
+      argsType: "{ id: string }",
+      argsSchema: {
+        type: "object",
+        properties: { id: { type: "string" } },
+        required: ["id"]
+      },
+      // Reaches the host's data source; settles with the host's answer.
+      openWorld: !0,
+      descriptionKey: "ui.agent.tasksPanel.actions.toggleDone",
+      description: "Request the host to toggle the done state of a task.",
+      invoke: (o, a) => o.toggleDone(a.id)
+    },
+    dismiss: {
+      safety: "destructive",
+      argsType: "{ id: string }",
+      argsSchema: {
+        type: "object",
+        properties: { id: { type: "string" } },
+        required: ["id"]
+      },
+      idempotent: !0,
+      // Reaches the host's data source; settles with the host's answer.
+      openWorld: !0,
+      descriptionKey: "ui.agent.tasksPanel.actions.dismiss",
+      description: "Request the host to dismiss / remove the task with the given id.",
+      invoke: (o, a) => o.dismiss(a.id)
+    },
+    jump_to_overdue: {
+      safety: "read",
+      idempotent: !0,
+      descriptionKey: "ui.agent.tasksPanel.actions.jumpToOverdue",
+      description: "Re-anchor the panel scroll on the overdue tasks.",
+      invoke: (o) => {
+        o.jumpToOverdue();
+      }
+    },
+    set_filter: {
+      safety: "read",
+      argsType: "{ status?: 'todo' | 'done' | 'all'; type?: string | null; assignee?: string | null; overdueOnly?: boolean }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          status: { type: "string", enum: ["todo", "done", "all"] },
+          type: { type: ["string", "null"] },
+          assignee: { type: ["string", "null"] },
+          overdueOnly: { type: "boolean" }
+        }
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.tasksPanel.actions.setFilter",
+      description: "Set the task filters (status segment, type, assignee, overdue-only). Omitted keys are left unchanged. Unchanged values are not re-sent. In server-filtered panels, choosing status 'done' clears overdueOnly.",
+      invoke: (o, a) => {
+        o.setFilter(a);
+      }
+    },
+    change_scope: {
+      safety: "read",
+      argsType: "{ scope: 'patient' | 'mine' }",
+      argsSchema: {
+        type: "object",
+        properties: { scope: { type: "string", enum: ["patient", "mine"] } },
+        required: ["scope"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.tasksPanel.actions.changeScope",
+      description: "Switch the task scope segment between this patient ('patient') and the operator's own tasks ('mine'). The host re-feeds the items.",
+      invoke: (o, a) => {
+        o.changeScope(a.scope);
+      }
+    },
+    load_more: {
+      safety: "read",
+      // Requests the host to append the next page — not idempotent (each call
+      // advances the page) and reaches the host data source.
+      openWorld: !0,
+      descriptionKey: "ui.agent.tasksPanel.actions.loadMore",
+      description: "Request the host to append the next page of tasks.",
+      invoke: (o) => {
+        o.loadMore();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "tasks-panel",
+      description: "Marks the TasksPanel wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop. Required to address a specific panel from the agent."
+    },
+    item: {
+      attr: "data-task-id",
+      description: "Stable task id emitted on each rendered TaskCard inside the panel."
+    }
+  }
+}, ln = 96, un = {
+  status: "todo",
+  type: null,
+  assignee: null,
+  overdueOnly: !1
+}, Nt = /* @__PURE__ */ new Map(), At = /* @__PURE__ */ new Set();
+function Ke(o) {
+  return o.map((a) => `${a.id}:${a.status ?? "open"}`).join("|");
+}
+function fn(o, a) {
+  return o.status === a.status && o.type === a.type && o.assignee === a.assignee && o.overdueOnly === a.overdueOnly;
+}
+function pn(o, a) {
+  return o.status === a.status && (o.type || null) === (a.type || null) && (o.assignee || null) === (a.assignee || null) && o.overdueOnly === a.overdueOnly;
+}
+function xe(o) {
+  const a = Promise.reject(o);
+  return a.catch(() => {
+  }), a;
+}
+function mn(o) {
+  try {
+    return new Intl.NumberFormat(o);
+  } catch {
+    return new Intl.NumberFormat();
+  }
+}
+function vn(o) {
+  const a = Promise.resolve(o);
+  return a.catch(() => {
+  }), a;
+}
+const hn = Hs(
+  [
+    "ds:flex ds:flex-col ds:h-full ds:min-h-0",
+    "ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]"
+  ].join(" "),
+  {
+    variants: { size: { xs: "", sm: "", md: "" } },
+    defaultVariants: { size: "sm" }
+  }
+), gn = [
+  "ds:flex-1 ds:min-h-0 ds:overflow-y-auto",
+  "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+  "ds:px-[var(--spacing-md)] ds:py-[var(--spacing-xs)]",
+  "ds:[--tpl-mask-top:black] ds:[--tpl-mask-bottom:black]",
+  "ds:data-[fade-top=true]:[--tpl-mask-top:transparent]",
+  "ds:data-[fade-bottom=true]:[--tpl-mask-bottom:transparent]",
+  "ds:[mask-image:linear-gradient(to_bottom,var(--tpl-mask-top)_0,black_var(--tpl-fade-distance,var(--spacing-lg)),black_calc(100%-var(--tpl-fade-distance,var(--spacing-lg))),var(--tpl-mask-bottom)_100%)]",
+  "ds:motion-reduce:[mask-image:none]",
+  "ds:[.theme-accessible_&]:[mask-image:none]",
+  "ds:forced-colors:[mask-image:none]",
+  "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+  "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:[outline-offset:-2px]",
+  "ds:forced-colors:focus-visible:outline-[CanvasText]"
+].join(" "), yn = [
+  "ds:shadow-[var(--shadow-card)] ds:bg-[color:var(--card)]",
+  // Declared at rest, not only while leaving: a transition added at the
+  // same moment as the value it animates has nothing to move from.
+  "ds:transition-opacity ds:duration-[var(--animation-duration)]",
+  "ds:ease-[var(--ease-out)] ds:motion-reduce:transition-none"
+].join(" "), zt = "ds:opacity-0", kn = 12;
+function bn({
+  item: o,
+  checked: a,
+  pending: h,
+  label: g,
+  reduceMotion: k,
+  onToggle: u
+}) {
+  const {
+    checked: f,
+    drawing: y,
+    toggle: E
+  } = Us({
+    checked: a,
+    reduceMotion: k
+  }), D = v({ shown: f, checked: a, toggle: E });
+  D.current = { shown: f, checked: a, toggle: E };
+  const re = f ? (
+    // `--accent` is magenta-700 in light, the step that clears AA there.
+    "ds:text-[color:var(--accent)]"
+  ) : o.priority === "high" ? "ds:text-[color:var(--destructive)]" : "ds:text-[color:var(--muted-foreground)]";
+  return /* @__PURE__ */ c(
+    "button",
+    {
+      type: "button",
+      role: "checkbox",
+      "aria-checked": f,
+      "aria-label": g,
+      "aria-disabled": h || void 0,
+      "data-action": "toggle-done",
+      "data-drawing": y ? "" : void 0,
+      onClick: () => {
+        if (h) return;
+        const N = !f, U = u(o, N);
+        U.started && (E(), U.result.catch(() => {
+          const S = D.current;
+          S.shown === N && S.checked !== N && S.toggle();
+        }));
+      },
+      className: [
+        "ds:group/check ds:flex ds:items-center ds:justify-center ds:rounded-[var(--radius-sm)]",
+        // 16px glyph + 4px each side = 24px; the accessible theme lifts it
+        // to the full target size.
+        "ds:p-[var(--spacing-xs)]",
+        "ds:[.theme-accessible_&]:min-h-[var(--min-target-size)] ds:[.theme-accessible_&]:min-w-[var(--min-target-size)]",
+        "ds:hover:bg-[color:var(--muted)]/40 ds:aria-disabled:cursor-progress",
+        "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:forced-colors:focus-visible:outline-[CanvasText]",
+        re
+      ].join(" "),
+      children: /* @__PURE__ */ b(
+        "svg",
+        {
+          viewBox: "0 0 18 18",
+          "aria-hidden": "true",
+          className: "ds:size-4 ds:transition-transform ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)] ds:group-data-[drawing]/check:scale-110 ds:motion-reduce:transition-none",
+          children: [
+            /* @__PURE__ */ c(
+              "rect",
+              {
+                x: "1.5",
+                y: "1.5",
+                width: "15",
+                height: "15",
+                rx: "4",
+                className: "ds:fill-none ds:stroke-current ds:[stroke-width:1.5]"
+              }
+            ),
+            /* @__PURE__ */ c(
+              "path",
+              {
+                d: "M5 9.25 L7.75 12 L13 6.25",
+                strokeDashoffset: f ? 0 : kn,
+                className: "ds:fill-none ds:stroke-current ds:[stroke-width:2] ds:[stroke-linecap:round] ds:[stroke-linejoin:round] ds:[stroke-dasharray:12] ds:transition-[stroke-dashoffset] ds:duration-[var(--animation-duration)] ds:ease-[var(--ease-out)] ds:motion-reduce:transition-none"
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+const wn = {
+  recall: { variant: "info", Icon: on },
+  payment: { variant: "warning", Icon: rn },
+  collection: { variant: "error", Icon: sn },
+  other: { variant: "neutral", Icon: jt }
+}, Pn = [
+  "overdue",
+  "today",
+  "tomorrow",
+  "thisWeek",
+  "later",
+  "done"
+];
+function xn(o) {
+  return new Date(o.getFullYear(), o.getMonth(), o.getDate());
+}
+function Bt(o) {
+  const a = xn(o), h = new Date(a);
+  h.setDate(a.getDate() + 1);
+  const g = new Date(a);
+  g.setDate(a.getDate() + 2);
+  const k = (a.getDay() + 6) % 7, u = new Date(a);
+  return u.setDate(a.getDate() + (7 - k)), {
+    startOfToday: +a,
+    startOfTomorrow: +h,
+    startOfDayAfter: +g,
+    startOfNextWeek: +u
+  };
+}
+function Sn(o, a, h) {
+  if (a) return "done";
+  const { startOfToday: g, startOfTomorrow: k, startOfDayAfter: u, startOfNextWeek: f } = Bt(h), y = +new Date(o.dueIso);
+  return y < g ? "overdue" : y < k ? "today" : y < u ? "tomorrow" : y < f ? "thisWeek" : "later";
+}
+function Tn(o, a) {
+  return o.status === "done" ? !1 : +new Date(o.dueIso) < Bt(a).startOfTomorrow;
+}
+function Rn(o, a, h) {
+  const g = /* @__PURE__ */ new Map();
+  for (const u of o) {
+    const f = Sn(u, h(u), a), y = g.get(f);
+    y ? y.push(u) : g.set(f, [u]);
+  }
+  const k = [];
+  for (const u of Pn) {
+    const f = g.get(u);
+    !f || f.length === 0 || (f.sort((y, E) => +new Date(y.dueIso) - +new Date(E.dueIso)), k.push({ key: u, items: f }));
+  }
+  return k;
+}
+const En = Ls(
+  ({
+    id: o,
+    items: a,
+    nowIso: h,
+    title: g,
+    icon: k,
+    totalCount: u,
+    size: f = "sm",
+    filtering: y = "client",
+    onOpenTask: E,
+    onToggleDone: D,
+    onEditTask: re,
+    onDismissTask: N,
+    onAddTask: U,
+    readOnly: S = !1,
+    renderItemActions: Te,
+    renderItemExtraActions: Re,
+    scope: Ee,
+    defaultScope: Mt,
+    onScopeChange: ae,
+    availableScopes: B,
+    onLoadMore: H,
+    hasMore: Oe,
+    loadingMore: Y = !1,
+    loading: w = !1,
+    error: P = !1,
+    onRetry: oe,
+    showFilters: Lt = !0,
+    defaultFilters: It,
+    onFiltersChange: M,
+    statusFilter: Ve,
+    defaultStatusFilter: Ht,
+    onStatusFilterChange: ie,
+    typeOptions: ce,
+    typeFilter: De,
+    onTypeFilterChange: de,
+    assigneeOptions: le,
+    assigneeFilter: Ne,
+    onAssigneeFilterChange: ue,
+    overdueOnly: Ce,
+    defaultOverdueOnly: qt,
+    onOverdueOnlyChange: fe,
+    emptyTitle: $t,
+    emptyDescription: Wt,
+    emptyAction: Kt,
+    className: Vt,
+    "aria-label": Ge,
+    ...Ct
+  }, Gt) => {
+    const { t: d, i18n: Ue } = qs(), Ye = Rt(), Ut = Rt(), Ae = g ?? d("tasksPanel.title"), p = y === "server", q = {
+      status: !p || !!M || !!ie,
+      type: !p || !!M || !!de,
+      assignee: !p || !!M || !!ue,
+      overdueOnly: !p || !!M || !!fe
+    }, Yt = {
+      todo: d("tasksPanel.status.todo"),
+      done: d("tasksPanel.status.done"),
+      all: d("tasksPanel.status.all")
+    }, Ft = {
+      patient: d("tasksPanel.scope.patient"),
+      mine: d("tasksPanel.scope.mine")
+    }, Qt = {
+      overdue: d("tasksPanel.buckets.overdue"),
+      today: d("tasksPanel.buckets.today"),
+      tomorrow: d("tasksPanel.buckets.tomorrow"),
+      thisWeek: d("tasksPanel.buckets.thisWeek"),
+      later: d("tasksPanel.buckets.later"),
+      done: d("tasksPanel.buckets.done")
+    }, Xt = {
+      recall: d("tasksPanel.types.recall"),
+      payment: d("tasksPanel.types.payment"),
+      collection: d("tasksPanel.types.collection"),
+      other: d("tasksPanel.types.other")
+    }, pe = z(
+      () => h ? new Date(h) : /* @__PURE__ */ new Date(),
+      [h]
+    ), Fe = z(
+      () => mn(Ue.language),
+      [Ue.language]
+    ), Qe = (e) => d("tasksPanel.bracketedCount", { value: Fe.format(e) }), [Jt, Zt] = R(
+      Mt ?? (B == null ? void 0 : B[0]) ?? "patient"
+    ), es = Ee ?? Jt, Xe = Ie(
+      (e) => {
+        Ee === void 0 && Zt(e), ae == null || ae(e);
+      },
+      [Ee, ae]
+    ), A = It ?? un, [ts, ss] = R(
+      Ht ?? A.status
+    ), [ns, rs] = R(A.type), [as, os] = R(
+      A.assignee
+    ), [is, cs] = R(
+      qt ?? A.overdueOnly
+    ), O = Ve ?? ts, L = De !== void 0 ? De : ns, I = Ne !== void 0 ? Ne : as, $ = Ce ?? is, Je = p ? $ && O !== "done" : $, me = v({
+      status: O,
+      type: L,
+      assignee: I,
+      overdueOnly: $
+    });
+    me.current = {
+      status: O,
+      type: L,
+      assignee: I,
+      overdueOnly: $
+    };
+    const W = (e) => {
+      const t = Object.fromEntries(
+        Object.entries(e).filter(
+          ([l]) => q[l]
+        )
+      );
+      if (Object.keys(e).length > 0 && Object.keys(t).length === 0)
+        return;
+      const s = me.current, r = p && s.status === "done" && s.overdueOnly ? { ...s, overdueOnly: !1 } : s, n = { ...r, ...t }, i = new Set(Object.keys(t));
+      r !== s && i.add("overdueOnly"), p && n.status === "done" && n.overdueOnly && (t.status !== void 0 ? (n.overdueOnly = !1, i.add("overdueOnly")) : (n.status = A.status === "done" ? "todo" : A.status, i.add("status"))), me.current = n, Ve === void 0 && ss(n.status), De === void 0 && rs(n.type), Ne === void 0 && os(n.assignee), Ce === void 0 && cs(n.overdueOnly), i.has("status") && (ie == null || ie(n.status)), i.has("type") && (de == null || de(n.type)), i.has("assignee") && (ue == null || ue(n.assignee)), i.has("overdueOnly") && (fe == null || fe(n.overdueOnly)), fn(s, n) || M == null || M(n);
+    }, ds = () => W({ ...A }), [F, ls] = R(Nt), T = v(Nt), [Ze, us] = R(At), Q = v(At), X = v(!0), _e = v(/* @__PURE__ */ new Set());
+    G(() => {
+      X.current = !0;
+      const e = _e.current;
+      return () => {
+        X.current = !1, e.forEach(
+          (t) => t(new Error("TasksPanel: closed before the host was told."))
+        ), e.clear();
+      };
+    }, []);
+    const _ = (e) => {
+      const t = new Map(T.current);
+      e(t), T.current = t, ls(t);
+    }, je = (e) => {
+      const t = new Set(Q.current);
+      e(t), Q.current = t, us(t);
+    }, K = z(() => p ? a.filter((e) => !Ze.has(e.id)) : a.filter((e) => {
+      const t = e.status === "done";
+      return !(O === "todo" && t || O === "done" && !t || L && e.type !== L || I && (e.assignee ?? "") !== I || $ && !Tn(e, pe));
+    }), [
+      p,
+      Ze,
+      a,
+      O,
+      L,
+      I,
+      $,
+      pe
+    ]), ve = z(() => Rn(K, pe, (t) => {
+      if (p) {
+        const s = F.get(t.id);
+        if ((s == null ? void 0 : s.kind) === "done" && s.next !== void 0 && !s.leaves)
+          return s.next;
+      }
+      return t.status === "done";
+    }), [K, pe, p, F]), ze = z(
+      () => ve.flatMap((e) => e.items.map((t) => t.id)),
+      [ve]
+    ), J = v(null), et = v(null), [fs, ps] = R(!1), [ms, vs] = R(!1), Z = Ie(() => {
+      const e = J.current;
+      if (!e) return;
+      const { scrollTop: t, scrollHeight: s, clientHeight: r } = e;
+      ps(t > 1), vs(t + r < s - 1);
+    }, []);
+    We(() => {
+      Z();
+    }, [ve, Z]), We(() => {
+      const e = J.current;
+      if (!e || typeof ResizeObserver > "u") return;
+      const t = new ResizeObserver(Z);
+      return t.observe(e), () => t.disconnect();
+    }, [Z]);
+    const tt = p ? Oe === !0 : Oe ?? !!H, j = v(a);
+    j.current = a;
+    const hs = z(() => Ke(a), [a]), he = z(
+      () => a.map((e) => e.id).join("|"),
+      [a]
+    ), st = v(he);
+    st.current = he;
+    const ee = v(0), nt = v(w);
+    G(() => {
+      nt.current && !w && !P && (ee.current += 1), nt.current = w;
+    }, [w, P]);
+    const ge = v(!0), rt = v(""), at = v(0), Be = () => {
+      ge.current = !1, rt.current = st.current, at.current = ee.current, H == null || H();
+    };
+    G(() => {
+      ge.current || (he !== rt.current || ee.current > at.current) && (ge.current = !0);
+    }, [he, w, P]);
+    const gs = () => {
+      Z();
+      const e = J.current;
+      if (!e) return;
+      const { scrollTop: t, scrollHeight: s, clientHeight: r } = e;
+      H && tt && !w && !Y && ge.current && s - t - r <= ln && Be();
+    }, { resolvedTheme: ys } = Fs(), ye = ys.endsWith("-accessible") || void 0, { containerRef: ks } = Ys({
+      key: ze.join(),
+      reduceMotion: ye
+    }), te = Dt({ delayMs: 200, reduceMotion: ye }), se = Dt({ reduceMotion: ye }), Me = (e) => te.isLeaving(e) || se.isLeaving(e), bs = (e) => {
+      const { status: t, overdueOnly: s } = me.current;
+      return t === "todo" && e || t === "done" && !e || (p ? s && t !== "done" : s) && e;
+    }, ot = (e) => {
+      T.current.has(e) && _((t) => t.delete(e)), Q.current.has(e) && je((t) => t.delete(e)), te.cancel(e), se.cancel(e);
+    }, it = () => {
+      const e = j.current, t = Ke(e), s = new Map(e.map((i) => [i.id, i])), r = [], n = [];
+      T.current.forEach((i, l) => {
+        const m = s.get(l);
+        if (!m) {
+          r.push(l);
+          return;
+        }
+        if (!i.settled) return;
+        const Bs = i.kind === "done" && m.status === "done" === i.next, Ms = ee.current > i.edgeAtSettle || t !== i.sigAtSettle;
+        (Bs || Ms) && (r.push(l), n.push(l));
+      }), r.length !== 0 && (_((i) => r.forEach((l) => i.delete(l))), r.some((i) => Q.current.has(i)) && je((i) => r.forEach((l) => i.delete(l))), n.forEach((i) => {
+        te.cancel(i), se.cancel(i);
+      }));
+    }, ws = (e) => {
+      const t = T.current.get(e);
+      t && (_(
+        (s) => s.set(e, {
+          ...t,
+          settled: !0,
+          edgeAtSettle: ee.current,
+          sigAtSettle: Ke(j.current)
+        })
+      ), it());
+    };
+    G(() => {
+      p && it();
+    }, [p, hs, w, P]);
+    const ct = (e, t, s, r) => {
+      const n = e.id;
+      _((m) => m.set(n, t));
+      let i;
+      try {
+        i = s();
+      } catch (m) {
+        return ot(n), { started: !1, result: xe(m) };
+      }
+      t.leaves && r.leave(n, () => {
+        T.current.has(n) && je((m) => m.add(n));
+      });
+      const l = Promise.resolve(i);
+      return l.then(
+        () => {
+          X.current && ws(n);
+        },
+        () => {
+          X.current && ot(n);
+        }
+      ), { started: !0, result: l };
+    }, V = (e) => ({
+      started: !1,
+      result: xe(new Error(`TasksPanel: ${e}`))
+    }), ne = (e) => {
+      X.current && T.current.has(e) && _((t) => t.delete(e));
+    }, dt = (e, t, s) => {
+      let r, n;
+      const i = new Promise((l, m) => {
+        r = l, n = m;
+      });
+      return i.catch(() => {
+      }), _e.current.add(n), t.leave(e, () => {
+        _e.current.delete(n);
+        let l;
+        try {
+          l = s();
+        } catch (m) {
+          ne(e), n(m);
+          return;
+        }
+        Promise.resolve(l).then(
+          () => {
+            ne(e), r();
+          },
+          (m) => {
+            ne(e), n(m);
+          }
+        );
+      }), i;
+    }, lt = (e, t) => {
+      if (S) return V("the panel is read-only.");
+      if (!D) return V("the host gave no onToggleDone.");
+      const s = e.id;
+      if (T.current.has(s))
+        return V("a change to this task is already pending.");
+      const r = t ?? e.status !== "done", n = bs(r);
+      if (p)
+        return ct(
+          e,
+          {
+            kind: "done",
+            next: r,
+            leaves: n,
+            settled: !1,
+            edgeAtSettle: 0,
+            sigAtSettle: ""
+          },
+          () => D(e, r),
+          te
+        );
+      if (!n) {
+        let i;
+        try {
+          i = D(e, r);
+        } catch (l) {
+          return { started: !1, result: xe(l) };
+        }
+        return i instanceof Promise && (_(
+          (l) => l.set(s, {
+            kind: "done",
+            leaves: n,
+            settled: !1,
+            edgeAtSettle: 0,
+            sigAtSettle: ""
+          })
+        ), i.then(
+          () => ne(s),
+          () => ne(s)
+        )), { started: !0, result: vn(i) };
+      }
+      return _(
+        (i) => i.set(s, {
+          kind: "done",
+          next: r,
+          leaves: n,
+          settled: !1,
+          edgeAtSettle: 0,
+          sigAtSettle: ""
+        })
+      ), {
+        started: !0,
+        result: dt(s, te, () => D(e, r))
+      };
+    }, ut = (e) => {
+      if (S) return V("the panel is read-only.");
+      if (!N) return V("the host gave no onDismissTask.");
+      const t = e.id;
+      if (T.current.has(t))
+        return V("a change to this task is already pending.");
+      const s = {
+        kind: "dismiss",
+        leaves: !0,
+        settled: !1,
+        edgeAtSettle: 0,
+        sigAtSettle: ""
+      };
+      return p ? ct(
+        e,
+        s,
+        () => N(e),
+        se
+      ) : (_((r) => r.set(t, s)), {
+        started: !0,
+        result: dt(t, se, () => N(e))
+      });
+    }, ft = Ie(() => {
+      const e = J.current, t = et.current;
+      if (!e || !t) {
+        e == null || e.scrollTo({ top: 0 });
+        return;
+      }
+      const s = t.getBoundingClientRect().top - e.getBoundingClientRect().top;
+      e.scrollTo({ top: e.scrollTop + s });
+    }, []), ke = v(null);
+    Is(Gt, () => ke.current, []);
+    const C = v(null), be = v(ze);
+    be.current = ze, G(() => {
+      const e = ke.current;
+      if (!e) return;
+      const t = (r) => {
+        var l, m;
+        const n = r.target;
+        if (!(n instanceof HTMLElement)) return;
+        const i = ((l = n.closest("[data-task-id]")) == null ? void 0 : l.dataset.taskId) ?? null;
+        C.current = {
+          el: n,
+          rowId: i,
+          action: ((m = n.closest("[data-action]")) == null ? void 0 : m.dataset.action) ?? null,
+          index: i ? be.current.indexOf(i) : -1
+        };
+      }, s = (r) => {
+        const n = r.relatedTarget;
+        if (n instanceof Node) {
+          e.contains(n) || (C.current = null);
+          return;
+        }
+        const i = r.target;
+        queueMicrotask(() => {
+          const l = C.current;
+          l && l.el === i && l.el.isConnected && document.activeElement !== l.el && (C.current = null);
+        });
+      };
+      return e.addEventListener("focusin", t), e.addEventListener("focusout", s), () => {
+        e.removeEventListener("focusin", t), e.removeEventListener("focusout", s);
+      };
+    }, []), We(() => {
+      const e = C.current, t = ke.current;
+      if (!e || !t) return;
+      if (e.el.isConnected) {
+        e.rowId && (e.index = be.current.indexOf(e.rowId));
+        return;
+      }
+      C.current = null;
+      const s = document.activeElement;
+      if (s && s !== document.body) return;
+      const r = be.current, n = (m) => m && e.action ? t.querySelector(
+        `[data-task-id="${CSS.escape(m)}"] [data-action="${CSS.escape(e.action)}"]`
+      ) : null, l = (e.rowId ? n(e.rowId) : null) ?? (e.rowId && e.index >= 0 ? n(r[e.index]) ?? n(r[e.index - 1]) : null) ?? t.querySelector("[data-tasks-panel-region]") ?? t.querySelector(
+        '[data-status-filter][aria-pressed="true"]'
+      );
+      l == null || l.focus();
+    });
+    const pt = v(null);
+    pt.current = {
+      toggleDone: (e) => lt(e),
+      dismiss: (e) => ut(e),
+      onOpenTask: E,
+      loadMore: Be,
+      changeScope: Xe,
+      commitFilters: W,
+      serverMode: p
+    };
+    const Ps = z(() => {
+      const e = () => pt.current, t = (s) => xe(new Error(`TasksPanel: no task "${s}".`));
+      return {
+        getItems: () => e().serverMode ? j.current.filter((s) => !Q.current.has(s.id)).map((s) => {
+          const r = T.current.get(s.id), n = (r == null ? void 0 : r.kind) === "done" && r.next !== void 0 ? r.next ? "done" : "open" : s.status ?? "open";
+          return { id: s.id, status: n };
+        }) : j.current.map((s) => ({
+          id: s.id,
+          status: s.status ?? "open"
+        })),
+        selectItem: (s) => {
+          var n, i;
+          const r = j.current.find((l) => l.id === s);
+          r && ((i = (n = e()).onOpenTask) == null || i.call(n, r));
+        },
+        toggleDone: (s) => {
+          const r = j.current.find((n) => n.id === s);
+          return r ? e().toggleDone(r).result : t(s);
+        },
+        dismiss: (s) => {
+          const r = j.current.find((n) => n.id === s);
+          return r ? e().dismiss(r).result : t(s);
+        },
+        jumpToOverdue: ft,
+        setFilter: (s) => {
+          const r = {};
+          s.status !== void 0 && (r.status = s.status), s.type !== void 0 && (r.type = s.type), s.assignee !== void 0 && (r.assignee = s.assignee), s.overdueOnly !== void 0 && (r.overdueOnly = s.overdueOnly), e().commitFilters(r);
+        },
+        changeScope: (s) => e().changeScope(s),
+        loadMore: () => e().loadMore()
+      };
+    }, [ft]);
+    Qs(dn, Ps, o);
+    const xs = (e) => {
+      if (!e.type) return null;
+      const t = wn[e.type], s = (t == null ? void 0 : t.variant) ?? "neutral", r = (t == null ? void 0 : t.Icon) ?? jt, n = e.typeLabel || Xt[e.type] || d("tasksPanel.types.other");
+      return /* @__PURE__ */ c(
+        $s,
+        {
+          variant: s,
+          size: "sm",
+          leading: /* @__PURE__ */ c(r, { "aria-hidden": "true" }),
+          children: n
+        }
+      );
+    }, Ss = (e) => S ? null : /* @__PURE__ */ b(we, { children: [
+      re ? /* @__PURE__ */ c(
+        qe,
+        {
+          icon: /* @__PURE__ */ c(Zs, {}),
+          intent: "ghost",
+          size: "sm",
+          "aria-label": d("tasksPanel.edit"),
+          "data-action": "edit-task",
+          onClick: () => re(e)
+        }
+      ) : null,
+      N ? /* @__PURE__ */ c(
+        qe,
+        {
+          icon: /* @__PURE__ */ c(en, {}),
+          intent: "ghost",
+          size: "sm",
+          "aria-label": d("tasksPanel.dismiss"),
+          "data-action": "dismiss-task",
+          onClick: () => {
+            ut(e);
+          }
+        }
+      ) : null
+    ] }), Ts = (e) => {
+      const t = (Re == null ? void 0 : Re(e)) ?? null, r = (S ? null : Te == null ? void 0 : Te(e)) ?? Ss(e), n = xs(e);
+      if (!(!n && !t && !r))
+        return /* @__PURE__ */ b(we, { children: [
+          n,
+          t,
+          r
+        ] });
+    }, Rs = (e, t) => lt(e, t), mt = (e) => /* @__PURE__ */ c(
+      "div",
+      {
+        "aria-hidden": "true",
+        className: "ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
+        children: /* @__PURE__ */ c(Vs, { variant: "rectangular", height: "3.5rem" })
+      },
+      e
+    ), vt = /* @__PURE__ */ c("div", { className: "ds:flex-1 ds:min-h-0 ds:p-[var(--spacing-md)]", children: typeof P == "boolean" ? /* @__PURE__ */ c(
+      $e,
+      {
+        variant: "error",
+        size: "sm",
+        title: d("tasksPanel.error.title"),
+        description: d("tasksPanel.error.description"),
+        primaryAction: oe ? { label: d("emptyState.error.cta"), onClick: oe } : void 0
+      }
+    ) : P }), Le = /* @__PURE__ */ c("div", { className: "ds:flex-1 ds:min-h-0 ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [0, 1, 2, 3].map((e) => mt(`skeleton-${e}`)) }), ht = /* @__PURE__ */ c("div", { className: "ds:flex-1 ds:min-h-0 ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ c(
+      $e,
+      {
+        variant: "first-use",
+        size: "sm",
+        title: $t ?? d("tasksPanel.empty.title"),
+        description: Wt ?? d("tasksPanel.empty.description"),
+        primaryAction: Kt
+      }
+    ) }), Es = Object.values(q).some(Boolean), gt = /* @__PURE__ */ c("div", { className: "ds:flex-1 ds:min-h-0 ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ c(
+      $e,
+      {
+        variant: "no-results",
+        size: "sm",
+        title: d("tasksPanel.filteredEmpty.title"),
+        description: d("tasksPanel.filteredEmpty.description"),
+        primaryAction: Es ? {
+          label: d("tasksPanel.filteredEmpty.clear"),
+          onClick: ds
+        } : void 0
+      }
+    ) }), Os = p && P ? /* @__PURE__ */ c("div", { className: "ds:shrink-0 ds:px-[var(--spacing-md)] ds:pt-[var(--spacing-xs)]", children: typeof P == "boolean" ? /* @__PURE__ */ b(He, { variant: "error", children: [
+      /* @__PURE__ */ c(He.Title, { as: "p", children: d("tasksPanel.error.title") }),
+      oe ? /* @__PURE__ */ c(He.Action, { children: /* @__PURE__ */ c(Pe, { intent: "outline", size: "sm", onClick: oe, children: d("emptyState.error.cta") }) }) : null
+    ] }) : P }) : null, yt = /* @__PURE__ */ b(we, { children: [
+      Os,
+      /* @__PURE__ */ b(
+        "div",
+        {
+          ref: (e) => {
+            J.current = e, ks.current = e;
+          },
+          tabIndex: 0,
+          onScroll: gs,
+          "data-tasks-panel-region": "",
+          "data-fade-top": fs ? "true" : void 0,
+          "data-fade-bottom": ms ? "true" : void 0,
+          className: gn,
+          children: [
+            /* @__PURE__ */ c(
+              "ol",
+              {
+                "aria-busy": w || void 0,
+                className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-md)] ds:p-0",
+                children: ve.map((e) => /* @__PURE__ */ b(
+                  "li",
+                  {
+                    className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
+                    children: [
+                      /* @__PURE__ */ c(
+                        On,
+                        {
+                          bucketKey: e.key,
+                          countLabel: Qe(e.items.length),
+                          showCount: !(p && Oe === !0),
+                          label: Qt[e.key],
+                          headerRef: e.key === "overdue" ? et : void 0,
+                          reflowId: `bucket-${e.key}`,
+                          leaving: e.items.every((t) => Me(t.id))
+                        }
+                      ),
+                      /* @__PURE__ */ c("ul", { className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-0", children: e.items.map((t) => {
+                        var s;
+                        return /* @__PURE__ */ c(
+                          Cs,
+                          {
+                            item: t,
+                            size: f,
+                            onActivate: E ? () => E(t) : void 0,
+                            actions: Ts(t),
+                            leading: D && !S ? /* @__PURE__ */ c(
+                              bn,
+                              {
+                                item: t,
+                                checked: ((s = F.get(t.id)) == null ? void 0 : s.next) ?? t.status === "done",
+                                pending: F.has(t.id),
+                                label: d("tasksPanel.doneItem", {
+                                  title: t.title
+                                }),
+                                reduceMotion: ye,
+                                onToggle: Rs
+                              }
+                            ) : void 0,
+                            className: `${yn} ${_t}${Me(t.id) ? ` ${zt}` : ""}`,
+                            "data-leaving": Me(t.id) ? "" : void 0,
+                            "data-reflow-id": t.id,
+                            "data-task-id": t.id
+                          },
+                          t.id
+                        );
+                      }) })
+                    ]
+                  },
+                  e.key
+                ))
+              }
+            ),
+            Y ? mt("loading-more") : null,
+            tt && H && !w ? /* @__PURE__ */ c("div", { className: "ds:flex ds:justify-center ds:py-[var(--spacing-sm)]", children: /* @__PURE__ */ c(
+              Pe,
+              {
+                intent: "ghost",
+                size: "sm",
+                "aria-busy": Y || void 0,
+                "aria-disabled": Y || void 0,
+                onClick: () => {
+                  Y || Be();
+                },
+                children: d("tasksPanel.loadMore")
+              }
+            ) }) : null
+          ]
+        }
+      )
+    ] });
+    let x;
+    if (p) {
+      const e = [...F.values()].some((s) => !s.settled), t = !pn(
+        {
+          status: O,
+          type: L,
+          assignee: I,
+          overdueOnly: Je
+        },
+        A
+      );
+      P && K.length === 0 ? x = vt : K.length === 0 && (w || e) ? x = Le : K.length === 0 ? x = t ? gt : ht : x = yt;
+    } else P ? x = vt : w ? x = Le : a.length === 0 ? x = ht : K.length === 0 ? x = gt : x = yt;
+    const kt = x === Le, [Ds, Ns] = R(!1);
+    G(() => {
+      Ns(kt);
+    }, [kt]);
+    const As = u === void 0 ? Ae : /* @__PURE__ */ b(we, { children: [
+      Ae,
+      /* @__PURE__ */ c(
+        "span",
+        {
+          "aria-hidden": "true",
+          "data-total-count": "",
+          className: "ds:ms-[var(--spacing-2xs)] ds:text-[color:var(--muted-foreground)]",
+          children: Qe(u)
+        }
+      ),
+      /* @__PURE__ */ c(Gs, { children: ` ${d("tasksPanel.totalCount", { count: u })}` })
+    ] }), bt = ((B == null ? void 0 : B.length) ?? 0) > 1, _s = ["todo", "done", "all"], js = U && !S ? /* @__PURE__ */ c(
+      qe,
+      {
+        icon: /* @__PURE__ */ c(Xs, {}),
+        intent: "outline",
+        size: "sm",
+        "aria-label": d("tasksPanel.add"),
+        "data-action": "add-task",
+        onClick: U
+      }
+    ) : void 0, wt = q.status, Pt = !!(ce != null && ce.length) && q.type, xt = !!(le != null && le.length) && q.assignee, St = q.overdueOnly, Tt = Lt && (wt || Pt || xt || St), zs = bt || Tt ? /* @__PURE__ */ b("div", { className: "ds:flex ds:w-full ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      bt ? /* @__PURE__ */ c(Et, { label: d("tasksPanel.scope.label"), children: B.map((e) => {
+        const t = es === e;
+        return /* @__PURE__ */ c(
+          Pe,
+          {
+            intent: t ? "primary" : "outline",
+            size: "sm",
+            "aria-pressed": t,
+            onClick: () => Xe(e),
+            children: Ft[e]
+          },
+          e
+        );
+      }) }) : null,
+      Tt ? /* @__PURE__ */ b("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+        wt ? /* @__PURE__ */ c(Et, { label: d("tasksPanel.status.label"), children: _s.map((e) => {
+          const t = O === e;
+          return /* @__PURE__ */ c(
+            Pe,
+            {
+              intent: t ? "primary" : "outline",
+              size: "sm",
+              "aria-pressed": t,
+              "data-status-filter": e,
+              onClick: () => W({ status: e }),
+              children: Yt[e]
+            },
+            e
+          );
+        }) }) : null,
+        Pt ? /* @__PURE__ */ c(
+          Ot,
+          {
+            size: "sm",
+            clearable: !0,
+            "aria-label": d("tasksPanel.type.label"),
+            placeholder: d("tasksPanel.type.placeholder"),
+            options: ce,
+            value: L ?? "",
+            onValueChange: (e) => W({ type: e || null })
+          }
+        ) : null,
+        xt ? /* @__PURE__ */ c(
+          Ot,
+          {
+            size: "sm",
+            clearable: !0,
+            "aria-label": d("tasksPanel.assignee.label"),
+            placeholder: d("tasksPanel.assignee.placeholder"),
+            options: le,
+            value: I ?? "",
+            onValueChange: (e) => W({ assignee: e || null })
+          }
+        ) : null,
+        St ? /* @__PURE__ */ c(
+          Ks,
+          {
+            id: Ut,
+            size: "sm",
+            label: d("tasksPanel.overdueOnly"),
+            checked: Je,
+            disabled: p && O === "done",
+            onCheckedChange: (e) => W({ overdueOnly: e })
+          }
+        ) : null
+      ] }) : null
+    ] }) : void 0;
+    return /* @__PURE__ */ b(
+      "section",
+      {
+        ref: ke,
+        "data-component": "tasks-panel",
+        "data-component-id": o,
+        "aria-labelledby": Ge ? void 0 : Ye,
+        "aria-label": Ge,
+        className: hn({ size: f, className: Vt }),
+        ...Ct,
+        children: [
+          /* @__PURE__ */ c(
+            Ws,
+            {
+              title: As,
+              titleTooltip: u === void 0 ? void 0 : d("tasksPanel.titleWithCount", {
+                title: Ae,
+                value: Fe.format(u)
+              }),
+              icon: k ?? /* @__PURE__ */ c(Js, {}),
+              headingId: Ye,
+              actions: js,
+              filters: zs
+            }
+          ),
+          /* @__PURE__ */ c("p", { role: "status", className: "ds:sr-only", children: Ds ? d("common.loading") : null }),
+          x
+        ]
+      }
+    );
+  }
+);
+En.displayName = "TasksPanel";
+function On({
+  bucketKey: o,
+  countLabel: a,
+  showCount: h = !0,
+  label: g,
+  headerRef: k,
+  reflowId: u,
+  leaving: f = !1
+}) {
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      ref: k,
+      "data-bucket": o,
+      "data-reflow-id": u,
+      "data-leaving": f ? "" : void 0,
+      className: [
+        "ds:sticky ds:top-0 ds:z-[2] ds:bg-[color:var(--card)] ds:py-[var(--spacing-2xs)]",
+        "ds:flex ds:items-center ds:gap-[var(--spacing-2xs)] type-eyebrow",
+        // A header travels with its bucket, and leaves with it: a heading
+        // left standing over nothing, or snapping while its rows glide,
+        // reads as two lists rather than one.
+        _t,
+        "ds:transition-opacity ds:duration-[var(--animation-duration)]",
+        "ds:ease-[var(--ease-out)] ds:motion-reduce:transition-none",
+        f ? zt : "",
+        o === "overdue" ? "ds:text-[color:var(--destructive)] ds:font-semibold" : o === "today" ? "ds:text-[color:var(--primary)] ds:font-semibold" : "ds:text-[color:var(--muted-foreground)]"
+      ].filter(Boolean).join(" "),
+      children: [
+        o === "today" ? /* @__PURE__ */ c(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "ds:size-1.5 ds:shrink-0 ds:rounded-[var(--radius-full)] ds:bg-[color:var(--primary)]"
+          }
+        ) : null,
+        g,
+        h ? /* @__PURE__ */ c(
+          "span",
+          {
+            "data-bucket-count": "",
+            className: "ds:text-[color:var(--muted-foreground)]",
+            children: a
+          }
+        ) : null
+      ]
+    }
+  );
+}
+export {
+  En as T,
+  dn as t
+};
+//# sourceMappingURL=tasks-panel-C_dVDQKJ.js.map