@tensor_1/react 2.47.0 → 2.49.0

package/dist/components/SchedulingCalendar.d.ts

@@ -1,4 +1,6 @@
 import 'react';
 import '../calendar-model.js';
 import '../scheduling-calendar-model.js';
-export { D as DEFAULT_SCHEDULING_CALENDAR_LABELS, S as SchedulingAgendaGroup, a as SchedulingBand, b as SchedulingCalendar, c as SchedulingCalendarDay, d as SchedulingCalendarEntry, e as SchedulingCalendarLabels, f as SchedulingCalendarOverlay, g as SchedulingCalendarProps, h as SchedulingCalendarView, i as SchedulingDatePart, j as SchedulingEntryState, k as SchedulingLegendItem, l as SchedulingMarker, m as SchedulingMarkerEmphasis, n as SchedulingOverlayKind, o as SchedulingOverlayPattern, p as SchedulingStatus } from '../SchedulingCalendar-B6TakO2h.js';
+import './SchedulingResourceDay.js';
+import '../scheduling-resource-model.js';
+export { D as DEFAULT_SCHEDULING_CALENDAR_LABELS, S as SchedulingAgendaGroup, a as SchedulingBand, b as SchedulingCalendar, c as SchedulingCalendarDay, d as SchedulingCalendarEntry, e as SchedulingCalendarLabels, f as SchedulingCalendarOverlay, g as SchedulingCalendarProps, h as SchedulingCalendarView, i as SchedulingDatePart, j as SchedulingEntryState, k as SchedulingLegendItem, l as SchedulingMarker, m as SchedulingMarkerEmphasis, n as SchedulingOverlayKind, o as SchedulingOverlayPattern, p as SchedulingStatus } from '../SchedulingCalendar-WWyFL3Eo.js';

package/dist/components/SchedulingCalendar.js

