@crewlethq/ui 0.55.0 → 0.57.0

package/dist/chunk-QYEOGGVS.js

@@ -0,0 +1,161 @@
+import { Modal } from './chunk-QZ4B72FP.js';
+import { Callout } from './chunk-BPCY7ZID.js';
+import { SegmentedControl } from './chunk-AWSFK2IK.js';
+import { FormField, Input } from './chunk-FXQLNETQ.js';
+import { Button } from './chunk-HD4QJ2SI.js';
+import { useState } from 'react';
+import { ClockGlyph } from '@crewlethq/icons/glyphs';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var TIME_RANGE_CUSTOM = "custom";
+var TIME_RANGE_PICKER_LABELS = {
+  custom: "Custom",
+  dialogTitle: "Custom window",
+  start: "From",
+  end: "To",
+  firstDay: "First day",
+  lastDay: "Last day",
+  cancel: "Cancel",
+  apply: "Apply",
+  startNotInstant: "The start is not a date and time.",
+  endNotInstant: "The end is not a date and time.",
+  endNotAfterStart: "The end must be after the start.",
+  firstNotDay: "The first day is not a date.",
+  lastNotDay: "The last day is not a date.",
+  lastBeforeFirst: "The last day must be on or after the first."
+};
+var DAY = /^(\d{4})-(\d{2})-(\d{2})$/;
+var INSTANT = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2})(?::(\d{2}))?$/;
+function realDay(year, month, day) {
+  const at = new Date(Date.UTC(Number(year), Number(month) - 1, Number(day)));
+  return at.getUTCFullYear() === Number(year) && at.getUTCMonth() === Number(month) - 1 && at.getUTCDate() === Number(day);
+}
+function timeRangeFieldKey(value, mode) {
+  if (mode === "days") {
+    const day = DAY.exec(value);
+    return day && realDay(day[1], day[2], day[3]) ? value : null;
+  }
+  const instant = INSTANT.exec(value);
+  if (!instant || !realDay(instant[1], instant[2], instant[3])) return null;
+  if (Number(instant[4]) > 23 || Number(instant[5]) > 59 || Number(instant[6] ?? 0) > 59) return null;
+  return instant[6] === void 0 ? `${value}:00` : value;
+}
+function timeRangeProblem(start, end, mode, labels = TIME_RANGE_PICKER_LABELS, validate) {
+  const from = timeRangeFieldKey(start, mode);
+  const to = timeRangeFieldKey(end, mode);
+  if (mode === "days") {
+    if (from === null) return labels.firstNotDay;
+    if (to === null) return labels.lastNotDay;
+    if (to < from) return labels.lastBeforeFirst;
+  } else {
+    if (from === null) return labels.startNotInstant;
+    if (to === null) return labels.endNotInstant;
+    if (to <= from) return labels.endNotAfterStart;
+  }
+  return validate?.(start, end) ?? "";
+}
+function TimeRangePicker({
+  options,
+  value,
+  onChange,
+  custom,
+  label = "Time range",
+  labels,
+  className
+}) {
+  const words = { ...TIME_RANGE_PICKER_LABELS, ...labels };
+  const [editing, setEditing] = useState(false);
+  const segments = options.map((option) => ({
+    value: option.value,
+    label: option.label,
+    ...option.title === void 0 ? null : { title: option.title }
+  }));
+  if (custom) segments.push({ value: TIME_RANGE_CUSTOM, label: words.custom, title: custom.title });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      SegmentedControl,
+      {
+        semantics: "radio",
+        activate: "manual",
+        label,
+        value,
+        className,
+        onValueChange: (next) => next === TIME_RANGE_CUSTOM ? setEditing(true) : onChange(next),
+        options: segments
+      }
+    ),
+    editing && custom ? /* @__PURE__ */ jsx(
+      CustomWindow,
+      {
+        custom,
+        labels: words,
+        onClose: () => setEditing(false),
+        onApply: (start, end) => {
+          custom.onApply(start, end);
+          setEditing(false);
+        }
+      }
+    ) : null
+  ] });
+}
+function CustomWindow({
+  custom,
+  labels,
+  onClose,
+  onApply
+}) {
+  const [start, setStart] = useState(custom.start);
+  const [end, setEnd] = useState(custom.end);
+  const days = custom.mode === "days";
+  const problem = timeRangeProblem(start, end, custom.mode, labels, custom.validate);
+  const type = days ? "date" : "datetime-local";
+  return /* @__PURE__ */ jsxs(
+    Modal,
+    {
+      open: true,
+      title: labels.dialogTitle,
+      icon: /* @__PURE__ */ jsx(ClockGlyph, { size: "md" }),
+      style: { "--crewlet-modal-width": "420px" },
+      stackBody: true,
+      onClose,
+      onSubmit: () => {
+        if (problem === "") onApply(start, end);
+      },
+      footer: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: onClose, children: labels.cancel }),
+        /* @__PURE__ */ jsx(Button, { variant: "primary", type: "submit", disabled: problem !== "", children: labels.apply })
+      ] }),
+      children: [
+        /* @__PURE__ */ jsx(FormField, { label: days ? labels.firstDay : labels.start, helper: custom.helper, children: (field) => /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: field.id,
+            type,
+            width: "full",
+            value: start,
+            "aria-describedby": field.describedBy,
+            onChange: (event) => setStart(event.target.value)
+          }
+        ) }),
+        /* @__PURE__ */ jsx(FormField, { label: days ? labels.lastDay : labels.end, children: (field) => /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: field.id,
+            type,
+            width: "full",
+            value: end,
+            "aria-describedby": field.describedBy,
+            onChange: (event) => setEnd(event.target.value)
+          }
+        ) }),
+        problem ? (
+          // An alert: it is the sentence standing between the reader and a
+          // disabled Apply, so it reaches them where they are typing.
+          /* @__PURE__ */ jsx(Callout, { variant: "danger", role: "alert", children: problem })
+        ) : null
+      ]
+    }
+  );
+}
+
+export { TIME_RANGE_CUSTOM, TIME_RANGE_PICKER_LABELS, TimeRangePicker, timeRangeFieldKey, timeRangeProblem };

