@12-apps/ui 6.86.2 → 6.87.0

package/dist/{chunk-OFESNJKE.js → chunk-BQBEN44R.js}

@@ -1,86 +1,38 @@
 import {
   actionSx,
-  backButtonSx,
   categoryDescriptionSx,
   categoryRowSx,
   categoryTextSx,
-  closeButtonSx,
   countBadgeSx,
   doneConfirmSx,
   doneIconSx,
   doneSx,
   doneTitleSx,
   footerSx,
-  handleSx,
-  headerStartSx,
-  headerSx,
   introListSx,
   startAllSx,
-  stepLabelSx,
+  stepScreenSx,
   tertiarySx,
   titleSx
-} from "./chunk-CHP3QIS3.js";
-import {
-  Progress
-} from "./chunk-L4FWEI2P.js";
+} from "./chunk-2ORD2FMN.js";
 import {
   Alert
-} from "./chunk-QVDEGBME.js";
+} from "./chunk-NQCTANF3.js";
 import {
   Button
 } from "./chunk-YOXYSAUI.js";
 
 // src/components/feedback/SequenceResolver/SequenceResolver.parts.tsx
-import ChevronLeftIcon from "@mui/icons-material/ChevronLeft";
 import ChevronRightIcon from "@mui/icons-material/ChevronRight";
 import CheckCircleOutlineIcon from "@mui/icons-material/CheckCircleOutline";
-import CloseIcon from "@mui/icons-material/Close";
 import Box from "@mui/material/Box/index.js";
 import ButtonBase from "@mui/material/ButtonBase/index.js";
-import IconButton from "@mui/material/IconButton/index.js";
 import Typography from "@mui/material/Typography/index.js";
 import { useEffect, useRef } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function SequenceHeader(props) {
-  const { touch, label, back, closeLabel, onClose, progress, progressLabel, testId } = props;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    touch ? /* @__PURE__ */ jsx(Box, { "aria-hidden": true, sx: handleSx, "data-testid": `${testId}-handle` }) : null,
-    /* @__PURE__ */ jsxs(Box, { sx: headerSx, children: [
-      /* @__PURE__ */ jsxs(Box, { sx: headerStartSx, children: [
-        back ? /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "text",
-            color: "primary",
-            size: "md",
-            icon: /* @__PURE__ */ jsx(ChevronLeftIcon, {}),
-            "aria-label": back.accessible,
-            onClick: back.onClick,
-            disabled: back.disabled,
-            sx: backButtonSx(touch),
-            dataTestId: `${testId}-back`,
-            children: back.label
-          }
-        ) : null,
-        /* @__PURE__ */ jsx(Typography, { component: "span", sx: stepLabelSx, "data-testid": `${testId}-step-label`, children: label })
-      ] }),
-      /* @__PURE__ */ jsx(IconButton, { "aria-label": closeLabel, onClick: onClose, sx: closeButtonSx(touch), "data-testid": `${testId}-close`, children: /* @__PURE__ */ jsx(CloseIcon, {}) })
-    ] }),
-    /* @__PURE__ */ jsx(
-      Progress,
-      {
-        variant: "linear",
-        size: "md",
-        color: "warning",
-        value: progress,
-        "aria-label": progressLabel,
-        dataTestId: `${testId}-progress`
-      }
-    )
-  ] });
-}
 function useFocusOnScreen(screenKey, target, fallback) {
   useEffect(() => {
+    if (!screenKey) return;
     (target.current ?? fallback.current)?.focus();
   }, [screenKey, target, fallback]);
 }
@@ -158,21 +110,24 @@ function ActionButton({
     }
   );
 }