@@ -6,6 +6,7 @@ import { addCalendarDays, addCalendarMonths, buildMonthGrid, cachedDateTimeForma
 import { TOP_LANE_CROSS_MIDNIGHT_MINUTES, itemDaySpan, layoutMonthSpans } from "../scheduling-calendar-model.js";
 import { SchedulingAgenda } from "./SchedulingAgenda.js";
 import { SchedulingTimeGrid } from "./SchedulingTimeGrid.js";
+import { SchedulingResourceDay } from "./SchedulingResourceDay.js";
 import { cx } from "../cx.js";
 import { useUixLabels } from "../labels-context.js";
 import { StatusPill } from "./StatusPill.js";
@@ -54,7 +55,13 @@ const DEFAULT_SCHEDULING_CALENDAR_LABELS = {
   moveHint: "Hold Shift and press an arrow key to move it. Enter confirms, Escape cancels.",
   moveProposed: "Move to {start} \u2013 {end}. Enter confirms, Escape cancels.",
   moveCancelled: "Move cancelled.",
-  gapForward: "That time does not exist on this day. Moved forward to {time}."
+  gapForward: "That time does not exist on this day. Moved forward to {time}.",
+  resourceGrid: "Schedule by person for {date}",
+  availability: { free: "Free", booked: "Booked", off: "Off" },
+  noSchedule: "No schedule",
+  slotName: "{resource}, {start} \u2013 {end}, {kind}, {label}",
+  resourceHint: "Arrow keys move between times and people. Enter selects.",
+  noResources: "No one to show for this day."
 };
 const stateTone = (state) => state === "scheduled" ? "info" : state === "in-progress" ? "success" : "danger";
 const utcDate = (date) => /* @__PURE__ */ new Date(`${date}T00:00:00Z`);
@@ -67,6 +74,7 @@ const INTL_PARTS = {
 const EMPTY_OVERLAYS = [];
 const EMPTY_ENTRIES = [];
 const EMPTY_IDS = [];
+const EMPTY_SPANS = [];
 const DEFAULT_LANE_CAP = 2;
 const DEFAULT_CHIP_ROWS = 3;
 function coveredDays(start, end, timeZone) {
@@ -126,6 +134,15 @@ function SchedulingCalendar({
   topLaneCrossMidnightMinutes = TOP_LANE_CROSS_MIDNIGHT_MINUTES,
   topLaneCap = 3,
   maxLanes = 4,
+  resources,
+  resourceSpans = EMPTY_SPANS,
+  slotMinutes,
+  dayStart,
+  dayEnd,
+  onSelectSlot,
+  selectedSlot,
+  resourceLayout = "auto",
+  resourceListBelow = 480,
   loading,
   error,
   onRetry,
@@ -138,12 +155,14 @@ function SchedulingCalendar({
     ...DEFAULT_SCHEDULING_CALENDAR_LABELS,
     ...overrides,
     states: { ...DEFAULT_SCHEDULING_CALENDAR_LABELS.states, ...uixLabels.schedulingCalendar?.states, ...labelOverrides?.states },
-    statuses: { ...DEFAULT_SCHEDULING_CALENDAR_LABELS.statuses, ...uixLabels.schedulingCalendar?.statuses, ...labelOverrides?.statuses }
+    statuses: { ...DEFAULT_SCHEDULING_CALENDAR_LABELS.statuses, ...uixLabels.schedulingCalendar?.statuses, ...labelOverrides?.statuses },
+    availability: { ...DEFAULT_SCHEDULING_CALENDAR_LABELS.availability, ...uixLabels.schedulingCalendar?.availability, ...labelOverrides?.availability }
   };
   const stateLabel = labels.states;
   const viewLabel = { month: labels.viewMonth, week: labels.viewWeek, day: labels.viewDay, agenda: labels.viewAgenda };
   const [internalView, setInternalView] = useState("month");
   const view = controlledView ?? internalView;
+  const resourceDay = view === "day" && resources !== void 0;
   const [activeDate, setActiveDate] = useState(anchorDate);
   const [expandedDates, setExpandedDates] = useState(() => /* @__PURE__ */ new Set());
   const dateText = (date, part) => formatDate?.(date, part) ?? cachedDateTimeFormat(locale, INTL_PARTS[part]).format(utcDate(date));
@@ -444,10 +463,30 @@ function SchedulingCalendar({
         /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--ghost uix-btn--sm", onClick: () => movePeriod(1), disabled: !onAnchorDateChange, children: periodLabel("next") })
       ] }),
       /* @__PURE__ */ jsx("strong", { children: view === "month" ? dateText(startOfMonth(anchorDate), "month") : view === "day" ? dateText(anchorDate, "day") : `${dateText(weekStart, "day")} \u2013 ${dateText(weekDays[weekDays.length - 1], "day")}` }),
-      /* @__PURE__ */ jsx("div", { className: "uix-segmented", role: "group", "aria-label": labels.viewGroup, children: (timeGrid || view === "day" ? ["month", "week", "day", "agenda"] : ["month", "week", "agenda"]).map((option) => /* @__PURE__ */ jsx("button", { type: "button", className: "uix-segmented__option", "aria-pressed": view === option, "data-selected": view === option || void 0, onClick: () => setView(option), children: viewLabel[option] }, option)) })
+      /* @__PURE__ */ jsx("div", { className: "uix-segmented", role: "group", "aria-label": labels.viewGroup, children: (timeGrid || view === "day" || resources !== void 0 ? ["month", "week", "day", "agenda"] : ["month", "week", "agenda"]).map((option) => /* @__PURE__ */ jsx("button", { type: "button", className: "uix-segmented__option", "aria-pressed": view === option, "data-selected": view === option || void 0, onClick: () => setView(option), children: viewLabel[option] }, option)) })
     ] }),
     notice != null && notice !== false && /* @__PURE__ */ jsx("div", { className: "uix-scheduling-calendar__notice", children: notice }),
-    loading ? /* @__PURE__ */ jsx("div", { className: "uix-scheduling-calendar__state", role: "status", children: labels.loading }) : error ? /* @__PURE__ */ jsxs("div", { className: "uix-scheduling-calendar__state", role: "alert", children: [
+    resourceDay && !error ? /* @__PURE__ */ jsx(
+      SchedulingResourceDay,
+      {
+        date: anchorDate,
+        timeZone,
+        resources,
+        spans: resourceSpans,
+        dayStart,
+        dayEnd,
+        slotMinutes,
+        layout: resourceLayout,
+        listBelow: resourceListBelow,
+        loading,
+        selected: selectedSlot,
+        onSelectSlot,
+        labels,
+        dateText: dateText(anchorDate, "day"),
+        headingLevel: agendaHeadingLevel,
+        emptyNote
+      }
+    ) : loading ? /* @__PURE__ */ jsx("div", { className: "uix-scheduling-calendar__state", role: "status", children: labels.loading }) : error ? /* @__PURE__ */ jsxs("div", { className: "uix-scheduling-calendar__state", role: "alert", children: [
       /* @__PURE__ */ jsx("p", { children: error }),
       onRetry && /* @__PURE__ */ jsx("button", { type: "button", className: "uix-btn uix-btn--secondary", onClick: onRetry, children: labels.retry })
     ] }) : view === "agenda" && agendaGroups ? /* @__PURE__ */ jsx(

package/dist/components/SchedulingResourceDay.d.ts

@@ -0,0 +1,57 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { SchedulingAvailabilityKind, SchedulingResourceSpan, SchedulingResource } from '../scheduling-resource-model.js';
+
+/** What `onSelectSlot` receives: the resource, the piece's own start and end, and the span it belongs to. */
+interface SchedulingSlotSelection {
+    resourceId: string;
+    /** ISO 8601 instants of the piece: one slot of a free span, or the whole booking. */
+    start: string;
+    end: string;
+    kind: Exclude<SchedulingAvailabilityKind, 'off'>;
+    span: SchedulingResourceSpan;
+}
+/** The words of the resource day. Every one is optional in `SchedulingCalendarLabels`. */
+interface SchedulingResourceLabels {
+    /** Names the view. `{date}` placeholder. */
+    resourceGrid: string;
+    /** The words for the kinds, in names and in the list. */
+    availability: Record<SchedulingAvailabilityKind, string>;
+    /** Time no span covers. */
+    noSchedule: string;
+    /** A slot's or a booking's accessible name. `{resource}`, `{start}`, `{end}`, `{kind}`, `{label}`. */
+    slotName: string;
+    /** How to move, read once with the view. */
+    resourceHint: string;
+    /** When `resources` is empty. */
+    noResources: string;
+    /** While `loading` and nothing is shown yet. */
+    loading: string;
+    /** The time-zone corner of the axis. `{timeZone}`. */
+    timeZone: string;
+}
+interface SchedulingResourceDayProps {
+    date: string;
+    timeZone: string;
+    resources: readonly SchedulingResource[];
+    spans: readonly SchedulingResourceSpan[];
+    dayStart?: string;
+    dayEnd?: string;
+    slotMinutes?: number;
+    layout: 'auto' | 'columns' | 'list';
+    listBelow: number;
+    loading?: boolean;
+    selected?: {
+        resourceId: string;
+        start: string;
+    };
+    onSelectSlot?: (slot: SchedulingSlotSelection) => void;
+    labels: SchedulingResourceLabels;
+    dateText: string;
+    headingLevel: 2 | 3 | 4 | 5 | 6;
+    emptyNote?: ReactNode;
+}
+/** The resource day: columns where there is room, a list where there is not. */
+declare function SchedulingResourceDay({ date, timeZone, resources, spans, dayStart, dayEnd, slotMinutes, layout, listBelow, loading, selected, onSelectSlot, labels, dateText, headingLevel, emptyNote, }: SchedulingResourceDayProps): react.JSX.Element;
+
+export { SchedulingResourceDay, type SchedulingResourceDayProps, type SchedulingResourceLabels, type SchedulingSlotSelection };

package/dist/components/SchedulingResourceDay.js

@@ -0,0 +1,287 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { memo, useEffect, useId, useMemo, useRef, useState } from "react";
+import { zonedTimeOfDay } from "../calendar-model.js";
+import { fillLabel } from "../fill-label.js";
+import { PlusIcon } from "../icons/components.js";
+import { useDelayedPending } from "../hooks/useDelayedPending.js";
+import { layoutResourceColumn, resourceDayGaps, resourceDaySlots } from "../scheduling-resource-model.js";
+const vars = (values) => values;
+const iso = (ms) => new Date(ms).toISOString();
+const stopKey = (column, item) => `${column}:${item.key}`;
+function itemName(resource, item, timeZone, labels) {
+  if (item.span.accessibleName && item.kind !== "free") return item.span.accessibleName;
+  const name = fillLabel(labels.slotName, {
+    resource: resource.label,
+    start: zonedTimeOfDay(item.start, timeZone),
+    end: zonedTimeOfDay(item.end, timeZone),
+    kind: labels.availability[item.kind],
+    label: item.span.label ?? ""
+  });
+  return name.replace(/,\s*$/, "").replace(/,\s*,/g, ",");
+}
+const Column = memo(function Column2({ index, resource, items, slots, timeZone, labels, tabStop, selectedKey, skeleton, onSelect }) {
+  return /* @__PURE__ */ jsxs("div", { className: "uix-scheduling-calendar__rs-column", role: "group", "aria-label": resource.label, "data-resource-id": resource.id, style: vars({ "--uix-scheduling-calendar-rs-slots": slots.length }), children: [
+    skeleton && [0.2, 0.45, 0.7].map((at) => /* @__PURE__ */ jsx("span", { className: "uix-skeleton uix-scheduling-calendar__rs-skeleton", "aria-hidden": "true", style: vars({ "--uix-scheduling-calendar-rs-offset": Math.floor(slots.length * at), "--uix-scheduling-calendar-rs-length": 3 }) }, at)),
+    items.map((item) => {
+      const key = stopKey(index, item);
+      const time = zonedTimeOfDay(item.start, timeZone);
+      const selected = selectedKey === key;
+      const shared = {
+        "data-kind": item.kind,
+        "data-span-id": item.span.id,
+        "data-continues-before": item.continuesBefore || void 0,
+        "data-continues-after": item.continuesAfter || void 0
+      };
+      const interactive = {
+        tabIndex: tabStop === key ? 0 : -1,
+        "data-rs-col": index,
+        "data-rs-key": key,
+        "data-rs-start": item.start,
+        "data-selected": selected || void 0,
+        "aria-current": selected ? "true" : void 0,
+        "aria-label": itemName(resource, item, timeZone, labels),
+        onClick: () => onSelect(resource, item)
+      };
+      if (item.kind === "free") {
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            ...shared,
+            ...interactive,
+            className: "uix-scheduling-calendar__rs-item",
+            style: vars({ "--uix-scheduling-calendar-rs-offset": item.offset, "--uix-scheduling-calendar-rs-length": item.length }),
+            children: /* @__PURE__ */ jsxs("span", { className: "uix-scheduling-calendar__rs-add", "aria-hidden": "true", children: [
+              /* @__PURE__ */ jsx(PlusIcon, {}),
+              time
+            ] })
+          },
+          item.key
+        );
+      }
+      const entryStyle = vars({ "--uix-scheduling-calendar-offset": item.offset, "--uix-scheduling-calendar-length": item.length, "--uix-scheduling-calendar-lane": item.lane, "--uix-scheduling-calendar-lanes": item.lanes });
+      if (item.kind === "off") {
+        return /* @__PURE__ */ jsxs("div", { ...shared, className: "uix-scheduling-calendar__rs-off", style: entryStyle, children: [
+          /* @__PURE__ */ jsx("span", { className: "uix-scheduling-calendar__rs-text", children: item.span.label ?? labels.availability.off }),
+          /* @__PURE__ */ jsx("span", { className: "uix-visually-hidden", children: itemName(resource, item, timeZone, labels) })
+        ] }, item.key);
+      }
+      return /* @__PURE__ */ jsx("button", { type: "button", ...shared, ...interactive, className: "uix-scheduling-calendar__entry uix-scheduling-calendar__tg-item uix-scheduling-calendar__rs-booking", style: entryStyle, children: /* @__PURE__ */ jsxs("span", { className: "uix-scheduling-calendar__entry-text", children: [
+        /* @__PURE__ */ jsx("span", { className: "uix-scheduling-calendar__time", children: time }),
+        " ",
+        /* @__PURE__ */ jsx("span", { className: "uix-scheduling-calendar__title", children: item.span.label ?? labels.availability.booked })
+      ] }) }, item.key);
+    })
+  ] });
+});
+function SchedulingResourceDay({
+  date,
+  timeZone,
+  resources,
+  spans,
+  dayStart,
+  dayEnd,
+  slotMinutes,
+  layout,
+  listBelow,
+  loading = false,
+  selected,
+  onSelectSlot,
+  labels,
+  dateText,
+  headingLevel,
+  emptyNote
+}) {
+  const rootRef = useRef(null);
+  const hintId = useId();
+  const [narrow, setNarrow] = useState(false);
+  const slots = useMemo(() => resourceDaySlots(date, timeZone, { dayStart, dayEnd, slotMinutes }), [date, timeZone, dayStart, dayEnd, slotMinutes]);
+  const byResource = useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const span of spans) {
+      const list2 = map.get(span.resourceId);
+      if (list2) list2.push(span);
+      else map.set(span.resourceId, [span]);
+    }
+    return map;
+  }, [spans]);
+  const columns = useMemo(() => resources.map((resource) => layoutResourceColumn(byResource.get(resource.id) ?? [], slots)), [resources, byResource, slots]);
+  const interactive = useMemo(() => columns.flatMap((items, column) => items.filter((item) => item.kind !== "off").map((item) => stopKey(column, item))), [columns]);
+  const [active, setActive] = useState(null);
+  const tabStop = active && interactive.includes(active) ? active : interactive[0] ?? null;
+  const selectedKey = useMemo(() => {
+    if (!selected) return null;
+    const column = resources.findIndex((resource) => resource.id === selected.resourceId);
+    const at = new Date(selected.start).getTime();
+    const hit = columns[column]?.find((item) => item.kind !== "off" && item.start <= at && at < item.end);
+    return hit ? stopKey(column, hit) : null;
+  }, [selected, resources, columns]);
+  useEffect(() => {
+    const root = rootRef.current;
+    if (layout !== "auto" || !root || typeof ResizeObserver === "undefined") return void 0;
+    let frame = 0;
+    const measure = () => {
+      frame = 0;
+      setNarrow(root.getBoundingClientRect().width < listBelow);
+    };
+    const observer = new ResizeObserver(() => {
+      if (!frame) frame = requestAnimationFrame(measure);
+    });
+    observer.observe(root);
+    measure();
+    return () => {
+      observer.disconnect();
+      if (frame) cancelAnimationFrame(frame);
+    };
+  }, [layout, listBelow]);
+  const list = layout === "list" || layout === "auto" && narrow;
+  const live = useRef({ onSelectSlot });
+  live.current = { onSelectSlot };
+  const onSelect = useMemo(() => (resource, item) => {
+    setActive(stopKey(resources.indexOf(resource), item));
+    if (item.kind === "off") return;
+    live.current.onSelectSlot?.({ resourceId: resource.id, start: iso(item.start), end: iso(item.end), kind: item.kind, span: item.span });
+  }, [resources]);
+  const onKeyDown = (event) => {
+    const target = event.target;
+    if (!target.hasAttribute("data-rs-col") || !["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Home", "End"].includes(event.key)) return;
+    const all = Array.from(rootRef.current?.querySelectorAll("[data-rs-col]") ?? []);
+    const column = Number(target.dataset.rsCol);
+    const start = Number(target.dataset.rsStart);
+    const inColumn = (c) => all.filter((el) => Number(el.dataset.rsCol) === c).sort((a, b) => Number(a.dataset.rsStart) - Number(b.dataset.rsStart));
+    const own = inColumn(column);
+    const index = own.indexOf(target);
+    let next;
+    if (event.key === "ArrowUp") next = own[index - 1];
+    else if (event.key === "ArrowDown") next = own[index + 1];
+    else if (event.key === "Home") next = own[0];
+    else if (event.key === "End") next = own[own.length - 1];
+    else {
+      const direction = event.key === "ArrowLeft" ? -1 : 1;
+      for (let c = column + direction; c >= 0 && c < resources.length && !next; c += direction) {
+        const candidates = inColumn(c);
+        next = candidates.reduce((best, el) => !best || Math.abs(Number(el.dataset.rsStart) - start) < Math.abs(Number(best.dataset.rsStart) - start) ? el : best, void 0);
+      }
+    }
+    event.preventDefault();
+    if (!next) return;
+    setActive(next.dataset.rsKey ?? null);
+    next.focus();
+  };
+  const showPending = useDelayedPending(loading);
+  const firstLoad = loading && spans.length === 0;
+  const skeleton = showPending && spans.length === 0;
+  const Heading = `h${headingLevel}`;
+  const gridLabel = fillLabel(labels.resourceGrid, { date: dateText });
+  const status = showPending ? /* @__PURE__ */ jsx("span", { role: "status", className: skeleton ? "uix-visually-hidden" : "uix-scheduling-calendar__rs-busy", children: labels.loading }) : null;
+  if (resources.length === 0) {
+    return /* @__PURE__ */ jsx("div", { ref: rootRef, className: "uix-scheduling-calendar__resources", "data-empty": true, children: /* @__PURE__ */ jsx("div", { className: "uix-scheduling-calendar__empty", children: loading ? labels.loading : emptyNote ?? labels.noResources }) });
+  }
+  if (list) {
+    return /* @__PURE__ */ jsxs("div", { ref: rootRef, className: "uix-scheduling-calendar__resources", "data-layout": "list", role: "group", "aria-label": gridLabel, "aria-describedby": hintId, "aria-busy": loading || void 0, "data-loading": loading || void 0, "data-first-load": firstLoad || void 0, onKeyDown, children: [
+      status,
+      resources.map((resource, column) => {
+        const items = columns[column];
+        const rows = [
+          ...items.map((item) => ({ key: item.key, start: item.start, end: item.end, item })),
+          ...resourceDayGaps(items, slots).map((gap) => ({ key: `gap-${gap.start}`, start: gap.start, end: gap.end }))
+        ].sort((a, b) => a.start - b.start);
+        const headingId = `${hintId}-r${column}`;
+        return /* @__PURE__ */ jsxs("section", { className: "uix-scheduling-calendar__rs-section", "aria-labelledby": headingId, "data-resource-id": resource.id, children: [
+          /* @__PURE__ */ jsxs(Heading, { id: headingId, className: "uix-scheduling-calendar__rs-heading", children: [
+            resource.label,
+            resource.description && /* @__PURE__ */ jsx("span", { className: "uix-scheduling-calendar__rs-description", children: resource.description })
+          ] }),
+          skeleton ? /* @__PURE__ */ jsx("span", { className: "uix-skeleton uix-scheduling-calendar__rs-skeleton", "aria-hidden": "true" }) : /* @__PURE__ */ jsx("ol", { className: "uix-scheduling-calendar__rs-list", children: rows.map((row) => {
+            const range = `${zonedTimeOfDay(row.start, timeZone)} \u2013 ${zonedTimeOfDay(row.end, timeZone)}`;
+            if (!row.item) return /* @__PURE__ */ jsxs("li", { className: "uix-scheduling-calendar__rs-row", "data-kind": "none", children: [
+              /* @__PURE__ */ jsx("span", { className: "uix-scheduling-calendar__rs-range", children: range }),
+              /* @__PURE__ */ jsx("span", { children: labels.noSchedule })
+            ] }, row.key);
+            const item = row.item;
+            const key = stopKey(column, item);
+            const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("span", { className: "uix-scheduling-calendar__rs-range", children: range }),
+              /* @__PURE__ */ jsx("span", { className: "uix-scheduling-calendar__rs-kind", children: labels.availability[item.kind] }),
+              item.span.label && /* @__PURE__ */ jsx("span", { className: "uix-scheduling-calendar__rs-label", children: item.span.label })
+            ] });
+            if (item.kind === "off") return /* @__PURE__ */ jsx("li", { className: "uix-scheduling-calendar__rs-row", "data-kind": "off", children: content }, row.key);
+            return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "uix-scheduling-calendar__rs-row",
+                "data-kind": item.kind,
+                tabIndex: tabStop === key ? 0 : -1,
+                "data-rs-col": column,
+                "data-rs-key": key,
+                "data-rs-start": item.start,
+                "data-selected": selectedKey === key || void 0,
+                "aria-current": selectedKey === key ? "true" : void 0,
+                "aria-label": itemName(resource, item, timeZone, labels),
+                onClick: () => onSelect(resource, item),
+                children: content
+              }
+            ) }, row.key);
+          }) })
+        ] }, resource.id);
+      }),
+      /* @__PURE__ */ jsx("p", { id: hintId, className: "uix-visually-hidden", children: labels.resourceHint }),
+      emptyNote != null && emptyNote !== false && !loading && spans.length === 0 && /* @__PURE__ */ jsx("div", { className: "uix-scheduling-calendar__empty", children: emptyNote })
+    ] });
+  }
+  const zoneBreakable = timeZone.replace(/\//g, "/\u200B");
+  const showAll = slots.length > 1 && slots[1].start - slots[0].start >= 30 * 6e4;
+  const slotMs = slots.length > 1 ? slots[1].start - slots[0].start : 60 * 6e4;
+  const perHour = Math.max(1, Math.round(36e5 / slotMs));
+  const hourAt = Math.max(0, slots.findIndex((slot) => slot.label.endsWith(":00")));
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: rootRef,
+      className: "uix-scheduling-calendar__resources",
+      "data-layout": "columns",
+      role: "group",
+      "aria-label": gridLabel,
+      "aria-describedby": hintId,
+      "aria-busy": loading || void 0,
+      "data-loading": loading || void 0,
+      "data-first-load": firstLoad || void 0,
+      onKeyDown,
+      style: vars({ "--uix-scheduling-calendar-rs-columns": resources.length, "--uix-scheduling-calendar-rs-slots": slots.length, "--uix-scheduling-calendar-rs-per-hour": perHour, "--uix-scheduling-calendar-rs-hour-at": hourAt % perHour }),
+      children: [
+        status,
+        /* @__PURE__ */ jsx("div", { className: "uix-scheduling-calendar__rs-scroll", tabIndex: interactive.length === 0 ? 0 : void 0, children: /* @__PURE__ */ jsxs("div", { className: "uix-scheduling-calendar__rs-grid", children: [
+          /* @__PURE__ */ jsx("div", { className: "uix-scheduling-calendar__rs-corner", children: fillLabel(labels.timeZone, { timeZone: zoneBreakable }) }),
+          resources.map((resource) => /* @__PURE__ */ jsxs("div", { className: "uix-scheduling-calendar__rs-head", "aria-hidden": "true", children: [
+            /* @__PURE__ */ jsx("span", { className: "uix-scheduling-calendar__rs-name", children: resource.label }),
+            resource.description && /* @__PURE__ */ jsx("span", { className: "uix-scheduling-calendar__rs-description", children: resource.description })
+          ] }, resource.id)),
+          /* @__PURE__ */ jsx("div", { className: "uix-scheduling-calendar__rs-gutter", "aria-hidden": "true", style: vars({ "--uix-scheduling-calendar-rs-slots": slots.length }), children: slots.map((slot, index) => (showAll || slot.label.endsWith(":00")) && /* @__PURE__ */ jsx("span", { className: "uix-scheduling-calendar__rs-tick", style: vars({ "--uix-scheduling-calendar-rs-offset": index }), children: slot.label }, slot.start)) }),
+          resources.map((resource, column) => /* @__PURE__ */ jsx(
+            Column,
+            {
+              index: column,
+              resource,
+              items: columns[column],
+              slots,
+              timeZone,
+              labels,
+              tabStop: tabStop?.startsWith(`${column}:`) ? tabStop : null,
+              selectedKey: selectedKey?.startsWith(`${column}:`) ? selectedKey : null,
+              skeleton,
+              onSelect
+            },
+            resource.id
+          ))
+        ] }) }),
+        /* @__PURE__ */ jsx("p", { id: hintId, className: "uix-visually-hidden", children: labels.resourceHint }),
+        emptyNote != null && emptyNote !== false && !loading && spans.length === 0 && /* @__PURE__ */ jsx("div", { className: "uix-scheduling-calendar__empty", children: emptyNote })
+      ]
+    }
+  );
+}
+export {
+  SchedulingResourceDay
+};