package/dist/{chunk-NWGGH2LN.js → chunk-QZ4B72FP.js}

@@ -1,8 +1,8 @@
-import { useLayerContainer } from './chunk-OMV5W53A.js';
 import { HeadingLevelProvider } from './chunk-PQADV6P6.js';
-import { Button } from './chunk-OG6CL3EB.js';
+import { Button } from './chunk-HD4QJ2SI.js';
+import { useLayerContainer } from './chunk-OMV5W53A.js';
 import { focusables, useModalLayer, useBodyScrollLock } from './chunk-H5XTJ7GJ.js';
-import { IconButton } from './chunk-LACA4JGC.js';
+import { IconButton } from './chunk-2BQYODY3.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Modal-3HMP7WAZ.css';
 import { useId, useRef, useCallback } from 'react';

package/dist/chunk-RV2FGESF.js

@@ -0,0 +1,98 @@
+import { useMediaMatch } from './chunk-RTPQDNW3.js';
+import { Button } from './chunk-HD4QJ2SI.js';
+import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './ChatThread-52KMDXHB.css';
+import { forwardRef, useRef, Children, useState, useCallback, useLayoutEffect, useEffect, useImperativeHandle } from 'react';
+import { ArrowDownGlyph } from '@crewlethq/icons/glyphs';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var CHAT_THREAD_FOLLOW_WITHIN = 48;
+var CHAT_THREAD_LABELS = {
+  jumpToLatest: "Jump to latest",
+  newItems: (count) => count === 1 ? "1 new item" : `${count.toLocaleString()} new items`
+};
+var ChatThread = forwardRef(function ChatThread2({ label, busy = false, follow = true, children, labels: overrides, className, ...rest }, ref) {
+  const labels = overrides ? { ...CHAT_THREAD_LABELS, ...overrides } : CHAT_THREAD_LABELS;
+  const scroller = useRef(null);
+  const items = useRef(null);
+  const reduced = useMediaMatch("(prefers-reduced-motion: reduce)");
+  const count = Children.toArray(children).length;
+  const atEnd = useRef(true);
+  const [detachedAt, setDetachedAt] = useState(null);
+  const countRef = useRef(count);
+  countRef.current = count;
+  const toEnd = useCallback(
+    (smooth) => {
+      const el = scroller.current;
+      if (!el) return;
+      const top = el.scrollHeight - el.clientHeight;
+      if (smooth && !reduced && typeof el.scrollTo === "function") el.scrollTo({ top, behavior: "smooth" });
+      else el.scrollTop = top;
+      atEnd.current = true;
+      setDetachedAt(null);
+    },
+    [reduced]
+  );
+  const onScroll = useCallback(() => {
+    const el = scroller.current;
+    if (!el) return;
+    const end = el.scrollHeight - el.scrollTop - el.clientHeight <= CHAT_THREAD_FOLLOW_WITHIN;
+    atEnd.current = end;
+    setDetachedAt((prior) => end ? null : prior ?? countRef.current);
+  }, []);
+  useLayoutEffect(() => {
+    if (follow && atEnd.current) toEnd(false);
+  }, [children, follow, toEnd]);
+  useEffect(() => {
+    const el = items.current;
+    if (!follow || !el || typeof ResizeObserver !== "function") return;
+    const observer = new ResizeObserver(() => {
+      if (atEnd.current) toEnd(false);
+    });
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, [follow, toEnd]);
+  useImperativeHandle(
+    ref,
+    () => ({
+      scrollToLatest: () => toEnd(true),
+      reveal: (element) => {
+        const el = scroller.current;
+        if (!el) return;
+        const top = element.getBoundingClientRect().top - el.getBoundingClientRect().top + el.scrollTop;
+        const height = element.getBoundingClientRect().height;
+        const target = height <= el.clientHeight ? top + height - el.clientHeight : top;
+        el.scrollTop = Math.max(0, Math.min(target, top));
+        onScroll();
+      }
+    }),
+    [onScroll, toEnd]
+  );
+  const fresh = detachedAt === null ? 0 : Math.max(0, count - detachedAt);
+  return /* @__PURE__ */ jsxs("div", { ...rest, className: cx("crewlet-chat-thread", className), children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: scroller,
+        role: "log",
+        "aria-live": "off",
+        "aria-label": label,
+        "aria-busy": busy || void 0,
+        tabIndex: 0,
+        className: "crewlet-chat-thread__scroller",
+        onScroll,
+        children: /* @__PURE__ */ jsx("div", { ref: items, className: "crewlet-chat-thread__items", children })
+      }
+    ),
+    detachedAt === null ? null : /* @__PURE__ */ jsx("div", { className: "crewlet-chat-thread__jump", children: /* @__PURE__ */ jsxs(Button, { variant: "secondary", size: "small", shape: "pill", leadingIcon: /* @__PURE__ */ jsx(ArrowDownGlyph, {}), onClick: () => toEnd(true), children: [
+      labels.jumpToLatest,
+      fresh > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: "crewlet-chat-thread__fresh", "aria-hidden": "true", children: fresh.toLocaleString() }),
+        /* @__PURE__ */ jsx(VisuallyHidden, { children: `, ${labels.newItems(fresh)}` })
+      ] }) : null
+    ] }) })
+  ] });
+});
+
+export { CHAT_THREAD_FOLLOW_WITHIN, CHAT_THREAD_LABELS, ChatThread };