+function StepFooter({ step, skip, busy, touch, testId }) {
+  const secondary = step.secondary === false ? void 0 : step.secondary ?? skip;
+  if (!secondary && !step.primary) return null;
+  return /* @__PURE__ */ jsxs(Box, { sx: footerSx(touch, step.footer ?? "end"), "data-testid": `${testId}-footer`, children: [
+    secondary ? /* @__PURE__ */ jsx(ActionButton, { action: secondary, busy, touch, variant: "outline", testId: `${testId}-secondary` }) : null,
+    step.primary ? /* @__PURE__ */ jsx(ActionButton, { action: step.primary, busy, touch, variant: "solid", testId: `${testId}-primary` }) : null
+  ] });
+}
 function SequenceStepBody(props) {
-  const { step, skip, busy, error, touch, testId, screenKey, titleRef } = props;
+  const { step, skip, busy, error, touch, testId, screenKey, titleRef, hidden = false } = props;
   const bodyRef = useRef(null);
-  useFocusOnScreen(screenKey, titleRef, bodyRef);
-  useKeepFocusWhileBusy(busy, bodyRef);
-  const secondary = step.secondary === false ? void 0 : step.secondary ?? skip;
-  const hasFooter = Boolean(secondary || step.primary);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
+  useFocusOnScreen(hidden ? "" : screenKey, titleRef, bodyRef);
+  useKeepFocusWhileBusy(busy && !hidden, bodyRef);
+  return /* @__PURE__ */ jsxs(Box, { hidden, sx: stepScreenSx(hidden), "data-testid": `${testId}-step`, children: [
     /* @__PURE__ */ jsx(Box, { ref: bodyRef, tabIndex: -1, "aria-busy": busy, sx: { outline: "none", minWidth: 0 }, children: step.content }),
     error ? /* @__PURE__ */ jsx(Alert, { variant: "danger", announce: "assertive", description: error, dataTestId: `${testId}-error` }) : null,
     step.tertiary ? /* @__PURE__ */ jsx(ActionButton, { action: step.tertiary, busy, touch, variant: "text", testId: `${testId}-tertiary` }) : null,
-    hasFooter ? /* @__PURE__ */ jsxs(Box, { sx: footerSx(touch, step.footer ?? "end"), "data-testid": `${testId}-footer`, children: [
-      secondary ? /* @__PURE__ */ jsx(ActionButton, { action: secondary, busy, touch, variant: "outline", testId: `${testId}-secondary` }) : null,
-      step.primary ? /* @__PURE__ */ jsx(ActionButton, { action: step.primary, busy, touch, variant: "solid", testId: `${testId}-primary` }) : null
-    ] }) : null
+    /* @__PURE__ */ jsx(StepFooter, { step, skip, busy, touch, testId })
   ] });
 }
 function SequenceDoneBody({ done, titleId, error, touch, onConfirm, testId, screenKey }) {
@@ -200,10 +155,9 @@ function SequenceDoneBody({ done, titleId, error, touch, onConfirm, testId, scre
 }
 
 export {
-  SequenceHeader,
   useFocusOnScreen,
   SequenceIntroBody,
   SequenceStepBody,
   SequenceDoneBody
 };
-//# sourceMappingURL=chunk-OFESNJKE.js.map
+//# sourceMappingURL=chunk-BQBEN44R.js.map

package/dist/chunk-BQBEN44R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/SequenceResolver/SequenceResolver.parts.tsx"],"sourcesContent":["import ChevronRightIcon from '@mui/icons-material/ChevronRight';\nimport CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline';\nimport Box from '@mui/material/Box/index.js';\nimport ButtonBase from '@mui/material/ButtonBase/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport React, { useEffect, useRef } from 'react';\n\nimport { Alert } from '../../data-display/Alert';\nimport { Button } from '../../form/Button';\nimport {\n  actionSx,\n  categoryDescriptionSx,\n  categoryRowSx,\n  categoryTextSx,\n  countBadgeSx,\n  doneConfirmSx,\n  doneIconSx,\n  doneSx,\n  doneTitleSx,\n  footerSx,\n  introListSx,\n  startAllSx,\n  stepScreenSx,\n  tertiarySx,\n  titleSx,\n} from './SequenceResolver.styles';\nimport type {\n  SequenceAction,\n  SequenceDone,\n  SequenceIntro,\n  SequenceStep,\n} from './SequenceResolver.types';\n\n/**\n * Moves focus to `target` (else `fallback`) whenever `screenKey` changes — and\n * on mount, which happens inside the dialog's portal, before MUI's focus trap\n * looks: finding focus already inside, the trap and `focusDialogOnEntered`\n * both leave it there.\n */\nexport function useFocusOnScreen(\n  screenKey: string,\n  target: React.RefObject<HTMLElement | null>,\n  fallback: React.RefObject<HTMLElement | null>,\n): void {\n  useEffect(() => {\n    // An empty key: the screen is kept but not showing, so it takes no focus.\n    if (!screenKey) return;\n    (target.current ?? fallback.current)?.focus();\n  }, [screenKey, target, fallback]);\n}\n\n/**\n * A button that disables itself under the pointer drops focus to the page\n * behind the dialog. While busy, focus that fell out lands on the step body\n * (`aria-busy`) instead, so a screen reader stays in the dialog.\n */\nfunction useKeepFocusWhileBusy(busy: boolean, body: React.RefObject<HTMLElement | null>): void {\n  useEffect(() => {\n    if (!busy) return undefined;\n    const rescue = (): void => {\n      const node = body.current;\n      const active = node?.ownerDocument.activeElement;\n      if (node && (!active || active === node.ownerDocument.body)) node.focus();\n    };\n    rescue();\n    const frame = requestAnimationFrame(rescue);\n    return () => cancelAnimationFrame(frame);\n  }, [busy, body]);\n}\n\ninterface IntroProps {\n  intro: SequenceIntro;\n  titleId: string;\n  testId: string;\n  screenKey: string;\n}\n\n/** The kinds with their counts, and \"resolve them all\". */\nexport function SequenceIntroBody({ intro, titleId, testId, screenKey }: IntroProps): React.JSX.Element {\n  const titleRef = useRef<HTMLHeadingElement | null>(null);\n  useFocusOnScreen(screenKey, titleRef, titleRef);\n  const last = intro.categories.length - 1;\n  return (\n    <>\n      <Box sx={{ display: 'flex', flexDirection: 'column', gap: 0.5 }}>\n        <Typography component=\"h2\" id={titleId} tabIndex={-1} ref={titleRef} sx={titleSx}>\n          {intro.title}\n        </Typography>\n        {intro.description ? (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {intro.description}\n          </Typography>\n        ) : null}\n      </Box>\n      <Box component=\"ul\" sx={introListSx}>\n        {intro.categories.map((category, index) => (\n          <li key={`${index}-${category.label}`}>\n            <ButtonBase\n              onClick={category.onPick}\n              sx={categoryRowSx(index === last)}\n              data-testid={`${testId}-category-${index}`}\n            >\n              <Box component=\"span\" sx={countBadgeSx}>\n                {category.count}\n              </Box>\n              <Box component=\"span\" sx={categoryTextSx}>\n                <Typography component=\"span\" variant=\"body2\" fontWeight={500}>\n                  {category.label}\n                </Typography>\n                {category.description ? (\n                  <Typography component=\"span\" sx={categoryDescriptionSx}>\n                    {category.description}\n                  </Typography>\n                ) : null}\n              </Box>\n              <ChevronRightIcon aria-hidden sx={{ color: 'text.secondary' }} />\n            </ButtonBase>\n          </li>\n        ))}\n      </Box>\n      <Button\n        variant=\"solid\"\n        color=\"primary\"\n        size=\"lg\"\n        fullWidth\n        onClick={intro.onStartAll}\n        dataTestId={`${testId}-start-all`}\n        sx={startAllSx}\n      >\n        {intro.startAllLabel}\n      </Button>\n    </>\n  );\n}\n\ninterface StepProps {\n  step: SequenceStep;\n  /**\n   * Kept mounted under the overview, out of sight and out of the\n   * accessibility tree, so what the person half-filled in the host's step is\n   * still there when they continue. Focus returns to it when it shows again.\n   */\n  hidden?: boolean;\n  /** The default secondary: skip. */\n  skip: SequenceAction;\n  busy: boolean;\n  error: string | null;\n  touch: boolean;\n  testId: string;\n  screenKey: string;\n  titleRef: React.RefObject<HTMLElement | null>;\n}\n\nfunction ActionButton({\n  action,\n  busy,\n  touch,\n  variant,\n  testId,\n}: {\n  action: SequenceAction;\n  busy: boolean;\n  touch: boolean;\n  variant: 'solid' | 'outline' | 'text';\n  testId: string;\n}): React.JSX.Element {\n  return (\n    <Button\n      variant={variant}\n      color={variant === 'outline' ? 'neutral' : 'primary'}\n      size=\"md\"\n      onClick={action.onClick}\n      disabled={busy || action.disabled}\n      dataTestId={testId}\n      sx={variant === 'text' ? tertiarySx(touch) : actionSx(touch)}\n    >\n      {action.label}\n    </Button>\n  );\n}\n\n/** The step's footer: its secondary (skip by default; `false` for none) and its primary. */\nfunction StepFooter({ step, skip, busy, touch, testId }: Pick<StepProps, 'step' | 'skip' | 'busy' | 'touch' | 'testId'>) {\n  const secondary = step.secondary === false ? undefined : (step.secondary ?? skip);\n  if (!secondary && !step.primary) return null;\n  return (\n    <Box sx={footerSx(touch, step.footer ?? 'end')} data-testid={`${testId}-footer`}>\n      {secondary ? (\n        <ActionButton action={secondary} busy={busy} touch={touch} variant=\"outline\" testId={`${testId}-secondary`} />\n      ) : null}\n      {step.primary ? (\n        <ActionButton action={step.primary} busy={busy} touch={touch} variant=\"solid\" testId={`${testId}-primary`} />\n      ) : null}\n    </Box>\n  );\n}\n\n/** The host's body, its error, the tertiary text button and the footer. */\nexport function SequenceStepBody(props: StepProps): React.JSX.Element {\n  const { step, skip, busy, error, touch, testId, screenKey, titleRef, hidden = false } = props;\n  const bodyRef = useRef<HTMLDivElement | null>(null);\n  useFocusOnScreen(hidden ? '' : screenKey, titleRef, bodyRef);\n  useKeepFocusWhileBusy(busy && !hidden, bodyRef);\n  return (\n    <Box hidden={hidden} sx={stepScreenSx(hidden)} data-testid={`${testId}-step`}>\n      <Box ref={bodyRef} tabIndex={-1} aria-busy={busy} sx={{ outline: 'none', minWidth: 0 }}>\n        {step.content}\n      </Box>\n      {error ? (\n        <Alert variant=\"danger\" announce=\"assertive\" description={error} dataTestId={`${testId}-error`} />\n      ) : null}\n      {step.tertiary ? (\n        <ActionButton action={step.tertiary} busy={busy} touch={touch} variant=\"text\" testId={`${testId}-tertiary`} />\n      ) : null}\n      <StepFooter step={step} skip={skip} busy={busy} touch={touch} testId={testId} />\n    </Box>\n  );\n}\n\ninterface DoneProps {\n  done: SequenceDone;\n  titleId: string;\n  error: string | null;\n  touch: boolean;\n  onConfirm: () => void;\n  testId: string;\n  screenKey: string;\n}\n\n/** The end screen: a check, the host's title and sentence, one button that closes. */\nexport function SequenceDoneBody({ done, titleId, error, touch, onConfirm, testId, screenKey }: DoneProps): React.JSX.Element {\n  const titleRef = useRef<HTMLHeadingElement | null>(null);\n  useFocusOnScreen(screenKey, titleRef, titleRef);\n  return (\n    <Box sx={doneSx} data-testid={`${testId}-done`}>\n      <CheckCircleOutlineIcon aria-hidden sx={doneIconSx} />\n      <Typography component=\"h2\" id={titleId} tabIndex={-1} ref={titleRef} sx={doneTitleSx}>\n        {done.title}\n      </Typography>\n      {done.description ? (\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {done.description}\n        </Typography>\n      ) : null}\n      {error ? (\n        <Alert variant=\"danger\" announce=\"assertive\" description={error} dataTestId={`${testId}-error`} />\n      ) : null}\n      <Button\n        variant=\"solid\"\n        color=\"primary\"\n        size=\"md\"\n        fullWidth={touch}\n        onClick={onConfirm}\n        dataTestId={`${testId}-done-confirm`}\n        sx={doneConfirmSx()}\n      >\n        {done.confirmLabel}\n      </Button>\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-GANJRIT3.js → chunk-C3MXURP3.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-SNWCT6JN.js";
 import {
   SectionNavBar
-} from "./chunk-LOHQLARB.js";
+} from "./chunk-NTCWIMIU.js";
 
 // src/components/navigation/SectionNav/SectionNav.tsx
 import { jsx } from "react/jsx-runtime";
@@ -55,4 +55,4 @@ function SectionNav({
 export {
   SectionNav
 };
-//# sourceMappingURL=chunk-GANJRIT3.js.map
+//# sourceMappingURL=chunk-C3MXURP3.js.map

package/dist/{chunk-4QR7LM5F.js → chunk-CTN4BRAH.js}

@@ -1,20 +1,20 @@
+import {
+  AVATAR_DEFAULTS,
+  contentTypeOf,
+  pickAvatarContent
+} from "./chunk-3ZVUNSFF.js";
 import {
   AvatarView
-} from "./chunk-EOQ6EKTS.js";
+} from "./chunk-7XSCEHGA.js";
 import {
   BORDER_WIDTH,
   GROUP_HOVER,
   GROUP_MAX,
   GROUP_OVERLAP
 } from "./chunk-6ZZGK5DT.js";
-import {
-  AVATAR_DEFAULTS,
-  contentTypeOf,
-  pickAvatarContent
-} from "./chunk-3ZVUNSFF.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-57FIUJJJ.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -178,4 +178,4 @@ export {
   Avatar,
   AvatarGroup
 };
-//# sourceMappingURL=chunk-4QR7LM5F.js.map
+//# sourceMappingURL=chunk-CTN4BRAH.js.map

package/dist/{chunk-ZANWHTXH.js → chunk-CVB26LLB.js}

@@ -1,6 +1,6 @@
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-57FIUJJJ.js";
 
 // src/components/form/RichTextEditor/RichTextEditor.dom.ts
 var wrapSelection = (range, tagName) => {
@@ -91,4 +91,4 @@ export {
   insertImage,
   toggleList
 };
-//# sourceMappingURL=chunk-ZANWHTXH.js.map
+//# sourceMappingURL=chunk-CVB26LLB.js.map

package/dist/{chunk-JH2XLVWM.js → chunk-CW5Z67NA.js}

@@ -1,6 +1,6 @@
 import {
   partTestId
-} from "./chunk-HC6OZ7QK.js";
+} from "./chunk-3EIRRLCQ.js";
 import {
   SETTING_CARD_OPEN_ATTR,
   withCallerSx
@@ -79,4 +79,4 @@ export {
   settingGridStyles,
   SettingGrid
 };
-//# sourceMappingURL=chunk-JH2XLVWM.js.map
+//# sourceMappingURL=chunk-CW5Z67NA.js.map

package/dist/{chunk-CY4XIZNW.js → chunk-D3B4V44W.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk-CUMSPE6B.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-57FIUJJJ.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -217,4 +217,4 @@ export {
   markDashboardSlot,
   Dashboard
 };
-//# sourceMappingURL=chunk-CY4XIZNW.js.map
+//# sourceMappingURL=chunk-D3B4V44W.js.map

package/dist/{chunk-BAC2PBOS.js → chunk-D3SIZ2CX.js}

@@ -1,9 +1,9 @@
+import {
+  DataViewsDisplayPanel
+} from "./chunk-EE6DJPB7.js";
 import {
   DataViewsExportMenu
 } from "./chunk-4NG3LTRX.js";
-import {
-  DataViewsDisplayPanel
-} from "./chunk-6HXNFNOB.js";
 import {
   STICKY_BAR_ATTR
 } from "./chunk-4IE66GY2.js";
@@ -13,12 +13,12 @@ import {
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
+import {
+  FilterTrigger
+} from "./chunk-P5C4DTO4.js";
 import {
   ContentToolbar
 } from "./chunk-SFLNHCA2.js";
-import {
-  FilterTrigger
-} from "./chunk-HNEZWVDR.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -143,4 +143,4 @@ function GridToolbar(props) {
 export {
   GridToolbar
 };
-//# sourceMappingURL=chunk-BAC2PBOS.js.map
+//# sourceMappingURL=chunk-D3SIZ2CX.js.map

package/dist/chunk-D6JKCCRQ.js

@@ -0,0 +1,120 @@
+import {
+  useRulerDrag
+} from "./chunk-MAYAJXO6.js";
+import {
+  Axis,
+  Coverage,
+  RulerRow
+} from "./chunk-IP424VZD.js";
+import {
+  groupTitleSx,
+  rootSx,
+  rowSx,
+  skeletonNameSx,
+  skeletonTrackSx
+} from "./chunk-EEK2NK4W.js";
+import {
+  handleBlockKey,
+  keyCreateSpan
+} from "./chunk-BK3YLYL6.js";
+import {
+  DAY_RULER_METRICS
+} from "./chunk-7ZQ3KQ7J.js";
+import {
+  SR_ONLY_SX
+} from "./chunk-YSUJCKEE.js";
+import {
+  useAnnouncer
+} from "./chunk-35HMJQLO.js";
+import {
+  resolveLabels
+} from "./chunk-LL2BWQPM.js";
+import {
+  EN_US_UI_LABELS
+} from "./chunk-57FIUJJJ.js";
+
+// src/components/data-display/DayRuler/DayRuler.tsx
+import Box from "@mui/material/Box/index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function grouped(rows) {
+  const out = [];
+  for (const row of rows) {
+    const last = out[out.length - 1];
+    if (last && last.title === row.group) last.rows.push(row);
+    else out.push({ title: row.group, rows: [row] });
+  }
+  return out;
+}
+function scaleOf(props) {
+  return {
+    from: props.from ?? 6,
+    to: props.to ?? 26,
+    snap: (props.snapMinutes ?? 15) / 60,
+    createHours: props.createHours ?? 4,
+    tickHours: props.tickHours ?? 4
+  };
+}
+function abilitiesOf(props) {
+  const open = !props.readOnly && !props.loading;
+  return { create: open && Boolean(props.onCreate), move: open && Boolean(props.onMove), resize: open && Boolean(props.onResize) };
+}
+function RulerBody({ props, ctx }) {
+  if (props.error) return /* @__PURE__ */ jsx(Fragment, { children: props.error });
+  if (props.loading) {
+    return /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: DAY_RULER_METRICS.skeletonRows }, (_, index) => /* @__PURE__ */ jsxs(Box, { sx: rowSx, "aria-hidden": true, "data-testid": `${ctx.testId}-loading`, children: [
+      /* @__PURE__ */ jsx(Box, { sx: skeletonNameSx }),
+      /* @__PURE__ */ jsx(Box, { sx: skeletonTrackSx })
+    ] }, index)) });
+  }
+  if (props.rows.length === 0) return /* @__PURE__ */ jsx(Fragment, { children: props.empty ?? null });
+  return /* @__PURE__ */ jsx(Fragment, { children: grouped(props.rows).map((group, index) => /* @__PURE__ */ jsxs(Box, { role: "list", "aria-label": group.title, children: [
+    group.title ? /* @__PURE__ */ jsx(Box, { component: "p", sx: groupTitleSx, "aria-hidden": true, children: group.title }) : null,
+    group.rows.map((row) => /* @__PURE__ */ jsx(RulerRow, { row, ctx }, row.id))
+  ] }, `${index}-${group.title ?? ""}`)) });
+}
+function DayRuler(props) {
+  const { now, onCreate, onMove, onResize } = props;
+  const testId = props.dataTestId ?? "day-ruler";
+  const labels = resolveLabels(EN_US_UI_LABELS.dayRuler, props.labels);
+  const scale = scaleOf(props);
+  const can = abilitiesOf(props);
+  const dragApi = useRulerDrag(scale, { onCreate, onMove, onResize });
+  const { text: announcement, say } = useAnnouncer();
+  const ctx = {
+    scale,
+    now,
+    can,
+    drag: dragApi.drag,
+    dragApi,
+    onBlockClick: props.onBlockClick,
+    onKeyCreate: (row) => {
+      const [start, end] = keyCreateSpan(scale, now, props.createStart?.(row.id));
+      onCreate?.(row.id, start, end);
+    },
+    onBlockKey: (event, block) => handleBlockKey(event, block, { scale, can, onMove, onResize, labels, say }),
+    createLabel: labels.createTrack,
+    testId
+  };
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      sx: rootSx(props.rows.some((row) => row.actions !== void 0 && row.actions !== null)),
+      "data-testid": testId,
+      role: "region",
+      "aria-label": props["aria-label"],
+      "aria-busy": props.loading || void 0,
+      "aria-description": props.loading ? labels.loading : void 0,
+      children: [
+        props.coverage && props.coverage.length > 0 ? /* @__PURE__ */ jsx(Coverage, { coverage: props.coverage, label: props.coverageLabel, scale, testId }) : null,
+        /* @__PURE__ */ jsx(Axis, { scale, testId }),
+        /* @__PURE__ */ jsx(RulerBody, { props, ctx }),
+        /* @__PURE__ */ jsx(Box, { sx: SR_ONLY_SX, "aria-live": "polite", role: "status", "data-testid": `${testId}-live`, children: announcement })
+      ]
+    }
+  );
+}
+
+export {
+  DayRuler
+};
+//# sourceMappingURL=chunk-D6JKCCRQ.js.map