package/dist/components/SchedulingTimeGrid.d.ts

@@ -1,4 +1,6 @@
 import 'react';
 import '../scheduling-calendar-model.js';
-export { q as SchedulingTimeGrid, r as SchedulingTimeGridProps, T as TimeGridEntryContext } from '../SchedulingCalendar-B6TakO2h.js';
+export { q as SchedulingTimeGrid, r as SchedulingTimeGridProps, T as TimeGridEntryContext } from '../SchedulingCalendar-WWyFL3Eo.js';
 import '../calendar-model.js';
+import './SchedulingResourceDay.js';
+import '../scheduling-resource-model.js';

package/dist/components/SchedulingTimeline.d.ts

@@ -2,8 +2,10 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 import { MoveProposal } from '../scheduling-calendar-model.js';
 import { TimelineRange, TimelineScale } from '../scheduling-timeline-model.js';
-import { j as SchedulingEntryState, p as SchedulingStatus, a as SchedulingBand, l as SchedulingMarker, o as SchedulingOverlayPattern } from '../SchedulingCalendar-B6TakO2h.js';
+import { j as SchedulingEntryState, p as SchedulingStatus, a as SchedulingBand, l as SchedulingMarker, o as SchedulingOverlayPattern } from '../SchedulingCalendar-WWyFL3Eo.js';
 import '../calendar-model.js';