package/dist/{chunk-TQ3C3Q7V.js → chunk-S5C64PTT.js}

@@ -1,5 +1,5 @@
 import { useThemePreference, useDensityPreference } from './chunk-Z24ZUSTX.js';
-import { SegmentedControl } from './chunk-CNGHOTHV.js';
+import { SegmentedControl } from './chunk-AWSFK2IK.js';
 import { SunGlyph, MonitorGlyph, MoonGlyph } from '@crewlethq/icons/glyphs';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/chunk-SDSBVVLL.js

@@ -0,0 +1,45 @@
+import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './SuggestionRow-OKBGNHSS.css';
+import { Children, isValidElement } from 'react';
+import { ChevronRightGlyph } from '@crewlethq/icons/glyphs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function SuggestionRow({
+  icon,
+  children,
+  detail,
+  count,
+  chevron = false,
+  fills = false,
+  fillsLabel = ", fills the message box",
+  onSelect,
+  className,
+  type = "button",
+  ...rest
+}) {
+  const trailing = count !== void 0 && count !== null || chevron;
+  return /* @__PURE__ */ jsxs("button", { ...rest, type, className: cx("crewlet-suggestion-row", className), onClick: onSelect, children: [
+    /* @__PURE__ */ jsx("span", { className: "crewlet-suggestion-row__icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ jsxs("span", { className: "crewlet-suggestion-row__words", children: [
+      /* @__PURE__ */ jsxs("span", { className: "crewlet-suggestion-row__text", children: [
+        children,
+        fills ? /* @__PURE__ */ jsx(VisuallyHidden, { children: fillsLabel }) : null
+      ] }),
+      detail === void 0 || detail === null ? null : /* @__PURE__ */ jsx("span", { className: "crewlet-suggestion-row__detail", children: detail })
+    ] }),
+    trailing ? /* @__PURE__ */ jsxs("span", { className: "crewlet-suggestion-row__trail", children: [
+      count,
+      chevron ? /* @__PURE__ */ jsx(ChevronRightGlyph, { size: "sm", "aria-hidden": "true" }) : null
+    ] }) : null
+  ] });
+}
+function SuggestionList({ divided = false, className, children, ...rest }) {
+  return (
+    // The role is restated for WebKit, which drops it from a list with no markers.
+    // eslint-disable-next-line jsx-a11y/no-redundant-roles
+    /* @__PURE__ */ jsx("ul", { ...rest, role: "list", className: cx("crewlet-suggestion-list", divided && "crewlet-suggestion-list--divided", className), children: Children.toArray(children).filter(isValidElement).map((child) => /* @__PURE__ */ jsx("li", { className: "crewlet-suggestion-list__item", children: child }, child.key ?? void 0)) })
+  );
+}
+
+export { SuggestionList, SuggestionRow };

