@alfadocs/ui-kit 1.47.0 → 1.48.0

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

@@ -1,844 +0,0 @@
-import { jsx as a, jsxs as m, Fragment as we } from "react/jsx-runtime";
-import { forwardRef as Pt, useId as Pe, useMemo as O, useState as h, useCallback as f, useRef as V, useImperativeHandle as xt } from "react";
-import { c as Nt } from "./index-D2ZczOXr.js";
-import { useTranslation as _t } from "react-i18next";
-import { B as Dt } from "./badge-BudgzTe_.js";
-import { B as oe } from "./button-CaUe1uyd.js";
-import { I as ne } from "./icon-button-CehAeZoP.js";
-import { B as xe } from "./button-group-CA1tmu39.js";
-import { P as Rt } from "./panel-header-D_mTdhUp.js";
-import { S as Ne } from "./select-CLSUnKjF.js";
-import { S as Tt } from "./switch-OILsBLWo.js";
-import { S as St } from "./skeleton-B1KTdJ4N.js";
-import { E as re } from "./empty-state-BUN_UAWf.js";
-import { T as zt } from "./task-card-qTKD1fIT.js";
-import { u as Et } from "./use-check-animation--I3cS00X.js";
-import { a as It, u as _e, R as Re } from "./use-list-reflow-Cw43nxw5.js";
-import { u as jt } from "./use-theme-CAuo6EYT.js";
-import { u as De } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { u as Bt } from "./registry-DvAUVLHh.js";
-import { P as At } from "./plus-DzMQ_c6b.js";
-import { C as Ht } from "./clipboard-check-BeAGxDVT.js";
-import { P as qt } from "./pencil-B1sKKyuT.js";
-import { X as Wt } from "./x-B5YnXwCz.js";
-import { c as G } 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 $t = [
-  ["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" }]
-], Ct = G("coins", $t);
-/**
- * @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 Lt = [
-  ["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" }]
-], Mt = G("gem", Lt);
-/**
- * @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 Kt = [
-  [
-    "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" }]
-], Ot = G("megaphone", Kt);
-/**
- * @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 Vt = [
-  [
-    "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" }]
-], Te = G("tag", Vt), Gt = {
-  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: (s) => s.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: (s, n) => {
-        s.selectItem(n.id);
-      }
-    },
-    toggle_done: {
-      safety: "write",
-      argsType: "{ id: string }",
-      argsSchema: {
-        type: "object",
-        properties: { id: { type: "string" } },
-        required: ["id"]
-      },
-      descriptionKey: "ui.agent.tasksPanel.actions.toggleDone",
-      description: "Request the host to toggle the done state of a task.",
-      invoke: (s, n) => {
-        s.toggleDone(n.id);
-      }
-    },
-    dismiss: {
-      safety: "destructive",
-      argsType: "{ id: string }",
-      argsSchema: {
-        type: "object",
-        properties: { id: { type: "string" } },
-        required: ["id"]
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.tasksPanel.actions.dismiss",
-      description: "Request the host to dismiss / remove the task with the given id.",
-      invoke: (s, n) => {
-        s.dismiss(n.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: (s) => {
-        s.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.",
-      invoke: (s, n) => {
-        s.setFilter(n);
-      }
-    },
-    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: (s, n) => {
-        s.changeScope(n.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: (s) => {
-        s.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."
-    }
-  }
-}, Yt = 96, Ut = Nt(
-  [
-    "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" }
-  }
-), Xt = [
-  "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(" "), Jt = [
-  "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(" "), Se = "ds:opacity-0", Qt = 12;
-function Zt({
-  item: s,
-  label: n,
-  labelChecked: l,
-  reduceMotion: u,
-  onToggle: c
-}) {
-  const { checked: r, drawing: i, toggle: k } = Et({
-    checked: s.status === "done",
-    reduceMotion: u
-  }), y = r ? (
-    // `--accent` is magenta-700 in light, the step that clears AA there.
-    "ds:text-[color:var(--accent)]"
-  ) : s.priority === "high" ? "ds:text-[color:var(--destructive)]" : "ds:text-[color:var(--muted-foreground)]";
-  return /* @__PURE__ */ a(
-    "button",
-    {
-      type: "button",
-      role: "checkbox",
-      "aria-checked": r,
-      "aria-label": r ? l : n,
-      "data-action": "toggle-done",
-      "data-drawing": i ? "" : void 0,
-      onClick: () => {
-        k(), c(s);
-      },
-      className: `ds:group/check ds:flex ds:items-center ds:justify-center ds:rounded-[var(--radius-sm)] ds:p-[var(--spacing-2xs)] ds:hover:bg-[color:var(--muted)]/40 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] ${y}`,
-      children: /* @__PURE__ */ m(
-        "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__ */ a(
-              "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__ */ a(
-              "path",
-              {
-                d: "M5 9.25 L7.75 12 L13 6.25",
-                strokeDashoffset: r ? 0 : Qt,
-                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 Ft = {
-  recall: { variant: "info", Icon: Ot },
-  payment: { variant: "warning", Icon: Mt },
-  collection: { variant: "error", Icon: Ct },
-  other: { variant: "neutral", Icon: Te }
-}, es = [
-  "overdue",
-  "today",
-  "tomorrow",
-  "thisWeek",
-  "later",
-  "done"
-];
-function ts(s) {
-  return new Date(s.getFullYear(), s.getMonth(), s.getDate());
-}
-function ze(s) {
-  const n = ts(s), l = new Date(n);
-  l.setDate(n.getDate() + 1);
-  const u = new Date(n);
-  u.setDate(n.getDate() + 2);
-  const c = (n.getDay() + 6) % 7, r = new Date(n);
-  return r.setDate(n.getDate() + (7 - c)), {
-    startOfToday: +n,
-    startOfTomorrow: +l,
-    startOfDayAfter: +u,
-    startOfNextWeek: +r
-  };
-}
-function ss(s, n) {
-  if (s.status === "done") return "done";
-  const { startOfToday: l, startOfTomorrow: u, startOfDayAfter: c, startOfNextWeek: r } = ze(n), i = +new Date(s.dueIso);
-  return i < l ? "overdue" : i < u ? "today" : i < c ? "tomorrow" : i < r ? "thisWeek" : "later";
-}
-function as(s, n) {
-  return s.status === "done" ? !1 : +new Date(s.dueIso) < ze(n).startOfTomorrow;
-}
-function os(s, n) {
-  const l = /* @__PURE__ */ new Map();
-  for (const c of s) {
-    const r = ss(c, n), i = l.get(r);
-    i ? i.push(c) : l.set(r, [c]);
-  }
-  const u = [];
-  for (const c of es) {
-    const r = l.get(c);
-    !r || r.length === 0 || (r.sort((i, k) => +new Date(i.dueIso) - +new Date(k.dueIso)), u.push({ key: c, items: r }));
-  }
-  return u;
-}
-const ns = Pt(
-  ({
-    id: s,
-    items: n,
-    nowIso: l,
-    title: u,
-    size: c = "sm",
-    onOpenTask: r,
-    onToggleDone: i,
-    onEditTask: k,
-    onDismissTask: y,
-    onAddTask: ie,
-    readOnly: z = !1,
-    renderItemActions: Y,
-    scope: U,
-    defaultScope: Ee,
-    onScopeChange: E,
-    availableScopes: g,
-    onLoadMore: p,
-    hasMore: Ie,
-    loadingMore: I = !1,
-    loading: X = !1,
-    error: x = !1,
-    showFilters: de = !0,
-    statusFilter: J,
-    defaultStatusFilter: je,
-    onStatusFilterChange: j,
-    typeOptions: Q,
-    typeFilter: B,
-    onTypeFilterChange: A,
-    assigneeOptions: Z,
-    assigneeFilter: H,
-    onAssigneeFilterChange: q,
-    overdueOnly: F,
-    defaultOverdueOnly: Be,
-    onOverdueOnlyChange: W,
-    emptyTitle: Ae,
-    emptyDescription: He,
-    emptyAction: qe,
-    className: We,
-    "aria-label": ce,
-    ...$e
-  }, Ce) => {
-    const { t: o } = _t(), le = Pe(), Le = Pe(), Me = u ?? o("tasksPanel.title"), Ke = {
-      todo: o("tasksPanel.status.todo"),
-      done: o("tasksPanel.status.done"),
-      all: o("tasksPanel.status.all")
-    }, Oe = {
-      patient: o("tasksPanel.scope.patient"),
-      mine: o("tasksPanel.scope.mine")
-    }, Ve = {
-      overdue: o("tasksPanel.buckets.overdue"),
-      today: o("tasksPanel.buckets.today"),
-      tomorrow: o("tasksPanel.buckets.tomorrow"),
-      thisWeek: o("tasksPanel.buckets.thisWeek"),
-      later: o("tasksPanel.buckets.later"),
-      done: o("tasksPanel.buckets.done")
-    }, Ge = {
-      recall: o("tasksPanel.types.recall"),
-      payment: o("tasksPanel.types.payment"),
-      collection: o("tasksPanel.types.collection"),
-      other: o("tasksPanel.types.other")
-    }, $ = O(
-      () => l ? new Date(l) : /* @__PURE__ */ new Date(),
-      [l]
-    ), [Ye, Ue] = h(
-      Ee ?? (g == null ? void 0 : g[0]) ?? "patient"
-    ), Xe = U ?? Ye, ee = f(
-      (e) => {
-        U === void 0 && Ue(e), E == null || E(e);
-      },
-      [U, E]
-    ), [Je, Qe] = h(
-      je ?? "todo"
-    ), b = J ?? Je, N = f(
-      (e) => {
-        J === void 0 && Qe(e), j == null || j(e);
-      },
-      [J, j]
-    ), [Ze, Fe] = h(null), C = B !== void 0 ? B : Ze, _ = f(
-      (e) => {
-        B === void 0 && Fe(e), A == null || A(e);
-      },
-      [B, A]
-    ), [et, tt] = h(null), L = H !== void 0 ? H : et, D = f(
-      (e) => {
-        H === void 0 && tt(e), q == null || q(e);
-      },
-      [H, q]
-    ), [st, at] = h(
-      Be ?? !1
-    ), te = F ?? st, R = f(
-      (e) => {
-        F === void 0 && at(e), W == null || W(e);
-      },
-      [F, W]
-    ), ot = f(() => {
-      N("todo"), _(null), D(null), R(!1);
-    }, [N, _, D, R]), M = O(() => n.filter((e) => {
-      const t = e.status === "done";
-      return !(b === "todo" && t || b === "done" && !t || C && e.type !== C || L && (e.assignee ?? "") !== L || te && !as(e, $));
-    }), [
-      n,
-      b,
-      C,
-      L,
-      te,
-      $
-    ]), ue = O(
-      () => os(M, $),
-      [M, $]
-    ), T = V(null), pe = V(null), [nt, rt] = h(!1), [it, dt] = h(!1), w = f(() => {
-      const e = T.current;
-      if (!e) return;
-      const { scrollTop: t, scrollHeight: d, clientHeight: v } = e;
-      rt(t > 1), dt(t + v < d - 1);
-    }, []);
-    De(() => {
-      w();
-    }, [ue, w]), De(() => {
-      const e = T.current;
-      if (!e || typeof ResizeObserver > "u") return;
-      const t = new ResizeObserver(w);
-      return t.observe(e), () => t.disconnect();
-    }, [w]);
-    const se = Ie ?? !!p, ct = f(() => {
-      w();
-      const e = T.current;
-      if (!e) return;
-      const { scrollTop: t, scrollHeight: d, clientHeight: v } = e;
-      p && se && !I && d - t - v <= Yt && p();
-    }, [w, p, se, I]), { resolvedTheme: lt } = jt(), K = lt.endsWith("-accessible") || void 0, { containerRef: ut } = It({
-      key: M.map((e) => e.id).join(),
-      reduceMotion: K
-    }), fe = _e({ delayMs: 200, reduceMotion: K }), me = _e({ reduceMotion: K }), ae = (e) => fe.isLeaving(e) || me.isLeaving(e), ve = (e) => {
-      if (!i) return;
-      const t = e.status === "done";
-      b === "todo" && !t || b === "done" && t ? fe.leave(e.id, () => i(e)) : i(e);
-    }, ge = (e) => {
-      y && me.leave(e.id, () => y(e));
-    }, he = f(() => {
-      const e = T.current, t = pe.current;
-      if (!e || !t) {
-        e == null || e.scrollTo({ top: 0 });
-        return;
-      }
-      const d = t.getBoundingClientRect().top - e.getBoundingClientRect().top;
-      e.scrollTo({ top: e.scrollTop + d });
-    }, []), S = V(n);
-    S.current = n;
-    const ke = V(null);
-    xt(Ce, () => ke.current, []);
-    const pt = O(
-      () => ({
-        getItems: () => S.current.map((e) => ({
-          id: e.id,
-          status: e.status ?? "open"
-        })),
-        selectItem: (e) => {
-          const t = S.current.find((d) => d.id === e);
-          t && (r == null || r(t));
-        },
-        toggleDone: (e) => {
-          const t = S.current.find((d) => d.id === e);
-          t && ve(t);
-        },
-        dismiss: (e) => {
-          const t = S.current.find((d) => d.id === e);
-          t && ge(t);
-        },
-        jumpToOverdue: he,
-        setFilter: (e) => {
-          e.status !== void 0 && N(e.status), e.type !== void 0 && _(e.type), e.assignee !== void 0 && D(e.assignee), e.overdueOnly !== void 0 && R(e.overdueOnly);
-        },
-        changeScope: ee,
-        loadMore: () => p == null ? void 0 : p()
-      }),
-      [
-        r,
-        i,
-        y,
-        he,
-        N,
-        _,
-        D,
-        R,
-        ee,
-        p
-      ]
-    );
-    Bt(Gt, pt, s);
-    const ft = (e) => {
-      if (!e.type) return null;
-      const t = Ft[e.type], d = (t == null ? void 0 : t.variant) ?? "neutral", v = (t == null ? void 0 : t.Icon) ?? Te, wt = e.typeLabel ?? Ge[e.type] ?? e.type;
-      return /* @__PURE__ */ a(
-        Dt,
-        {
-          variant: d,
-          size: "sm",
-          leading: /* @__PURE__ */ a(v, { "aria-hidden": "true" }),
-          children: wt
-        }
-      );
-    }, mt = (e) => z ? null : /* @__PURE__ */ m(we, { children: [
-      k ? /* @__PURE__ */ a(
-        ne,
-        {
-          icon: /* @__PURE__ */ a(qt, {}),
-          intent: "ghost",
-          size: "sm",
-          "aria-label": o("tasksPanel.edit"),
-          onClick: () => k(e)
-        }
-      ) : null,
-      y ? /* @__PURE__ */ a(
-        ne,
-        {
-          icon: /* @__PURE__ */ a(Wt, {}),
-          intent: "ghost",
-          size: "sm",
-          "aria-label": o("tasksPanel.dismiss"),
-          onClick: () => ge(e)
-        }
-      ) : null
-    ] }), vt = (e) => {
-      const d = (z ? null : Y == null ? void 0 : Y(e)) ?? mt(e), v = ft(e);
-      if (!(!v && !d))
-        return /* @__PURE__ */ m(we, { children: [
-          v,
-          d
-        ] });
-    }, gt = !X && !x && n.length === 0, ht = !X && !x && n.length > 0 && M.length === 0, ye = (e) => /* @__PURE__ */ a(
-      "div",
-      {
-        "aria-hidden": "true",
-        className: "ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
-        children: /* @__PURE__ */ a(St, { variant: "rectangular", height: "3.5rem" })
-      },
-      e
-    );
-    let P;
-    x ? P = /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-h-0 ds:p-[var(--spacing-md)]", children: typeof x == "boolean" ? /* @__PURE__ */ a(
-      re,
-      {
-        variant: "error",
-        size: "sm",
-        title: o("tasksPanel.error.title"),
-        description: o("tasksPanel.error.description")
-      }
-    ) : x }) : X ? P = /* @__PURE__ */ a("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) => ye(`skeleton-${e}`)) }) : gt ? P = /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-h-0 ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ a(
-      re,
-      {
-        variant: "first-use",
-        size: "sm",
-        title: Ae ?? o("tasksPanel.empty.title"),
-        description: He ?? o("tasksPanel.empty.description"),
-        primaryAction: qe
-      }
-    ) }) : ht ? P = /* @__PURE__ */ a("div", { className: "ds:flex-1 ds:min-h-0 ds:p-[var(--spacing-md)]", children: /* @__PURE__ */ a(
-      re,
-      {
-        variant: "no-results",
-        size: "sm",
-        title: o("tasksPanel.filteredEmpty.title"),
-        description: o("tasksPanel.filteredEmpty.description"),
-        primaryAction: {
-          label: o("tasksPanel.filteredEmpty.clear"),
-          onClick: ot
-        }
-      }
-    ) }) : P = /* @__PURE__ */ m(
-      "div",
-      {
-        ref: (e) => {
-          T.current = e, ut.current = e;
-        },
-        tabIndex: 0,
-        onScroll: ct,
-        "data-fade-top": nt ? "true" : void 0,
-        "data-fade-bottom": it ? "true" : void 0,
-        className: Xt,
-        children: [
-          /* @__PURE__ */ a("ol", { className: "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-md)] ds:p-0", children: ue.map((e) => /* @__PURE__ */ m(
-            "li",
-            {
-              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
-              children: [
-                /* @__PURE__ */ a(
-                  rs,
-                  {
-                    bucketKey: e.key,
-                    count: e.items.length,
-                    label: Ve[e.key],
-                    headerRef: e.key === "overdue" ? pe : void 0,
-                    reflowId: `bucket-${e.key}`,
-                    leaving: e.items.every((t) => ae(t.id))
-                  }
-                ),
-                /* @__PURE__ */ a("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) => /* @__PURE__ */ a(
-                  zt,
-                  {
-                    item: t,
-                    size: c,
-                    onActivate: r ? () => r(t) : void 0,
-                    actions: vt(t),
-                    leading: i && !z ? /* @__PURE__ */ a(
-                      Zt,
-                      {
-                        item: t,
-                        label: o("tasksPanel.markDone"),
-                        labelChecked: o("tasksPanel.markNotDone"),
-                        reduceMotion: K,
-                        onToggle: ve
-                      }
-                    ) : void 0,
-                    className: `${Jt} ${Re}${ae(t.id) ? ` ${Se}` : ""}`,
-                    "data-leaving": ae(t.id) ? "" : void 0,
-                    "data-reflow-id": t.id,
-                    "data-task-id": t.id
-                  },
-                  t.id
-                )) })
-              ]
-            },
-            e.key
-          )) }),
-          I ? ye("loading-more") : null,
-          !I && se && p ? /* @__PURE__ */ a("div", { className: "ds:flex ds:justify-center ds:py-[var(--spacing-sm)]", children: /* @__PURE__ */ a(oe, { intent: "ghost", size: "sm", onClick: p, children: o("tasksPanel.loadMore") }) }) : null
-        ]
-      }
-    );
-    const be = ((g == null ? void 0 : g.length) ?? 0) > 1, kt = ["todo", "done", "all"], yt = ie && !z ? /* @__PURE__ */ a(
-      ne,
-      {
-        icon: /* @__PURE__ */ a(At, {}),
-        intent: "outline",
-        size: "sm",
-        "aria-label": o("tasksPanel.add"),
-        onClick: ie
-      }
-    ) : void 0, bt = be || de ? /* @__PURE__ */ m("div", { className: "ds:flex ds:w-full ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-      be ? /* @__PURE__ */ a(xe, { label: o("tasksPanel.scope.label"), children: g.map((e) => {
-        const t = Xe === e;
-        return /* @__PURE__ */ a(
-          oe,
-          {
-            intent: t ? "primary" : "outline",
-            size: "sm",
-            "aria-pressed": t,
-            onClick: () => ee(e),
-            children: Oe[e]
-          },
-          e
-        );
-      }) }) : null,
-      de ? /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-        /* @__PURE__ */ a(xe, { label: o("tasksPanel.status.label"), children: kt.map((e) => {
-          const t = b === e;
-          return /* @__PURE__ */ a(
-            oe,
-            {
-              intent: t ? "primary" : "outline",
-              size: "sm",
-              "aria-pressed": t,
-              onClick: () => N(e),
-              children: Ke[e]
-            },
-            e
-          );
-        }) }),
-        Q && Q.length > 0 ? /* @__PURE__ */ a(
-          Ne,
-          {
-            size: "sm",
-            clearable: !0,
-            "aria-label": o("tasksPanel.type.label"),
-            placeholder: o("tasksPanel.type.placeholder"),
-            options: Q,
-            value: C ?? "",
-            onValueChange: (e) => _(e || null)
-          }
-        ) : null,
-        Z && Z.length > 0 ? /* @__PURE__ */ a(
-          Ne,
-          {
-            size: "sm",
-            clearable: !0,
-            "aria-label": o("tasksPanel.assignee.label"),
-            placeholder: o("tasksPanel.assignee.placeholder"),
-            options: Z,
-            value: L ?? "",
-            onValueChange: (e) => D(e || null)
-          }
-        ) : null,
-        /* @__PURE__ */ a(
-          Tt,
-          {
-            id: Le,
-            size: "sm",
-            label: o("tasksPanel.overdueOnly"),
-            checked: te,
-            onCheckedChange: R
-          }
-        )
-      ] }) : null
-    ] }) : void 0;
-    return /* @__PURE__ */ m(
-      "section",
-      {
-        ref: ke,
-        "data-component": "tasks-panel",
-        "data-component-id": s,
-        "aria-labelledby": ce ? void 0 : le,
-        "aria-label": ce,
-        className: Ut({ size: c, className: We }),
-        ...$e,
-        children: [
-          /* @__PURE__ */ a(
-            Rt,
-            {
-              title: Me,
-              icon: /* @__PURE__ */ a(Ht, {}),
-              headingId: le,
-              actions: yt,
-              filters: bt
-            }
-          ),
-          P
-        ]
-      }
-    );
-  }
-);
-ns.displayName = "TasksPanel";
-function rs({
-  bucketKey: s,
-  count: n,
-  label: l,
-  headerRef: u,
-  reflowId: c,
-  leaving: r = !1
-}) {
-  return /* @__PURE__ */ m(
-    "div",
-    {
-      ref: u,
-      "data-bucket": s,
-      "data-reflow-id": c,
-      "data-leaving": r ? "" : 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.
-        Re,
-        "ds:transition-opacity ds:duration-[var(--animation-duration)]",
-        "ds:ease-[var(--ease-out)] ds:motion-reduce:transition-none",
-        r ? Se : "",
-        s === "overdue" ? "ds:text-[color:var(--destructive)] ds:font-semibold" : s === "today" ? "ds:text-[color:var(--primary)] ds:font-semibold" : "ds:text-[color:var(--muted-foreground)]"
-      ].filter(Boolean).join(" "),
-      children: [
-        s === "today" ? /* @__PURE__ */ a(
-          "span",
-          {
-            "aria-hidden": "true",
-            className: "ds:size-1.5 ds:shrink-0 ds:rounded-[var(--radius-full)] ds:bg-[color:var(--primary)]"
-          }
-        ) : null,
-        l,
-        /* @__PURE__ */ a("span", { className: "ds:text-[color:var(--muted-foreground)]", children: `(${n})` })
-      ]
-    }
-  );
-}
-export {
-  ns as T,
-  Gt as t
-};
-//# sourceMappingURL=tasks-panel-DncuBPIZ.js.map