@mieweb/ui 0.10.0-dev.2 → 0.10.0-dev.21

package/dist/chunk-4HC2IBOX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ListView/ListView.tsx"],"names":[],"mappings":"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","file":"chunk-4HC2IBOX.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../Button';\nimport { Spinner } from '../Spinner';\nimport { ChevronDownIcon, ChevronRightIcon } from '../Icons';\nimport {\n  accentClasses,\n  defaultViewLabels,\n  type Stage,\n  type ViewBaseProps,\n} from '../../views/types';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type ListViewSlot =\n  | 'group'\n  | 'groupHeader'\n  | 'item'\n  | 'selectedItem'\n  | 'state';\n\nexport interface ListViewProps<T>\n  extends ViewBaseProps<T>, VariantProps<typeof itemVariants> {\n  /**\n   * Group rows by `accessors.getStatus`, using these stages for order and\n   * labels. Items whose status matches no stage are appended under their own\n   * heading rather than dropped.\n   */\n  stages?: readonly Stage[];\n  /** Group by `accessors.getGroup` instead of by stage. */\n  groupBy?: 'status' | 'group' | 'none';\n  /** Groups that start collapsed. Uncontrolled; the user can reopen them. */\n  defaultCollapsedGroups?: readonly string[];\n  /** Retries the failed load. Renders the retry action only when provided. */\n  onRetry?: () => void;\n  classNames?: Partial<Record<ListViewSlot, string>>;\n  /** Heading level for group headers, under the page's own heading. */\n  headingLevel?: 'h2' | 'h3' | 'h4';\n}\n\ninterface Group<T> {\n  id: string;\n  label: string;\n  accent?: Stage['accent'];\n  items: T[];\n}\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nconst itemVariants = cva(\n  [\n    'flex w-full items-start gap-3 border-b border-border px-3 text-start',\n    'last:border-b-0',\n    'transition-colors',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring',\n  ],\n  {\n    variants: {\n      density: {\n        comfortable: 'py-3',\n        compact: 'py-2',\n      },\n      interactive: {\n        true: 'cursor-pointer hover:bg-muted',\n        false: '',\n      },\n      selected: {\n        true: 'bg-primary-500/10',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      density: 'comfortable',\n      interactive: false,\n      selected: false,\n    },\n  }\n);\n\n// =============================================================================\n// Grouping\n// =============================================================================\n\nfunction buildGroups<T>(\n  items: T[],\n  groupBy: 'status' | 'group' | 'none',\n  accessors: ListViewProps<T>['accessors'],\n  ungrouped: string,\n  stages?: readonly Stage[]\n): Group<T>[] {\n  if (groupBy === 'none') return [{ id: '', label: '', items }];\n\n  const read = groupBy === 'status' ? accessors.getStatus : accessors.getGroup;\n  if (!read) return [{ id: '', label: '', items }];\n\n  const buckets = new Map<string, T[]>();\n  for (const item of items) {\n    const key = read(item) ?? '';\n    const bucket = buckets.get(key);\n    if (bucket) bucket.push(item);\n    else buckets.set(key, [item]);\n  }\n\n  const groups: Group<T>[] = [];\n  // Stages fix the order, and an empty stage still shows — a board column that\n  // disappears when it empties hides the fact that the stage exists. This only\n  // applies to `groupBy=\"status\"`: stages name statuses, so seeding them under\n  // `groupBy=\"group\"` would print an empty \"Backlog\"/\"In progress\" above the\n  // real buckets. `ViewSet` always passes its shared stages, so that case is\n  // reachable with nothing more than `listProps={{ groupBy: 'group' }}`.\n  for (const stage of (groupBy === 'status' ? stages : undefined) ?? []) {\n    groups.push({\n      id: stage.id,\n      label: stage.label,\n      accent: stage.accent,\n      items: buckets.get(stage.id) ?? [],\n    });\n    buckets.delete(stage.id);\n  }\n  for (const [key, bucket] of buckets) {\n    groups.push({ id: key, label: key || ungrouped, items: bucket });\n  }\n  return groups;\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * Declared `parameters.catalog.collection` — the three load states below are\n * part of this component's API, not decoration.\n */\nexport function ListView<T>({\n  items,\n  accessors,\n  loading = false,\n  error = null,\n  selectedId = null,\n  onOpen,\n  getHref,\n  renderItem,\n  emptyState,\n  labels,\n  stages,\n  groupBy = stages ? 'status' : 'none',\n  defaultCollapsedGroups,\n  onRetry,\n  density,\n  className,\n  classNames,\n  headingLevel: Heading = 'h3',\n}: ListViewProps<T>) {\n  const text = { ...defaultViewLabels, ...labels };\n  // Ids come from position, not from the status text: two distinct statuses can\n  // normalise to the same string, and a duplicate id makes `aria-labelledby`\n  // resolve to the wrong heading.\n  const baseId = React.useId();\n  const [collapsed, setCollapsed] = React.useState<Set<string>>(\n    () => new Set(defaultCollapsedGroups ?? [])\n  );\n\n  const groups = React.useMemo(\n    () => buildGroups(items, groupBy, accessors, text.ungrouped, stages),\n    [items, groupBy, accessors, text.ungrouped, stages]\n  );\n\n  const state = (content: React.ReactNode) => (\n    <div\n      data-slot=\"list-view-state\"\n      className={cn(\n        'text-muted-foreground flex flex-col items-center justify-center gap-2 px-4 py-10 text-center text-sm',\n        classNames?.state\n      )}\n    >\n      {content}\n    </div>\n  );\n\n  let body: React.ReactNode;\n  if (error) {\n    body = state(\n      <>\n        <p role=\"alert\" className=\"text-destructive\">\n          {text.error}\n        </p>\n        {onRetry && (\n          <Button variant=\"ghost\" size=\"sm\" onClick={onRetry}>\n            {text.retry}\n          </Button>\n        )}\n      </>\n    );\n  } else if (loading) {\n    // Spinner is the status region and carries the accessible name; the visible\n    // copy beside it would otherwise be announced twice.\n    body = state(\n      <span className=\"flex items-center gap-2\">\n        <Spinner size=\"sm\" label={text.loading} />\n        <span aria-hidden>{text.loading}</span>\n      </span>\n    );\n  } else if (items.length === 0) {\n    body = emptyState ?? state(text.empty);\n  } else {\n    body = groups.map((group, groupIndex) => {\n      const isCollapsed = collapsed.has(group.id);\n      const headerId = `${baseId}-group-${groupIndex}`;\n      return (\n        <section\n          key={group.id}\n          data-slot=\"list-view-group\"\n          className={cn(classNames?.group)}\n        >\n          {group.label && (\n            <Heading className=\"sticky top-0 z-10\">\n              <button\n                type=\"button\"\n                id={headerId}\n                aria-expanded={!isCollapsed}\n                onClick={() =>\n                  setCollapsed((prev) => {\n                    const next = new Set(prev);\n                    if (!next.delete(group.id)) next.add(group.id);\n                    return next;\n                  })\n                }\n                data-slot=\"list-view-group-header\"\n                className={cn(\n                  'border-border bg-muted text-muted-foreground flex w-full items-center gap-2 border-b px-3 py-2 text-start text-xs font-semibold tracking-wide uppercase',\n                  'focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none focus-visible:ring-inset',\n                  classNames?.groupHeader\n                )}\n              >\n                {isCollapsed ? (\n                  <ChevronRightIcon\n                    className=\"size-3.5 rtl:rotate-180\"\n                    aria-hidden\n                  />\n                ) : (\n                  <ChevronDownIcon className=\"size-3.5\" aria-hidden />\n                )}\n                {group.accent && (\n                  <span\n                    aria-hidden\n                    className={cn(\n                      'size-2 shrink-0 rounded-full',\n                      accentClasses[group.accent].marker\n                    )}\n                  />\n                )}\n                <span>{group.label}</span>\n                <span className=\"ms-auto font-normal tabular-nums\">\n                  {group.items.length}\n                </span>\n              </button>\n            </Heading>\n          )}\n          {!isCollapsed && (\n            <ul aria-labelledby={group.label ? headerId : undefined}>\n              {group.items.map((item) => {\n                const id = accessors.getId(item);\n                const selected = id === selectedId;\n                const accent = accessors.getAccent?.(item);\n                const subtitle = accessors.getSubtitle?.(item);\n                const content = renderItem?.(item, { view: 'list' }) ?? (\n                  <>\n                    {accent && (\n                      <span\n                        aria-hidden\n                        className={cn(\n                          'mt-1.5 size-2 shrink-0 rounded-full',\n                          accentClasses[accent].marker\n                        )}\n                      />\n                    )}\n                    <span className=\"min-w-0 flex-1\">\n                      <span className=\"text-foreground block truncate font-medium\">\n                        {accessors.getTitle(item)}\n                      </span>\n                      {subtitle && (\n                        <span className=\"text-muted-foreground block truncate text-sm\">\n                          {subtitle}\n                        </span>\n                      )}\n                    </span>\n                  </>\n                );\n                const classes = cn(\n                  itemVariants({\n                    density,\n                    interactive: Boolean(onOpen || getHref),\n                    selected,\n                  }),\n                  classNames?.item,\n                  selected && classNames?.selectedItem\n                );\n                const href = getHref?.(id, item);\n                return (\n                  <li key={id}>\n                    {href ? (\n                      // An anchor, not a handler, so the row is middle-clickable\n                      // and crawlable; onOpen still runs for router navigation.\n                      <a\n                        href={href}\n                        aria-current={selected ? 'true' : undefined}\n                        data-slot=\"list-view-item\"\n                        className={classes}\n                        onClick={(event) => {\n                          if (\n                            !onOpen ||\n                            event.defaultPrevented ||\n                            event.metaKey ||\n                            event.ctrlKey ||\n                            event.shiftKey ||\n                            event.button !== 0\n                          )\n                            return;\n                          event.preventDefault();\n                          onOpen(id, item);\n                        }}\n                      >\n                        {content}\n                      </a>\n                    ) : onOpen ? (\n                      <button\n                        type=\"button\"\n                        aria-current={selected ? 'true' : undefined}\n                        data-slot=\"list-view-item\"\n                        className={classes}\n                        onClick={() => onOpen(id, item)}\n                      >\n                        {content}\n                      </button>\n                    ) : (\n                      <div data-slot=\"list-view-item\" className={classes}>\n                        {content}\n                      </div>\n                    )}\n                  </li>\n                );\n              })}\n              {group.items.length === 0 && (\n                <li className=\"text-muted-foreground px-3 py-2 text-sm\">\n                  {text.empty}\n                </li>\n              )}\n            </ul>\n          )}\n        </section>\n      );\n    });\n  }\n\n  return (\n    <div\n      data-slot=\"list-view\"\n      className={cn(\n        'border-border bg-card overflow-hidden rounded-lg border',\n        className\n      )}\n    >\n      {body}\n    </div>\n  );\n}\n\nexport { itemVariants as listViewItemVariants };\n"]}

package/dist/chunk-4IS3QCOQ.cjs

@@ -0,0 +1,453 @@
+'use strict';
+
+var chunk4NCDU5IG_cjs = require('./chunk-4NCDU5IG.cjs');
+var chunkXXVUHLQN_cjs = require('./chunk-XXVUHLQN.cjs');
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var React = require('react');
+var core = require('@dnd-kit/core');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var defaultBoardLabels = {
+  ...chunk4NCDU5IG_cjs.defaultViewLabels,
+  empty: "Nothing in this stage",
+  board: "Board",
+  moved: "{item} moved to {stage}",
+  moveFailed: "Could not move {item}",
+  moveHint: "Press Control with the arrow keys to move between stages"
+};
+var cardVariants = classVarianceAuthority.cva(
+  [
+    "w-full rounded-md border border-border bg-card p-2 text-start",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+  ],
+  {
+    variants: {
+      density: {
+        comfortable: "p-3",
+        compact: "p-2"
+      },
+      interactive: { true: "hover:border-primary-500/40", false: "" },
+      selected: { true: "ring-2 ring-primary-500/50", false: "" },
+      pending: { true: "opacity-60", false: "" }
+    },
+    defaultVariants: {
+      density: "comfortable",
+      interactive: false,
+      selected: false,
+      pending: false
+    }
+  }
+);
+var fill = (template, values) => template.replace(/\{(\w+)\}/g, (_, key) => values[key] ?? "");
+function BoardCard({
+  id,
+  title,
+  subtitle,
+  accent,
+  selected,
+  pending,
+  draggable,
+  hint,
+  href,
+  className,
+  children,
+  onOpen,
+  onKeyDown
+}) {
+  const { attributes, listeners, setNodeRef, isDragging } = core.useDraggable({
+    id,
+    disabled: !draggable
+  });
+  const body = children ?? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-start gap-2", children: [
+    accent && /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        "aria-hidden": true,
+        className: chunkS5RVSXDV_cjs.cn(
+          "mt-1.5 size-2 shrink-0 rounded-full",
+          chunk4NCDU5IG_cjs.accentClasses[accent].marker
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground block text-sm font-medium", children: title }),
+      subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground block truncate text-xs", children: subtitle })
+    ] })
+  ] });
+  const onCardKeyDown = (event) => {
+    if (onOpen && !href && (event.key === "Enter" || event.key === " ")) {
+      if (!event.ctrlKey && !event.metaKey) {
+        event.preventDefault();
+        onOpen();
+        return;
+      }
+    }
+    onKeyDown?.(event);
+  };
+  const shared = {
+    ref: setNodeRef,
+    // Only the pointer listeners are shared. dnd-kit's `attributes` carry
+    // `role="button"` and a `tabIndex`, which on an `<a href>` would override
+    // the native link role — the card would announce as a button, and the
+    // middle-click / "copy link" affordance this branch exists to preserve
+    // would no longer be what assistive tech describes. The non-link card takes
+    // them below, where button semantics are the correct answer.
+    ...draggable ? listeners : {},
+    "aria-current": selected ? "true" : void 0,
+    "aria-describedby": hint,
+    "aria-busy": pending || void 0,
+    "data-slot": "board-view-card",
+    className: chunkS5RVSXDV_cjs.cn(className, isDragging && "opacity-40")
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { children: href ? (
+    // An anchor, like every other view: the card stays middle-clickable and
+    // "copy link" works. dnd-kit's listeners still own the drag.
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        ...shared,
+        href,
+        onKeyDown: onCardKeyDown,
+        onClick: (event) => {
+          if (!onOpen || event.defaultPrevented || event.metaKey || event.ctrlKey || event.shiftKey || event.button !== 0)
+            return;
+          event.preventDefault();
+          onOpen();
+        },
+        children: body
+      }
+    )
+  ) : /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...shared,
+      ...draggable ? attributes : {},
+      role: onOpen ? "button" : void 0,
+      tabIndex: draggable || onOpen ? 0 : void 0,
+      onKeyDown: onCardKeyDown,
+      onClick: onOpen,
+      children: body
+    }
+  ) });
+}
+function BoardColumn({
+  stage,
+  headerId,
+  count,
+  headingLevel: Heading,
+  droppable,
+  classNames,
+  children
+}) {
+  const { setNodeRef, isOver } = core.useDroppable({
+    id: stage.id,
+    disabled: !droppable
+  });
+  const accent = stage.accent ?? "neutral";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      ref: setNodeRef,
+      "data-slot": "board-view-column",
+      "data-over": isOver || void 0,
+      className: chunkS5RVSXDV_cjs.cn(
+        "bg-muted/40 flex min-w-0 flex-col rounded-lg border",
+        isOver ? chunk4NCDU5IG_cjs.accentClasses[accent].border : "border-border",
+        "sm:w-72 sm:shrink-0",
+        classNames?.column
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Heading, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "span",
+          {
+            id: headerId,
+            "data-slot": "board-view-column-header",
+            className: chunkS5RVSXDV_cjs.cn(
+              "border-border text-muted-foreground flex items-center gap-2 border-b px-3 py-2 text-xs font-semibold tracking-wide uppercase",
+              classNames?.columnHeader
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  "aria-hidden": true,
+                  className: chunkS5RVSXDV_cjs.cn(
+                    "size-2 shrink-0 rounded-full",
+                    chunk4NCDU5IG_cjs.accentClasses[accent].marker
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: stage.label }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ms-auto font-normal tabular-nums", children: count })
+            ]
+          }
+        ) }),
+        children
+      ]
+    }
+  );
+}
+function BoardView({
+  items,
+  accessors,
+  stages,
+  loading = false,
+  error = null,
+  selectedId = null,
+  onOpen,
+  getHref,
+  onMove,
+  renderItem,
+  emptyState,
+  labels,
+  density,
+  className,
+  classNames,
+  headingLevel = "h3"
+}) {
+  const text = { ...defaultBoardLabels, ...labels };
+  const hintId = React__namespace.useId();
+  const baseId = React__namespace.useId();
+  const [announcement, setAnnouncement] = React__namespace.useState("");
+  const [draggingId, setDraggingId] = React__namespace.useState(null);
+  const [pending, setPending] = React__namespace.useState(
+    () => /* @__PURE__ */ new Map()
+  );
+  const byId = React__namespace.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const item of items) map.set(accessors.getId(item), item);
+    return map;
+  }, [items, accessors]);
+  const stageOf = React__namespace.useCallback(
+    (item) => pending.get(accessors.getId(item)) ?? accessors.getStatus?.(item),
+    [pending, accessors]
+  );
+  const columns = React__namespace.useMemo(() => {
+    const buckets = new Map(stages.map((s) => [s.id, []]));
+    const extra = /* @__PURE__ */ new Map();
+    for (const item of items) {
+      const key = stageOf(item) ?? "";
+      const bucket = buckets.get(key);
+      if (bucket) bucket.push(item);
+      else {
+        const spill = extra.get(key);
+        if (spill) spill.push(item);
+        else extra.set(key, [item]);
+      }
+    }
+    return [
+      ...stages.map((stage) => ({
+        stage,
+        declared: true,
+        items: buckets.get(stage.id) ?? []
+      })),
+      // Never silently drop a record whose status matches no stage. These are
+      // shown so the record stays visible, but they are not drop targets: their
+      // ids were never declared, and `onMove` promises a named stage.
+      ...[...extra].map(([key, bucket]) => ({
+        stage: { id: key, label: key || text.ungrouped },
+        declared: false,
+        items: bucket
+      }))
+    ];
+  }, [items, stages, stageOf, text.ungrouped]);
+  const commit = React__namespace.useCallback(
+    async (id, toStage) => {
+      const item = byId.get(id);
+      if (!item || !onMove) return;
+      if (pending.has(id)) return;
+      const stage = stages.find((s) => s.id === toStage);
+      if (!stage) return;
+      const from = accessors.getStatus?.(item);
+      if (from === toStage) return;
+      const title = accessors.getTitle(item);
+      setPending((prev) => new Map(prev).set(id, toStage));
+      setAnnouncement(
+        fill(text.moved, { item: title, stage: stage.label ?? toStage })
+      );
+      try {
+        await onMove(id, toStage, item);
+      } catch {
+        setAnnouncement(fill(text.moveFailed, { item: title }));
+      } finally {
+        setPending((prev) => {
+          const next = new Map(prev);
+          next.delete(id);
+          return next;
+        });
+      }
+    },
+    [byId, onMove, pending, accessors, stages, text.moved, text.moveFailed]
+  );
+  const sensors = core.useSensors(
+    core.useSensor(core.PointerSensor, { activationConstraint: { distance: 5 } })
+  );
+  const onDragStart = (event) => setDraggingId(String(event.active.id));
+  const onDragEnd = (event) => {
+    setDraggingId(null);
+    if (event.over) void commit(String(event.active.id), String(event.over.id));
+  };
+  const onCardKeyDown = (event, id, columnIndex) => {
+    if (!onMove || !(event.ctrlKey || event.metaKey)) return;
+    const rtl = getComputedStyle(event.currentTarget).direction === "rtl";
+    let delta = 0;
+    if (event.key === "ArrowRight") delta = rtl ? -1 : 1;
+    else if (event.key === "ArrowLeft") delta = rtl ? 1 : -1;
+    else return;
+    let target;
+    for (let i = columnIndex + delta; i >= 0 && i < columns.length; i += delta) {
+      if (columns[i].declared) {
+        target = columns[i];
+        break;
+      }
+    }
+    if (!target) return;
+    event.preventDefault();
+    void commit(id, target.stage.id);
+  };
+  const state = (content) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "board-view-state",
+      className: chunkS5RVSXDV_cjs.cn(
+        "border-border bg-card text-muted-foreground flex flex-col items-center justify-center gap-2 rounded-lg border px-4 py-10 text-center text-sm",
+        classNames?.state
+      ),
+      children: content
+    }
+  );
+  if (error) {
+    return state(
+      /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "text-destructive", children: text.error })
+    );
+  }
+  if (loading) {
+    return state(
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkXXVUHLQN_cjs.Spinner, { size: "sm", label: text.loading }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, children: text.loading })
+      ] })
+    );
+  }
+  if (items.length === 0 && emptyState) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: emptyState });
+  const draggingItem = draggingId ? byId.get(draggingId) : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    core.DndContext,
+    {
+      sensors,
+      collisionDetection: core.pointerWithin,
+      onDragStart,
+      onDragEnd,
+      onDragCancel: () => setDraggingId(null),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            "data-slot": "board-view",
+            tabIndex: 0,
+            role: "group",
+            "aria-label": text.board,
+            className: chunkS5RVSXDV_cjs.cn(
+              // Columns on one scrolling row once there is room; stacked below it,
+              // because five 288px columns on a phone is a horizontal maze.
+              "flex flex-col gap-3 sm:flex-row sm:overflow-x-auto sm:pb-2",
+              className
+            ),
+            children: columns.map((column, columnIndex) => /* @__PURE__ */ jsxRuntime.jsx(
+              BoardColumn,
+              {
+                stage: column.stage,
+                droppable: column.declared && Boolean(onMove),
+                headerId: `${baseId}-col-${columnIndex}`,
+                count: column.items.length,
+                headingLevel,
+                classNames,
+                children: /* @__PURE__ */ jsxRuntime.jsxs(
+                  "ul",
+                  {
+                    "aria-labelledby": `${baseId}-col-${columnIndex}`,
+                    className: "flex flex-1 flex-col gap-2 p-2",
+                    children: [
+                      column.items.map((item) => {
+                        const id = accessors.getId(item);
+                        return /* @__PURE__ */ jsxRuntime.jsx(
+                          BoardCard,
+                          {
+                            id,
+                            title: accessors.getTitle(item),
+                            subtitle: accessors.getSubtitle?.(item),
+                            accent: accessors.getAccent?.(item),
+                            selected: id === selectedId,
+                            pending: pending.has(id),
+                            draggable: Boolean(onMove),
+                            hint: onMove ? hintId : void 0,
+                            href: getHref?.(id, item),
+                            className: chunkS5RVSXDV_cjs.cn(
+                              cardVariants({
+                                density,
+                                interactive: Boolean(onOpen),
+                                selected: id === selectedId,
+                                pending: pending.has(id)
+                              }),
+                              classNames?.card,
+                              id === selectedId && classNames?.selectedCard
+                            ),
+                            onOpen: onOpen ? () => onOpen(id, item) : void 0,
+                            onKeyDown: (event) => onCardKeyDown(event, id, columnIndex),
+                            children: renderItem?.(item, { view: "board" })
+                          },
+                          id
+                        );
+                      }),
+                      column.items.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("li", { className: "text-muted-foreground px-1 py-2 text-xs", children: text.empty })
+                    ]
+                  }
+                )
+              },
+              column.stage.id
+            ))
+          }
+        ),
+        onMove && /* @__PURE__ */ jsxRuntime.jsx("span", { id: hintId, className: "sr-only", children: text.moveHint }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "data-slot": "board-view-announcer",
+            role: "status",
+            "aria-live": "polite",
+            className: "sr-only",
+            children: announcement
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(core.DragOverlay, { children: draggingItem && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkS5RVSXDV_cjs.cn(cardVariants({ density }), "shadow-lg"), children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground block text-sm font-medium", children: accessors.getTitle(draggingItem) }) }) })
+      ]
+    }
+  );
+}
+
+exports.BoardView = BoardView;
+exports.cardVariants = cardVariants;
+exports.defaultBoardLabels = defaultBoardLabels;
+//# sourceMappingURL=chunk-4IS3QCOQ.cjs.map
+//# sourceMappingURL=chunk-4IS3QCOQ.cjs.map