package/dist/{chunk-ZNOXQACX.js → chunk-T4D7RZNI.js}

@@ -1,7 +1,7 @@
-import { DisclosureAnatomy } from './chunk-FZVJDJFN.js';
+import { DisclosureAnatomy } from './chunk-TFGCNBWP.js';
 import { useHeadingLevel } from './chunk-PQADV6P6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Disclosure-P4FH3C35.css';
+import './Disclosure-FVMA4RW2.css';
 import './Accordion-ZI2WLD5C.css';
 import { createContext, useState, useCallback, useMemo, useContext, useId } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-TDVPYBNL.js → chunk-TA72CURM.js}

@@ -1,4 +1,4 @@
-import { Combobox } from './chunk-NKHS2RQ2.js';
+import { Combobox } from './chunk-U5PJSGHG.js';
 import { PRINCIPAL_KINDS, PrincipalAvatar } from './chunk-CI3VPIJN.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './PrincipalPicker-7NNZTGUP.css';

package/dist/{chunk-WXOYHVWG.js → chunk-TD3UHDFY.js}

@@ -1,7 +1,7 @@
 import { TagGroup } from './chunk-O2EGEONV.js';
-import { Tag } from './chunk-KYIAFNU7.js';
 import { CursorFlag } from './chunk-3BYIWOTV.js';
 import { presenceHueClass } from './chunk-I6POAB4V.js';
