@alfadocs/ui-kit-debug 0.71.0 → 0.72.1

package/dist/_chunks/tag-3wgkwwDB.js

@@ -0,0 +1,258 @@
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
+import { forwardRef as X, useRef as q, useState as E, useEffect as F } from "react";
+import { c as B } from "./index-D2ZczOXr.js";
+import { useTranslation as G } from "react-i18next";
+import { T as v } from "./tooltip-DvmfrNvB.js";
+import { X as H } from "./x-B5YnXwCz.js";
+const V = B(
+  [
+    "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
+    "ds:rounded-[var(--radius-full)]",
+    "type-eyebrow ds:whitespace-nowrap",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-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-[length:var(--focus-ring-offset)]",
+    "ds:aria-disabled:cursor-not-allowed ds:aria-disabled:opacity-50",
+    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
+  ].join(" "),
+  {
+    variants: {
+      variant: {
+        neutral: "",
+        info: "",
+        success: "",
+        warning: "",
+        error: "",
+        brand: ""
+      },
+      fill: {
+        // Solid chips carry a subtle, theme-aware border (a low-opacity
+        // foreground mix) so they read as a defined chip on any surface, not a
+        // floating fill — works across every colour variant, light and dark.
+        solid: "ds:border ds:border-[color:color-mix(in_srgb,var(--foreground)_15%,transparent)]",
+        outline: "ds:border ds:border-[color:var(--border)] ds:bg-transparent"
+      },
+      size: {
+        // Symmetric start/end padding — close button uses negative margin to stay flush.
+        // Size is the only eyebrow-role axis that varies per Tag size; weight, transform,
+        // tracking, line-height, and features all come from `.type-eyebrow` on the base.
+        sm: "ds:h-[calc(var(--spacing)*4)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:[--type-eyebrow-size:var(--font-size-2xs)]",
+        md: "ds:h-[calc(var(--spacing)*5)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:[--type-eyebrow-size:var(--font-size-2xs)]",
+        lg: "ds:h-[calc(var(--spacing)*6)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:[--type-eyebrow-size:var(--font-size-xs)]"
+      }
+    },
+    compoundVariants: [
+      // Solid fills — foreground tokens adapt per theme
+      {
+        fill: "solid",
+        variant: "neutral",
+        className: "ds:bg-muted/20 ds:text-muted-foreground ds:border-[color:var(--border)]"
+      },
+      {
+        fill: "solid",
+        variant: "info",
+        className: "ds:bg-info ds:text-[color:var(--info-solid-foreground)]"
+      },
+      {
+        fill: "solid",
+        variant: "success",
+        className: "ds:bg-success ds:text-[color:var(--success-solid-foreground)]"
+      },
+      {
+        fill: "solid",
+        variant: "warning",
+        className: "ds:bg-warning ds:text-foreground"
+      },
+      {
+        fill: "solid",
+        variant: "error",
+        className: "ds:bg-destructive ds:text-destructive-foreground"
+      },
+      {
+        fill: "solid",
+        variant: "brand",
+        className: "ds:bg-primary ds:text-primary-foreground"
+      },
+      // Outline fills
+      {
+        fill: "outline",
+        variant: "neutral",
+        className: "ds:border-[color:var(--border)] ds:text-muted-foreground"
+      },
+      {
+        fill: "outline",
+        variant: "info",
+        className: "ds:border-info ds:text-[var(--info-foreground)]"
+      },
+      {
+        fill: "outline",
+        variant: "success",
+        className: "ds:border-success ds:text-[var(--success-foreground)]"
+      },
+      {
+        fill: "outline",
+        variant: "warning",
+        className: "ds:border-warning ds:text-[var(--warning-foreground)]"
+      },
+      {
+        fill: "outline",
+        variant: "error",
+        className: "ds:border-destructive ds:text-[var(--error-foreground)]"
+      },
+      {
+        fill: "outline",
+        variant: "brand",
+        className: "ds:border-primary ds:text-primary"
+      }
+    ],
+    defaultVariants: {
+      variant: "neutral",
+      fill: "solid",
+      size: "md"
+    }
+  }
+), J = B(
+  [
+    "ds:inline-flex ds:items-center ds:justify-center ds:shrink-0 ds:rounded-full",
+    // Negative end margin keeps the button flush with the pill edge
+    "ds:-me-[var(--spacing-xs)]",
+    "ds:hover:bg-foreground/10",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-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-[length:var(--focus-ring-offset)]",
+    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:p-1 ds:[&>svg]:size-3",
+        md: "ds:p-1 ds:[&>svg]:size-3.5",
+        lg: "ds:p-1.5 ds:[&>svg]:size-4"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), L = X(
+  ({
+    label: o,
+    variant: g = "neutral",
+    fill: p = "solid",
+    size: t = "md",
+    leading: m,
+    onRemove: a,
+    onClick: b,
+    disabled: r = !1,
+    maxInlineSize: n = "none",
+    className: h
+  }, i) => {
+    const { t: w } = G(), y = q(null), [D, C] = E(!1), [O, R] = E("");
+    F(() => {
+      const s = y.current;
+      if (!s || n === "none") return;
+      const z = () => C(s.scrollWidth > s.clientWidth), j = new ResizeObserver(z);
+      return j.observe(s), z(), () => j.disconnect();
+    }, [n]);
+    const W = (s) => {
+      (s.key === "Backspace" || s.key === "Delete") && a && !r && (s.preventDefault(), x(), setTimeout(a, 100));
+    }, x = () => {
+      R(w("tag.removed", { label: o }));
+    }, K = () => {
+      !r && a && (x(), setTimeout(a, 100));
+    }, d = !!a, N = !!b && !d, T = V({
+      variant: g,
+      fill: p,
+      size: t,
+      className: [
+        N && !r ? "ds:hover:brightness-90 ds:cursor-pointer" : "",
+        h ?? ""
+      ].filter(Boolean).join(" ")
+    }), l = m ? /* @__PURE__ */ e(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: "ds:shrink-0 ds:inline-flex ds:items-center ds:[&>svg]:size-3.5",
+        children: m
+      }
+    ) : null, c = /* @__PURE__ */ e(
+      "span",
+      {
+        ref: y,
+        className: n !== "none" ? "ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap" : void 0,
+        style: n !== "none" ? { maxInlineSize: n } : void 0,
+        children: o
+      }
+    ), _ = /* @__PURE__ */ e("span", { role: "status", "aria-live": "polite", className: "ds:sr-only", children: O }), A = d ? /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        "aria-label": w("tag.remove", { label: o }),
+        onClick: K,
+        disabled: r,
+        tabIndex: -1,
+        className: J({ size: t }),
+        children: /* @__PURE__ */ e(H, { "aria-hidden": "true" })
+      }
+    ) : null, u = n !== "none" && D;
+    if (N) {
+      const s = /* @__PURE__ */ f(
+        "button",
+        {
+          ref: i,
+          type: "button",
+          onClick: r ? void 0 : b,
+          disabled: r,
+          "data-component": "tag",
+          className: T,
+          children: [
+            l,
+            c
+          ]
+        }
+      );
+      return u ? /* @__PURE__ */ e(v, { label: o, children: s }) : s;
+    }
+    if (d) {
+      const s = (
+        // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- removable tag is focusable as a group; Backspace/Delete keyboard removal handled via onKeyDown
+        /* @__PURE__ */ f(
+          "span",
+          {
+            ref: i,
+            role: "group",
+            "aria-label": o,
+            tabIndex: r ? -1 : 0,
+            "aria-disabled": r || void 0,
+            onKeyDown: W,
+            "data-component": "tag",
+            className: T,
+            children: [
+              _,
+              l,
+              c,
+              A
+            ]
+          }
+        )
+      );
+      return u ? /* @__PURE__ */ e(v, { label: o, children: s }) : s;
+    }
+    const k = /* @__PURE__ */ f(
+      "span",
+      {
+        ref: i,
+        "data-component": "tag",
+        className: V({ variant: g, fill: p, size: t, className: h }),
+        children: [
+          l,
+          c
+        ]
+      }
+    );
+    return u ? /* @__PURE__ */ e(v, { label: o, children: k }) : k;
+  }
+);
+L.displayName = "Tag";
+export {
+  L as T
+};
+//# sourceMappingURL=tag-3wgkwwDB.js.map

