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

package/dist/chunk-XZNN3S3S.cjs

@@ -0,0 +1,281 @@
+'use strict';
+
+var chunk4NCDU5IG_cjs = require('./chunk-4NCDU5IG.cjs');
+var chunkXXVUHLQN_cjs = require('./chunk-XXVUHLQN.cjs');
+var chunkL7L5S2HO_cjs = require('./chunk-L7L5S2HO.cjs');
+var chunkVNYW4C4J_cjs = require('./chunk-VNYW4C4J.cjs');
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var React = require('react');
+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 itemVariants = classVarianceAuthority.cva(
+  [
+    "flex w-full items-start gap-3 border-b border-border px-3 text-start",
+    "last:border-b-0",
+    "transition-colors",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring"
+  ],
+  {
+    variants: {
+      density: {
+        comfortable: "py-3",
+        compact: "py-2"
+      },
+      interactive: {
+        true: "cursor-pointer hover:bg-muted",
+        false: ""
+      },
+      selected: {
+        true: "bg-primary-500/10",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      density: "comfortable",
+      interactive: false,
+      selected: false
+    }
+  }
+);
+function buildGroups(items, groupBy, accessors, ungrouped, stages) {
+  if (groupBy === "none") return [{ id: "", label: "", items }];
+  const read = groupBy === "status" ? accessors.getStatus : accessors.getGroup;
+  if (!read) return [{ id: "", label: "", items }];
+  const buckets = /* @__PURE__ */ new Map();
+  for (const item of items) {
+    const key = read(item) ?? "";
+    const bucket = buckets.get(key);
+    if (bucket) bucket.push(item);
+    else buckets.set(key, [item]);
+  }
+  const groups = [];
+  for (const stage of (groupBy === "status" ? stages : void 0) ?? []) {
+    groups.push({
+      id: stage.id,
+      label: stage.label,
+      accent: stage.accent,
+      items: buckets.get(stage.id) ?? []
+    });
+    buckets.delete(stage.id);
+  }
+  for (const [key, bucket] of buckets) {
+    groups.push({ id: key, label: key || ungrouped, items: bucket });
+  }
+  return groups;
+}
+function ListView({
+  items,
+  accessors,
+  loading = false,
+  error = null,
+  selectedId = null,
+  onOpen,
+  getHref,
+  renderItem,
+  emptyState,
+  labels,
+  stages,
+  groupBy = stages ? "status" : "none",
+  defaultCollapsedGroups,
+  onRetry,
+  density,
+  className,
+  classNames,
+  headingLevel: Heading = "h3"
+}) {
+  const text = { ...chunk4NCDU5IG_cjs.defaultViewLabels, ...labels };
+  const baseId = React__namespace.useId();
+  const [collapsed, setCollapsed] = React__namespace.useState(
+    () => new Set(defaultCollapsedGroups ?? [])
+  );
+  const groups = React__namespace.useMemo(
+    () => buildGroups(items, groupBy, accessors, text.ungrouped, stages),
+    [items, groupBy, accessors, text.ungrouped, stages]
+  );
+  const state = (content) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "list-view-state",
+      className: chunkS5RVSXDV_cjs.cn(
+        "text-muted-foreground flex flex-col items-center justify-center gap-2 px-4 py-10 text-center text-sm",
+        classNames?.state
+      ),
+      children: content
+    }
+  );
+  let body;
+  if (error) {
+    body = state(
+      /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "text-destructive", children: text.error }),
+        onRetry && /* @__PURE__ */ jsxRuntime.jsx(chunkVNYW4C4J_cjs.Button, { variant: "ghost", size: "sm", onClick: onRetry, children: text.retry })
+      ] })
+    );
+  } else if (loading) {
+    body = 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 })
+      ] })
+    );
+  } else if (items.length === 0) {
+    body = emptyState ?? state(text.empty);
+  } else {
+    body = groups.map((group, groupIndex) => {
+      const isCollapsed = collapsed.has(group.id);
+      const headerId = `${baseId}-group-${groupIndex}`;
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "section",
+        {
+          "data-slot": "list-view-group",
+          className: chunkS5RVSXDV_cjs.cn(classNames?.group),
+          children: [
+            group.label && /* @__PURE__ */ jsxRuntime.jsx(Heading, { className: "sticky top-0 z-10", children: /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                id: headerId,
+                "aria-expanded": !isCollapsed,
+                onClick: () => setCollapsed((prev) => {
+                  const next = new Set(prev);
+                  if (!next.delete(group.id)) next.add(group.id);
+                  return next;
+                }),
+                "data-slot": "list-view-group-header",
+                className: chunkS5RVSXDV_cjs.cn(
+                  "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",
+                  "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none focus-visible:ring-inset",
+                  classNames?.groupHeader
+                ),
+                children: [
+                  isCollapsed ? /* @__PURE__ */ jsxRuntime.jsx(
+                    chunkL7L5S2HO_cjs.ChevronRight,
+                    {
+                      className: "size-3.5 rtl:rotate-180",
+                      "aria-hidden": true
+                    }
+                  ) : /* @__PURE__ */ jsxRuntime.jsx(chunkL7L5S2HO_cjs.ChevronDown, { className: "size-3.5", "aria-hidden": true }),
+                  group.accent && /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      "aria-hidden": true,
+                      className: chunkS5RVSXDV_cjs.cn(
+                        "size-2 shrink-0 rounded-full",
+                        chunk4NCDU5IG_cjs.accentClasses[group.accent].marker
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: group.label }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ms-auto font-normal tabular-nums", children: group.items.length })
+                ]
+              }
+            ) }),
+            !isCollapsed && /* @__PURE__ */ jsxRuntime.jsxs("ul", { "aria-labelledby": group.label ? headerId : void 0, children: [
+              group.items.map((item) => {
+                const id = accessors.getId(item);
+                const selected = id === selectedId;
+                const accent = accessors.getAccent?.(item);
+                const subtitle = accessors.getSubtitle?.(item);
+                const content = renderItem?.(item, { view: "list" }) ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { 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 truncate font-medium", children: accessors.getTitle(item) }),
+                    subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground block truncate text-sm", children: subtitle })
+                  ] })
+                ] });
+                const classes = chunkS5RVSXDV_cjs.cn(
+                  itemVariants({
+                    density,
+                    interactive: Boolean(onOpen || getHref),
+                    selected
+                  }),
+                  classNames?.item,
+                  selected && classNames?.selectedItem
+                );
+                const href = getHref?.(id, item);
+                return /* @__PURE__ */ jsxRuntime.jsx("li", { children: href ? (
+                  // An anchor, not a handler, so the row is middle-clickable
+                  // and crawlable; onOpen still runs for router navigation.
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "a",
+                    {
+                      href,
+                      "aria-current": selected ? "true" : void 0,
+                      "data-slot": "list-view-item",
+                      className: classes,
+                      onClick: (event) => {
+                        if (!onOpen || event.defaultPrevented || event.metaKey || event.ctrlKey || event.shiftKey || event.button !== 0)
+                          return;
+                        event.preventDefault();
+                        onOpen(id, item);
+                      },
+                      children: content
+                    }
+                  )
+                ) : onOpen ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-current": selected ? "true" : void 0,
+                    "data-slot": "list-view-item",
+                    className: classes,
+                    onClick: () => onOpen(id, item),
+                    children: content
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "list-view-item", className: classes, children: content }) }, id);
+              }),
+              group.items.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("li", { className: "text-muted-foreground px-3 py-2 text-sm", children: text.empty })
+            ] })
+          ]
+        },
+        group.id
+      );
+    });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "list-view",
+      className: chunkS5RVSXDV_cjs.cn(
+        "border-border bg-card overflow-hidden rounded-lg border",
+        className
+      ),
+      children: body
+    }
+  );
+}
+
+exports.ListView = ListView;
+exports.itemVariants = itemVariants;
+//# sourceMappingURL=chunk-XZNN3S3S.cjs.map
+//# sourceMappingURL=chunk-XZNN3S3S.cjs.map