+import { Tag } from './chunk-KYIAFNU7.js';
 import { ChangeMark } from './chunk-66X5WDKE.js';
 import { isEmptyValue, displayText, ratingMax, findPerson, findOption, statusTone, editText, textMax, sheetLabels, normalizeValue, sameValue, spokenText, drawnColumns, fitSamples, fittedWidth, columnWidth, SHEET_COLUMN_BOUNDS, sortRows, SHEET_ROW_HEIGHT, cellKey, columnOffsets, SHEET_ROW_NUMBER_WIDTH, rangeOf, presenceByCell, presenceByRow, presenceByColumn, scrollToRow, planClear, visibleRows, cellDescription, nextSort, rowName, inRange, hasPrevious, flagText, toTSV, planPaste, parseTSV, isMod, moveFrom, isTypingKey, editorSide, optionHue, parseText, liveOptions, checkValue } from './chunk-LFSIKGRQ.js';
 import { presenceLabels } from './chunk-Z7JYG5TF.js';
@@ -9,10 +9,10 @@ import { Popover } from './chunk-KHJIEPZV.js';
 import { Tooltip } from './chunk-I33UIUZD.js';
 import { StatusDot } from './chunk-WIATRXEJ.js';
 import { Avatar } from './chunk-PZKHBB7D.js';
-import { Menu } from './chunk-TMM32U7D.js';
-import { Button } from './chunk-OG6CL3EB.js';
+import { Menu } from './chunk-TKS7FTTO.js';
+import { Button } from './chunk-HD4QJ2SI.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
-import { IconButton } from './chunk-LACA4JGC.js';
+import { IconButton } from './chunk-2BQYODY3.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SheetGrid-XK7T7M34.css';

package/dist/{chunk-H7FUQCQY.js → chunk-TDQZ4LB5.js}

@@ -1,14 +1,14 @@
 import { Tooltip } from './chunk-I33UIUZD.js';
-import { SegmentedControl } from './chunk-CNGHOTHV.js';
+import { SegmentedControl } from './chunk-AWSFK2IK.js';
 import { ArtifactIcon } from './chunk-AVL52EME.js';
-import { Menu } from './chunk-TMM32U7D.js';
 import { isApplePlatform, Kbd } from './chunk-SMBKXWML.js';
-import { Button } from './chunk-OG6CL3EB.js';
-import { IconButton } from './chunk-LACA4JGC.js';
+import { Menu } from './chunk-TKS7FTTO.js';
+import { Button } from './chunk-HD4QJ2SI.js';
+import { IconButton } from './chunk-2BQYODY3.js';
 import { returnFocus } from './chunk-NUZHC6MM.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ArtifactKinds-O3CALPVX.css';
-import './ArtifactBar-UMZCTARR.css';
+import './ArtifactBar-LEBMR35Y.css';
 import { useId, useState, useRef, useEffect } from 'react';
 import { ChevronLeftGlyph, EllipsisGlyph, ChevronDownGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -36,6 +36,7 @@ function ArtifactBar({
   kindTools = [],
   tools = [],
   menu = [],
+  end,
   as = "header",
   headingLevel = 1,
   pending = false,
@@ -129,7 +130,8 @@ function ArtifactBar({
               align: "end",
               items: narrowMenu
             }
-          ) }) : null
+          ) }) : null,
+          end ? /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-bar__trail", children: end }) : null
         ] })
       ] })
     }

package/dist/chunk-TFGCNBWP.js

