@alfadocs/ui-kit 0.0.19 → 0.1.0

package/dist/_chunks/tag-BucAvfTX.js

@@ -1,194 +0,0 @@
-import { jsx as s, jsxs as f } from "react/jsx-runtime";
-import { forwardRef as q, useRef as F, useState as E, useEffect as G } from "react";
-import { c as B } from "./index-D2ZczOXr.js";
-import { useTranslation as H } from "react-i18next";
-import { T as v } from "./tooltip-DF6WjD1r.js";
-import { X as J } from "./x-CCcI3eJp.js";
-const V = B(
-  [
-    "inline-flex items-center gap-[var(--spacing-xs)]",
-    "rounded-[var(--radius-full)]",
-    "type-eyebrow whitespace-nowrap",
-    "transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none",
-    "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
-    "focus-visible:outline-[color:var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "aria-disabled:cursor-not-allowed aria-disabled:opacity-50",
-    "disabled:cursor-not-allowed disabled:opacity-50"
-  ].join(" "),
-  {
-    variants: {
-      variant: {
-        neutral: "",
-        info: "",
-        success: "",
-        warning: "",
-        error: "",
-        brand: ""
-      },
-      fill: {
-        solid: "",
-        outline: "border 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: "h-[calc(var(--spacing)*4)] ps-[var(--spacing-xs)] pe-[var(--spacing-xs)] [--type-eyebrow-size:var(--font-size-2xs)]",
-        md: "h-[calc(var(--spacing)*5)] ps-[var(--spacing-sm)] pe-[var(--spacing-sm)] [--type-eyebrow-size:var(--font-size-2xs)]",
-        lg: "h-[calc(var(--spacing)*6)] ps-[var(--spacing-sm)] pe-[var(--spacing-sm)] [--type-eyebrow-size:var(--font-size-xs)]"
-      }
-    },
-    compoundVariants: [
-      // Solid fills — foreground tokens adapt per theme
-      { fill: "solid", variant: "neutral", className: "bg-muted/20 text-muted-foreground" },
-      { fill: "solid", variant: "info", className: "bg-info text-[color:var(--info-solid-foreground)]" },
-      { fill: "solid", variant: "success", className: "bg-success text-[color:var(--success-solid-foreground)]" },
-      { fill: "solid", variant: "warning", className: "bg-warning text-foreground" },
-      { fill: "solid", variant: "error", className: "bg-destructive text-destructive-foreground" },
-      { fill: "solid", variant: "brand", className: "bg-primary text-primary-foreground" },
-      // Outline fills
-      { fill: "outline", variant: "neutral", className: "border-muted text-muted-foreground" },
-      { fill: "outline", variant: "info", className: "border-info text-[var(--info-foreground)]" },
-      { fill: "outline", variant: "success", className: "border-success text-[var(--success-foreground)]" },
-      { fill: "outline", variant: "warning", className: "border-warning text-[var(--warning-foreground)]" },
-      { fill: "outline", variant: "error", className: "border-destructive text-[var(--error-foreground)]" },
-      { fill: "outline", variant: "brand", className: "border-primary text-primary" }
-    ],
-    defaultVariants: {
-      variant: "neutral",
-      fill: "solid",
-      size: "md"
-    }
-  }
-), L = B(
-  [
-    "inline-flex items-center justify-center shrink-0 rounded-full",
-    // Negative end margin keeps the button flush with the pill edge
-    "-me-[var(--spacing-xs)]",
-    "hover:bg-foreground/10",
-    "transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none",
-    "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
-    "focus-visible:outline-[color:var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "disabled:cursor-not-allowed disabled:opacity-50"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "p-1 [&>svg]:size-3",
-        md: "p-1 [&>svg]:size-3.5",
-        lg: "p-1.5 [&>svg]:size-4"
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-), M = q(
-  ({
-    label: n,
-    variant: g = "neutral",
-    fill: p = "solid",
-    size: t = "md",
-    leading: m,
-    onRemove: i,
-    onClick: b,
-    disabled: r = !1,
-    maxInlineSize: o = "none",
-    className: h
-  }, a) => {
-    const { t: w } = H(), y = F(null), [D, C] = E(!1), [O, R] = E("");
-    G(() => {
-      const e = y.current;
-      if (!e || o === "none") return;
-      const z = () => C(e.scrollWidth > e.clientWidth), j = new ResizeObserver(z);
-      return j.observe(e), z(), () => j.disconnect();
-    }, [o]);
-    const W = (e) => {
-      (e.key === "Backspace" || e.key === "Delete") && i && !r && (e.preventDefault(), x(), setTimeout(i, 100));
-    }, x = () => {
-      R(w("ui.tag.removed", { label: n }));
-    }, K = () => {
-      !r && i && (x(), setTimeout(i, 100));
-    }, l = !!i, N = !!b && !l, T = V({
-      variant: g,
-      fill: p,
-      size: t,
-      className: [
-        N && !r ? "hover:brightness-90 cursor-pointer" : "",
-        h ?? ""
-      ].filter(Boolean).join(" ")
-    }), c = m ? /* @__PURE__ */ s("span", { "aria-hidden": "true", className: "shrink-0 inline-flex items-center [&>svg]:size-3.5", children: m }) : null, u = /* @__PURE__ */ s(
-      "span",
-      {
-        ref: y,
-        className: o !== "none" ? "overflow-hidden text-ellipsis whitespace-nowrap" : void 0,
-        style: o !== "none" ? { maxInlineSize: o } : void 0,
-        children: n
-      }
-    ), A = /* @__PURE__ */ s("span", { role: "status", "aria-live": "polite", className: "sr-only", children: O }), X = l ? /* @__PURE__ */ s(
-      "button",
-      {
-        type: "button",
-        "aria-label": w("ui.tag.remove", { label: n }),
-        onClick: K,
-        disabled: r,
-        tabIndex: -1,
-        className: L({ size: t }),
-        children: /* @__PURE__ */ s(J, { "aria-hidden": "true" })
-      }
-    ) : null, d = o !== "none" && D;
-    if (N) {
-      const e = /* @__PURE__ */ f(
-        "button",
-        {
-          ref: a,
-          type: "button",
-          onClick: r ? void 0 : b,
-          disabled: r,
-          className: T,
-          children: [
-            c,
-            u
-          ]
-        }
-      );
-      return d ? /* @__PURE__ */ s(v, { label: n, children: e }) : e;
-    }
-    if (l) {
-      const e = /* @__PURE__ */ f(
-        "span",
-        {
-          ref: a,
-          role: "group",
-          "aria-label": n,
-          tabIndex: r ? -1 : 0,
-          "aria-disabled": r || void 0,
-          onKeyDown: W,
-          className: T,
-          children: [
-            A,
-            c,
-            u,
-            X
-          ]
-        }
-      );
-      return d ? /* @__PURE__ */ s(v, { label: n, children: e }) : e;
-    }
-    const k = /* @__PURE__ */ f(
-      "span",
-      {
-        ref: a,
-        className: V({ variant: g, fill: p, size: t, className: h }),
-        children: [
-          c,
-          u
-        ]
-      }
-    );
-    return d ? /* @__PURE__ */ s(v, { label: n, children: k }) : k;
-  }
-);
-M.displayName = "Tag";
-export {
-  M as T
-};
-//# sourceMappingURL=tag-BucAvfTX.js.map

package/dist/_chunks/tag-BucAvfTX.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tag-BucAvfTX.js","sources":["../../src/components/tag/tag.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useRef,\n  useState,\n  useEffect,\n  type ReactNode,\n} 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    'inline-flex items-center gap-[var(--spacing-xs)]',\n    'rounded-[var(--radius-full)]',\n    'type-eyebrow whitespace-nowrap',\n    'transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none',\n    'focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid',\n    'focus-visible:outline-[color:var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'aria-disabled:cursor-not-allowed aria-disabled:opacity-50',\n    'disabled:cursor-not-allowed 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: '',\n        outline: 'border 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: 'h-[calc(var(--spacing)*4)] ps-[var(--spacing-xs)] pe-[var(--spacing-xs)] [--type-eyebrow-size:var(--font-size-2xs)]',\n        md: 'h-[calc(var(--spacing)*5)] ps-[var(--spacing-sm)] pe-[var(--spacing-sm)] [--type-eyebrow-size:var(--font-size-2xs)]',\n        lg: 'h-[calc(var(--spacing)*6)] ps-[var(--spacing-sm)] pe-[var(--spacing-sm)] [--type-eyebrow-size:var(--font-size-xs)]',\n      },\n    },\n    compoundVariants: [\n      // Solid fills — foreground tokens adapt per theme\n      { fill: 'solid', variant: 'neutral', className: 'bg-muted/20 text-muted-foreground' },\n      { fill: 'solid', variant: 'info',    className: 'bg-info text-[color:var(--info-solid-foreground)]' },\n      { fill: 'solid', variant: 'success', className: 'bg-success text-[color:var(--success-solid-foreground)]' },\n      { fill: 'solid', variant: 'warning', className: 'bg-warning text-foreground' },\n      { fill: 'solid', variant: 'error',   className: 'bg-destructive text-destructive-foreground' },\n      { fill: 'solid', variant: 'brand',   className: 'bg-primary text-primary-foreground' },\n      // Outline fills\n      { fill: 'outline', variant: 'neutral', className: 'border-muted text-muted-foreground' },\n      { fill: 'outline', variant: 'info',    className: 'border-info text-[var(--info-foreground)]' },\n      { fill: 'outline', variant: 'success', className: 'border-success text-[var(--success-foreground)]' },\n      { fill: 'outline', variant: 'warning', className: 'border-warning text-[var(--warning-foreground)]' },\n      { fill: 'outline', variant: 'error',   className: 'border-destructive text-[var(--error-foreground)]' },\n      { fill: 'outline', variant: 'brand',   className: 'border-primary text-primary' },\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    'inline-flex items-center justify-center shrink-0 rounded-full',\n    // Negative end margin keeps the button flush with the pill edge\n    '-me-[var(--spacing-xs)]',\n    'hover:bg-foreground/10',\n    'transition-colors duration-[var(--animation-duration)] motion-reduce:transition-none',\n    'focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid',\n    'focus-visible:outline-[color:var(--ring)] focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'p-1 [&>svg]:size-3',\n        md: 'p-1 [&>svg]:size-3.5',\n        lg: 'p-1.5 [&>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 ((e.key === 'Backspace' || e.key === 'Delete') && onRemove && !disabled) {\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('ui.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 ? 'hover:brightness-90 cursor-pointer' : '',\n        className ?? '',\n      ]\n        .filter(Boolean)\n        .join(' '),\n    });\n\n    const leadingEl = leading ? (\n      <span aria-hidden=\"true\" className=\"shrink-0 inline-flex items-center [&>svg]:size-3.5\">\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            ? 'overflow-hidden text-ellipsis whitespace-nowrap'\n            : undefined\n        }\n        // eslint-disable-next-line react/forbid-component-props\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=\"sr-only\">\n        {announcement}\n      </span>\n    );\n\n    const closeButton = isRemovable ? (\n      <button\n        type=\"button\"\n        aria-label={t('ui.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          className={rootClasses}\n        >\n          {leadingEl}\n          {labelEl}\n        </button>\n      );\n      return shouldWrapTooltip ? <Tooltip label={label}>{tagEl}</Tooltip> : tagEl;\n    }\n\n    // Removable tag — focusable <span> with embedded close button\n    if (isRemovable) {\n      const tagEl = (\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          className={rootClasses}\n        >\n          {liveRegion}\n          {leadingEl}\n          {labelEl}\n          {closeButton}\n        </span>\n      );\n      return shouldWrapTooltip ? <Tooltip label={label}>{tagEl}</Tooltip> : tagEl;\n    }\n\n    // Decorative tag — plain <span>, no interactive role\n    const tagEl = (\n      <span\n        ref={ref as React.Ref<HTMLSpanElement>}\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","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-uxjApfcg.js

@@ -1,112 +0,0 @@
-import { jsx as t, jsxs as c } from "react/jsx-runtime";
-import { forwardRef as v } from "react";
-import { c as g } from "./index-D2ZczOXr.js";
-import { useTranslation as b } from "react-i18next";
-import { C as x } from "./chevron-right-BrpYejk0.js";
-import { S as y } from "./square-check-big-Jr-0202D.js";
-import { C } from "./circle-alert-ChA9opNA.js";
-import { S as N } from "./square-CZoGU14v.js";
-const k = g(
-  [
-    "relative flex items-start gap-[var(--spacing-sm)]",
-    "rounded-[var(--radius-sm)]",
-    "transition-colors",
-    "motion-reduce:transition-none",
-    "text-start group",
-    "forced-colors:border forced-colors:border-[CanvasText]"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "p-[var(--spacing-sm)]",
-        md: "p-[var(--spacing-md)]"
-      },
-      interactive: {
-        true: "hover:bg-[color:var(--muted)]/40 cursor-pointer",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      size: "sm",
-      interactive: !1
-    }
-  }
-), u = [
-  "focus-visible:outline-none",
-  "after:content-[''] after:absolute after:inset-0 after:rounded-[var(--radius-sm)]",
-  "after:pointer-events-auto",
-  "focus-visible:after:outline-[length:var(--focus-ring-width)]",
-  "focus-visible:after:outline-solid",
-  "focus-visible:after:outline-[color:var(--ring)]",
-  "focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]",
-  "forced-colors:focus-visible:after:outline-[CanvasText]"
-].join(" ");
-function S(r) {
-  return /^(https?:\/\/(?!\/)|\/(?!\/)|#)/.test(r);
-}
-function T({ status: r, priority: a }) {
-  const e = a === "high" ? "text-[color:var(--destructive)]" : "text-[color:var(--muted-foreground)]";
-  return r === "done" ? /* @__PURE__ */ t(y, { "aria-hidden": "true", className: `size-4 ${e}` }) : a === "high" ? /* @__PURE__ */ t(C, { "aria-hidden": "true", className: `size-4 ${e}` }) : /* @__PURE__ */ t(N, { "aria-hidden": "true", className: `size-4 ${e}` });
-}
-const w = v(
-  ({ item: r, size: a = "sm", onActivate: e, className: d, ...f }, p) => {
-    const { t: m } = b(), s = !!e, h = !!r.url && S(r.url), l = m("ui.taskCard.itemLabel", {
-      title: r.title,
-      due: r.dueLabel ?? "",
-      defaultValue: '{{title}}{{due, prepend, " · "}}'
-    }), n = /* @__PURE__ */ t("span", { className: "flex-1 min-w-0 truncate type-body-sm text-[color:var(--foreground)]", children: r.title });
-    let o;
-    return s && h ? o = /* @__PURE__ */ t(
-      "a",
-      {
-        href: r.url,
-        "aria-label": l,
-        className: u + " contents",
-        onClick: (i) => {
-          i.defaultPrevented || i.metaKey || i.ctrlKey || i.shiftKey || e == null || e(r);
-        },
-        children: n
-      }
-    ) : s ? o = /* @__PURE__ */ t(
-      "button",
-      {
-        type: "button",
-        "aria-label": l,
-        className: u + " contents bg-transparent border-0 p-0 text-start",
-        onClick: () => e == null ? void 0 : e(r),
-        children: n
-      }
-    ) : o = n, /* @__PURE__ */ c(
-      "div",
-      {
-        ref: p,
-        role: "listitem",
-        "data-status": r.status ?? "open",
-        "data-priority": r.priority ?? "normal",
-        className: k({ size: a, interactive: s, className: d }),
-        ...f,
-        children: [
-          /* @__PURE__ */ t("span", { className: "mt-[var(--spacing-2xs)] shrink-0", children: /* @__PURE__ */ t(T, { status: r.status, priority: r.priority }) }),
-          /* @__PURE__ */ c("div", { className: "flex-1 min-w-0 flex flex-col gap-[var(--spacing-2xs)]", children: [
-            o,
-            r.description ? /* @__PURE__ */ t("span", { className: "type-body-sm text-[color:var(--muted-foreground)] truncate", children: r.description }) : null,
-            r.dueLabel ? /* @__PURE__ */ t("span", { className: "type-eyebrow text-[color:var(--muted-foreground)]", children: r.dueLabel }) : null
-          ] }),
-          s ? /* @__PURE__ */ t(
-            x,
-            {
-              "aria-hidden": "true",
-              className: "mt-[var(--spacing-2xs)] size-4 shrink-0 text-[color:var(--muted-foreground)] opacity-0 transition-opacity motion-reduce:transition-none group-hover:opacity-100 group-focus-within:opacity-100 rtl:rotate-180"
-            }
-          ) : null
-        ]
-      }
-    );
-  }
-);
-w.displayName = "TaskCard";
-export {
-  w as T,
-  S as i
-};
-//# sourceMappingURL=task-card-uxjApfcg.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"task-card-uxjApfcg.js","sources":["../../src/components/task-card/task-card.tsx"],"sourcesContent":["import {\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { CheckSquare, Square, AlertCircle, ChevronRight } from 'lucide-react';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport type TaskStatus = 'open' | 'in-progress' | 'done';\nexport type TaskPriority = 'low' | 'normal' | 'high';\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  /** 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 Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'role' | 'title'>,\n    VariantProps<typeof taskCardVariants> {\n  /** The task to render. */\n  item: TaskItem;\n  /** Visual density. */\n  size?: 'sm' | 'md';\n  /** Fires when the row is activated (click / Enter / Space). */\n  onActivate?: (item: TaskItem) => void;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst taskCardVariants = cva(\n  [\n    'relative flex items-start gap-[var(--spacing-sm)]',\n    'rounded-[var(--radius-sm)]',\n    'transition-colors',\n    'motion-reduce:transition-none',\n    'text-start group',\n    'forced-colors:border forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'p-[var(--spacing-sm)]',\n        md: 'p-[var(--spacing-md)]',\n      },\n      interactive: {\n        true: 'hover:bg-[color:var(--muted)]/40 cursor-pointer',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n      interactive: false,\n    },\n  },\n);\n\nconst stretchedLinkClass = [\n  'focus-visible:outline-none',\n  \"after:content-[''] after:absolute after:inset-0 after:rounded-[var(--radius-sm)]\",\n  'after:pointer-events-auto',\n  'focus-visible:after:outline-[length:var(--focus-ring-width)]',\n  'focus-visible:after:outline-solid',\n  'focus-visible:after:outline-[color:var(--ring)]',\n  'focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]',\n  '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({ status, priority }: { status?: TaskStatus; priority?: TaskPriority }): ReactNode {\n  const tone =\n    priority === 'high'\n      ? 'text-[color:var(--destructive)]'\n      : 'text-[color:var(--muted-foreground)]';\n  if (status === 'done') {\n    return <CheckSquare aria-hidden=\"true\" className={`size-4 ${tone}`} />;\n  }\n  if (priority === 'high') {\n    return <AlertCircle aria-hidden=\"true\" className={`size-4 ${tone}`} />;\n  }\n  return <Square aria-hidden=\"true\" className={`size-4 ${tone}`} />;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const TaskCard = forwardRef<HTMLDivElement, TaskCardProps>(\n  ({ item, size = 'sm', onActivate, className, ...rest }, ref) => {\n    const { t } = useTranslation();\n    const interactive = !!onActivate;\n    const hasSafeUrl = !!item.url && isSafeTaskUrl(item.url);\n    const ariaLabel = t('ui.taskCard.itemLabel', {\n      title: item.title,\n      due: item.dueLabel ?? '',\n      defaultValue: '{{title}}{{due, prepend, \" · \"}}',\n    });\n\n    const titleNode = (\n      <span className=\"flex-1 min-w-0 truncate type-body-sm 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 + ' contents'}\n          onClick={(e) => {\n            if (e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey) 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={stretchedLinkClass + ' contents bg-transparent border-0 p-0 text-start'}\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-status={item.status ?? 'open'}\n        data-priority={item.priority ?? 'normal'}\n        className={taskCardVariants({ size, interactive, className })}\n        {...rest}\n      >\n        <span className=\"mt-[var(--spacing-2xs)] shrink-0\">\n          <StatusIcon status={item.status} priority={item.priority} />\n        </span>\n\n        <div className=\"flex-1 min-w-0 flex flex-col gap-[var(--spacing-2xs)]\">\n          {activator}\n          {item.description ? (\n            <span className=\"type-body-sm text-[color:var(--muted-foreground)] truncate\">\n              {item.description}\n            </span>\n          ) : null}\n          {item.dueLabel ? (\n            <span className=\"type-eyebrow text-[color:var(--muted-foreground)]\">\n              {item.dueLabel}\n            </span>\n          ) : null}\n        </div>\n\n        {interactive ? (\n          <ChevronRight\n            aria-hidden=\"true\"\n            className=\"mt-[var(--spacing-2xs)] size-4 shrink-0 text-[color:var(--muted-foreground)] opacity-0 transition-opacity motion-reduce:transition-none group-hover:opacity-100 group-focus-within:opacity-100 rtl:rotate-180\"\n          />\n        ) : null}\n      </div>\n    );\n  },\n);\n\nTaskCard.displayName = 'TaskCard';\n"],"names":["taskCardVariants","cva","stretchedLinkClass","isSafeTaskUrl","url","StatusIcon","status","priority","tone","CheckSquare","AlertCircle","Square","TaskCard","forwardRef","item","size","onActivate","className","rest","ref","t","useTranslation","interactive","hasSafeUrl","ariaLabel","titleNode","jsx","activator","e","jsxs","ChevronRight"],"mappings":";;;;;;;;AAoDA,MAAMA,IAAmBC;AAAA,EACvB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,aAAa;AAAA,QACX,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GAEMC,IAAqB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG;AAMH,SAASC,EAAcC,GAAsB;AAClD,SAAO,kCAAkC,KAAKA,CAAG;AACnD;AAEA,SAASC,EAAW,EAAE,QAAAC,GAAQ,UAAAC,KAAyE;AACrG,QAAMC,IACJD,MAAa,SACT,oCACA;AACN,SAAID,MAAW,2BACLG,GAAA,EAAY,eAAY,QAAO,WAAW,UAAUD,CAAI,IAAI,IAElED,MAAa,2BACPG,GAAA,EAAY,eAAY,QAAO,WAAW,UAAUF,CAAI,IAAI,sBAE9DG,GAAA,EAAO,eAAY,QAAO,WAAW,UAAUH,CAAI,IAAI;AACjE;AAMO,MAAMI,IAAWC;AAAA,EACtB,CAAC,EAAE,MAAAC,GAAM,MAAAC,IAAO,MAAM,YAAAC,GAAY,WAAAC,GAAW,GAAGC,EAAA,GAAQC,MAAQ;AAC9D,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAc,CAAC,CAACN,GAChBO,IAAa,CAAC,CAACT,EAAK,OAAOX,EAAcW,EAAK,GAAG,GACjDU,IAAYJ,EAAE,yBAAyB;AAAA,MAC3C,OAAON,EAAK;AAAA,MACZ,KAAKA,EAAK,YAAY;AAAA,MACtB,cAAc;AAAA,IAAA,CACf,GAEKW,IACJ,gBAAAC,EAAC,QAAA,EAAK,WAAU,uEACb,YAAK,OACR;AAGF,QAAIC;AACJ,WAAIL,KAAeC,IACjBI,IACE,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAMZ,EAAK;AAAA,QACX,cAAYU;AAAA,QACZ,WAAWtB,IAAqB;AAAA,QAChC,SAAS,CAAC0B,MAAM;AACd,UAAIA,EAAE,oBAAoBA,EAAE,WAAWA,EAAE,WAAWA,EAAE,YACtDZ,KAAA,QAAAA,EAAaF;AAAA,QACf;AAAA,QAEC,UAAAW;AAAA,MAAA;AAAA,IAAA,IAGIH,IACTK,IACE,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAYF;AAAA,QACZ,WAAWtB,IAAqB;AAAA,QAChC,SAAS,MAAMc,KAAA,gBAAAA,EAAaF;AAAA,QAE3B,UAAAW;AAAA,MAAA;AAAA,IAAA,IAILE,IAAYF,GAIZ,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAV;AAAA,QACA,MAAK;AAAA,QACL,eAAaL,EAAK,UAAU;AAAA,QAC5B,iBAAeA,EAAK,YAAY;AAAA,QAChC,WAAWd,EAAiB,EAAE,MAAAe,GAAM,aAAAO,GAAa,WAAAL,GAAW;AAAA,QAC3D,GAAGC;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAQ,EAAC,QAAA,EAAK,WAAU,oCACd,UAAA,gBAAAA,EAACrB,GAAA,EAAW,QAAQS,EAAK,QAAQ,UAAUA,EAAK,SAAA,CAAU,GAC5D;AAAA,UAEA,gBAAAe,EAAC,OAAA,EAAI,WAAU,yDACZ,UAAA;AAAA,YAAAF;AAAA,YACAb,EAAK,cACJ,gBAAAY,EAAC,QAAA,EAAK,WAAU,8DACb,UAAAZ,EAAK,aACR,IACE;AAAA,YACHA,EAAK,WACJ,gBAAAY,EAAC,QAAA,EAAK,WAAU,qDACb,UAAAZ,EAAK,UACR,IACE;AAAA,UAAA,GACN;AAAA,UAECQ,IACC,gBAAAI;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,eAAY;AAAA,cACZ,WAAU;AAAA,YAAA;AAAA,UAAA,IAEV;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEAlB,EAAS,cAAc;"}

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

@@ -1,99 +0,0 @@
-import { jsx as a, jsxs as t } from "react/jsx-runtime";
-import { forwardRef as x } from "react";
-import { c as b } from "./index-D2ZczOXr.js";
-import { useTranslation as T } from "react-i18next";
-import { I as N } from "./icon-button-C1vpylg3.js";
-import { S as w } from "./skeleton-vbTWUntB.js";
-import { E as j } from "./empty-state-DiG7vYBM.js";
-import { T as z } from "./task-card-uxjApfcg.js";
-import { c as E } from "./createLucideIcon-CrFbzy84.js";
-import { P as I } from "./plus-CYKNmfuA.js";
-/**
- * @license lucide-react v1.8.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const L = [
-  ["path", { d: "M13 5h8", key: "a7qcls" }],
-  ["path", { d: "M13 12h8", key: "h98zly" }],
-  ["path", { d: "M13 19h8", key: "c3s6r1" }],
-  ["path", { d: "m3 17 2 2 4-4", key: "1jhpwq" }],
-  ["rect", { x: "3", y: "4", width: "6", height: "6", rx: "1", key: "cif1o7" }]
-], M = E("list-todo", L), S = b(
-  [
-    "flex flex-col",
-    "rounded-[var(--radius-md)] border border-[color:var(--border)]",
-    "bg-[color:var(--card)] text-[color:var(--card-foreground)]",
-    "overflow-hidden"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "",
-        md: ""
-      }
-    },
-    defaultVariants: {
-      size: "sm"
-    }
-  }
-), q = x(
-  ({
-    items: i,
-    title: n,
-    size: o = "sm",
-    onOpenTask: m,
-    onAddTask: l,
-    addLabel: p,
-    loading: c = !1,
-    emptyTitle: f,
-    emptyDescription: h,
-    className: y,
-    ...v
-  }, u) => {
-    const { t: e } = T(), d = n ?? e("ui.taskTray.title", "Tasks"), k = p ?? e("ui.taskTray.add", "Add task"), g = !c && i.length === 0;
-    let r;
-    return c ? r = /* @__PURE__ */ a("div", { className: "flex flex-col gap-[var(--spacing-sm)] p-[var(--spacing-sm)]", children: [0, 1, 2].map((s) => /* @__PURE__ */ a(w, { variant: "rectangular", height: "2.5rem" }, s)) }) : g ? r = /* @__PURE__ */ a("div", { className: "p-[var(--spacing-md)]", children: /* @__PURE__ */ a(
-      j,
-      {
-        variant: "first-use",
-        size: "sm",
-        title: f ?? e("ui.taskTray.empty.title", "No tasks yet"),
-        description: h ?? e("ui.taskTray.empty.description", "New tasks will appear here.")
-      }
-    ) }) : r = /* @__PURE__ */ a("ul", { className: "flex list-none flex-col divide-y divide-[color:var(--border)]", children: i.map((s) => /* @__PURE__ */ a(z, { item: s, size: o, onActivate: m }, s.id)) }), /* @__PURE__ */ t(
-      "section",
-      {
-        ref: u,
-        "aria-label": d,
-        className: S({ size: o, className: y }),
-        ...v,
-        children: [
-          /* @__PURE__ */ t("header", { className: "flex items-center justify-between gap-[var(--spacing-sm)] border-b border-[color:var(--border)] p-[var(--spacing-sm)]", children: [
-            /* @__PURE__ */ t("h3", { className: "m-0 inline-flex items-center gap-[var(--spacing-xs)] type-title-card", children: [
-              /* @__PURE__ */ a(M, { "aria-hidden": "true", className: "size-4" }),
-              d
-            ] }),
-            l ? /* @__PURE__ */ a(
-              N,
-              {
-                icon: /* @__PURE__ */ a(I, {}),
-                intent: "outline",
-                size: "sm",
-                "aria-label": k,
-                onClick: l
-              }
-            ) : null
-          ] }),
-          r
-        ]
-      }
-    );
-  }
-);
-q.displayName = "TaskTray";
-export {
-  q as T
-};
-//# sourceMappingURL=task-tray-BdfM3p8N.js.map

