@mieweb/ui 0.10.0-dev.6 → 0.10.0-dev.7

package/dist/chunk-DZ5HFLRC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ListView/ListView.tsx"],"names":[],"mappings":"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","file":"chunk-DZ5HFLRC.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-G4D6CLBT.js

@@ -0,0 +1,333 @@
+import { defaultViewLabels, toDateTime, accentClasses } from './chunk-3YBS4WUQ.js';
+import { Spinner } from './chunk-UA7E7PDS.js';
+import { ChevronLeft, ChevronRight } from './chunk-BKSPDTX4.js';
+import { Button } from './chunk-GOALNQZ2.js';
+import { cn } from './chunk-TQONQSJO.js';
+import * as React from 'react';
+import { DateTime, Info } from 'luxon';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var defaultCalendarLabels = {
+  ...defaultViewLabels,
+  empty: "Nothing this month",
+  previousMonth: "Previous month",
+  nextMonth: "Next month",
+  today: "Today",
+  more: "{count} more"
+};
+function CalendarView({
+  items,
+  accessors,
+  loading = false,
+  error = null,
+  selectedId = null,
+  onOpen,
+  getHref,
+  renderItem,
+  emptyState,
+  labels,
+  month,
+  defaultMonth,
+  onMonthChange,
+  timeZone,
+  weekStartsOn = 1,
+  locale,
+  maxPerDay = 3,
+  now,
+  className,
+  classNames,
+  hideToolbar = false
+}) {
+  const text = { ...defaultCalendarLabels, ...labels };
+  const zone = timeZone ?? DateTime.local().zoneName;
+  const today = React.useMemo(
+    () => DateTime.fromJSDate(now ?? /* @__PURE__ */ new Date(), { zone }).startOf("day"),
+    [now, zone]
+  );
+  const [internalMonth, setInternalMonth] = React.useState(
+    () => defaultMonth ? DateTime.fromJSDate(defaultMonth, { zone }).startOf("month") : today.startOf("month")
+  );
+  const current = React.useMemo(() => {
+    const source = month ? DateTime.fromJSDate(month, { zone }) : internalMonth;
+    return DateTime.fromObject(
+      { year: source.year, month: source.month, day: 1 },
+      { zone }
+    );
+  }, [month, internalMonth, zone]);
+  const goToMonth = (next) => {
+    if (!month) setInternalMonth(next);
+    onMonthChange?.(next.toJSDate());
+  };
+  const gridStart = React.useMemo(() => {
+    const first = current.startOf("month");
+    const offset = (first.weekday - weekStartsOn + 7) % 7;
+    return first.minus({ days: offset });
+  }, [current, weekStartsOn]);
+  const days = React.useMemo(
+    () => Array.from({ length: 42 }, (_, i) => gridStart.plus({ days: i })),
+    [gridStart]
+  );
+  const weeks = React.useMemo(
+    () => Array.from({ length: 6 }, (_, i) => days.slice(i * 7, i * 7 + 7)),
+    [days]
+  );
+  const placed = React.useMemo(() => {
+    const out = [];
+    for (const item of items) {
+      const start = toDateTime(accessors.getStart?.(item), zone)?.startOf(
+        "day"
+      );
+      if (!start) continue;
+      const rawEnd = toDateTime(accessors.getEnd?.(item), zone)?.startOf("day");
+      const end = rawEnd ?? start;
+      out.push({
+        id: accessors.getId(item),
+        item,
+        start,
+        // A backwards range is data, not a crash: clamp it to one day.
+        end: end < start ? start : end
+      });
+    }
+    return out;
+  }, [items, accessors, zone]);
+  const byDay = React.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const day of days) {
+      const key = day.toISODate() ?? "";
+      map.set(
+        key,
+        placed.filter((p) => p.start <= day && day <= p.end)
+      );
+    }
+    return map;
+  }, [days, placed]);
+  const weekdayNames = React.useMemo(() => {
+    const names = Info.weekdays("short", { locale });
+    return Array.from(
+      { length: 7 },
+      (_, i) => names[(weekStartsOn - 1 + i) % 7]
+    );
+  }, [locale, weekStartsOn]);
+  const state = (content) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "calendar-view-state",
+      className: 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__ */ jsx("p", { role: "alert", className: "text-destructive", children: text.error })
+    );
+  }
+  if (loading) {
+    return state(
+      /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Spinner, { size: "sm", label: text.loading }),
+        /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: text.loading })
+      ] })
+    );
+  }
+  const monthLabel = current.setLocale(locale ?? current.locale ?? "en").toFormat("LLLL yyyy");
+  const nothingPlaced = placed.length === 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "calendar-view",
+      className: cn(
+        "border-border bg-card overflow-hidden rounded-lg border",
+        className
+      ),
+      children: [
+        !hideToolbar && /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-slot": "calendar-view-toolbar",
+            className: cn(
+              "border-border flex items-center gap-2 border-b px-3 py-2",
+              classNames?.toolbar
+            ),
+            children: [
+              /* @__PURE__ */ jsx("h3", { "aria-live": "polite", className: "text-sm font-semibold", children: monthLabel }),
+              /* @__PURE__ */ jsxs("div", { className: "ms-auto flex items-center gap-1", children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    "aria-label": text.previousMonth,
+                    onClick: () => goToMonth(current.minus({ months: 1 })),
+                    children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4 rtl:rotate-180", "aria-hidden": true })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    onClick: () => goToMonth(today.startOf("month")),
+                    children: text.today
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    "aria-label": text.nextMonth,
+                    onClick: () => goToMonth(current.plus({ months: 1 })),
+                    children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4 rtl:rotate-180", "aria-hidden": true })
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        nothingPlaced && emptyState ? emptyState : (
+          // `table`, not `grid`: a grid promises arrow-key navigation between
+          // cells, which this does not implement. Rows are explicit because a
+          // columnheader or cell outside one is invalid ARIA, not just untidy.
+          /* @__PURE__ */ jsxs("div", { role: "table", "aria-label": monthLabel, children: [
+            /* @__PURE__ */ jsx("div", { role: "rowgroup", children: /* @__PURE__ */ jsx("div", { role: "row", className: "border-border grid grid-cols-7 border-b", children: weekdayNames.map((name) => /* @__PURE__ */ jsx(
+              "div",
+              {
+                role: "columnheader",
+                "data-slot": "calendar-view-weekday",
+                className: cn(
+                  "text-muted-foreground px-2 py-1.5 text-center text-xs font-medium tracking-wide uppercase",
+                  classNames?.weekday
+                ),
+                children: name
+              },
+              name
+            )) }) }),
+            /* @__PURE__ */ jsx("div", { role: "rowgroup", children: weeks.map((week) => /* @__PURE__ */ jsx(
+              "div",
+              {
+                role: "row",
+                className: "grid grid-cols-7",
+                children: week.map((day) => {
+                  const key = day.toISODate() ?? "";
+                  const entries = byDay.get(key) ?? [];
+                  const outside = day.month !== current.month;
+                  const isToday = day.hasSame(today, "day");
+                  const visible = entries.slice(0, maxPerDay);
+                  const overflow = entries.length - visible.length;
+                  return /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      role: "cell",
+                      "data-slot": "calendar-view-day",
+                      "data-outside": outside || void 0,
+                      "data-today": isToday || void 0,
+                      className: cn(
+                        "border-border min-h-24 border-e border-b p-1 last:border-e-0",
+                        outside && cn("bg-muted/30", classNames?.outsideDay),
+                        isToday && classNames?.today,
+                        classNames?.day
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsxs(
+                          "div",
+                          {
+                            className: cn(
+                              "mb-1 flex h-5 w-5 items-center justify-center rounded-full text-xs tabular-nums",
+                              outside ? "text-muted-foreground" : "text-foreground",
+                              // primary-800, not 500: white on the mid scale is
+                              // about 2:1 and fails AA. Same pair Button uses.
+                              isToday && "bg-primary-800 font-semibold text-white"
+                            ),
+                            children: [
+                              /* @__PURE__ */ jsx("time", { dateTime: key, children: day.day }),
+                              isToday && /* @__PURE__ */ jsx("span", { className: "sr-only", children: text.today })
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs("ul", { className: "space-y-0.5", children: [
+                          visible.map(({ id, item, start, end }) => {
+                            const accent = accessors.getAccent?.(item) ?? "primary";
+                            const selected = id === selectedId;
+                            const body = renderItem?.(item, {
+                              view: "calendar"
+                            }) ?? /* @__PURE__ */ jsx("span", { className: "block truncate", children: accessors.getTitle(item) });
+                            const classes = cn(
+                              "block w-full rounded px-1 py-0.5 text-start text-xs text-foreground",
+                              accentClasses[accent].tint,
+                              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                              classNames?.entry,
+                              selected && cn(
+                                "ring-1",
+                                accentClasses[accent].border,
+                                classNames?.selectedEntry
+                              )
+                            );
+                            const spanLabel = start.hasSame(end, "day") ? void 0 : `${accessors.getTitle(item)}, ${start.toISODate()} to ${end.toISODate()}`;
+                            const href = getHref?.(id, item);
+                            return /* @__PURE__ */ jsx("li", { children: href ? /* @__PURE__ */ jsx(
+                              "a",
+                              {
+                                href,
+                                "aria-label": spanLabel,
+                                "aria-current": selected ? "true" : void 0,
+                                "data-slot": "calendar-view-entry",
+                                className: classes,
+                                onClick: (event) => {
+                                  if (!onOpen || event.defaultPrevented || event.metaKey || event.ctrlKey || event.shiftKey || event.button !== 0)
+                                    return;
+                                  event.preventDefault();
+                                  onOpen(id, item);
+                                },
+                                children: body
+                              }
+                            ) : onOpen ? /* @__PURE__ */ jsx(
+                              "button",
+                              {
+                                type: "button",
+                                "aria-label": spanLabel,
+                                "aria-current": selected ? "true" : void 0,
+                                "data-slot": "calendar-view-entry",
+                                className: classes,
+                                onClick: () => onOpen(id, item),
+                                children: body
+                              }
+                            ) : (
+                              // `aria-label` is prohibited on role `generic`,
+                              // so the range rides along as hidden text here.
+                              /* @__PURE__ */ jsxs(
+                                "span",
+                                {
+                                  "data-slot": "calendar-view-entry",
+                                  className: classes,
+                                  children: [
+                                    body,
+                                    spanLabel && /* @__PURE__ */ jsx("span", { className: "sr-only", children: `, ${start.toISODate()} to ${end.toISODate()}` })
+                                  ]
+                                }
+                              )
+                            ) }, id);
+                          }),
+                          overflow > 0 && /* @__PURE__ */ jsx("li", { className: "text-muted-foreground px-1 text-xs", children: text.more.replace("{count}", String(overflow)) })
+                        ] })
+                      ]
+                    },
+                    key
+                  );
+                })
+              },
+              week[0].toISODate()
+            )) }),
+            nothingPlaced && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground px-3 py-2 text-center text-sm", children: text.empty })
+          ] })
+        )
+      ]
+    }
+  );
+}
+
+export { CalendarView, defaultCalendarLabels };
+//# sourceMappingURL=chunk-G4D6CLBT.js.map
+//# sourceMappingURL=chunk-G4D6CLBT.js.map

package/dist/chunk-G4D6CLBT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CalendarView/CalendarView.tsx"],"names":[],"mappings":"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","file":"chunk-G4D6CLBT.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { DateTime, Info } from 'luxon';\nimport { cn } from '../../utils/cn';\nimport { Spinner } from '../Spinner';\nimport { Button } from '../Button';\nimport { ChevronLeftIcon, ChevronRightIcon } from '../Icons';\nimport {\n  accentClasses,\n  defaultViewLabels,\n  toDateTime,\n  type ViewBaseProps,\n  type ViewLabels,\n} from '../../views/types';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type CalendarViewSlot =\n  | 'toolbar'\n  | 'weekday'\n  | 'day'\n  | 'outsideDay'\n  | 'today'\n  | 'entry'\n  | 'selectedEntry'\n  | 'state';\n\nexport interface CalendarLabels extends ViewLabels {\n  previousMonth: string;\n  nextMonth: string;\n  today: string;\n  /** Overflow affordance. `{count}` is substituted. */\n  more: string;\n}\n\nexport const defaultCalendarLabels: CalendarLabels = {\n  ...defaultViewLabels,\n  empty: 'Nothing this month',\n  previousMonth: 'Previous month',\n  nextMonth: 'Next month',\n  today: 'Today',\n  more: '{count} more',\n};\n\nexport interface CalendarViewProps<T> extends ViewBaseProps<T> {\n  /** Controlled month. Any date inside the month works. */\n  month?: Date;\n  /** Starting month when uncontrolled. Defaults to the month containing `now`. */\n  defaultMonth?: Date;\n  onMonthChange?: (month: Date) => void;\n  /**\n   * IANA zone the grid is drawn in, e.g. `America/New_York`. Defaults to the\n   * runtime's. A day boundary is a business fact, so state it explicitly when\n   * the collection belongs to somewhere other than the viewer.\n   */\n  timeZone?: string;\n  /** 1 = Monday … 7 = Sunday. Defaults to Monday. */\n  weekStartsOn?: number;\n  /** Locale for month, weekday and day-number formatting. */\n  locale?: string;\n  /** Entries to show per day before collapsing into \"{count} more\". */\n  maxPerDay?: number;\n  labels?: Partial<CalendarLabels>;\n  classNames?: Partial<Record<CalendarViewSlot, string>>;\n  /** Hide the month toolbar when the host renders its own. */\n  hideToolbar?: boolean;\n}\n\ninterface Placed<T> {\n  id: string;\n  item: T;\n  start: DateTime;\n  end: DateTime;\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\nexport function CalendarView<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  month,\n  defaultMonth,\n  onMonthChange,\n  timeZone,\n  weekStartsOn = 1,\n  locale,\n  maxPerDay = 3,\n  now,\n  className,\n  classNames,\n  hideToolbar = false,\n}: CalendarViewProps<T>) {\n  const text = { ...defaultCalendarLabels, ...labels };\n  const zone = timeZone ?? DateTime.local().zoneName;\n  const today = React.useMemo(\n    () => DateTime.fromJSDate(now ?? new Date(), { zone }).startOf('day'),\n    [now, zone]\n  );\n\n  const [internalMonth, setInternalMonth] = React.useState(() =>\n    defaultMonth\n      ? DateTime.fromJSDate(defaultMonth, { zone }).startOf('month')\n      : today.startOf('month')\n  );\n  // Re-anchor from the calendar year and month rather than the instant: an\n  // instant on the 1st shifted into a behind-UTC zone lands in the month before.\n  const current = React.useMemo(() => {\n    const source = month ? DateTime.fromJSDate(month, { zone }) : internalMonth;\n    return DateTime.fromObject(\n      { year: source.year, month: source.month, day: 1 },\n      { zone }\n    );\n  }, [month, internalMonth, zone]);\n\n  const goToMonth = (next: DateTime) => {\n    if (!month) setInternalMonth(next);\n    onMonthChange?.(next.toJSDate());\n  };\n\n  // Six weeks always, so the grid does not change height between months.\n  const gridStart = React.useMemo(() => {\n    const first = current.startOf('month');\n    const offset = (first.weekday - weekStartsOn + 7) % 7;\n    return first.minus({ days: offset });\n  }, [current, weekStartsOn]);\n\n  const days = React.useMemo(\n    () => Array.from({ length: 42 }, (_, i) => gridStart.plus({ days: i })),\n    [gridStart]\n  );\n\n  const weeks = React.useMemo(\n    () => Array.from({ length: 6 }, (_, i) => days.slice(i * 7, i * 7 + 7)),\n    [days]\n  );\n\n  const placed = React.useMemo<Placed<T>[]>(() => {\n    const out: Placed<T>[] = [];\n    for (const item of items) {\n      const start = toDateTime(accessors.getStart?.(item), zone)?.startOf(\n        'day'\n      );\n      if (!start) continue;\n      const rawEnd = toDateTime(accessors.getEnd?.(item), zone)?.startOf('day');\n      const end = rawEnd ?? start;\n      out.push({\n        id: accessors.getId(item),\n        item,\n        start,\n        // A backwards range is data, not a crash: clamp it to one day.\n        end: end < start ? start : end,\n      });\n    }\n    return out;\n  }, [items, accessors, zone]);\n\n  const byDay = React.useMemo(() => {\n    const map = new Map<string, Placed<T>[]>();\n    for (const day of days) {\n      const key = day.toISODate() ?? '';\n      map.set(\n        key,\n        placed.filter((p) => p.start <= day && day <= p.end)\n      );\n    }\n    return map;\n  }, [days, placed]);\n\n  const weekdayNames = React.useMemo(() => {\n    const names = Info.weekdays('short', { locale });\n    return Array.from(\n      { length: 7 },\n      (_, i) => names[(weekStartsOn - 1 + i) % 7]\n    );\n  }, [locale, weekStartsOn]);\n\n  const state = (content: React.ReactNode) => (\n    <div\n      data-slot=\"calendar-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\n  const monthLabel = current\n    .setLocale(locale ?? current.locale ?? 'en')\n    .toFormat('LLLL yyyy');\n  const nothingPlaced = placed.length === 0;\n\n  return (\n    <div\n      data-slot=\"calendar-view\"\n      className={cn(\n        'border-border bg-card overflow-hidden rounded-lg border',\n        className\n      )}\n    >\n      {!hideToolbar && (\n        <div\n          data-slot=\"calendar-view-toolbar\"\n          className={cn(\n            'border-border flex items-center gap-2 border-b px-3 py-2',\n            classNames?.toolbar\n          )}\n        >\n          <h3 aria-live=\"polite\" className=\"text-sm font-semibold\">\n            {monthLabel}\n          </h3>\n          <div className=\"ms-auto flex items-center gap-1\">\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              aria-label={text.previousMonth}\n              onClick={() => goToMonth(current.minus({ months: 1 }))}\n            >\n              <ChevronLeftIcon className=\"size-4 rtl:rotate-180\" aria-hidden />\n            </Button>\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={() => goToMonth(today.startOf('month'))}\n            >\n              {text.today}\n            </Button>\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              aria-label={text.nextMonth}\n              onClick={() => goToMonth(current.plus({ months: 1 }))}\n            >\n              <ChevronRightIcon className=\"size-4 rtl:rotate-180\" aria-hidden />\n            </Button>\n          </div>\n        </div>\n      )}\n\n      {nothingPlaced && emptyState ? (\n        emptyState\n      ) : (\n        // `table`, not `grid`: a grid promises arrow-key navigation between\n        // cells, which this does not implement. Rows are explicit because a\n        // columnheader or cell outside one is invalid ARIA, not just untidy.\n        <div role=\"table\" aria-label={monthLabel}>\n          <div role=\"rowgroup\">\n            <div role=\"row\" className=\"border-border grid grid-cols-7 border-b\">\n              {weekdayNames.map((name) => (\n                <div\n                  key={name}\n                  role=\"columnheader\"\n                  data-slot=\"calendar-view-weekday\"\n                  className={cn(\n                    'text-muted-foreground px-2 py-1.5 text-center text-xs font-medium tracking-wide uppercase',\n                    classNames?.weekday\n                  )}\n                >\n                  {name}\n                </div>\n              ))}\n            </div>\n          </div>\n          <div role=\"rowgroup\">\n            {weeks.map((week) => (\n              <div\n                key={week[0].toISODate()}\n                role=\"row\"\n                className=\"grid grid-cols-7\"\n              >\n                {week.map((day) => {\n                  const key = day.toISODate() ?? '';\n                  const entries = byDay.get(key) ?? [];\n                  const outside = day.month !== current.month;\n                  const isToday = day.hasSame(today, 'day');\n                  const visible = entries.slice(0, maxPerDay);\n                  const overflow = entries.length - visible.length;\n                  return (\n                    <div\n                      key={key}\n                      role=\"cell\"\n                      data-slot=\"calendar-view-day\"\n                      data-outside={outside || undefined}\n                      data-today={isToday || undefined}\n                      className={cn(\n                        'border-border min-h-24 border-e border-b p-1 last:border-e-0',\n                        outside && cn('bg-muted/30', classNames?.outsideDay),\n                        isToday && classNames?.today,\n                        classNames?.day\n                      )}\n                    >\n                      <div\n                        className={cn(\n                          'mb-1 flex h-5 w-5 items-center justify-center rounded-full text-xs tabular-nums',\n                          outside ? 'text-muted-foreground' : 'text-foreground',\n                          // primary-800, not 500: white on the mid scale is\n                          // about 2:1 and fails AA. Same pair Button uses.\n                          isToday && 'bg-primary-800 font-semibold text-white'\n                        )}\n                      >\n                        <time dateTime={key}>{day.day}</time>\n                        {isToday && (\n                          <span className=\"sr-only\">{text.today}</span>\n                        )}\n                      </div>\n                      <ul className=\"space-y-0.5\">\n                        {visible.map(({ id, item, start, end }) => {\n                          const accent =\n                            accessors.getAccent?.(item) ?? 'primary';\n                          const selected = id === selectedId;\n                          const body = renderItem?.(item, {\n                            view: 'calendar',\n                          }) ?? (\n                            <span className=\"block truncate\">\n                              {accessors.getTitle(item)}\n                            </span>\n                          );\n                          const classes = cn(\n                            'block w-full rounded px-1 py-0.5 text-start text-xs text-foreground',\n                            accentClasses[accent].tint,\n                            'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n                            classNames?.entry,\n                            selected &&\n                              cn(\n                                'ring-1',\n                                accentClasses[accent].border,\n                                classNames?.selectedEntry\n                              )\n                          );\n                          // A multi-day item repeats on each day it covers; the\n                          // range is in the accessible name, not in the geometry.\n                          const spanLabel = start.hasSame(end, 'day')\n                            ? undefined\n                            : `${accessors.getTitle(item)}, ${start.toISODate()} to ${end.toISODate()}`;\n                          const href = getHref?.(id, item);\n                          return (\n                            <li key={id}>\n                              {href ? (\n                                <a\n                                  href={href}\n                                  aria-label={spanLabel}\n                                  aria-current={selected ? 'true' : undefined}\n                                  data-slot=\"calendar-view-entry\"\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                                  {body}\n                                </a>\n                              ) : onOpen ? (\n                                <button\n                                  type=\"button\"\n                                  aria-label={spanLabel}\n                                  aria-current={selected ? 'true' : undefined}\n                                  data-slot=\"calendar-view-entry\"\n                                  className={classes}\n                                  onClick={() => onOpen(id, item)}\n                                >\n                                  {body}\n                                </button>\n                              ) : (\n                                // `aria-label` is prohibited on role `generic`,\n                                // so the range rides along as hidden text here.\n                                <span\n                                  data-slot=\"calendar-view-entry\"\n                                  className={classes}\n                                >\n                                  {body}\n                                  {spanLabel && (\n                                    <span className=\"sr-only\">\n                                      {`, ${start.toISODate()} to ${end.toISODate()}`}\n                                    </span>\n                                  )}\n                                </span>\n                              )}\n                            </li>\n                          );\n                        })}\n                        {overflow > 0 && (\n                          <li className=\"text-muted-foreground px-1 text-xs\">\n                            {text.more.replace('{count}', String(overflow))}\n                          </li>\n                        )}\n                      </ul>\n                    </div>\n                  );\n                })}\n              </div>\n            ))}\n          </div>\n          {nothingPlaced && (\n            <p className=\"text-muted-foreground px-3 py-2 text-center text-sm\">\n              {text.empty}\n            </p>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/chunk-IT775BYG.js

@@ -0,0 +1,179 @@
+import { defaultViewLabels } from './chunk-3YBS4WUQ.js';
+import { Table, BarChart3, Calendar, Columns, List, LayoutGrid } from './chunk-BKSPDTX4.js';
+import { cn } from './chunk-TQONQSJO.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var VIEW_META = {
+  overview: { label: "Overview", icon: LayoutGrid },
+  list: { label: "List", icon: List },
+  board: { label: "Board", icon: Columns },
+  calendar: { label: "Calendar", icon: Calendar },
+  gantt: { label: "Gantt", icon: BarChart3 },
+  roadmap: { label: "Roadmap", icon: BarChart3 },
+  table: { label: "Table", icon: Table }
+};
+var viewSwitcherVariants = cva(
+  [
+    "inline-flex items-center gap-0.5",
+    "rounded-lg border border-border bg-muted p-0.5",
+    "overflow-x-auto"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "text-xs",
+        md: "text-sm"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+var optionVariants = cva(
+  [
+    "inline-flex shrink-0 items-center gap-1.5 rounded-md font-medium",
+    "transition-colors",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background",
+    "disabled:pointer-events-none disabled:opacity-50"
+  ],
+  {
+    variants: {
+      size: {
+        // 40px tall on touch, tighter once a pointer is likely.
+        sm: "min-h-10 px-2 py-2 sm:min-h-0 sm:px-2 sm:py-1",
+        md: "min-h-10 px-2.5 py-2 sm:min-h-0 sm:px-3 sm:py-1.5"
+      },
+      active: {
+        // A raised surface rather than tinted ink: an accent colour as text on
+        // its own wash fails AA contrast. Same treatment as Tabs' pills.
+        true: "bg-background text-foreground shadow-sm",
+        false: "text-muted-foreground hover:text-foreground"
+      }
+    },
+    defaultVariants: { size: "md", active: false }
+  }
+);
+var ViewSwitcher = React.forwardRef(
+  function ViewSwitcher2({
+    views,
+    value,
+    onValueChange,
+    label = defaultViewLabels.viewSwitcher,
+    showLabels = "responsive",
+    size,
+    className,
+    classNames,
+    ...rest
+  }, ref) {
+    const options = React.useMemo(
+      () => views.map((v) => typeof v === "string" ? { id: v } : v),
+      [views]
+    );
+    const refs = React.useRef({});
+    const select = (next) => {
+      if (!next || next.id === value) return;
+      onValueChange(next.id);
+      requestAnimationFrame(
+        () => refs.current[next.id]?.focus({ preventScroll: true })
+      );
+    };
+    const step = (delta) => {
+      const enabled = options.filter((o) => !o.disabled);
+      if (enabled.length === 0) return;
+      const current = enabled.findIndex((o) => o.id === value);
+      const from = current === -1 ? delta > 0 ? -1 : 0 : current;
+      select(enabled[(from + delta + enabled.length) % enabled.length]);
+    };
+    const onKeyDown = (event) => {
+      const enabled = options.filter((o) => !o.disabled);
+      const forward = getComputedStyle(event.currentTarget).direction === "rtl" ? -1 : 1;
+      switch (event.key) {
+        case "ArrowRight":
+          event.preventDefault();
+          step(forward);
+          break;
+        case "ArrowLeft":
+          event.preventDefault();
+          step(-forward);
+          break;
+        case "ArrowDown":
+          event.preventDefault();
+          step(1);
+          break;
+        case "ArrowUp":
+          event.preventDefault();
+          step(-1);
+          break;
+        case "Home":
+          event.preventDefault();
+          select(enabled[0]);
+          break;
+        case "End":
+          event.preventDefault();
+          select(enabled[enabled.length - 1]);
+          break;
+      }
+    };
+    const tabStopId = options.find((o) => o.id === value && !o.disabled)?.id ?? options.find((o) => !o.disabled)?.id;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "radiogroup",
+        "aria-label": label,
+        "data-slot": "view-switcher",
+        className: cn(viewSwitcherVariants({ size }), className),
+        ...rest,
+        children: options.map((option) => {
+          const meta = VIEW_META[option.id];
+          const Icon = option.icon ?? meta.icon;
+          const text = option.label ?? meta.label;
+          const active = option.id === value;
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              ref: (node) => {
+                refs.current[option.id] = node;
+              },
+              type: "button",
+              role: "radio",
+              "aria-checked": active,
+              "aria-label": showLabels === true ? void 0 : text,
+              title: text,
+              disabled: option.disabled,
+              tabIndex: option.id === tabStopId ? 0 : -1,
+              "data-slot": "view-switcher-option",
+              "data-view": option.id,
+              className: cn(
+                optionVariants({ size, active }),
+                classNames?.option,
+                active && classNames?.activeOption
+              ),
+              onClick: () => onValueChange(option.id),
+              onKeyDown,
+              children: [
+                /* @__PURE__ */ jsx(Icon, { className: "size-4 shrink-0", "aria-hidden": true }),
+                showLabels !== false && /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "data-slot": "view-switcher-label",
+                    className: cn(
+                      showLabels === "responsive" && "hidden sm:inline"
+                    ),
+                    children: text
+                  }
+                )
+              ]
+            },
+            option.id
+          );
+        })
+      }
+    );
+  }
+);
+
+export { ViewSwitcher, viewSwitcherVariants };
+//# sourceMappingURL=chunk-IT775BYG.js.map
+//# sourceMappingURL=chunk-IT775BYG.js.map