@@ -0,0 +1,64 @@
+import { Count } from './chunk-BHHIIK3M.js';
+import { headingTag } from './chunk-PQADV6P6.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import { ChevronDownGlyph } from '@crewlethq/icons/glyphs';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function DisclosureAnatomy({
+  open,
+  onToggle,
+  title,
+  meta,
+  count,
+  mono = false,
+  actions,
+  disabled = false,
+  icon,
+  expandable = true,
+  headingLevel,
+  triggerId,
+  panelId,
+  triggerClassName,
+  onKeyDown
+}) {
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      ChevronDownGlyph,
+      {
+        className: cx("crewlet-disclosure__chevron", !expandable && "crewlet-disclosure__chevron--reserved"),
+        size: "sm"
+      }
+    ),
+    icon === void 0 ? null : /* @__PURE__ */ jsx("span", { className: "crewlet-disclosure__icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ jsx("span", { className: cx("crewlet-disclosure__title", mono && "crewlet-disclosure__title--mono"), children: title }),
+    meta === void 0 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+      " ",
+      /* @__PURE__ */ jsx("span", { className: "crewlet-disclosure__meta", children: meta })
+    ] }),
+    count === void 0 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+      " ",
+      /* @__PURE__ */ jsx(Count, { value: count })
+    ] })
+  ] });
+  const trigger = expandable ? /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      id: triggerId,
+      className: cx("crewlet-disclosure__trigger", triggerClassName),
+      "aria-expanded": open,
+      "aria-controls": panelId,
+      disabled,
+      onClick: onToggle,
+      onKeyDown,
+      children: content
+    }
+  ) : /* @__PURE__ */ jsx("span", { id: triggerId, className: cx("crewlet-disclosure__trigger", "crewlet-disclosure__trigger--static", triggerClassName), children: content });
+  const Heading = headingLevel === "none" ? null : headingTag(headingLevel);
+  return /* @__PURE__ */ jsxs("div", { className: "crewlet-disclosure__bar", children: [
+    Heading === null ? trigger : /* @__PURE__ */ jsx(Heading, { className: "crewlet-disclosure__heading", children: trigger }),
+    actions === void 0 ? null : /* @__PURE__ */ jsx("div", { className: "crewlet-disclosure__actions", children: actions })
+  ] });
+}
+
+export { DisclosureAnatomy };

package/dist/{chunk-TMM32U7D.js → chunk-TKS7FTTO.js}

@@ -1,7 +1,7 @@
+import { Button } from './chunk-HD4QJ2SI.js';
 import { useLayerContainer, viewportBounds, LAYER_GAP, anchorGone, placePopup, LAYER_REPOSITION_EVENT } from './chunk-OMV5W53A.js';
-import { Button } from './chunk-OG6CL3EB.js';
 import { usePopupLayer } from './chunk-H5XTJ7GJ.js';
-import { IconButton } from './chunk-LACA4JGC.js';
+import { IconButton } from './chunk-2BQYODY3.js';
 import { returnFocus } from './chunk-NUZHC6MM.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Menu-KEKAD3BZ.css';

package/dist/{chunk-NKHS2RQ2.js → chunk-U5PJSGHG.js}

@@ -1,6 +1,6 @@
 import { useListbox, useOptionKeys } from './chunk-7KHM2FZH.js';
+import { Input } from './chunk-FXQLNETQ.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
-import { Input } from './chunk-XANKR3EP.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';
 import './Combobox-GBCWXWEB.css';

package/dist/{chunk-7CGPPAYR.js → chunk-UV4LOQ3E.js}

@@ -1,5 +1,5 @@
 import { SlideStage } from './chunk-RMEBFYL7.js';
-import { Button } from './chunk-OG6CL3EB.js';
+import { Button } from './chunk-HD4QJ2SI.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SlideCompare-HTCMPQFY.css';

package/dist/{chunk-ON2E46DX.js → chunk-VRNUKH2W.js}