package/dist/chunk-XZNN3S3S.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ListView/ListView.tsx"],"names":["cva","defaultViewLabels","React","jsx","cn","jsxs","Fragment","Button","Spinner","ChevronRight","ChevronDown","accentClasses"],"mappings":"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","file":"chunk-XZNN3S3S.cjs","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-Y4QNLW7W.js

@@ -0,0 +1,300 @@
+import { defaultViewLabels, toDateTime, accentClasses } from './chunk-3YBS4WUQ.js';
+import { Spinner } from './chunk-UA7E7PDS.js';
+import { cn } from './chunk-TQONQSJO.js';
+import * as React from 'react';
+import { DateTime } from 'luxon';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+var defaultGanttLabels = {
+  ...defaultViewLabels,
+  empty: "Nothing to place on the timeline",
+  chart: "Timeline",
+  undated: "{count} without dates"
+};
+var CADENCE_UNIT = {
+  day: "day",
+  week: "week",
+  month: "month",
+  quarter: "quarter"
+};
+var CADENCE_FORMAT = {
+  day: "d LLL",
+  week: "'W'W",
+  month: "LLL",
+  quarter: "'Q'q yyyy"
+};
+function GanttView({
+  items,
+  accessors,
+  loading = false,
+  error = null,
+  selectedId = null,
+  onOpen,
+  getHref,
+  renderItem,
+  emptyState,
+  labels,
+  cadence = "week",
+  rangeStart,
+  rangeEnd,
+  groupByLane = false,
+  timeZone,
+  locale,
+  now,
+  className,
+  classNames,
+  headingLevel: Heading = "h3"
+}) {
+  const text = { ...defaultGanttLabels, ...labels };
+  const zone = timeZone ?? DateTime.local().zoneName;
+  const unit = CADENCE_UNIT[cadence];
+  const today = React.useMemo(
+    () => DateTime.fromJSDate(now ?? /* @__PURE__ */ new Date(), { zone }).startOf("day"),
+    [now, zone]
+  );
+  const dated = 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,
+        end: end < start ? start : end
+      });
+    }
+    return out;
+  }, [items, accessors, zone]);
+  const undatedCount = items.length - dated.length;
+  const columns = React.useMemo(() => {
+    if (dated.length === 0 && !rangeStart) return [];
+    const explicitStart = rangeStart ? DateTime.fromJSDate(rangeStart, { zone }) : null;
+    const first = explicitStart ?? dated.reduce((min, d) => d.start < min ? d.start : min, dated[0].start);
+    const last = rangeEnd ? DateTime.fromJSDate(rangeEnd, { zone }) : dated.length > 0 ? dated.reduce((max, d) => d.end > max ? d.end : max, dated[0].end) : first;
+    const out = [];
+    let cursor = first.startOf(unit);
+    const stop = last.startOf(unit);
+    if (stop < cursor) return [cursor];
+    while (cursor <= stop && out.length < 200) {
+      out.push(cursor);
+      cursor = cursor.plus({ [`${unit}s`]: 1 });
+    }
+    return out;
+  }, [dated, rangeStart, rangeEnd, unit, zone]);
+  const columnOf = React.useCallback(
+    (moment) => {
+      const target = moment.startOf(unit);
+      const index = columns.findIndex((c) => c.hasSame(target, unit));
+      return index >= 0 ? index : null;
+    },
+    [columns, unit]
+  );
+  const lanes = React.useMemo(() => {
+    const toBar = (d) => {
+      const last = columns.length - 1;
+      const from = columnOf(d.start);
+      const to = columnOf(d.end);
+      const start = from ?? (d.start < columns[0] ? 0 : null);
+      const end = to ?? (d.end > columns[last] ? last : null);
+      if (start === null || end === null || end < start) return null;
+      return {
+        id: d.id,
+        item: d.item,
+        column: start + 1,
+        span: end - start + 1
+      };
+    };
+    const bars = (source) => source.map(toBar).filter((b) => b !== null);
+    if (!groupByLane || !accessors.getGroup)
+      return [{ id: "", label: "", bars: bars(dated) }];
+    const buckets = /* @__PURE__ */ new Map();
+    for (const d of dated) {
+      const key = accessors.getGroup(d.item) ?? "";
+      const bucket = buckets.get(key);
+      if (bucket) bucket.push(d);
+      else buckets.set(key, [d]);
+    }
+    return [...buckets].map(([key, bucket]) => ({
+      id: key,
+      label: key || text.ungrouped,
+      bars: bars(bucket)
+    }));
+  }, [dated, groupByLane, accessors, columnOf, columns, text.ungrouped]);
+  const todayColumn = (columnOf(today) ?? -1) + 1;
+  const showToday = columns.length > 0 && today >= columns[0] && today <= columns[columns.length - 1].endOf(unit);
+  const state = (content) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "gantt-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 })
+      ] })
+    );
+  }
+  if (columns.length === 0) return /* @__PURE__ */ jsx(Fragment, { children: emptyState ?? state(text.empty) });
+  const gridTemplate = {
+    gridTemplateColumns: `repeat(${columns.length}, minmax(3.5rem, 1fr))`
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "gantt-view",
+      className: cn(
+        "border-border bg-card overflow-hidden rounded-lg border",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "overflow-x-auto",
+            role: "group",
+            "aria-label": text.chart,
+            tabIndex: 0,
+            children: /* @__PURE__ */ jsxs("div", { className: "min-w-max", children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  "data-slot": "gantt-view-header",
+                  className: cn(
+                    "border-border bg-muted/40 grid border-b",
+                    classNames?.header
+                  ),
+                  style: gridTemplate,
+                  children: columns.map((column) => /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: "border-border text-muted-foreground border-e px-2 py-1.5 text-center text-xs last:border-e-0",
+                      children: column.setLocale(locale ?? column.locale ?? "en").toFormat(CADENCE_FORMAT[cadence])
+                    },
+                    column.toISO()
+                  ))
+                }
+              ),
+              lanes.map((lane) => /* @__PURE__ */ jsxs("section", { children: [
+                lane.label && /* @__PURE__ */ jsx(Heading, { children: /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "data-slot": "gantt-view-group-label",
+                    className: cn(
+                      "border-border bg-muted text-muted-foreground block border-b px-3 py-1.5 text-xs font-semibold tracking-wide uppercase",
+                      classNames?.groupLabel
+                    ),
+                    children: lane.label
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("ul", { children: lane.bars.map((bar) => {
+                  const accent = accessors.getAccent?.(bar.item) ?? "primary";
+                  const selected = bar.id === selectedId;
+                  const title = accessors.getTitle(bar.item);
+                  const body = renderItem?.(bar.item, { view: "gantt" }) ?? /* @__PURE__ */ jsx("span", { className: "block truncate px-2 text-xs font-medium", children: title });
+                  const classes = cn(
+                    "flex h-6 items-center rounded-full border text-foreground",
+                    accentClasses[accent].tint,
+                    accentClasses[accent].border,
+                    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                    classNames?.bar,
+                    selected && cn("ring-2 ring-primary-500/50", classNames?.selectedBar)
+                  );
+                  const href = getHref?.(bar.id, bar.item);
+                  return /* @__PURE__ */ jsxs(
+                    "li",
+                    {
+                      "data-slot": "gantt-view-row",
+                      className: cn(
+                        "border-border relative grid items-center border-b py-1 last:border-b-0",
+                        classNames?.row
+                      ),
+                      style: gridTemplate,
+                      children: [
+                        showToday && /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            "aria-hidden": true,
+                            className: "bg-primary-500/60 pointer-events-none absolute inset-y-0 w-px",
+                            style: {
+                              gridColumn: `${todayColumn} / span 1`,
+                              insetInlineStart: 0
+                            }
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          "div",
+                          {
+                            className: "min-w-0",
+                            style: {
+                              gridColumn: `${bar.column} / span ${bar.span}`
+                            },
+                            children: href ? /* @__PURE__ */ jsx(
+                              "a",
+                              {
+                                href,
+                                "aria-current": selected ? "true" : void 0,
+                                "data-slot": "gantt-view-bar",
+                                className: classes,
+                                onClick: (event) => {
+                                  if (!onOpen || event.defaultPrevented || event.metaKey || event.ctrlKey || event.shiftKey || event.button !== 0)
+                                    return;
+                                  event.preventDefault();
+                                  onOpen(bar.id, bar.item);
+                                },
+                                children: body
+                              }
+                            ) : onOpen ? /* @__PURE__ */ jsx(
+                              "button",
+                              {
+                                type: "button",
+                                "aria-current": selected ? "true" : void 0,
+                                "data-slot": "gantt-view-bar",
+                                className: cn(classes, "w-full text-start"),
+                                onClick: () => onOpen(bar.id, bar.item),
+                                children: body
+                              }
+                            ) : /* @__PURE__ */ jsx("span", { "data-slot": "gantt-view-bar", className: classes, children: body })
+                          }
+                        )
+                      ]
+                    },
+                    bar.id
+                  );
+                }) })
+              ] }, lane.id))
+            ] })
+          }
+        ),
+        undatedCount > 0 && /* @__PURE__ */ jsx(
+          "p",
+          {
+            "data-slot": "gantt-view-undated",
+            className: "border-border text-muted-foreground border-t px-3 py-1.5 text-xs",
+            children: text.undated.replace("{count}", String(undatedCount))
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { GanttView, defaultGanttLabels };
+//# sourceMappingURL=chunk-Y4QNLW7W.js.map
+//# sourceMappingURL=chunk-Y4QNLW7W.js.map