package/dist/chunk-4IS3QCOQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/BoardView/BoardView.tsx"],"names":["defaultViewLabels","cva","useDraggable","jsxs","jsx","cn","accentClasses","useDroppable","React","useSensors","useSensor","PointerSensor","Spinner","DndContext","pointerWithin","DragOverlay"],"mappings":"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","file":"chunk-4IS3QCOQ.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  DndContext,\n  DragOverlay,\n  PointerSensor,\n  pointerWithin,\n  useDraggable,\n  useDroppable,\n  useSensor,\n  useSensors,\n  type DragEndEvent,\n  type DragStartEvent,\n} from '@dnd-kit/core';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Spinner } from '../Spinner';\nimport {\n  accentClasses,\n  defaultViewLabels,\n  type Accent,\n  type Stage,\n  type ViewBaseProps,\n  type ViewLabels,\n} from '../../views/types';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type BoardViewSlot =\n  | 'column'\n  | 'columnHeader'\n  | 'card'\n  | 'selectedCard'\n  | 'state';\n\nexport interface BoardLabels extends ViewLabels {\n  /** Accessible name of the scrollable board region. */\n  board: string;\n  /** Announced when a card starts moving. `{item}` and `{stage}` are substituted. */\n  moved: string;\n  /** Announced when `onMove` rejects. */\n  moveFailed: string;\n  /** Hint on a focusable card describing the keyboard move. */\n  moveHint: string;\n}\n\nexport const defaultBoardLabels: BoardLabels = {\n  ...defaultViewLabels,\n  empty: 'Nothing in this stage',\n  board: 'Board',\n  moved: '{item} moved to {stage}',\n  moveFailed: 'Could not move {item}',\n  moveHint: 'Press Control with the arrow keys to move between stages',\n};\n\nexport interface BoardViewProps<T>\n  extends ViewBaseProps<T>, VariantProps<typeof cardVariants> {\n  /** Columns, in order. A board without stages has nothing to draw. */\n  stages: readonly Stage[];\n  /**\n   * Commits a move. The board shows the card in its new column while this is\n   * pending and puts it back if the promise rejects, so the caller never has to\n   * re-render it home.\n   */\n  onMove?: (id: string, toStage: string, item: T) => void | Promise<void>;\n  labels?: Partial<BoardLabels>;\n  classNames?: Partial<Record<BoardViewSlot, string>>;\n  /** Heading level for column headers, under the page's own heading. */\n  headingLevel?: 'h2' | 'h3' | 'h4';\n}\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nconst cardVariants = cva(\n  [\n    'w-full rounded-md border border-border bg-card p-2 text-start',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n  ],\n  {\n    variants: {\n      density: {\n        comfortable: 'p-3',\n        compact: 'p-2',\n      },\n      interactive: { true: 'hover:border-primary-500/40', false: '' },\n      selected: { true: 'ring-2 ring-primary-500/50', false: '' },\n      pending: { true: 'opacity-60', false: '' },\n    },\n    defaultVariants: {\n      density: 'comfortable',\n      interactive: false,\n      selected: false,\n      pending: false,\n    },\n  }\n);\n\nconst fill = (template: string, values: Record<string, string>) =>\n  template.replace(/\\{(\\w+)\\}/g, (_, key) => values[key] ?? '');\n\n// =============================================================================\n// Card\n// =============================================================================\n\ninterface CardProps {\n  id: string;\n  title: string;\n  subtitle?: string;\n  accent?: Accent;\n  selected: boolean;\n  pending: boolean;\n  draggable: boolean;\n  hint?: string;\n  href?: string;\n  className?: string;\n  children?: React.ReactNode;\n  onOpen?: () => void;\n  onKeyDown?: (event: React.KeyboardEvent) => void;\n}\n\nfunction BoardCard({\n  id,\n  title,\n  subtitle,\n  accent,\n  selected,\n  pending,\n  draggable,\n  hint,\n  href,\n  className,\n  children,\n  onOpen,\n  onKeyDown,\n}: CardProps) {\n  const { attributes, listeners, setNodeRef, isDragging } = useDraggable({\n    id,\n    disabled: !draggable,\n  });\n\n  const body = children ?? (\n    <span className=\"flex items-start gap-2\">\n      {accent && (\n        <span\n          aria-hidden\n          className={cn(\n            'mt-1.5 size-2 shrink-0 rounded-full',\n            accentClasses[accent].marker\n          )}\n        />\n      )}\n      <span className=\"min-w-0 flex-1\">\n        <span className=\"text-foreground block text-sm font-medium\">\n          {title}\n        </span>\n        {subtitle && (\n          <span className=\"text-muted-foreground block truncate text-xs\">\n            {subtitle}\n          </span>\n        )}\n      </span>\n    </span>\n  );\n\n  const onCardKeyDown = (event: React.KeyboardEvent) => {\n    if (onOpen && !href && (event.key === 'Enter' || event.key === ' ')) {\n      // Space is dnd-kit's pick-up key only while dragging; here the card is at\n      // rest, so it activates like any other button.\n      if (!event.ctrlKey && !event.metaKey) {\n        event.preventDefault();\n        onOpen();\n        return;\n      }\n    }\n    onKeyDown?.(event);\n  };\n\n  const shared = {\n    ref: setNodeRef,\n    // Only the pointer listeners are shared. dnd-kit's `attributes` carry\n    // `role=\"button\"` and a `tabIndex`, which on an `<a href>` would override\n    // the native link role — the card would announce as a button, and the\n    // middle-click / \"copy link\" affordance this branch exists to preserve\n    // would no longer be what assistive tech describes. The non-link card takes\n    // them below, where button semantics are the correct answer.\n    ...(draggable ? listeners : {}),\n    'aria-current': selected ? ('true' as const) : undefined,\n    'aria-describedby': hint,\n    'aria-busy': pending || undefined,\n    'data-slot': 'board-view-card',\n    className: cn(className, isDragging && 'opacity-40'),\n  };\n\n  return (\n    <li>\n      {href ? (\n        // An anchor, like every other view: the card stays middle-clickable and\n        // \"copy link\" works. dnd-kit's listeners still own the drag.\n        <a\n          {...shared}\n          href={href}\n          onKeyDown={onCardKeyDown}\n          onClick={(event) => {\n            if (\n              !onOpen ||\n              event.defaultPrevented ||\n              event.metaKey ||\n              event.ctrlKey ||\n              event.shiftKey ||\n              event.button !== 0\n            )\n              return;\n            event.preventDefault();\n            onOpen();\n          }}\n        >\n          {body}\n        </a>\n      ) : (\n        <div\n          {...shared}\n          {...(draggable ? attributes : {})}\n          role={onOpen ? 'button' : undefined}\n          tabIndex={draggable || onOpen ? 0 : undefined}\n          onKeyDown={onCardKeyDown}\n          onClick={onOpen}\n        >\n          {body}\n        </div>\n      )}\n    </li>\n  );\n}\n\n// =============================================================================\n// Column\n// =============================================================================\n\nfunction BoardColumn({\n  stage,\n  headerId,\n  count,\n  headingLevel: Heading,\n  droppable,\n  classNames,\n  children,\n}: {\n  stage: Stage;\n  droppable: boolean;\n  headerId: string;\n  count: number;\n  headingLevel: 'h2' | 'h3' | 'h4';\n  classNames?: BoardViewProps<unknown>['classNames'];\n  children: React.ReactNode;\n}) {\n  const { setNodeRef, isOver } = useDroppable({\n    id: stage.id,\n    disabled: !droppable,\n  });\n  const accent = stage.accent ?? 'neutral';\n  return (\n    <section\n      ref={setNodeRef}\n      data-slot=\"board-view-column\"\n      data-over={isOver || undefined}\n      className={cn(\n        'bg-muted/40 flex min-w-0 flex-col rounded-lg border',\n        isOver ? accentClasses[accent].border : 'border-border',\n        'sm:w-72 sm:shrink-0',\n        classNames?.column\n      )}\n    >\n      <Heading>\n        <span\n          id={headerId}\n          data-slot=\"board-view-column-header\"\n          className={cn(\n            'border-border text-muted-foreground flex items-center gap-2 border-b px-3 py-2 text-xs font-semibold tracking-wide uppercase',\n            classNames?.columnHeader\n          )}\n        >\n          <span\n            aria-hidden\n            className={cn(\n              'size-2 shrink-0 rounded-full',\n              accentClasses[accent].marker\n            )}\n          />\n          <span>{stage.label}</span>\n          <span className=\"ms-auto font-normal tabular-nums\">{count}</span>\n        </span>\n      </Heading>\n      {children}\n    </section>\n  );\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\nexport function BoardView<T>({\n  items,\n  accessors,\n  stages,\n  loading = false,\n  error = null,\n  selectedId = null,\n  onOpen,\n  getHref,\n  onMove,\n  renderItem,\n  emptyState,\n  labels,\n  density,\n  className,\n  classNames,\n  headingLevel = 'h3',\n}: BoardViewProps<T>) {\n  const text = { ...defaultBoardLabels, ...labels };\n  const hintId = React.useId();\n  // Ids come from position, not from the stage id: two distinct statuses can\n  // normalise to the same string, and a duplicate id makes `aria-labelledby`\n  // resolve to the wrong heading.\n  const baseId = React.useId();\n  const [announcement, setAnnouncement] = React.useState('');\n  const [draggingId, setDraggingId] = React.useState<string | null>(null);\n  // Where a card is shown while its move is in flight, so the column it landed\n  // in is the one the user sees before the caller's data catches up.\n  // A Map, not an object. Ids come from the caller's `getId` and are only\n  // typed `string`, so a collection keyed by user data can legitimately produce\n  // `toString`, `constructor` or `__proto__`. On a plain object `'toString' in\n  // pending` is true before anything is pending, which would pin that card as\n  // permanently in-flight and make it impossible to move.\n  const [pending, setPending] = React.useState<Map<string, string>>(\n    () => new Map()\n  );\n\n  const byId = React.useMemo(() => {\n    const map = new Map<string, T>();\n    for (const item of items) map.set(accessors.getId(item), item);\n    return map;\n  }, [items, accessors]);\n\n  const stageOf = React.useCallback(\n    (item: T) =>\n      pending.get(accessors.getId(item)) ?? accessors.getStatus?.(item),\n    [pending, accessors]\n  );\n\n  const columns = React.useMemo(() => {\n    const buckets = new Map<string, T[]>(stages.map((s) => [s.id, []]));\n    const extra = new Map<string, T[]>();\n    for (const item of items) {\n      const key = stageOf(item) ?? '';\n      const bucket = buckets.get(key);\n      if (bucket) bucket.push(item);\n      else {\n        const spill = extra.get(key);\n        if (spill) spill.push(item);\n        else extra.set(key, [item]);\n      }\n    }\n    return [\n      ...stages.map((stage) => ({\n        stage,\n        declared: true,\n        items: buckets.get(stage.id) ?? [],\n      })),\n      // Never silently drop a record whose status matches no stage. These are\n      // shown so the record stays visible, but they are not drop targets: their\n      // ids were never declared, and `onMove` promises a named stage.\n      ...[...extra].map(([key, bucket]) => ({\n        stage: { id: key, label: key || text.ungrouped } as Stage,\n        declared: false,\n        items: bucket,\n      })),\n    ];\n  }, [items, stages, stageOf, text.ungrouped]);\n\n  const commit = React.useCallback(\n    async (id: string, toStage: string) => {\n      const item = byId.get(id);\n      if (!item || !onMove) return;\n      // One move per card at a time: a second would overwrite the first's\n      // pending stage, and the first `finally` would then clear it, snapping\n      // the card home while the second mutation is still in flight.\n      if (pending.has(id)) return;\n      const stage = stages.find((s) => s.id === toStage);\n      // `onMove` promises a move to a stage the caller declared. Columns\n      // synthesized for unknown statuses exist so a record is never silently\n      // dropped, not as somewhere to put things — accepting a drop there would\n      // hand back an id that was never in `stages`.\n      if (!stage) return;\n      const from = accessors.getStatus?.(item);\n      if (from === toStage) return;\n      const title = accessors.getTitle(item);\n\n      setPending((prev) => new Map(prev).set(id, toStage));\n      setAnnouncement(\n        fill(text.moved, { item: title, stage: stage.label ?? toStage })\n      );\n      try {\n        await onMove(id, toStage, item);\n      } catch {\n        setAnnouncement(fill(text.moveFailed, { item: title }));\n      } finally {\n        setPending((prev) => {\n          const next = new Map(prev);\n          next.delete(id);\n          return next;\n        });\n      }\n    },\n    [byId, onMove, pending, accessors, stages, text.moved, text.moveFailed]\n  );\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 5 } })\n  );\n\n  const onDragStart = (event: DragStartEvent) =>\n    setDraggingId(String(event.active.id));\n\n  const onDragEnd = (event: DragEndEvent) => {\n    setDraggingId(null);\n    if (event.over) void commit(String(event.active.id), String(event.over.id));\n  };\n\n  // Pointer drag has no keyboard equivalent that is pleasant to use, so moving\n  // by keyboard is its own command on the focused card rather than a simulated\n  // drag: Ctrl/Cmd with the arrow keys steps it between adjacent stages.\n  const onCardKeyDown = (\n    event: React.KeyboardEvent,\n    id: string,\n    columnIndex: number\n  ) => {\n    if (!onMove || !(event.ctrlKey || event.metaKey)) return;\n    const rtl = getComputedStyle(event.currentTarget).direction === 'rtl';\n    let delta = 0;\n    if (event.key === 'ArrowRight') delta = rtl ? -1 : 1;\n    else if (event.key === 'ArrowLeft') delta = rtl ? 1 : -1;\n    else return;\n    // Step to the next *declared* stage. A fallback column is not a move\n    // target, so stopping on one would strand the card there; skipping it\n    // keeps arrowing continuous and still lets a card leave one.\n    let target;\n    for (\n      let i = columnIndex + delta;\n      i >= 0 && i < columns.length;\n      i += delta\n    ) {\n      if (columns[i].declared) {\n        target = columns[i];\n        break;\n      }\n    }\n    if (!target) return;\n    event.preventDefault();\n    void commit(id, target.stage.id);\n  };\n\n  const state = (content: React.ReactNode) => (\n    <div\n      data-slot=\"board-view-state\"\n      className={cn(\n        'border-border bg-card text-muted-foreground flex flex-col items-center justify-center gap-2 rounded-lg border px-4 py-10 text-center text-sm',\n        classNames?.state\n      )}\n    >\n      {content}\n    </div>\n  );\n\n  if (error) {\n    return state(\n      <p role=\"alert\" className=\"text-destructive\">\n        {text.error}\n      </p>\n    );\n  }\n  if (loading) {\n    return state(\n      <span className=\"flex items-center gap-2\">\n        <Spinner size=\"sm\" label={text.loading} />\n        <span aria-hidden>{text.loading}</span>\n      </span>\n    );\n  }\n  if (items.length === 0 && emptyState) return <>{emptyState}</>;\n\n  const draggingItem = draggingId ? byId.get(draggingId) : undefined;\n\n  return (\n    <DndContext\n      sensors={sensors}\n      collisionDetection={pointerWithin}\n      onDragStart={onDragStart}\n      onDragEnd={onDragEnd}\n      onDragCancel={() => setDraggingId(null)}\n    >\n      <div\n        data-slot=\"board-view\"\n        // Scrollable content must be keyboard operable (WCAG 2.1.1), which axe\n        // enforces as scrollable-region-focusable. jsx-a11y disagrees for\n        // non-interactive elements; the success criterion wins.\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n        tabIndex={0}\n        role=\"group\"\n        aria-label={text.board}\n        className={cn(\n          // Columns on one scrolling row once there is room; stacked below it,\n          // because five 288px columns on a phone is a horizontal maze.\n          'flex flex-col gap-3 sm:flex-row sm:overflow-x-auto sm:pb-2',\n          className\n        )}\n      >\n        {columns.map((column, columnIndex) => (\n          <BoardColumn\n            key={column.stage.id}\n            stage={column.stage}\n            droppable={column.declared && Boolean(onMove)}\n            headerId={`${baseId}-col-${columnIndex}`}\n            count={column.items.length}\n            headingLevel={headingLevel}\n            classNames={classNames}\n          >\n            <ul\n              aria-labelledby={`${baseId}-col-${columnIndex}`}\n              className=\"flex flex-1 flex-col gap-2 p-2\"\n            >\n              {column.items.map((item) => {\n                const id = accessors.getId(item);\n                return (\n                  <BoardCard\n                    key={id}\n                    id={id}\n                    title={accessors.getTitle(item)}\n                    subtitle={accessors.getSubtitle?.(item)}\n                    accent={accessors.getAccent?.(item)}\n                    selected={id === selectedId}\n                    pending={pending.has(id)}\n                    draggable={Boolean(onMove)}\n                    hint={onMove ? hintId : undefined}\n                    href={getHref?.(id, item)}\n                    className={cn(\n                      cardVariants({\n                        density,\n                        interactive: Boolean(onOpen),\n                        selected: id === selectedId,\n                        pending: pending.has(id),\n                      }),\n                      classNames?.card,\n                      id === selectedId && classNames?.selectedCard\n                    )}\n                    onOpen={onOpen ? () => onOpen(id, item) : undefined}\n                    onKeyDown={(event) => onCardKeyDown(event, id, columnIndex)}\n                  >\n                    {renderItem?.(item, { view: 'board' })}\n                  </BoardCard>\n                );\n              })}\n              {column.items.length === 0 && (\n                <li className=\"text-muted-foreground px-1 py-2 text-xs\">\n                  {text.empty}\n                </li>\n              )}\n            </ul>\n          </BoardColumn>\n        ))}\n      </div>\n\n      {onMove && (\n        <span id={hintId} className=\"sr-only\">\n          {text.moveHint}\n        </span>\n      )}\n      {/* Separate from dnd-kit's own drag live region: this announces moves\n          made by keyboard command, which are not drags. */}\n      <span\n        data-slot=\"board-view-announcer\"\n        role=\"status\"\n        aria-live=\"polite\"\n        className=\"sr-only\"\n      >\n        {announcement}\n      </span>\n\n      <DragOverlay>\n        {draggingItem && (\n          <div className={cn(cardVariants({ density }), 'shadow-lg')}>\n            <span className=\"text-foreground block text-sm font-medium\">\n              {accessors.getTitle(draggingItem)}\n            </span>\n          </div>\n        )}\n      </DragOverlay>\n    </DndContext>\n  );\n}\n\nexport { cardVariants as boardViewCardVariants };\n"]}