+import './SchedulingResourceDay.js';
+import '../scheduling-resource-model.js';
 
 interface SchedulingTimelineLane {
     id: string;

package/dist/components/SearchSuggest.d.ts

@@ -29,8 +29,19 @@ interface SearchSuggestProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onCha
     onValueChange: (value: string) => void;
     /** The suggestions to show, best first. The consumer filters; this component only renders. */
     options: readonly SearchSuggestOption[];
-    /** Called when a row is chosen by click or Enter. The list closes afterwards. */
-    onSelect: (id: string, option: SearchSuggestOption) => void;
+    /**
+     * Called when a row is chosen by click or Enter. The list closes afterwards. Optional with
+     * `freeText`, where choosing a row also puts its title in the field.
+     */
+    onSelect?: (id: string, option: SearchSuggestOption) => void;
+    /**
+     * A text field with suggestions, not a search (HAR-2465): the value is the text. Enter keeps
+     * what was typed and never submits the surrounding form; no row is picked unless the person
+     * moves to it (ArrowDown / ArrowUp, then Enter) or clicks it, and then its title replaces the
+     * text (`onValueChange`) without submitting either. Blur, Tab and Escape keep the text; while
+     * `loading`, Enter does nothing. No magnifier is drawn.
+     */
+    freeText?: boolean;
     /** Accessible name of the field (there is no visible label; the placeholder is not a label). */
     label: string;
     placeholder?: string;
@@ -89,6 +100,15 @@ interface SearchSuggestProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onCha
     inputId?: string;
     /** `aria-describedby` of the input (hint and error text from a `Field`). */
     inputDescribedBy?: string;
+    /**
+     * Ids of the visible label(s) that name the input (HAR-1834). With them, or with a
+     * `<label for={inputId}>`, the input gets no `aria-label`, so the visible label is its name.
+     */
+    inputLabelledBy?: string;
+    /** The field cannot be typed in and the list never opens (HAR-1834). */
+    disabled?: boolean;
+    /** Marks the input `aria-invalid` (an empty required field with an error, HAR-1834). */
+    invalid?: boolean;
 }
 /**
  * A search field with a suggestion list underneath: the "search and jump" pattern of Windows
@@ -97,6 +117,6 @@ interface SearchSuggestProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onCha
  * (`aria-activedescendant`), Enter opens it (the first row when none is active), Escape closes the
  * list and a second Escape clears the text.
  */
-declare function SearchSuggest({ value, onValueChange, options, onSelect, label, placeholder, highlight, heading, headingAction, footer, loading, loadingLabel, empty, idle, note, error, shortcutHint, clearLabel: clearLabelProp, status, size, open: openProp, strategy, onOpenChange, inputRef, autoFocus, name, inputId, inputDescribedBy, className, onBlur, ...props }: SearchSuggestProps): react.JSX.Element;
+declare function SearchSuggest({ value, onValueChange, options, onSelect, freeText, label, placeholder, highlight, heading, headingAction, footer, loading, loadingLabel, empty, idle, note, error, shortcutHint, clearLabel: clearLabelProp, status, size, open: openProp, strategy, onOpenChange, inputRef, autoFocus, name, inputId, inputDescribedBy, inputLabelledBy, disabled, invalid, className, onBlur, ...props }: SearchSuggestProps): react.JSX.Element;
 
 export { SearchSuggest, type SearchSuggestAction, type SearchSuggestOption, type SearchSuggestProps };