package/dist/chunk-D6JKCCRQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DayRuler/DayRuler.tsx"],"sourcesContent":["'use client';\n\nimport Box from '@mui/material/Box/index.js';\nimport type React from 'react';\n\nimport { EN_US_UI_LABELS } from '../../../en-US.labels';\nimport { resolveLabels } from '../../../utils/resolve-labels';\nimport { SR_ONLY_SX } from '../ScheduleGrid/ScheduleGrid.styles';\nimport { useAnnouncer } from '../ScheduleGrid/useAnnouncer';\nimport { handleBlockKey, keyCreateSpan, type RulerAbilities, type RulerScale } from './DayRuler.keyboard';\nimport { DAY_RULER_METRICS as M } from './DayRuler.metrics';\nimport { Axis, Coverage, RulerRow, type RowContext } from './DayRuler.parts';\nimport { groupTitleSx, rootSx, rowSx, skeletonNameSx, skeletonTrackSx } from './DayRuler.styles';\nimport type { DayRulerProps, DayRulerRow } from './DayRuler.types';\nimport { useRulerDrag } from './useRulerDrag';\n\n/** The rows, grouped under a heading each time `row.group` changes. */\nfunction grouped(rows: readonly DayRulerRow[]): { title?: string; rows: DayRulerRow[] }[] {\n  const out: { title?: string; rows: DayRulerRow[] }[] = [];\n  for (const row of rows) {\n    const last = out[out.length - 1];\n    if (last && last.title === row.group) last.rows.push(row);\n    else out.push({ title: row.group, rows: [row] });\n  }\n  return out;\n}\n\nfunction scaleOf(props: DayRulerProps): RulerScale {\n  return {\n    from: props.from ?? 6,\n    to: props.to ?? 26,\n    snap: (props.snapMinutes ?? 15) / 60,\n    createHours: props.createHours ?? 4,\n    tickHours: props.tickHours ?? 4,\n  };\n}\n\nfunction abilitiesOf(props: DayRulerProps): RulerAbilities {\n  const open = !props.readOnly && !props.loading;\n  return { create: open && Boolean(props.onCreate), move: open && Boolean(props.onMove), resize: open && Boolean(props.onResize) };\n}\n\n/** The groups and their rows — or the skeleton, the host's error, or the host's empty state. */\nfunction RulerBody({ props, ctx }: { props: DayRulerProps; ctx: RowContext }): React.JSX.Element {\n  if (props.error) return <>{props.error}</>;\n  if (props.loading) {\n    return (\n      <>\n        {Array.from({ length: M.skeletonRows }, (_, index) => (\n          <Box key={index} sx={rowSx} aria-hidden data-testid={`${ctx.testId}-loading`}>\n            <Box sx={skeletonNameSx} />\n            <Box sx={skeletonTrackSx} />\n          </Box>\n        ))}\n      </>\n    );\n  }\n  if (props.rows.length === 0) return <>{props.empty ?? null}</>;\n  return (\n    <>\n      {grouped(props.rows).map((group, index) => (\n        <Box key={`${index}-${group.title ?? ''}`} role=\"list\" aria-label={group.title}>\n          {group.title ? (\n            <Box component=\"p\" sx={groupTitleSx} aria-hidden>\n              {group.title}\n            </Box>\n          ) : null}\n          {group.rows.map((row) => (\n            <RulerRow key={row.id} row={row} ctx={ctx} />\n          ))}\n        </Box>\n      ))}\n    </>\n  );\n}\n\n/**\n * One day as an hour ruler per row — who is on the escala when, and who is\n * really on shift (FUT-3825). Drag on an empty stretch to create (a click\n * alone is `createHours`), drag a block to move it, drag its ends to change\n * them; every hour snaps to `snapMinutes`. On a narrow ruler (a phone) each row\n * stacks and the blocks are tap-only: touch scrolls and never drags.\n *\n * The ruler reports gestures; hours, limits and refusals are the host's.\n */\nexport function DayRuler(props: DayRulerProps): React.JSX.Element {\n  const { now, onCreate, onMove, onResize } = props;\n  const testId = props.dataTestId ?? 'day-ruler';\n  const labels = resolveLabels(EN_US_UI_LABELS.dayRuler, props.labels);\n  const scale = scaleOf(props);\n  const can = abilitiesOf(props);\n  const dragApi = useRulerDrag(scale, { onCreate, onMove, onResize });\n  const { text: announcement, say } = useAnnouncer();\n\n  const ctx: RowContext = {\n    scale,\n    now,\n    can,\n    drag: dragApi.drag,\n    dragApi,\n    onBlockClick: props.onBlockClick,\n    onKeyCreate: (row) => {\n      const [start, end] = keyCreateSpan(scale, now, props.createStart?.(row.id));\n      onCreate?.(row.id, start, end);\n    },\n    onBlockKey: (event, block) => handleBlockKey(event, block, { scale, can, onMove, onResize, labels, say }),\n    createLabel: labels.createTrack,\n    testId,\n  };\n\n  return (\n    <Box\n      sx={rootSx(props.rows.some((row) => row.actions !== undefined && row.actions !== null))}\n      data-testid={testId}\n      role=\"region\"\n      aria-label={props['aria-label']}\n      aria-busy={props.loading || undefined}\n      aria-description={props.loading ? labels.loading : undefined}\n    >\n      {props.coverage && props.coverage.length > 0 ? (\n        <Coverage coverage={props.coverage} label={props.coverageLabel} scale={scale} testId={testId} />\n      ) : null}\n      <Axis scale={scale} testId={testId} />\n      <RulerBody props={props} ctx={ctx} />\n      <Box sx={SR_ONLY_SX} aria-live=\"polite\" role=\"status\" data-testid={`${testId}-live`}>\n        {announcement}\n      </Box>\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-QN7FVZQD.js → chunk-DHAXUVMR.js}

@@ -1,6 +1,3 @@
-import {
-  chipKeyAction
-} from "./chunk-BF4FYOAR.js";
 import {
   CHIP_SIZES,
   CHIP_TRANSITION_EASING,
@@ -10,6 +7,9 @@ import {
   SOFT_GROUND_ALPHA,
   SOFT_HOVER_ALPHA
 } from "./chunk-E5I776YW.js";
+import {
+  chipKeyAction
+} from "./chunk-BF4FYOAR.js";
 import {
   shadowInk
 } from "./chunk-XJAD6E3V.js";
@@ -110,4 +110,4 @@ export {
   chipStyles,
   iconWithTestId
 };
-//# sourceMappingURL=chunk-QN7FVZQD.js.map
+//# sourceMappingURL=chunk-DHAXUVMR.js.map

package/dist/chunk-DJNKSDQH.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-DJNKSDQH.js.map

package/dist/chunk-DJNKSDQH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/{chunk-YGLAGY74.js → chunk-DM57YWZH.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-LL2BWQPM.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-57FIUJJJ.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -99,4 +99,4 @@ export {
   Timeline,
   Timeline_default
 };
-//# sourceMappingURL=chunk-YGLAGY74.js.map
+//# sourceMappingURL=chunk-DM57YWZH.js.map

package/dist/{chunk-NASLJO2R.js → chunk-DRJGHTQU.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-IM4DMKH4.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-57FIUJJJ.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -220,4 +220,4 @@ export {
   SheetFooter,
   SheetOverlay
 };
-//# sourceMappingURL=chunk-NASLJO2R.js.map
+//# sourceMappingURL=chunk-DRJGHTQU.js.map

package/dist/{chunk-BLZDSCIZ.js → chunk-DYHOBKPU.js}

@@ -1,3 +1,8 @@
+import {
+  DataGridEmpty,
+  DataGridError,
+  DataGridLoading
+} from "./chunk-EARWC6PD.js";
 import {
   useDataGridModel
 } from "./chunk-LDROG4QI.js";
@@ -5,11 +10,6 @@ import {
   GridBody,
   GridHeader
 } from "./chunk-5RYPVYWP.js";
-import {
-  DataGridEmpty,
-  DataGridError,
-  DataGridLoading
-} from "./chunk-EARWC6PD.js";
 
 // src/components/data-display/DataGrid/DataGrid.tsx
 import Paper from "@mui/material/Paper/index.js";
@@ -120,4 +120,4 @@ export {
   DataGrid,
   GRID_ONLY_PROPS
 };
-//# sourceMappingURL=chunk-BLZDSCIZ.js.map
+//# sourceMappingURL=chunk-DYHOBKPU.js.map

package/dist/{chunk-6HXNFNOB.js → chunk-EE6DJPB7.js}

@@ -1,10 +1,10 @@
-import {
-  ColumnsTab
-} from "./chunk-WSAUWJFO.js";
 import {
   DisplayTab,
   SortTab
 } from "./chunk-YEGZIYVM.js";
+import {
+  ColumnsTab
+} from "./chunk-WSAUWJFO.js";
 import {
   ViewActions,
   ViewFooter,
@@ -265,4 +265,4 @@ function DataViewsDisplayPanel({
 export {
   DataViewsDisplayPanel
 };
-//# sourceMappingURL=chunk-6HXNFNOB.js.map
+//# sourceMappingURL=chunk-EE6DJPB7.js.map