package/dist/chunk-4NCDU5IG.cjs

@@ -0,0 +1,56 @@
+'use strict';
+
+var luxon = require('luxon');
+
+// src/views/types.ts
+var defaultViewLabels = {
+  viewSwitcher: "View",
+  loading: "Loading",
+  empty: "Nothing to show",
+  error: "Could not load this view",
+  retry: "Try again",
+  ungrouped: "Ungrouped"
+};
+function toDateTime(value, zone) {
+  if (value == null) return null;
+  const dt = value instanceof Date ? luxon.DateTime.fromJSDate(value, { zone }) : luxon.DateTime.fromISO(value, { zone });
+  return dt.isValid ? dt : null;
+}
+var accentClasses = {
+  primary: {
+    tint: "bg-primary-500/10",
+    border: "border-primary-500/40",
+    marker: "bg-primary-500"
+  },
+  success: {
+    tint: "bg-success/10",
+    border: "border-success/40",
+    marker: "bg-success"
+  },
+  warning: {
+    tint: "bg-warning/10",
+    border: "border-warning/40",
+    marker: "bg-warning"
+  },
+  destructive: {
+    tint: "bg-destructive/10",
+    border: "border-destructive/40",
+    marker: "bg-destructive"
+  },
+  info: {
+    tint: "bg-info/10",
+    border: "border-info/40",
+    marker: "bg-info"
+  },
+  neutral: {
+    tint: "bg-muted",
+    border: "border-border",
+    marker: "bg-muted-foreground"
+  }
+};
+
+exports.accentClasses = accentClasses;
+exports.defaultViewLabels = defaultViewLabels;
+exports.toDateTime = toDateTime;
+//# sourceMappingURL=chunk-4NCDU5IG.cjs.map
+//# sourceMappingURL=chunk-4NCDU5IG.cjs.map