package/dist/_chunks/task-tray-BdfM3p8N.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"task-tray-BdfM3p8N.js","sources":["../../node_modules/lucide-react/dist/esm/icons/list-todo.js","../../src/components/task-tray/task-tray.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.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.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M13 5h8\", key: \"a7qcls\" }],\n  [\"path\", { d: \"M13 12h8\", key: \"h98zly\" }],\n  [\"path\", { d: \"M13 19h8\", key: \"c3s6r1\" }],\n  [\"path\", { d: \"m3 17 2 2 4-4\", key: \"1jhpwq\" }],\n  [\"rect\", { x: \"3\", y: \"4\", width: \"6\", height: \"6\", rx: \"1\", key: \"cif1o7\" }]\n];\nconst ListTodo = createLucideIcon(\"list-todo\", __iconNode);\n\nexport { __iconNode, ListTodo as default };\n//# sourceMappingURL=list-todo.js.map\n","import {\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ListTodo, Plus } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { Skeleton } from '../skeleton/skeleton';\nimport { EmptyState } from '../empty-state/empty-state';\nimport { TaskCard, type TaskItem } from '../task-card';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst taskTrayVariants = cva(\n  [\n    'flex flex-col',\n    'rounded-[var(--radius-md)] border border-[color:var(--border)]',\n    'bg-[color:var(--card)] text-[color:var(--card-foreground)]',\n    'overflow-hidden',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: '',\n        md: '',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport interface TaskTrayProps\n  extends Omit<HTMLAttributes<HTMLElement>, 'onClick'>,\n    VariantProps<typeof taskTrayVariants> {\n  /** Tasks rendered inside the panel. */\n  items: TaskItem[];\n  /** Section title — rendered in the header. Localised by the consumer. */\n  title?: string;\n  /** Visual density forwarded to each TaskCard. */\n  size?: 'sm' | 'md';\n  /** Fires when the user activates a task (click / Enter / Space). */\n  onOpenTask?: (item: TaskItem) => void;\n  /** Fires when the user activates the header \"Add\" affordance. */\n  onAddTask?: () => void;\n  /** Localised label for the \"Add\" affordance. Defaults to `ui.taskTray.add`. */\n  addLabel?: string;\n  /** When true the panel renders skeleton placeholders. */\n  loading?: boolean;\n  /** Render an empty state when `items` is empty and `loading` is false. */\n  emptyTitle?: string;\n  emptyDescription?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const TaskTray = forwardRef<HTMLElement, TaskTrayProps>(\n  (\n    {\n      items,\n      title,\n      size = 'sm',\n      onOpenTask,\n      onAddTask,\n      addLabel,\n      loading = false,\n      emptyTitle,\n      emptyDescription,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const heading = title ?? t('ui.taskTray.title', 'Tasks');\n    const resolvedAddLabel = addLabel ?? t('ui.taskTray.add', 'Add task');\n    const isEmpty = !loading && items.length === 0;\n\n    let body: ReactNode;\n    if (loading) {\n      body = (\n        <div className=\"flex flex-col gap-[var(--spacing-sm)] p-[var(--spacing-sm)]\">\n          {[0, 1, 2].map((i) => (\n            <Skeleton key={i} variant=\"rectangular\" height=\"2.5rem\" />\n          ))}\n        </div>\n      );\n    } else if (isEmpty) {\n      body = (\n        <div className=\"p-[var(--spacing-md)]\">\n          <EmptyState\n            variant=\"first-use\"\n            size=\"sm\"\n            title={emptyTitle ?? t('ui.taskTray.empty.title', 'No tasks yet')}\n            description={\n              emptyDescription ??\n              t('ui.taskTray.empty.description', 'New tasks will appear here.')\n            }\n          />\n        </div>\n      );\n    } else {\n      body = (\n        <ul className=\"flex list-none flex-col divide-y divide-[color:var(--border)]\">\n          {items.map((item) => (\n            <TaskCard key={item.id} item={item} size={size} onActivate={onOpenTask} />\n          ))}\n        </ul>\n      );\n    }\n\n    return (\n      <section\n        ref={ref}\n        aria-label={heading}\n        className={taskTrayVariants({ size, className })}\n        {...rest}\n      >\n        <header className=\"flex items-center justify-between gap-[var(--spacing-sm)] border-b border-[color:var(--border)] p-[var(--spacing-sm)]\">\n          <h3 className=\"m-0 inline-flex items-center gap-[var(--spacing-xs)] type-title-card\">\n            <ListTodo aria-hidden=\"true\" className=\"size-4\" />\n            {heading}\n          </h3>\n          {onAddTask ? (\n            <IconButton\n              icon={<Plus />}\n              intent=\"outline\"\n              size=\"sm\"\n              aria-label={resolvedAddLabel}\n              onClick={onAddTask}\n            />\n          ) : null}\n        </header>\n        {body}\n      </section>\n    );\n  },\n);\n\nTaskTray.displayName = 'TaskTray';\n"],"names":["__iconNode","ListTodo","createLucideIcon","taskTrayVariants","cva","TaskTray","forwardRef","items","title","size","onOpenTask","onAddTask","addLabel","loading","emptyTitle","emptyDescription","className","rest","ref","t","useTranslation","heading","resolvedAddLabel","isEmpty","body","jsx","i","Skeleton","EmptyState","item","TaskCard","jsxs","IconButton","Plus"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/_chunks/text-area-CKxZ7cS3.js

@@ -1,152 +0,0 @@
-import { jsxs as x, jsx as A } from "react/jsx-runtime";
-import { forwardRef as ae, useRef as j, useCallback as H, useState as k, useLayoutEffect as se, useEffect as ce } from "react";
-import { c as le } from "./index-D2ZczOXr.js";
-import { useTranslation as de } from "react-i18next";
-import { u as ue } from "./form-field-context-94LwgYTQ.js";
-const fe = le(
-  [
-    "block w-full border rounded-[var(--radius-sm)] bg-background text-foreground",
-    "leading-[var(--line-height-base)]",
-    "ps-[var(--spacing-sm)] pe-[var(--spacing-sm)] py-[var(--spacing-xs)]",
-    "focus:outline-none",
-    "focus-visible:outline-[length:var(--focus-ring-width)] focus-visible:outline-solid",
-    "focus-visible:outline-ring focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "forced-colors:focus-visible:outline-[CanvasText]",
-    "disabled:cursor-not-allowed disabled:opacity-50",
-    "read-only:bg-muted read-only:cursor-default",
-    "transition-[height,color,background-color,border-color] duration-[var(--animation-duration)] motion-reduce:transition-none",
-    "placeholder:text-muted-foreground"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "min-h-8 text-[var(--font-size-sm)]",
-        md: "min-h-[var(--min-target-size)] text-[var(--font-size-base)]",
-        lg: "min-h-[calc(var(--min-target-size)*1.5)] text-[var(--font-size-lg)]"
-      },
-      tone: {
-        default: "border-border",
-        error: "border-destructive"
-      },
-      resize: {
-        auto: "resize-none",
-        manual: "resize-y"
-      }
-    },
-    defaultVariants: { size: "md", tone: "default", resize: "manual" }
-  }
-), me = (n) => n >= 1 ? "text-destructive" : n >= 0.9 ? "text-warning" : "text-muted-foreground", ve = (n) => [...n].length, be = ae(
-  ({
-    size: n = "md",
-    tone: M = "default",
-    autoResize: r = !1,
-    minRows: f = 2,
-    maxRows: m,
-    showCounter: S,
-    className: q,
-    id: E,
-    disabled: P,
-    value: y,
-    defaultValue: T,
-    maxLength: i,
-    rows: W,
-    onChange: o,
-    onCompositionStart: v,
-    onCompositionEnd: b,
-    onInput: $,
-    ...D
-  }, c) => {
-    const { t: N } = de(), a = ue(), F = E ?? a.id, O = a.disabled || P, Y = a.invalid ? "error" : M, w = j(null), _ = H(
-      (e) => {
-        w.current = e, typeof c == "function" ? c(e) : c && (c.current = e);
-      },
-      [c]
-    ), l = y !== void 0, [G, z] = k(
-      String(T ?? "")
-    ), p = l ? String(y) : G, d = j(!1), g = H(() => {
-      const e = w.current;
-      if (!e || !r) return;
-      const t = window.getComputedStyle(e), u = parseFloat(t.lineHeight), C = parseFloat(t.paddingTop), ee = parseFloat(t.paddingBottom), te = parseFloat(t.borderTopWidth), re = parseFloat(t.borderBottomWidth), B = C + ee + te + re, ne = (Number.isFinite(u) ? u : 24) * f + B, ie = typeof m == "number" ? (Number.isFinite(u) ? u : 24) * m + B : Number.POSITIVE_INFINITY;
-      e.style.height = "auto";
-      const oe = Math.max(ne, Math.min(e.scrollHeight, ie));
-      e.style.height = `${oe}px`;
-    }, [r, f, m]);
-    se(() => {
-      r && g();
-    }, [r, g, p]);
-    const J = (e) => {
-      l || z(e.target.value), !d.current && (o == null || o(e));
-    }, K = (e) => {
-      d.current = !0, v == null || v(e);
-    }, Q = (e) => {
-      d.current = !1, b == null || b(e);
-      const t = e.currentTarget;
-      l || z(t.value), o == null || o({
-        ...e,
-        target: t,
-        currentTarget: t
-      }), r && g();
-    }, s = typeof i == "number" && (S ?? !0) && i > 0, h = ve(p), I = s ? Math.max(0, i - h) : 0, U = s ? h / i : 0, [X, Z] = k("");
-    ce(() => {
-      if (!s) return;
-      const e = window.setTimeout(() => {
-        d.current || Z(
-          N("ui.inputs.textarea.charactersRemaining", {
-            count: I,
-            defaultValue: "{{count}} characters remaining"
-          })
-        );
-      }, 500);
-      return () => window.clearTimeout(e);
-    }, [s, I, N]);
-    const V = s ? `${F}-counter` : void 0, L = [a.describedBy || void 0, V].filter(Boolean).join(" ") || void 0, R = r ? "auto" : "manual";
-    return /* @__PURE__ */ x("div", { className: "flex w-full flex-col gap-[var(--spacing-xs)]", children: [
-      /* @__PURE__ */ A(
-        "textarea",
-        {
-          ref: _,
-          id: F,
-          value: l ? p : void 0,
-          defaultValue: l ? void 0 : T,
-          disabled: O,
-          "aria-describedby": L,
-          "aria-invalid": a.invalid || void 0,
-          "aria-required": a.required || void 0,
-          maxLength: i,
-          rows: r ? f : W,
-          onChange: J,
-          onCompositionStart: K,
-          onCompositionEnd: Q,
-          onInput: $,
-          className: fe({
-            size: n,
-            tone: Y,
-            resize: R,
-            className: q
-          }),
-          ...D
-        }
-      ),
-      s ? /* @__PURE__ */ x(
-        "div",
-        {
-          id: V,
-          className: "flex justify-end type-meta tabular-nums",
-          children: [
-            /* @__PURE__ */ x("span", { "aria-hidden": "true", className: me(U), children: [
-              h,
-              " / ",
-              i
-            ] }),
-            /* @__PURE__ */ A("span", { className: "sr-only", "aria-live": "polite", children: X })
-          ]
-        }
-      ) : null
-    ] });
-  }
-);
-be.displayName = "TextArea";
-export {
-  be as T
-};
-//# sourceMappingURL=text-area-CKxZ7cS3.js.map