package/dist/_chunks/tag-3wgkwwDB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-3wgkwwDB.js","sources":["../../src/components/tag/tag.tsx"],"sourcesContent":["import { forwardRef, useRef, useState, useEffect, type ReactNode } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { X } from 'lucide-react';\nimport { Tooltip } from '../tooltip';\n\n/* ------------------------------------------------------------------ */\n/* CVA — tag pill                                                       */\n/* ------------------------------------------------------------------ */\n\nconst tagVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n    'ds:rounded-[var(--radius-full)]',\n    'type-eyebrow ds:whitespace-nowrap',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:aria-disabled:cursor-not-allowed ds:aria-disabled:opacity-50',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        neutral: '',\n        info: '',\n        success: '',\n        warning: '',\n        error: '',\n        brand: '',\n      },\n      fill: {\n        // Solid chips carry a subtle, theme-aware border (a low-opacity\n        // foreground mix) so they read as a defined chip on any surface, not a\n        // floating fill — works across every colour variant, light and dark.\n        solid:\n          'ds:border ds:border-[color:color-mix(in_srgb,var(--foreground)_15%,transparent)]',\n        outline: 'ds:border ds:border-[color:var(--border)] ds:bg-transparent',\n      },\n      size: {\n        // Symmetric start/end padding — close button uses negative margin to stay flush.\n        // Size is the only eyebrow-role axis that varies per Tag size; weight, transform,\n        // tracking, line-height, and features all come from `.type-eyebrow` on the base.\n        sm: 'ds:h-[calc(var(--spacing)*4)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:[--type-eyebrow-size:var(--font-size-2xs)]',\n        md: 'ds:h-[calc(var(--spacing)*5)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:[--type-eyebrow-size:var(--font-size-2xs)]',\n        lg: 'ds:h-[calc(var(--spacing)*6)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:[--type-eyebrow-size:var(--font-size-xs)]',\n      },\n    },\n    compoundVariants: [\n      // Solid fills — foreground tokens adapt per theme\n      {\n        fill: 'solid',\n        variant: 'neutral',\n        className:\n          'ds:bg-muted/20 ds:text-muted-foreground ds:border-[color:var(--border)]',\n      },\n      {\n        fill: 'solid',\n        variant: 'info',\n        className: 'ds:bg-info ds:text-[color:var(--info-solid-foreground)]',\n      },\n      {\n        fill: 'solid',\n        variant: 'success',\n        className:\n          'ds:bg-success ds:text-[color:var(--success-solid-foreground)]',\n      },\n      {\n        fill: 'solid',\n        variant: 'warning',\n        className: 'ds:bg-warning ds:text-foreground',\n      },\n      {\n        fill: 'solid',\n        variant: 'error',\n        className: 'ds:bg-destructive ds:text-destructive-foreground',\n      },\n      {\n        fill: 'solid',\n        variant: 'brand',\n        className: 'ds:bg-primary ds:text-primary-foreground',\n      },\n      // Outline fills\n      {\n        fill: 'outline',\n        variant: 'neutral',\n        className: 'ds:border-[color:var(--border)] ds:text-muted-foreground',\n      },\n      {\n        fill: 'outline',\n        variant: 'info',\n        className: 'ds:border-info ds:text-[var(--info-foreground)]',\n      },\n      {\n        fill: 'outline',\n        variant: 'success',\n        className: 'ds:border-success ds:text-[var(--success-foreground)]',\n      },\n      {\n        fill: 'outline',\n        variant: 'warning',\n        className: 'ds:border-warning ds:text-[var(--warning-foreground)]',\n      },\n      {\n        fill: 'outline',\n        variant: 'error',\n        className: 'ds:border-destructive ds:text-[var(--error-foreground)]',\n      },\n      {\n        fill: 'outline',\n        variant: 'brand',\n        className: 'ds:border-primary ds:text-primary',\n      },\n    ],\n    defaultVariants: {\n      variant: 'neutral',\n      fill: 'solid',\n      size: 'md',\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* CVA — close button                                                   */\n/* ------------------------------------------------------------------ */\n\nconst closeButtonVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:justify-center ds:shrink-0 ds:rounded-full',\n    // Negative end margin keeps the button flush with the pill edge\n    'ds:-me-[var(--spacing-xs)]',\n    'ds:hover:bg-foreground/10',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:disabled:cursor-not-allowed ds:disabled:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:p-1 ds:[&>svg]:size-3',\n        md: 'ds:p-1 ds:[&>svg]:size-3.5',\n        lg: 'ds:p-1.5 ds:[&>svg]:size-4',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* TagProps                                                             */\n/* ------------------------------------------------------------------ */\n\nexport interface TagProps {\n  /** The visible label text */\n  label: string;\n  /** Semantic colour variant */\n  variant?: 'neutral' | 'info' | 'success' | 'warning' | 'error' | 'brand';\n  /** Visual fill style */\n  fill?: 'solid' | 'outline';\n  /** Size */\n  size?: 'sm' | 'md' | 'lg';\n  /** Leading slot — icon element or dot */\n  leading?: ReactNode;\n  /** Called when the tag is removed (enables close button + Backspace/Delete) */\n  onRemove?: () => void;\n  /** Called when the tag is clicked (non-removable interactive tag) */\n  onClick?: () => void;\n  /** Disabled state */\n  disabled?: boolean;\n  /** Max inline size before truncation with tooltip — default 'none' */\n  maxInlineSize?: string | 'none';\n  /** Additional class names */\n  className?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Tag                                                                  */\n/* ------------------------------------------------------------------ */\n\nexport const Tag = forwardRef<HTMLElement, TagProps>(\n  (\n    {\n      label,\n      variant = 'neutral',\n      fill = 'solid',\n      size = 'md',\n      leading,\n      onRemove,\n      onClick,\n      disabled = false,\n      maxInlineSize = 'none',\n      className,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const labelRef = useRef<HTMLSpanElement>(null);\n    const [isOverflowing, setIsOverflowing] = useState(false);\n    const [announcement, setAnnouncement] = useState('');\n\n    useEffect(() => {\n      const el = labelRef.current;\n      if (!el || maxInlineSize === 'none') return;\n\n      const check = () => setIsOverflowing(el.scrollWidth > el.clientWidth);\n      const observer = new ResizeObserver(check);\n      observer.observe(el);\n      check();\n      return () => observer.disconnect();\n    }, [maxInlineSize]);\n\n    const handleKeyDown = (e: React.KeyboardEvent) => {\n      if (\n        (e.key === 'Backspace' || e.key === 'Delete') &&\n        onRemove &&\n        !disabled\n      ) {\n        e.preventDefault();\n        announce();\n        // Delay gives the live region one render cycle before unmount\n        setTimeout(onRemove, 100);\n      }\n    };\n\n    const announce = () => {\n      setAnnouncement(t('tag.removed', { label }));\n    };\n\n    const handleRemove = () => {\n      if (!disabled && onRemove) {\n        announce();\n        setTimeout(onRemove, 100);\n      }\n    };\n\n    const isRemovable = !!onRemove;\n    const isClickable = !!onClick && !isRemovable;\n\n    const rootClasses = tagVariants({\n      variant,\n      fill,\n      size,\n      className: [\n        isClickable && !disabled\n          ? 'ds:hover:brightness-90 ds:cursor-pointer'\n          : '',\n        className ?? '',\n      ]\n        .filter(Boolean)\n        .join(' '),\n    });\n\n    const leadingEl = leading ? (\n      <span\n        aria-hidden=\"true\"\n        className=\"ds:shrink-0 ds:inline-flex ds:items-center ds:[&>svg]:size-3.5\"\n      >\n        {leading}\n      </span>\n    ) : null;\n\n    // Consumer-controlled layout constraint — not a design token.\n    // maxInlineSize is an arbitrary caller-supplied value that cannot be expressed\n    // as a static Tailwind class; the style prop is the only cross-browser option.\n    const labelEl = (\n      <span\n        ref={labelRef}\n        className={\n          maxInlineSize !== 'none'\n            ? 'ds:overflow-hidden ds:text-ellipsis ds:whitespace-nowrap'\n            : undefined\n        }\n        // eslint-disable-next-line react/forbid-dom-props -- caller-supplied maxInlineSize, runtime-computed\n        style={maxInlineSize !== 'none' ? { maxInlineSize } : undefined}\n      >\n        {label}\n      </span>\n    );\n\n    // Live region — only for removable tags; must be a sibling outside the button.\n    const liveRegion = (\n      <span role=\"status\" aria-live=\"polite\" className=\"ds:sr-only\">\n        {announcement}\n      </span>\n    );\n\n    const closeButton = isRemovable ? (\n      <button\n        type=\"button\"\n        aria-label={t('tag.remove', { label })}\n        onClick={handleRemove}\n        disabled={disabled}\n        // Intentionally excluded from tab order: Backspace/Delete on the focused\n        // group element provides the same keyboard action.\n        tabIndex={-1}\n        className={closeButtonVariants({ size })}\n      >\n        <X aria-hidden=\"true\" />\n      </button>\n    ) : null;\n\n    const shouldWrapTooltip = maxInlineSize !== 'none' && isOverflowing;\n\n    // Clickable tag — renders as <button>; live region is a sibling, not inside button\n    if (isClickable) {\n      const tagEl = (\n        <button\n          ref={ref as React.Ref<HTMLButtonElement>}\n          type=\"button\"\n          onClick={!disabled ? onClick : undefined}\n          disabled={disabled}\n          data-component=\"tag\"\n          className={rootClasses}\n        >\n          {leadingEl}\n          {labelEl}\n        </button>\n      );\n      return shouldWrapTooltip ? (\n        <Tooltip label={label}>{tagEl}</Tooltip>\n      ) : (\n        tagEl\n      );\n    }\n\n    // Removable tag — focusable <span> with embedded close button\n    if (isRemovable) {\n      const tagEl = (\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- removable tag is focusable as a group; Backspace/Delete keyboard removal handled via onKeyDown\n        <span\n          ref={ref as React.Ref<HTMLSpanElement>}\n          role=\"group\"\n          aria-label={label}\n          tabIndex={disabled ? -1 : 0}\n          aria-disabled={disabled || undefined}\n          onKeyDown={handleKeyDown}\n          data-component=\"tag\"\n          className={rootClasses}\n        >\n          {liveRegion}\n          {leadingEl}\n          {labelEl}\n          {closeButton}\n        </span>\n      );\n      return shouldWrapTooltip ? (\n        <Tooltip label={label}>{tagEl}</Tooltip>\n      ) : (\n        tagEl\n      );\n    }\n\n    // Decorative tag — plain <span>, no interactive role\n    const tagEl = (\n      <span\n        ref={ref as React.Ref<HTMLSpanElement>}\n        data-component=\"tag\"\n        className={tagVariants({ variant, fill, size, className })}\n      >\n        {leadingEl}\n        {labelEl}\n      </span>\n    );\n    return shouldWrapTooltip ? <Tooltip label={label}>{tagEl}</Tooltip> : tagEl;\n  },\n);\n\nTag.displayName = 'Tag';\n"],"names":["tagVariants","cva","closeButtonVariants","Tag","forwardRef","label","variant","fill","size","leading","onRemove","onClick","disabled","maxInlineSize","className","ref","t","useTranslation","labelRef","useRef","isOverflowing","setIsOverflowing","useState","announcement","setAnnouncement","useEffect","el","check","observer","handleKeyDown","e","announce","handleRemove","isRemovable","isClickable","rootClasses","leadingEl","jsx","labelEl","liveRegion","closeButton","X","shouldWrapTooltip","tagEl","jsxs","Tooltip"],"mappings":"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"}

package/dist/_chunks/task-card-BUgK6yZT.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-DhHxpK9K.js";
+import { U as g } from "./user-B12p7bVF.js";
+import { C as T } from "./chevron-right-I9AeSxH2.js";
+import { S as z } from "./square-check-big-dj0o8yA3.js";
+import { C as V } from "./circle-alert-rGDZ73Wh.js";
+import { S as M } from "./square-DASBRZ0U.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 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.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 $ = [
+  ["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-BUgK6yZT.js.map

package/dist/_chunks/task-card-BUgK6yZT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-card-BUgK6yZT.js","sources":["../../node_modules/lucide-react/dist/esm/icons/briefcase.mjs","../../node_modules/lucide-react/dist/esm/icons/building-2.mjs","../../src/components/task-card/task-card.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\", key: \"jecpp\" }],\n  [\"rect\", { width: \"20\", height: \"14\", x: \"2\", y: \"6\", rx: \"2\", key: \"i6l2r4\" }]\n];\nconst Briefcase = createLucideIcon(\"briefcase\", __iconNode);\n\nexport { __iconNode, Briefcase as default };\n//# sourceMappingURL=briefcase.mjs.map\n","/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M10 12h4\", key: \"a56b0p\" }],\n  [\"path\", { d: \"M10 8h4\", key: \"1sr2af\" }],\n  [\"path\", { d: \"M14 21v-3a2 2 0 0 0-4 0v3\", key: \"1rgiei\" }],\n  [\n    \"path\",\n    {\n      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\",\n      key: \"secmi2\"\n    }\n  ],\n  [\"path\", { d: \"M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16\", key: \"16ra0t\" }]\n];\nconst Building2 = createLucideIcon(\"building-2\", __iconNode);\n\nexport { __iconNode, Building2 as default };\n//# sourceMappingURL=building-2.mjs.map\n","import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  AlertCircle,\n  Briefcase,\n  Building2,\n  CheckSquare,\n  ChevronRight,\n  Square,\n  User,\n} from 'lucide-react';\nimport { VisuallyHidden } from '../visually-hidden';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport type TaskStatus = 'open' | 'in-progress' | 'done';\nexport type TaskPriority = 'low' | 'normal' | 'high';\n\n/** Which entity the task links to. The platform `DoctorReminder` links to exactly one of these (or none). */\nexport type TaskLinkType = 'patient' | 'company' | 'operator';\n\n/** Linked-entity glyph — patient (person), company (building), operator (briefcase). */\nconst LINK_ICON: Record<TaskLinkType, typeof User> = {\n  patient: User,\n  company: Building2,\n  operator: Briefcase,\n};\n\nexport interface TaskItem {\n  /** Unique identifier for the task. */\n  id: string;\n  /** Title — single line, primary content. */\n  title: string;\n  /** Optional secondary line (e.g. \"Patient A · Due today\"). */\n  description?: string;\n  /**\n   * Localised due-date hint (e.g. \"Due today\" / \"Tomorrow\"). Rendered as a\n   * trailing eyebrow chip when set; consumers compute the bucket and pass\n   * the localised string.\n   */\n  dueLabel?: string;\n  /**\n   * Linked-entity NAME (the patient / company / operator the task points at) —\n   * e.g. \"Mario Rossi\". When `linkType` is set the card renders it as a typed\n   * chip (a per-type glyph + an accessible \"Patient/Company/Operator:\" prefix);\n   * otherwise it renders as a plain eyebrow line. The consumer composes the\n   * name only — no prefix.\n   */\n  linkedLabel?: string;\n  /** Type of the linked entity — drives the leading glyph + the accessible prefix on the linked chip. */\n  linkType?: TaskLinkType;\n  /** Localised assignee display name (host-composed, e.g. \"Dr. Alfa\"). Renders an assignee chip on the meta line. */\n  assigneeLabel?: string;\n  /** Free-text note attached to the task — muted body line, clamped. */\n  note?: string;\n  /** Lifecycle state — drives the leading icon. */\n  status?: TaskStatus;\n  /** Priority — `high` colours the leading icon as `--destructive`. */\n  priority?: TaskPriority;\n  /** Optional deep link — when present the row is an anchor. */\n  url?: string;\n}\n\nexport interface TaskCardProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'role' | 'title'>,\n    VariantProps<typeof taskCardVariants> {\n  /** The task to render. */\n  item: TaskItem;\n  /** Visual density. `xs` is the compact rail row (Control Room); `sm`/`md` for in-page lists. */\n  size?: 'xs' | 'sm' | 'md';\n  /** Fires when the row is activated (click / Enter / Space). */\n  onActivate?: (item: TaskItem) => void;\n  /**\n   * Trailing per-row action toolbar (icon buttons: mark done, schedule,\n   * edit, …). Rendered above the stretched-link overlay so the controls\n   * stay clickable inside an interactive row.\n   */\n  actions?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst taskCardVariants = cva(\n  [\n    'ds:relative ds:flex ds:items-start ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:transition-colors',\n    'ds:motion-reduce:transition-none',\n    'ds:text-start ds:group',\n    'ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2',\n    'ds:forced-colors:border ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        xs: 'ds:p-[var(--spacing-xs)]',\n        sm: 'ds:p-[var(--spacing-sm)]',\n        md: 'ds:p-[var(--spacing-md)]',\n      },\n      interactive: {\n        true: 'ds:hover:bg-[color:var(--muted)]/40 ds:cursor-pointer',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n      interactive: false,\n    },\n  },\n);\n\nconst stretchedLinkClass = [\n  'ds:focus-visible:outline-none',\n  \"ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-sm)]\",\n  'ds:after:pointer-events-auto',\n  'ds:focus-visible:after:outline-[length:var(--focus-ring-width)]',\n  'ds:focus-visible:after:outline-solid',\n  'ds:focus-visible:after:outline-[color:var(--ring)]',\n  'ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:after:outline-[CanvasText]',\n].join(' ');\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                             */\n/* ------------------------------------------------------------------ */\n\nexport function isSafeTaskUrl(url: string): boolean {\n  return /^(https?:\\/\\/(?!\\/)|\\/(?!\\/)|#)/.test(url);\n}\n\nfunction StatusIcon({\n  status,\n  priority,\n}: {\n  status?: TaskStatus;\n  priority?: TaskPriority;\n}): ReactNode {\n  const tone =\n    priority === 'high'\n      ? 'ds:text-[color:var(--destructive)]'\n      : 'ds:text-[color:var(--muted-foreground)]';\n  if (status === 'done') {\n    return <CheckSquare aria-hidden=\"true\" className={`ds:size-4 ${tone}`} />;\n  }\n  if (priority === 'high') {\n    return <AlertCircle aria-hidden=\"true\" className={`ds:size-4 ${tone}`} />;\n  }\n  return <Square aria-hidden=\"true\" className={`ds:size-4 ${tone}`} />;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const TaskCard = forwardRef<HTMLDivElement, TaskCardProps>(\n  ({ item, size = 'sm', onActivate, actions, className, ...rest }, ref) => {\n    const { t } = useTranslation();\n    const interactive = !!onActivate;\n    const hasSafeUrl = !!item.url && isSafeTaskUrl(item.url);\n    const ariaLabel = t('taskCard.itemLabel', {\n      title: item.title,\n      due: item.dueLabel ?? '',\n      defaultValue: '{{title}}{{due, prepend, \" · \"}}',\n    });\n\n    // Static key lookups so the i18n coverage gate sees each literal key.\n    const linkTypeLabels: Record<TaskLinkType, string> = {\n      patient: t('taskCard.link.patient'),\n      company: t('taskCard.link.company'),\n      operator: t('taskCard.link.operator'),\n    };\n    const LinkIcon = item.linkType ? LINK_ICON[item.linkType] : null;\n    // The meta row carries icon-led chips: a typed linked entity + an assignee.\n    const showLinkChip = !!item.linkType && !!item.linkedLabel;\n    const hasMetaRow = showLinkChip || !!item.assigneeLabel;\n\n    const titleNode = (\n      <span className=\"ds:flex-1 ds:min-w-0 ds:truncate type-body-sm ds:text-[color:var(--foreground)]\">\n        {item.title}\n      </span>\n    );\n\n    let activator: ReactNode;\n    if (interactive && hasSafeUrl) {\n      activator = (\n        <a\n          href={item.url}\n          aria-label={ariaLabel}\n          className={stretchedLinkClass + ' ds:contents'}\n          onClick={(e) => {\n            if (e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey)\n              return;\n            onActivate?.(item);\n          }}\n        >\n          {titleNode}\n        </a>\n      );\n    } else if (interactive) {\n      activator = (\n        <button\n          type=\"button\"\n          aria-label={ariaLabel}\n          className={\n            stretchedLinkClass +\n            ' ds:contents ds:bg-transparent ds:border-0 ds:p-0 ds:text-start'\n          }\n          onClick={() => onActivate?.(item)}\n        >\n          {titleNode}\n        </button>\n      );\n    } else {\n      activator = titleNode;\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"listitem\"\n        data-component=\"task-card\"\n        data-component-id={item.id}\n        data-status={item.status ?? 'open'}\n        data-priority={item.priority ?? 'normal'}\n        className={taskCardVariants({ size, interactive, className })}\n        {...rest}\n      >\n        <span className=\"ds:mt-[var(--spacing-2xs)] ds:shrink-0\">\n          <StatusIcon status={item.status} priority={item.priority} />\n        </span>\n\n        <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n          {activator}\n          {item.description ? (\n            <span className=\"type-body-sm ds:text-[color:var(--muted-foreground)] ds:truncate\">\n              {item.description}\n            </span>\n          ) : null}\n          {item.note ? (\n            <span className=\"type-body-sm ds:text-[color:var(--muted-foreground)] ds:line-clamp-2\">\n              {item.note}\n            </span>\n          ) : null}\n          {hasMetaRow ? (\n            // `type-meta` (not `type-eyebrow`): these chips carry proper-noun\n            // values (patient / company / operator name, assignee) that must\n            // not be uppercased. Icons are decorative; the type word is exposed\n            // to AT via a VisuallyHidden prefix so each chip reads e.g.\n            // \"Patient: Mario Rossi\" / \"Assignee: Dr. Alfa\".\n            <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)]\">\n              {item.linkType && item.linkedLabel && LinkIcon ? (\n                <span className=\"ds:inline-flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-2xs)]\">\n                  <LinkIcon\n                    aria-hidden=\"true\"\n                    className=\"ds:size-3 ds:shrink-0\"\n                  />\n                  <VisuallyHidden>{`${linkTypeLabels[item.linkType]}: `}</VisuallyHidden>\n                  <span className=\"ds:truncate\">{item.linkedLabel}</span>\n                </span>\n              ) : null}\n              {item.assigneeLabel ? (\n                <span className=\"ds:inline-flex ds:min-w-0 ds:items-center ds:gap-[var(--spacing-2xs)]\">\n                  <User aria-hidden=\"true\" className=\"ds:size-3 ds:shrink-0\" />\n                  <VisuallyHidden>{`${t('taskCard.assignee')}: `}</VisuallyHidden>\n                  <span className=\"ds:truncate\">{item.assigneeLabel}</span>\n                </span>\n              ) : null}\n            </div>\n          ) : null}\n          {item.linkedLabel && !item.linkType ? (\n            <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)] ds:truncate\">\n              {item.linkedLabel}\n            </span>\n          ) : null}\n          {item.dueLabel ? (\n            <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)]\">\n              {item.dueLabel}\n            </span>\n          ) : null}\n        </div>\n\n        {actions ? (\n          // Above the stretched-link overlay so the buttons stay clickable.\n          <span className=\"ds:relative ds:z-[1] ds:flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:shrink-0\">\n            {actions}\n          </span>\n        ) : null}\n\n        {interactive ? (\n          <ChevronRight\n            aria-hidden=\"true\"\n            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\"\n          />\n        ) : null}\n      </div>\n    );\n  },\n);\n\nTaskCard.displayName = 'TaskCard';\n"],"names":["__iconNode","Briefcase","createLucideIcon","Building2","LINK_ICON","User","taskCardVariants","cva","stretchedLinkClass","isSafeTaskUrl","url","StatusIcon","status","priority","tone","CheckSquare","AlertCircle","Square","TaskCard","forwardRef","item","size","onActivate","actions","className","rest","ref","t","useTranslation","interactive","hasSafeUrl","ariaLabel","linkTypeLabels","LinkIcon","hasMetaRow","titleNode","jsx","activator","e","jsxs","VisuallyHidden","ChevronRight"],"mappings":"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","x_google_ignoreList":[0,1]}