package/dist/chunk-4NCDU5IG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/views/types.ts"],"names":["DateTime"],"mappings":";;;;;AAmFO,IAAM,iBAAA,GAAgC;AAAA,EAC3C,YAAA,EAAc,MAAA;AAAA,EACd,OAAA,EAAS,SAAA;AAAA,EACT,KAAA,EAAO,iBAAA;AAAA,EACP,KAAA,EAAO,0BAAA;AAAA,EACP,KAAA,EAAO,WAAA;AAAA,EACP,SAAA,EAAW;AACb;AAoCO,SAAS,UAAA,CACd,OACA,IAAA,EACiB;AACjB,EAAA,IAAI,KAAA,IAAS,MAAM,OAAO,IAAA;AAC1B,EAAA,MAAM,EAAA,GACJ,KAAA,YAAiB,IAAA,GACbA,cAAA,CAAS,WAAW,KAAA,EAAO,EAAE,IAAA,EAAM,IACnCA,cAAA,CAAS,OAAA,CAAQ,KAAA,EAAO,EAAE,MAAM,CAAA;AACtC,EAAA,OAAO,EAAA,CAAG,UAAU,EAAA,GAAK,IAAA;AAC3B;AAWO,IAAM,aAAA,GAGT;AAAA,EACF,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,mBAAA;AAAA,IACN,MAAA,EAAQ,uBAAA;AAAA,IACR,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,eAAA;AAAA,IACN,MAAA,EAAQ,mBAAA;AAAA,IACR,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,eAAA;AAAA,IACN,MAAA,EAAQ,mBAAA;AAAA,IACR,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,mBAAA;AAAA,IACN,MAAA,EAAQ,uBAAA;AAAA,IACR,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,YAAA;AAAA,IACN,MAAA,EAAQ,gBAAA;AAAA,IACR,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,UAAA;AAAA,IACN,MAAA,EAAQ,eAAA;AAAA,IACR,MAAA,EAAQ;AAAA;AAEZ","file":"chunk-4NCDU5IG.cjs","sourcesContent":["/**\n * The contract every component in the `Modules/Views` family reads through.\n *\n * A page describes its collection once — which field is the id, the title, the\n * status, the start date — and every view understands it. That is the whole\n * reason the family exists: without it each view needs its own adapter and you\n * end up re-implementing the same board per entity.\n *\n * Views are headless. Nothing here fetches, subscribes, or navigates.\n * See CONTRIBUTING → \"Modules: headless data components\".\n */\nimport type * as React from 'react';\nimport { DateTime } from 'luxon';\n\n/**\n * Which layout is on screen. `overview` and `table` are rendered by the host\n * through `ViewSet` slots rather than by a component in this family — a tabular\n * collection is `DataVisNitroGrid`, and an overview is domain content.\n */\nexport type ViewId =\n  | 'overview'\n  | 'list'\n  | 'board'\n  | 'calendar'\n  | 'gantt'\n  | 'roadmap'\n  | 'table';\n\n/**\n * A semantic colour name, resolved to `--mieweb-*` tokens by each view.\n *\n * Accessors return one of these rather than a class string so a caller cannot\n * hardcode a palette that breaks under another brand or in dark mode.\n */\nexport type Accent =\n  | 'primary'\n  | 'success'\n  | 'warning'\n  | 'destructive'\n  | 'info'\n  | 'neutral';\n\n/** A named stage: a board column, and the segments of a stage bar. */\nexport interface Stage {\n  id: string;\n  label: string;\n  accent?: Accent;\n}\n\n/**\n * How a view reads one item. Only `getId` and `getTitle` are always required;\n * each view documents which of the rest it needs (a board needs `getStatus`, a\n * Gantt needs `getStart`) and renders an explanatory empty state without them.\n */\nexport interface ViewAccessors<T> {\n  getId: (item: T) => string;\n  getTitle: (item: T) => string;\n  /** Secondary line under the title. */\n  getSubtitle?: (item: T) => string | undefined;\n  /** Board column and list group; matched against `Stage['id']`. */\n  getStatus?: (item: T) => string;\n  /** Gantt bar start, calendar placement. */\n  getStart?: (item: T) => Date | string | null | undefined;\n  /** Gantt bar end, calendar span. Falls back to the start when absent. */\n  getEnd?: (item: T) => Date | string | null | undefined;\n  /** Swimlane in a roadmap, row group in a Gantt. */\n  getGroup?: (item: T) => string | undefined;\n  getAccent?: (item: T) => Accent;\n}\n\n/** Strings a view renders. Every one is overridable; the defaults are English. */\nexport interface ViewLabels {\n  /** Accessible name of the view switcher group. */\n  viewSwitcher: string;\n  loading: string;\n  empty: string;\n  error: string;\n  /** Action on the error state. */\n  retry: string;\n  /** Heading for the group a record with no status or group falls into. */\n  ungrouped: string;\n}\n\nexport const defaultViewLabels: ViewLabels = {\n  viewSwitcher: 'View',\n  loading: 'Loading',\n  empty: 'Nothing to show',\n  error: 'Could not load this view',\n  retry: 'Try again',\n  ungrouped: 'Ungrouped',\n};\n\n/**\n * Props every view accepts. Views are controlled: selection, the active view and\n * filter state live in the page, and every change is handed back.\n */\nexport interface ViewBaseProps<T> {\n  items: T[];\n  accessors: ViewAccessors<T>;\n  loading?: boolean;\n  error?: Error | null;\n  selectedId?: string | null;\n  /** Called when the user activates an item. */\n  onOpen?: (id: string, item: T) => void;\n  /** Return a URL to render each item as a real anchor — middle-clickable and crawlable. */\n  getHref?: (id: string, item: T) => string;\n  /** Render one item. Receives the active view so one function can serve several. */\n  renderItem?: (item: T, context: { view: ViewId }) => React.ReactNode;\n  /** Replaces the built-in empty state. */\n  emptyState?: React.ReactNode;\n  labels?: Partial<ViewLabels>;\n  /** Pins \"today\" so stories, tests and visual snapshots stay deterministic. */\n  now?: Date;\n  className?: string;\n}\n\n/**\n * Reads an accessor's date in the view's zone.\n *\n * `DateTime.fromISO` is what makes this correct for both shapes an accessor may\n * return. A date-only string is a wall date — `2026-03-10` means that calendar\n * day where the collection lives, not UTC midnight, which is the 9th in the\n * Americas — while a full timestamp is an instant and gets converted. Going via\n * `new Date()` would collapse the first case into the second and shift the item\n * onto the previous day in every zone behind UTC.\n */\nexport function toDateTime(\n  value: Date | string | null | undefined,\n  zone: string\n): DateTime | null {\n  if (value == null) return null;\n  const dt =\n    value instanceof Date\n      ? DateTime.fromJSDate(value, { zone })\n      : DateTime.fromISO(value, { zone });\n  return dt.isValid ? dt : null;\n}\n\n/**\n * Tailwind classes per accent, so every view tints the same way.\n *\n * There is deliberately no text colour here. `--mieweb-success` and friends are\n * fill tokens: as ink on a surface — even their own 10% wash — they fail WCAG AA\n * contrast, which axe catches as a serious violation. So an accent is carried by\n * a wash, a border and a solid marker, and label text always uses a foreground\n * token. That also means colour is never the only signal.\n */\nexport const accentClasses: Record<\n  Accent,\n  { tint: string; border: string; marker: string }\n> = {\n  primary: {\n    tint: 'bg-primary-500/10',\n    border: 'border-primary-500/40',\n    marker: 'bg-primary-500',\n  },\n  success: {\n    tint: 'bg-success/10',\n    border: 'border-success/40',\n    marker: 'bg-success',\n  },\n  warning: {\n    tint: 'bg-warning/10',\n    border: 'border-warning/40',\n    marker: 'bg-warning',\n  },\n  destructive: {\n    tint: 'bg-destructive/10',\n    border: 'border-destructive/40',\n    marker: 'bg-destructive',\n  },\n  info: {\n    tint: 'bg-info/10',\n    border: 'border-info/40',\n    marker: 'bg-info',\n  },\n  neutral: {\n    tint: 'bg-muted',\n    border: 'border-border',\n    marker: 'bg-muted-foreground',\n  },\n};\n"]}