@@ -2,7 +2,7 @@ import { useTreeState, treeExpandable, treeLevel, treePosInSet, treeSetSize, tre
 import { LayerNodeBridge } from './chunk-LM3ISVJA.js';
 import { LayerHost, LAYER_REPOSITION_EVENT } from './chunk-OMV5W53A.js';
 import { focusables } from './chunk-H5XTJ7GJ.js';
-import { IconButton } from './chunk-LACA4JGC.js';
+import { IconButton } from './chunk-2BQYODY3.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './TreeGrid-UCPV37XB.css';

package/dist/{chunk-XX2VQE55.js → chunk-WBRC3MNE.js}

@@ -1,4 +1,4 @@
-import { Button } from './chunk-OG6CL3EB.js';
+import { Button } from './chunk-HD4QJ2SI.js';
 import './ErrorBoundary-U2PA3LY2.css';
 import { Component } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-NTZQN7OR.js → chunk-WBTCOFMZ.js}

@@ -1,7 +1,7 @@
 import { richEditorLabels } from './chunk-CSQTDGTS.js';
 import { Callout } from './chunk-BPCY7ZID.js';
 import { Skeleton } from './chunk-TEUQWOWZ.js';
-import { Button } from './chunk-OG6CL3EB.js';
+import { Button } from './chunk-HD4QJ2SI.js';
 import './RichEditor-NPD2KAPS.css';
 import { forwardRef, useState, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';
@@ -9,7 +9,7 @@ import { jsx } from 'react/jsx-runtime';
 var engine = null;
 var loading = null;
 function loadEngine() {
-  loading ??= import('./Editor-GNKMX3VF.js').then(
+  loading ??= import('./Editor-S4HARQ7V.js').then(
     (module) => {
       engine = module.Editor;
       return engine;

package/dist/chunk-WDIVALLP.js

@@ -0,0 +1,51 @@
+import { Tag } from './chunk-KYIAFNU7.js';
+import { Card } from './chunk-INHXF2CL.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './StatusCard-6RPEE6UU.css';
+import { useId } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function StatusCard({
+  title,
+  subtitle,
+  subtitlePlacement,
+  status,
+  settled = false,
+  bodyPadding = "md",
+  strip,
+  actions,
+  actionsAlign = "end",
+  className,
+  children,
+  ...rest
+}) {
+  const id = useId();
+  const titleId = `${id}-title`;
+  const statusId = `${id}-status`;
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      ...rest,
+      as: "section",
+      "aria-labelledby": status ? `${titleId} ${statusId}` : titleId,
+      className: cx("crewlet-status-card", settled && "crewlet-status-card--settled", className),
+      "data-settled": settled || void 0,
+      children: [
+        /* @__PURE__ */ jsx(
+          Card.Header,
+          {
+            subtitle,
+            subtitlePlacement,
+            actions: status ? /* @__PURE__ */ jsx(Tag, { id: statusId, size: "sm", variant: status.tone, leadingIcon: status.icon, children: status.label }) : void 0,
+            children: /* @__PURE__ */ jsx(Card.Title, { id: titleId, truncate: true, children: title })
+          }
+        ),
+        children === void 0 || children === null || children === false ? null : /* @__PURE__ */ jsx(Card.Body, { padding: bodyPadding, className: "crewlet-status-card__body", children }),
+        strip === void 0 || strip === null || strip === false ? null : /* @__PURE__ */ jsx(Card.Footer, { padding: "none", className: "crewlet-status-card__strip", children: strip }),
+        actions === void 0 || actions === null || actions === false ? null : /* @__PURE__ */ jsx(Card.Footer, { className: cx("crewlet-status-card__actions", `crewlet-status-card__actions--${actionsAlign}`), children: actions })
+      ]
+    }
+  );
+}
+
+export { StatusCard };

package/dist/{chunk-QMIWMLFI.js → chunk-WOW5SCEK.js}

@@ -1,7 +1,7 @@
 import { SlideStage } from './chunk-RMEBFYL7.js';
 import { useReorder } from './chunk-XJ2QEBMM.js';
-import { Menu } from './chunk-TMM32U7D.js';
 import { Kbd, isApplePlatform } from './chunk-SMBKXWML.js';
+import { Menu } from './chunk-TKS7FTTO.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SlideFilmstrip-PAT7P4OG.css';