@alfadocs/ui-kit 0.70.0 → 0.71.0

package/dist/_chunks/task-card-DCdsI0ZT.js

@@ -0,0 +1,189 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { forwardRef as C } from "react";
+import { c as L } from "./index-D2ZczOXr.js";
+import { useTranslation as w } from "react-i18next";
+import { V as f } from "./visually-hidden-BHxEUGyT.js";
+import { c as m } from "./createLucideIcon-CrFbzy84.js";
+import { U as g } from "./user-CPxpqFjJ.js";
+import { C as T } from "./chevron-right-BrpYejk0.js";
+import { S as z } from "./square-check-big-Jr-0202D.js";
+import { C as V } from "./circle-alert-ChA9opNA.js";
+import { S as M } from "./square-CZoGU14v.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 S = [
+  ["path", { d: "M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16", key: "jecpp" }],
+  ["rect", { width: "20", height: "14", x: "2", y: "6", rx: "2", key: "i6l2r4" }]
+], _ = m("briefcase", S);
+/**
+ * @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 $ = [
+  ["path", { d: "M10 12h4", key: "a56b0p" }],
+  ["path", { d: "M10 8h4", key: "1sr2af" }],
+  ["path", { d: "M14 21v-3a2 2 0 0 0-4 0v3", key: "1rgiei" }],
+  [
+    "path",
+    {
+      d: "M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2",
+      key: "secmi2"
+    }
+  ],
+  ["path", { d: "M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16", key: "16ra0t" }]
+], j = m("building-2", $), I = {
+  patient: g,
+  company: j,
+  operator: _
+}, K = L(
+  [
+    "ds:relative ds:flex ds:items-start ds:gap-[var(--spacing-sm)]",
+    "ds:rounded-[var(--radius-sm)]",
+    "ds:transition-colors",
+    "ds:motion-reduce:transition-none",
+    "ds:text-start ds:group",
+    "ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2",
+    "ds:forced-colors:border ds:forced-colors:border-[CanvasText]"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        xs: "ds:p-[var(--spacing-xs)]",
+        sm: "ds:p-[var(--spacing-sm)]",
+        md: "ds:p-[var(--spacing-md)]"
+      },
+      interactive: {
+        true: "ds:hover:bg-[color:var(--muted)]/40 ds:cursor-pointer",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      size: "sm",
+      interactive: !1
+    }
+  }
+), h = [
+  "ds:focus-visible:outline-none",
+  "ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-sm)]",
+  "ds:after:pointer-events-auto",
+  "ds:focus-visible:after:outline-[length:var(--focus-ring-width)]",
+  "ds:focus-visible:after:outline-solid",
+  "ds:focus-visible:after:outline-[color:var(--ring)]",
+  "ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]",
+  "ds:forced-colors:focus-visible:after:outline-[CanvasText]"
+].join(" ");
+function U(s) {
+  return /^(https?:\/\/(?!\/)|\/(?!\/)|#)/.test(s);
+}
+function B({
+  status: s,
+  priority: n
+}) {
+  const a = n === "high" ? "ds:text-[color:var(--destructive)]" : "ds:text-[color:var(--muted-foreground)]";
+  return s === "done" ? /* @__PURE__ */ e(z, { "aria-hidden": "true", className: `ds:size-4 ${a}` }) : n === "high" ? /* @__PURE__ */ e(V, { "aria-hidden": "true", className: `ds:size-4 ${a}` }) : /* @__PURE__ */ e(M, { "aria-hidden": "true", className: `ds:size-4 ${a}` });
+}
+const R = C(
+  ({ item: s, size: n = "sm", onActivate: a, actions: c, className: v, ...k }, b) => {
+    const { t: r } = w(), t = !!a, y = !!s.url && U(s.url), p = r("taskCard.itemLabel", {
+      title: s.title,
+      due: s.dueLabel ?? "",
+      defaultValue: '{{title}}{{due, prepend, " · "}}'
+    }), x = {
+      patient: r("taskCard.link.patient"),
+      company: r("taskCard.link.company"),
+      operator: r("taskCard.link.operator")
+    }, u = s.linkType ? I[s.linkType] : null, N = !!s.linkType && !!s.linkedLabel || !!s.assigneeLabel, l = /* @__PURE__ */ e("span", { className: "ds:flex-1 ds:min-w-0 ds:truncate type-body-sm ds:text-[color:var(--foreground)]", children: s.title });
+    let o;
+    return t && y ? o = /* @__PURE__ */ e(
+      "a",
+      {
+        href: s.url,
+        "aria-label": p,
+        className: h + " ds:contents",
+        onClick: (i) => {
+          i.defaultPrevented || i.metaKey || i.ctrlKey || i.shiftKey || a == null || a(s);
+        },
+        children: l
+      }
+    ) : t ? o = /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        "aria-label": p,
+        className: h + " ds:contents ds:bg-transparent ds:border-0 ds:p-0 ds:text-start",
+        onClick: () => a == null ? void 0 : a(s),
+        children: l
+      }
+    ) : o = l, /* @__PURE__ */ d(
+      "div",
+      {
+        ref: b,
+        role: "listitem",
+        "data-component": "task-card",
+        "data-component-id": s.id,
+        "data-status": s.status ?? "open",
+        "data-priority": s.priority ?? "normal",
+        className: K({ size: n, interactive: t, className: v }),
+        ...k,
+        children: [
+          /* @__PURE__ */ e("span", { className: "ds:mt-[var(--spacing-2xs)] ds:shrink-0", children: /* @__PURE__ */ e(B, { status: s.status, priority: s.priority }) }),
+          /* @__PURE__ */ d("div", { className: "ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+            o,
+            s.description ? /* @__PURE__ */ e("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)] ds:truncate", children: s.description }) : null,
+            s.note ? /* @__PURE__ */ e("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)] ds:line-clamp-2", children: s.note }) : null,
+            N ? (
+              // `type-meta` (not `type-eyebrow`): these chips carry proper-noun
+              // values (patient / company / operator name, assignee) that must
+              // not be uppercased. Icons are decorative; the type word is exposed
+              // to AT via a VisuallyHidden prefix so each chip reads e.g.
+              // "Patient: Mario Rossi" / "Assignee: Dr. Alfa".
+              /* @__PURE__ */ d("div", { className: "type-meta ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-sm)] ds:gap-y-[var(--spacing-2xs)] ds:text-[color:var(--muted-foreground)]", children: [
+                s.linkType && s.linkedLabel && u ? /* @__PURE__ */ d("span", { className: "ds:inline-flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+                  /* @__PURE__ */ e(
+                    u,
+                    {
+                      "aria-hidden": "true",
+                      className: "ds:size-3 ds:shrink-0"
+                    }
+                  ),
+                  /* @__PURE__ */ e(f, { children: `${x[s.linkType]}: ` }),
+                  /* @__PURE__ */ e("span", { className: "ds:truncate", children: s.linkedLabel })
+                ] }) : null,
+                s.assigneeLabel ? /* @__PURE__ */ d("span", { className: "ds:inline-flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+                  /* @__PURE__ */ e(g, { "aria-hidden": "true", className: "ds:size-3 ds:shrink-0" }),
+                  /* @__PURE__ */ e(f, { children: `${r("taskCard.assignee")}: ` }),
+                  /* @__PURE__ */ e("span", { className: "ds:truncate", children: s.assigneeLabel })
+                ] }) : null
+              ] })
+            ) : null,
+            s.linkedLabel && !s.linkType ? /* @__PURE__ */ e("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)] ds:truncate", children: s.linkedLabel }) : null,
+            s.dueLabel ? /* @__PURE__ */ e("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: s.dueLabel }) : null
+          ] }),
+          c ? (
+            // Above the stretched-link overlay so the buttons stay clickable.
+            /* @__PURE__ */ e("span", { className: "ds:relative ds:z-[1] ds:flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:shrink-0", children: c })
+          ) : null,
+          t ? /* @__PURE__ */ e(
+            T,
+            {
+              "aria-hidden": "true",
+              className: "ds:mt-[var(--spacing-2xs)] ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)] ds:opacity-0 ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds:rtl:rotate-180"
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+R.displayName = "TaskCard";
+export {
+  R as T,
+  U as i
+};
+//# sourceMappingURL=task-card-DCdsI0ZT.js.map

package/dist/_chunks/{task-tray-qOEQflu4.js → task-tray-DNVejijD.js}

@@ -5,7 +5,7 @@ import { useTranslation as H } from "react-i18next";
 import { I as L } from "./icon-button-LqoiKcUN.js";
 import { S as A } from "./skeleton-CZbwyJAA.js";
 import { E as V } from "./empty-state-BLy7tigq.js";
-import { T as F } from "./task-card-BwY9jaV1.js";
+import { T as F } from "./task-card-DCdsI0ZT.js";
 import { u as G } from "./registry-DvAUVLHh.js";
 import { c as J } from "./createLucideIcon-CrFbzy84.js";
 import { P as Q } from "./plus-CYKNmfuA.js";
@@ -248,4 +248,4 @@ export {
   Z as T,
   X as t
 };
-//# sourceMappingURL=task-tray-qOEQflu4.js.map
+//# sourceMappingURL=task-tray-DNVejijD.js.map