@12-apps/ui 6.86.1 → 6.87.0

package/dist/chunk-QMRR35W2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/SequenceResolver/useSequenceRun.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nimport {\n  backRun,\n  canReturn,\n  currentOf,\n  jumpRun,\n  pinRun,\n  previousOf,\n  resolveRun,\n  skipRun,\n  startRun,\n  syncRun,\n  type RunState,\n} from './sequence-model';\nimport type { SequenceItem, SequenceResolveOptions } from './SequenceResolver.types';\n\ninterface RunInputs<I extends SequenceItem, R> {\n  /** The resolver is open. Opening it, intro or not, starts a fresh run. */\n  open: boolean;\n  /** True while the run is on screen: open, and past the intro. */\n  active: boolean;\n  queue: readonly I[];\n  /** The key a fresh run opens at (its step goes first; nothing is passed over). */\n  initialKey?: string;\n  onBack?: (item: I, result: R) => Promise<void> | void;\n  /** The message for a rejection that carries none. */\n  failed: string;\n  /**\n   * Read when an answer is recorded: false when the step on screen said\n   * `canGoBack: false` (its answer has no inverse, so Back stops at it).\n   */\n  stepAllowsBack: () => boolean;\n}\n\nexport interface SequenceRun<I extends SequenceItem, R> {\n  run: RunState<I, R>;\n  busy: boolean;\n  error: string | null;\n  resolve: (result: R | PromiseLike<R>, options?: SequenceResolveOptions) => void;\n  skip: () => void;\n  back: () => void;\n  /** Jump to `key`: the step on screen is passed over and the target shows (see `jumpRun`). */\n  jumpTo: (key: string) => void;\n}\n\ninterface Tracked<I extends SequenceItem, R> {\n  run: RunState<I, R>;\n  /** The queue `run` was last reconciled with, by reference. */\n  queue: readonly I[];\n  active: boolean;\n  open: boolean;\n}\n\n/** The screen key an error belongs to: the step's key, or the end screen's. */\nconst END_SCREEN = '\\u0000end';\nconst screenOf = (item: SequenceItem | undefined): string => item?.key ?? END_SCREEN;\n\n/** A rejection's message, and the screen it was raised on. */\ninterface GateError {\n  message: string;\n  screen: string;\n}\n\nfunction isThenable<R>(value: R | PromiseLike<R>): value is PromiseLike<R> {\n  return typeof (value as { then?: unknown } | null)?.then === 'function';\n}\n\nfunction messageOf(reason: unknown, fallback: string): string {\n  if (reason instanceof Error && reason.message) return reason.message;\n  if (typeof reason === 'string' && reason) return reason;\n  return fallback;\n}\n\n/** What the pending work is: an answer being written, or Back's inverse. */\ntype Work = 'resolve' | 'back';\n\ninterface AsyncGate {\n  /** The pending work, or `null` when idle. */\n  busy: Work | null;\n  error: GateError | null;\n  /** True from the moment work starts — read before React re-renders with `busy`. */\n  isPending: () => boolean;\n  clearError: () => void;\n  /** Run `work`; on success apply `onDone`, on failure keep the screen and show why. */\n  settle: <T>(work: PromiseLike<T>, kind: Work, screen: string, onDone: (value: T) => void) => void;\n  /** Forget pending work (a restart): whatever settles later touches nothing. */\n  reset: () => void;\n}\n\n/**\n * `busy` while a promise settles, the rejection's message as `error`, and\n * nothing double-fired. Refs, not state, for the guard: a second tap in the\n * same frame reads them before React has re-rendered with `busy`, and a\n * promise settling after a restart must not touch the new run.\n */\nfunction useAsyncGate(failed: string): AsyncGate {\n  const [busy, setBusy] = useState<Work | null>(null);\n  const [error, setError] = useState<GateError | null>(null);\n  const pending = useRef(false);\n  const generation = useRef(0);\n\n  const settle = useCallback(\n    <T,>(work: PromiseLike<T>, kind: Work, screen: string, onDone: (value: T) => void) => {\n      const mine = generation.current;\n      pending.current = true;\n      setBusy(kind);\n      setError(null);\n      const finish = (): boolean => {\n        if (mine !== generation.current) return false;\n        pending.current = false;\n        setBusy(null);\n        return true;\n      };\n      work.then(\n        (value) => {\n          if (finish()) onDone(value);\n        },\n        (reason: unknown) => {\n          if (finish()) setError({ message: messageOf(reason, failed), screen });\n        },\n      );\n    },\n    [failed],\n  );\n\n  const reset = (): void => {\n    generation.current += 1;\n    pending.current = false;\n    if (busy) setBusy(null);\n    if (error) setError(null);\n  };\n\n  return {\n    busy,\n    error,\n    isPending: () => pending.current,\n    clearError: () => setError(null),\n    settle,\n    reset,\n  };\n}\n\n/**\n * The run, restarted from the queue each time the resolver OPENS (intro or\n * not — a closed-and-reopened resolver never reports the previous run) and\n * each time it becomes ACTIVE (the intro is dropped). While active, each new queue\n * is reconciled into it during render (`syncRun`) rather than in an effect, so\n * no frame ever shows a step the queue has already dropped.\n */\nfunction useTrackedRun<I extends SequenceItem, R>(\n  inputs: { open: boolean; active: boolean; queue: readonly I[]; initialKey?: string },\n  onRestart: () => void,\n): { run: RunState<I, R>; update: (step: (run: RunState<I, R>) => RunState<I, R>) => void } {\n  const { open, active, queue, initialKey } = inputs;\n  const [tracked, setTracked] = useState<Tracked<I, R>>(() => ({ run: startRun(queue, initialKey), queue, active, open }));\n  let current = tracked;\n  if (active !== tracked.active || open !== tracked.open || queue !== tracked.queue) {\n    const restart = (active && !tracked.active) || (open && !tracked.open);\n    current = { run: restart ? startRun(queue, initialKey) : syncRun(tracked.run, queue), queue, active, open };\n    if (restart) onRestart();\n    setTracked(current);\n  }\n  const update = useCallback((step: (run: RunState<I, R>) => RunState<I, R>) => {\n    setTracked((prev) => ({ ...prev, run: step(prev.run) }));\n  }, []);\n  return { run: current.run, update };\n}\n\n/** The run's state and its verbs — the index/back/skip/done logic, once (FUT-3671). */\nexport function useSequenceRun<I extends SequenceItem, R>(inputs: RunInputs<I, R>): SequenceRun<I, R> {\n  const { open, active, queue, initialKey, onBack, failed, stepAllowsBack } = inputs;\n  const gate = useAsyncGate(failed);\n  const { run, update } = useTrackedRun<I, R>({ open, active, queue, initialKey }, gate.reset);\n  const { settle, isPending, clearError } = gate;\n\n  const onScreen = currentOf(run);\n  const resolve = (result: R | PromiseLike<R>, options?: SequenceResolveOptions): void => {\n    const also = options?.alsoResolved ?? 0;\n    if (isPending() || !onScreen) return;\n    const final = !stepAllowsBack();\n    if (isThenable(result)) {\n      // The host's refetch may drop the entry before its write returns: keep\n      // it on screen meanwhile, and answer THIS entry when it does.\n      update((prev) => pinRun(prev, onScreen.key));\n      settle(result, 'resolve', onScreen.key, (value) => update((prev) => resolveRun(prev, value, onScreen, also, final)));\n      return;\n    }\n    clearError();\n    update((prev) => resolveRun(prev, result, onScreen, also, final));\n  };\n\n  const skip = (): void => {\n    if (isPending() || !onScreen) return;\n    clearError();\n    update((prev) => skipRun(prev, onScreen.key));\n  };\n\n  const back = (): void => {\n    const last = previousOf(run);\n    if (isPending() || !last || !canReturn(run)) return;\n    if (last.outcome === 'resolved' && onBack) {\n      // `new Promise` so a handler that throws synchronously lands in the same\n      // rejection path as one that rejects.\n      const undo = new Promise<void>((done) => done(onBack(last.item, last.result)));\n      settle(undo, 'back', screenOf(onScreen), () => update((prev) => backRun(prev, last.item.key)));\n      return;\n    }\n    clearError();\n    update((prev) => backRun(prev, last.item.key));\n  };\n\n  const jumpTo = (key: string): void => {\n    if (isPending()) return;\n    clearError();\n    update((prev) => jumpRun(prev, key));\n  };\n\n  // An error belongs to the screen it was raised on: once a queue change (or\n  // anything else) moves the run to another step, it no longer shows.\n  const error = gate.error && gate.error.screen === screenOf(onScreen) ? gate.error.message : null;\n  return { run, busy: gate.busy !== null, error, resolve, skip, back, jumpTo };\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-QQFFE3CQ.js

@@ -0,0 +1,90 @@
+import {
+  isOpen,
+  stepDay
+} from "./chunk-MQVYJVKV.js";
+
+// src/components/data-display/ScheduleGrid/ScheduleGrid.keyboard.ts
+function focusables(root) {
+  return Array.from(root.querySelectorAll("[data-sg-focus]"));
+}
+function focusCell(root, rowId, day) {
+  const target = focusables(root).find((el) => el.dataset.sgRow === rowId && Number(el.dataset.sgDay) === day);
+  target?.focus();
+  return Boolean(target);
+}
+function arrowOf(key) {
+  if (key === "ArrowLeft") return { horizontal: true, step: -1 };
+  if (key === "ArrowRight") return { horizontal: true, step: 1 };
+  if (key === "ArrowUp") return { horizontal: false, step: -1 };
+  if (key === "ArrowDown") return { horizontal: false, step: 1 };
+  return null;
+}
+function moveFocus(ctx, from, arrow) {
+  const rowIndex = ctx.rows.findIndex((row) => row.id === from.dataset.sgRow);
+  const day = Number(from.dataset.sgDay);
+  if (rowIndex < 0) return false;
+  for (let distance = 1; ; distance += 1) {
+    const offset = arrow.step * distance;
+    const nextDay = arrow.horizontal ? day + offset : day;
+    const row = ctx.rows[arrow.horizontal ? rowIndex : rowIndex + offset];
+    if (!row || nextDay < 0 || nextDay >= ctx.columns.length) return false;
+    if (focusCell(ctx.root, row.id, nextDay)) return true;
+  }
+}
+function gestureOf(event, block, can) {
+  if (event.shiftKey && !event.altKey) return can.copy && block.copyable ? "copy" : null;
+  if (event.altKey && !event.shiftKey) return can.move && block.movable ? "move" : null;
+  return null;
+}
+function blockUnder(ctx, el) {
+  const rowId = el.dataset.sgRow ?? "";
+  const day = Number(el.dataset.sgDay);
+  const block = ctx.cell(rowId, day).blocks.find((entry) => entry.id === el.dataset.sgBlock);
+  const row = ctx.rows.find((entry) => entry.id === rowId);
+  return block && row ? { block, row, day } : null;
+}
+function openNeighbour(ctx, rowId, day, step) {
+  const target = stepDay(day, step, ctx.columns.length);
+  if (target === void 0) return null;
+  const column = ctx.columns[target];
+  return column && isOpen(ctx.cell(rowId, target)) ? { day: target, column } : null;
+}
+function blockKey(ctx, el, event, step) {
+  const under = blockUnder(ctx, el);
+  if (!under) return false;
+  const gesture = gestureOf(event, under.block, ctx.can);
+  const { block, row, day } = under;
+  const target = gesture ? openNeighbour(ctx, row.id, day, step) : null;
+  if (!gesture) {
+    ctx.say(ctx.labels.notMovable);
+  } else if (!target) {
+    ctx.say(ctx.labels.refused);
+  } else if (gesture === "copy") {
+    ctx.onCopy?.(block.id, [target.day]);
+    ctx.say(ctx.labels.copied(block.label, target.column.label));
+  } else {
+    ctx.follow(block.id, target.day);
+    ctx.onMove?.(block.id, row.id, target.day);
+    ctx.say(ctx.labels.moved(block.label, row.label, target.column.label));
+  }
+  return true;
+}
+var isBlockGesture = (event) => event.shiftKey !== event.altKey && !event.ctrlKey && !event.metaKey;
+var hasModifier = (event) => event.shiftKey || event.altKey || event.ctrlKey || event.metaKey;
+function handleGridKey(event, ctx) {
+  const el = event.target.closest("[data-sg-focus]");
+  const arrow = arrowOf(event.key);
+  if (!el || !arrow) return;
+  const onBlock = el.dataset.sgBlock !== void 0;
+  if (onBlock && arrow.horizontal && isBlockGesture(event)) {
+    if (blockKey(ctx, el, event, arrow.step)) event.preventDefault();
+    return;
+  }
+  if (!hasModifier(event) && moveFocus(ctx, el, arrow)) event.preventDefault();
+}
+
+export {
+  focusables,
+  handleGridKey
+};
+//# sourceMappingURL=chunk-QQFFE3CQ.js.map

package/dist/chunk-QQFFE3CQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/ScheduleGrid/ScheduleGrid.keyboard.ts"],"sourcesContent":["import type * as React from 'react';\n\nimport type { ScheduleGridLabels } from '../../../copy/labels';\nimport { isOpen, stepDay } from './schedule-grid-model';\nimport type { CellAbilities } from './ScheduleGrid.parts';\nimport type { ScheduleGridBlock, ScheduleGridCell, ScheduleGridColumn, ScheduleGridRow } from './ScheduleGrid.types';\n\n/**\n * THE GRID'S KEYBOARD (FUT-3825). Every empty cell's \"+\" and every block is a\n * button in the tab order; on top of that:\n * - arrows move focus to the nearest focusable cell that way;\n * - Shift+←/→ on a copyable block copies it one day;\n * - Alt+←/→ on a movable block moves it one day (focus follows it);\n * either on a block that cannot do it says so (`notMovable`), a taken or\n * closed day is refused; each is read by the live region. With Ctrl or Meta\n * the key is not the grid's.\n */\nexport interface GridKeyContext {\n  root: HTMLElement;\n  rows: readonly ScheduleGridRow[];\n  columns: readonly ScheduleGridColumn[];\n  cell: (rowId: string, day: number) => ScheduleGridCell;\n  can: CellAbilities;\n  onCopy?: (blockId: string, days: number[]) => void;\n  onMove?: (blockId: string, toRowId: string, toDay: number) => void;\n  labels: ScheduleGridLabels;\n  say: (text: string) => void;\n  /** Wait for the block at its new day and focus it there. */\n  follow: (blockId: string, day: number) => void;\n}\n\n/** Every focusable part of the grid (empty cells' buttons and blocks). */\nexport function focusables(root: HTMLElement): HTMLElement[] {\n  return Array.from(root.querySelectorAll<HTMLElement>('[data-sg-focus]'));\n}\n\n/** Focus the first focusable of the cell at (`rowId`, `day`); false when it has none. */\nfunction focusCell(root: HTMLElement, rowId: string, day: number): boolean {\n  const target = focusables(root).find((el) => el.dataset.sgRow === rowId && Number(el.dataset.sgDay) === day);\n  target?.focus();\n  return Boolean(target);\n}\n\ninterface Arrow {\n  horizontal: boolean;\n  step: -1 | 1;\n}\n\nfunction arrowOf(key: string): Arrow | null {\n  if (key === 'ArrowLeft') return { horizontal: true, step: -1 };\n  if (key === 'ArrowRight') return { horizontal: true, step: 1 };\n  if (key === 'ArrowUp') return { horizontal: false, step: -1 };\n  if (key === 'ArrowDown') return { horizontal: false, step: 1 };\n  return null;\n}\n\n/** Move focus `arrow`-wards to the nearest cell that has something to focus; a closed or read-only one is passed over. */\nfunction moveFocus(ctx: GridKeyContext, from: HTMLElement, arrow: Arrow): boolean {\n  const rowIndex = ctx.rows.findIndex((row) => row.id === from.dataset.sgRow);\n  const day = Number(from.dataset.sgDay);\n  if (rowIndex < 0) return false;\n  for (let distance = 1; ; distance += 1) {\n    const offset = arrow.step * distance;\n    const nextDay = arrow.horizontal ? day + offset : day;\n    const row = ctx.rows[arrow.horizontal ? rowIndex : rowIndex + offset];\n    if (!row || nextDay < 0 || nextDay >= ctx.columns.length) return false;\n    if (focusCell(ctx.root, row.id, nextDay)) return true;\n  }\n}\n\n/** Which gesture a modified arrow asks of this block, if the grid allows it. */\nfunction gestureOf(event: React.KeyboardEvent, block: ScheduleGridBlock, can: CellAbilities): 'copy' | 'move' | null {\n  if (event.shiftKey && !event.altKey) return can.copy && block.copyable ? 'copy' : null;\n  if (event.altKey && !event.shiftKey) return can.move && block.movable ? 'move' : null;\n  return null;\n}\n\n/** The block a key landed on, with its row — or nothing. */\nfunction blockUnder(ctx: GridKeyContext, el: HTMLElement): { block: ScheduleGridBlock; row: ScheduleGridRow; day: number } | null {\n  const rowId = el.dataset.sgRow ?? '';\n  const day = Number(el.dataset.sgDay);\n  const block = ctx.cell(rowId, day).blocks.find((entry) => entry.id === el.dataset.sgBlock);\n  const row = ctx.rows.find((entry) => entry.id === rowId);\n  return block && row ? { block, row, day } : null;\n}\n\n/** The open day one step away, with its column — or nothing past either end or on a taken / closed day. */\nfunction openNeighbour(ctx: GridKeyContext, rowId: string, day: number, step: -1 | 1) {\n  const target = stepDay(day, step, ctx.columns.length);\n  if (target === undefined) return null;\n  const column = ctx.columns[target];\n  return column && isOpen(ctx.cell(rowId, target)) ? { day: target, column } : null;\n}\n\n/**\n * Shift/Alt+←/→ on a block. Returns whether the key was the grid's: a block\n * that cannot be copied or moved that way refuses it aloud, and the key goes\n * no further (Alt+← would otherwise be the browser's Back).\n */\nfunction blockKey(ctx: GridKeyContext, el: HTMLElement, event: React.KeyboardEvent, step: -1 | 1): boolean {\n  const under = blockUnder(ctx, el);\n  if (!under) return false;\n  const gesture = gestureOf(event, under.block, ctx.can);\n  const { block, row, day } = under;\n  const target = gesture ? openNeighbour(ctx, row.id, day, step) : null;\n  if (!gesture) {\n    ctx.say(ctx.labels.notMovable);\n  } else if (!target) {\n    ctx.say(ctx.labels.refused);\n  } else if (gesture === 'copy') {\n    ctx.onCopy?.(block.id, [target.day]);\n    ctx.say(ctx.labels.copied(block.label, target.column.label));\n  } else {\n    ctx.follow(block.id, target.day);\n    ctx.onMove?.(block.id, row.id, target.day);\n    ctx.say(ctx.labels.moved(block.label, row.label, target.column.label));\n  }\n  return true;\n}\n\n/** Shift OR Alt (not both) and no Ctrl or Meta: a key the grid answers for a block, as the ruler does. */\nconst isBlockGesture = (event: React.KeyboardEvent): boolean =>\n  event.shiftKey !== event.altKey && !event.ctrlKey && !event.metaKey;\n\nconst hasModifier = (event: React.KeyboardEvent): boolean => event.shiftKey || event.altKey || event.ctrlKey || event.metaKey;\n\n/** The grid's `onKeyDown`. */\nexport function handleGridKey(event: React.KeyboardEvent, ctx: GridKeyContext): void {\n  const el = (event.target as HTMLElement).closest<HTMLElement>('[data-sg-focus]');\n  const arrow = arrowOf(event.key);\n  if (!el || !arrow) return;\n  const onBlock = el.dataset.sgBlock !== undefined;\n  if (onBlock && arrow.horizontal && isBlockGesture(event)) {\n    if (blockKey(ctx, el, event, arrow.step)) event.preventDefault();\n    return;\n  }\n  if (!hasModifier(event) && moveFocus(ctx, el, arrow)) event.preventDefault();\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-6PTP5NID.js → chunk-R2ODLE6G.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-AY5GKCH7.js";
 import {
   Button
-} from "./chunk-HJJR2WGL.js";
+} from "./chunk-YOXYSAUI.js";
 
 // src/components/data-display/CardKit/CardKebab.tsx
 import { jsx } from "react/jsx-runtime";
@@ -25,4 +25,4 @@ function CardKebab({
 export {
   CardKebab
 };
-//# sourceMappingURL=chunk-6PTP5NID.js.map
+//# sourceMappingURL=chunk-R2ODLE6G.js.map

package/dist/{chunk-PJNIJIE6.js → chunk-RCTHCXS6.js}

@@ -1,6 +1,6 @@
 import {
   Alert
-} from "./chunk-QVDEGBME.js";
+} from "./chunk-NQCTANF3.js";
 
 // src/components/data-display/CardKit/card-actions-context.tsx
 import { createContext, useCallback, useContext, useState } from "react";
@@ -58,4 +58,4 @@ export {
   CardActionsProvider,
   useCardActions
 };
-//# sourceMappingURL=chunk-PJNIJIE6.js.map
+//# sourceMappingURL=chunk-RCTHCXS6.js.map

package/dist/{chunk-YBAK2WN5.js → chunk-RFMQBIE6.js}

@@ -1,3 +1,6 @@
+import {
+  HoverCardContent
+} from "./chunk-NRIV2CQ2.js";
 import {
   arrowSx,
   cardSx,
@@ -8,9 +11,6 @@ import {
 import {
   useHoverCard
 } from "./chunk-Z3USLQQT.js";
-import {
-  HoverCardContent
-} from "./chunk-NRIV2CQ2.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -191,4 +191,4 @@ HoverCard.displayName = "HoverCard";
 export {
   HoverCard
 };
-//# sourceMappingURL=chunk-YBAK2WN5.js.map
+//# sourceMappingURL=chunk-RFMQBIE6.js.map

package/dist/{chunk-EYFDIUVR.js → chunk-RZTUMBRD.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-YKQA4NPM.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-57FIUJJJ.js";
 import {
   safeAreaBottom
 } from "./chunk-AKZWDZCZ.js";
@@ -267,4 +267,4 @@ export {
   ModalFooter,
   ModalPanelContents
 };
-//# sourceMappingURL=chunk-EYFDIUVR.js.map
+//# sourceMappingURL=chunk-RZTUMBRD.js.map

package/dist/{chunk-SGFRSRAL.js → chunk-S5VIN3EB.js}

@@ -11,13 +11,13 @@ import {
   rowSx,
   sectionHeadSx
 } from "./chunk-VPGDYI63.js";
-import {
-  highlightSegments
-} from "./chunk-PN4HVM43.js";
 import {
   CheckGlyph,
   DisclosureGlyph
 } from "./chunk-DMNZD3Q7.js";
+import {
+  highlightSegments
+} from "./chunk-PN4HVM43.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -148,4 +148,4 @@ export {
   CategoryTreeRow,
   CategorySectionHeading
 };
-//# sourceMappingURL=chunk-SGFRSRAL.js.map
+//# sourceMappingURL=chunk-S5VIN3EB.js.map

package/dist/{chunk-TIM4PXWN.js → chunk-SB2SEGR6.js}

@@ -1,10 +1,10 @@
 import {
   Chart
-} from "./chunk-HI7JPDD6.js";
+} from "./chunk-AMLHEKSV.js";
 import {
   CHART_SEMANTIC_COLORS,
   specToChartProps
-} from "./chunk-JVOEVTCZ.js";
+} from "./chunk-HQCZT6TO.js";
 import {
   accentFor
 } from "./chunk-B7ZHEOQQ.js";
@@ -46,4 +46,4 @@ var SpecChart = ({
 export {
   SpecChart
 };
-//# sourceMappingURL=chunk-TIM4PXWN.js.map
+//# sourceMappingURL=chunk-SB2SEGR6.js.map

package/dist/{chunk-5CP6VW5H.js → chunk-SFNVAM7I.js}

@@ -2,17 +2,17 @@ import {
   ModalPanelContents,
   modalAriaIds,
   resolveModalContent
-} from "./chunk-EYFDIUVR.js";
+} from "./chunk-RZTUMBRD.js";
+import {
+  usePanelChrome
+} from "./chunk-TSMF7K37.js";
 import {
   STYLE_ONLY_PROPS,
   dialogRootStyles
 } from "./chunk-YKQA4NPM.js";
-import {
-  usePanelChrome
-} from "./chunk-TSMF7K37.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-57FIUJJJ.js";
 
 // src/components/feedback/StackedModal/StackedModal.tsx
 import Dialog from "@mui/material/Dialog/index.js";
@@ -179,4 +179,4 @@ var StackedModal = (props) => {
 export {
   StackedModal
 };
-//# sourceMappingURL=chunk-5CP6VW5H.js.map
+//# sourceMappingURL=chunk-SFNVAM7I.js.map

package/dist/{chunk-MVNFUIJS.js → chunk-SKIAWOUC.js}

@@ -3,14 +3,14 @@ import {
 } from "./chunk-SALQ65SM.js";
 import {
   useSummaryInfo
-} from "./chunk-MK6UXAWY.js";
+} from "./chunk-X2GWR75Q.js";
 import {
   LearnMore,
   PendingSpinner,
   SaveError,
   SettingHeader,
   partTestId
-} from "./chunk-UT545JBQ.js";
+} from "./chunk-3EIRRLCQ.js";
 import {
   SETTING_CARD_OPEN_ATTR,
   actionsStyles,
@@ -23,7 +23,7 @@ import {
 } from "./chunk-YEKPQAOW.js";
 import {
   Button
-} from "./chunk-HJJR2WGL.js";
+} from "./chunk-YOXYSAUI.js";
 
 // src/components/layout/SettingCard/SettingCard.tsx
 import Box from "@mui/material/Box/index.js";
@@ -170,4 +170,4 @@ SettingCard.displayName = "SettingCard";
 export {
   SettingCard
 };
-//# sourceMappingURL=chunk-MVNFUIJS.js.map
+//# sourceMappingURL=chunk-SKIAWOUC.js.map

package/dist/{chunk-KES3HNSU.js → chunk-T7NEXLW6.js}

@@ -1,6 +1,6 @@
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-57FIUJJJ.js";
 
 // src/components/form/Command/Command.hooks.ts
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
@@ -139,4 +139,4 @@ export {
   resolveCommandProps,
   useCommandPalette
 };
-//# sourceMappingURL=chunk-KES3HNSU.js.map
+//# sourceMappingURL=chunk-T7NEXLW6.js.map

package/dist/{chunk-EWFBDAB7.js → chunk-TOLCZ4XT.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-LL2BWQPM.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-57FIUJJJ.js";
 import {
   neutralTones
 } from "./chunk-XJAD6E3V.js";
@@ -316,4 +316,4 @@ var Stepper = ({
 export {
   Stepper
 };
-//# sourceMappingURL=chunk-EWFBDAB7.js.map
+//# sourceMappingURL=chunk-TOLCZ4XT.js.map

package/dist/{chunk-HBH7V3IP.js → chunk-TOOEEQ46.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk-TLGGVE56.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-57FIUJJJ.js";
 import {
   resolveTestId
 } from "./chunk-TYJR4GOF.js";
@@ -151,4 +151,4 @@ export {
   ErrorState,
   ErrorState_default
 };
-//# sourceMappingURL=chunk-HBH7V3IP.js.map
+//# sourceMappingURL=chunk-TOOEEQ46.js.map

package/dist/{chunk-L7HNQRFS.js → chunk-TSID4257.js}

@@ -3,19 +3,19 @@ import {
 } from "./chunk-QYY37ECA.js";
 import {
   CategoryPanel
-} from "./chunk-6GICMRDX.js";
-import {
-  CategoryTrigger
-} from "./chunk-GHP5JLL3.js";
-import {
-  useCategorySelect
-} from "./chunk-RZVUY2MO.js";
+} from "./chunk-VMTOLAZ5.js";
 import {
   useCategoryKeyHandler
 } from "./chunk-USJPZ5Q7.js";
 import {
   useCategoryCommit
 } from "./chunk-XHHR6G35.js";
+import {
+  CategoryTrigger
+} from "./chunk-GHP5JLL3.js";
+import {
+  useCategorySelect
+} from "./chunk-RZVUY2MO.js";
 import {
   METRICS
 } from "./chunk-VPGDYI63.js";
@@ -155,4 +155,4 @@ function CategorySelect(props) {
 export {
   CategorySelect
 };
-//# sourceMappingURL=chunk-L7HNQRFS.js.map
+//# sourceMappingURL=chunk-TSID4257.js.map

package/dist/chunk-TTRWOI6Z.js

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

package/dist/chunk-TTRWOI6Z.js.map

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

package/dist/{chunk-5CP5Z3YU.js → chunk-TYGVNTUP.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-72HOUWAW.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-57FIUJJJ.js";
 
 // src/components/form/DateRangePicker/DateRangePicker.range.ts
 function resolveDayRange(draft, maxRangeDays) {
@@ -65,4 +65,4 @@ export {
   resolveQuickRanges,
   activeQuickRangeId
 };
-//# sourceMappingURL=chunk-5CP5Z3YU.js.map
+//# sourceMappingURL=chunk-TYGVNTUP.js.map

package/dist/{chunk-ZVZTQF7E.js → chunk-UBMH5MED.js}

@@ -1,21 +1,21 @@
-import {
-  DateRangeQuickList
-} from "./chunk-6KKQHJE7.js";
-import {
-  DateRangeFields
-} from "./chunk-5S5K73I6.js";
 import {
   DEFAULT_QUICK_RANGES
 } from "./chunk-R26WP22N.js";
 import {
   useDateRangePicker
-} from "./chunk-HUXAIQC5.js";
+} from "./chunk-MJDSXQV7.js";
+import {
+  DateRangeQuickList
+} from "./chunk-6KKQHJE7.js";
+import {
+  DateRangeFields
+} from "./chunk-WUBMJSBR.js";
 import {
   toLocalDay
 } from "./chunk-SUTOAW7I.js";
 import {
   Calendar
-} from "./chunk-KRPDBVUB.js";
+} from "./chunk-GS3QDXDP.js";
 
 // src/components/form/DateRangePicker/DateRangePicker.tsx
 import Box from "@mui/material/Box/index.js";
@@ -181,4 +181,4 @@ export {
   DateRangePicker,
   DateRangePicker_default
 };
-//# sourceMappingURL=chunk-ZVZTQF7E.js.map
+//# sourceMappingURL=chunk-UBMH5MED.js.map