@crewlethq/ui 0.44.0 → 0.46.0

package/dist/Switcher/index.js

@@ -1,16 +1,17 @@
-export { Switcher } from '../chunk-NF6SWHQI.js';
-import '../chunk-FYINAYAJ.js';
+export { Switcher } from '../chunk-32MTQ6DN.js';
+import '../chunk-6AKG2VLR.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-KHJIEPZV.js';
 import '../chunk-FYTIJM2T.js';
 import '../chunk-TEUQWOWZ.js';
-import '../chunk-ZI5G5RS7.js';
+import '../chunk-Z734SV4E.js';
+import '../chunk-XCUUI7E7.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-RSAQOKH3.js';
 import '../chunk-RTPQDNW3.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-H5XTJ7GJ.js';
 import '../chunk-OG6CL3EB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';

package/dist/Tabs/index.js

@@ -1,12 +1,12 @@
-export { TabPanel, Tabs, tabId } from '../chunk-KA75QPFM.js';
+export { TabPanel, Tabs, tabId } from '../chunk-ILFEWRLG.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-BHHIIK3M.js';
-import '../chunk-PCI7ZJ6Z.js';
+import '../chunk-TMM32U7D.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';

package/dist/Text/Text.d.ts

@@ -7,6 +7,14 @@ import type { ElementType, HTMLAttributes } from 'react';
 export type TextVariant = 
 /** Body copy, 14px. The default, and the only one that needs no thought. */
 'body'
+/**
+ * Words somebody wrote to be read whole, at the body's size: a mission on
+ * its card, a policy, a comment. The relaxed leading, the author's own line
+ * breaks kept, balanced last lines, and a long word or address broken
+ * rather than pushed past the column. Body copy reflows what it is given;
+ * a passage keeps it as it was written.
+ */
+ | 'passage'
 /** A value inside a dense row or table cell, 13px. */
  | 'cell'
 /** Metadata under or beside a value, 12px, on the tertiary step. */

package/dist/Text/index.js

@@ -1,2 +1,2 @@
-export { Text } from '../chunk-IKBK4A5O.js';
+export { Text } from '../chunk-QP2P6GDQ.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{Text-S3Q4O3IG.css → Text-XOCOU34C.css}

@@ -66,6 +66,15 @@
   color: var(--color-text-primary);
 }
 
+.crewlet-text--passage {
+  font-size: var(--font-size-sm);
+  line-height: var(--font-line-height-relaxed);
+  color: var(--color-text-primary);
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  text-wrap: pretty;
+}
+
 .crewlet-text--cell {
   font-size: var(--font-size-compact);
   line-height: var(--font-line-height-snug);

package/dist/ThemeSwitcher/index.js

@@ -1,17 +1,17 @@
-export { DensitySwitcher, ThemeSwitcher } from '../chunk-LSRQJDGR.js';
+export { DensitySwitcher, ThemeSwitcher } from '../chunk-SEPSXOGJ.js';
 export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from '../chunk-Z24ZUSTX.js';
 export { DENSITY_PREFERENCES, PALETTE_ID, THEME_PREFERENCES, applyDensity, applyPalette, applyTheme, isDensityPreference, isPaletteId, isThemePreference } from '../chunk-ZXXDZJQN.js';
 import '../chunk-OOC7Q67K.js';
-import '../chunk-BF5WV7NM.js';
-import '../chunk-KA75QPFM.js';
+import '../chunk-6FVGSWLS.js';
+import '../chunk-ILFEWRLG.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-BHHIIK3M.js';
-import '../chunk-PCI7ZJ6Z.js';
+import '../chunk-TMM32U7D.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';

package/dist/TileGrid/index.js

@@ -1,2 +1,2 @@
-export { TileGrid } from '../chunk-NNTO3TNC.js';
+export { TileGrid } from '../chunk-Q6CQMS6R.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{TileGrid-I6LNYD2H.css → TileGrid-UYMVVVJK.css}

@@ -50,3 +50,33 @@
     --crewlet-tile-grid-tracks: 1;
   }
 }
+
+/*
+ * COMPACT TILES FOLD WIDER. A compact `CatalogTile` puts its mark, name,
+ * state, fact and action on ONE line, which needs about 30rem; the folds above
+ * are sized for a comfortable tile, whose parts stack. Measured at a 1024px
+ * window, two compact tiles on 415px tracks cut the name to its first letter.
+ * So a grid holding a compact tile folds where a track would be narrower than
+ * 30rem, counting the gaps: two tracks need 61rem, three 92rem (folding
+ * straight to one, as three always do), and four 123rem before they go to
+ * two. Declared here, on the grid, because the grid chooses the track count
+ * and the tile cannot.
+ */
+@container crewlet-tile-grid (width < 123rem) {
+  .crewlet-tile-grid[data-columns='4']:has(.crewlet-catalog-tile--compact) > .crewlet-tile-grid__track {
+    --crewlet-tile-grid-tracks: 2;
+  }
+}
+
+@container crewlet-tile-grid (width < 92rem) {
+  .crewlet-tile-grid[data-columns='3']:has(.crewlet-catalog-tile--compact) > .crewlet-tile-grid__track {
+    --crewlet-tile-grid-tracks: 1;
+  }
+}
+
+@container crewlet-tile-grid (width < 61rem) {
+  /* As specific as the two rules above and after them, so it wins at every count. */
+  .crewlet-tile-grid[data-columns]:has(.crewlet-catalog-tile--compact) > .crewlet-tile-grid__track {
+    --crewlet-tile-grid-tracks: 1;
+  }
+}

package/dist/TimeWindowPicker/index.js

@@ -1,14 +1,16 @@
-export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-X6IJ7DAX.js';
+export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-RL75QTNT.js';
 import '../chunk-XQZ6EWOE.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-KHJIEPZV.js';
 import '../chunk-GXQ3B46I.js';
-import '../chunk-ZI5G5RS7.js';
+import '../chunk-Z734SV4E.js';
+import '../chunk-XCUUI7E7.js';
 import '../chunk-PQADV6P6.js';
+import '../chunk-RSAQOKH3.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';

package/dist/TreeCanvas/index.js

@@ -5,8 +5,8 @@ import '../chunk-LM3ISVJA.js';
 import '../chunk-I33UIUZD.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-H5XTJ7GJ.js';
 import '../chunk-OG6CL3EB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';

package/dist/VersionCompare/index.js

@@ -1,18 +1,18 @@
-export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-IUQQGIHL.js';
+export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-RFPCHMSX.js';
 import '../chunk-BVWSLXTY.js';
 import '../chunk-OOC7Q67K.js';
-import '../chunk-BF5WV7NM.js';
-import '../chunk-KA75QPFM.js';
+import '../chunk-6FVGSWLS.js';
+import '../chunk-ILFEWRLG.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
-import '../chunk-RA2ULG6H.js';
+import '../chunk-PPUR46MK.js';
 import '../chunk-BHHIIK3M.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-PCI7ZJ6Z.js';
+import '../chunk-TMM32U7D.js';
 import '../chunk-OMV5W53A.js';
-import '../chunk-H5XTJ7GJ.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
+import '../chunk-H5XTJ7GJ.js';
 import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';

package/dist/{chunk-5AHDGYKN.js → chunk-2KQR6JKE.js}

@@ -1,7 +1,7 @@
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
-import { Menu } from './chunk-PCI7ZJ6Z.js';
-import { useModalLayer, focusables } from './chunk-H5XTJ7GJ.js';
+import { Menu } from './chunk-TMM32U7D.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
+import { useModalLayer, focusables } from './chunk-H5XTJ7GJ.js';
 import { IconButton } from './chunk-LACA4JGC.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-NVMZQ3Y4.js → chunk-2LPNWAN6.js}

@@ -1,7 +1,7 @@
-import { Document } from './chunk-PWG3VHRQ.js';
 import { PrincipalAvatar } from './chunk-CI3VPIJN.js';
 import { toInstant, RelativeTime, formatExact, toISO } from './chunk-3CZ7XAVY.js';
-import { Composer } from './chunk-7CXGSS7D.js';
+import { Document } from './chunk-PWG3VHRQ.js';
+import { Composer } from './chunk-O6H5XXVK.js';
 import { Count } from './chunk-BHHIIK3M.js';
 import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
 import { Button } from './chunk-OG6CL3EB.js';

package/dist/{chunk-XIDD7PJO.js → chunk-2MYSESZF.js}

@@ -1,4 +1,4 @@
-import { EmptyState } from './chunk-RA2ULG6H.js';
+import { EmptyState } from './chunk-PPUR46MK.js';
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';

package/dist/{chunk-MVGCZ655.js → chunk-2UVMIM2J.js}

@@ -1,5 +1,5 @@
 import { useListbox } from './chunk-7KHM2FZH.js';
-import { Input } from './chunk-ZI5G5RS7.js';
+import { Input } from './chunk-Z734SV4E.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';

package/dist/{chunk-NF6SWHQI.js → chunk-32MTQ6DN.js}

@@ -1,9 +1,9 @@
-import { Modal } from './chunk-FYINAYAJ.js';
+import { Modal } from './chunk-6AKG2VLR.js';
 import { useListbox, useOptionKeys } from './chunk-7KHM2FZH.js';
 import { Popover } from './chunk-KHJIEPZV.js';
 import { KeyChip, highlightMatch } from './chunk-FYTIJM2T.js';
 import { Skeleton } from './chunk-TEUQWOWZ.js';
-import { Input } from './chunk-ZI5G5RS7.js';
+import { Input } from './chunk-Z734SV4E.js';
 import { announce } from './chunk-RSAQOKH3.js';
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
 import { focusables, isComposing } from './chunk-H5XTJ7GJ.js';

package/dist/{chunk-QOP7QYUW.js → chunk-34RMTXDZ.js}

@@ -1,5 +1,5 @@
 import { NODE_HUES, NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
-import { SegmentedControl } from './chunk-BF5WV7NM.js';
+import { SegmentedControl } from './chunk-6FVGSWLS.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-Q7HLZH32.js → chunk-3QSKDZR5.js}

@@ -1,4 +1,4 @@
-import { HuePicker } from './chunk-QOP7QYUW.js';
+import { HuePicker } from './chunk-34RMTXDZ.js';
 import { Popover } from './chunk-KHJIEPZV.js';
 import { NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
 import { CharacterPicker } from './chunk-SNQRGH4A.js';

package/dist/{chunk-BVFMLSE3.js → chunk-5EBDOE3C.js}

@@ -1,6 +1,6 @@
 import { Select } from './chunk-XQZ6EWOE.js';
 import { CopyButton } from './chunk-7SHAFLEX.js';
-import { Modal } from './chunk-FYINAYAJ.js';
+import { Modal } from './chunk-6AKG2VLR.js';
 import { Callout } from './chunk-SZZRIHGT.js';
 import { PrincipalAvatar } from './chunk-CI3VPIJN.js';
 import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';

package/dist/{chunk-BF5WV7NM.js → chunk-6FVGSWLS.js}

@@ -1,4 +1,4 @@
-import { tabId } from './chunk-KA75QPFM.js';
+import { tabId } from './chunk-ILFEWRLG.js';
 import { useRoving, tabStop } from './chunk-EGMQURBR.js';
 import { Count } from './chunk-BHHIIK3M.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';

package/dist/chunk-7P336RA5.js

@@ -0,0 +1,147 @@
+import { EditingStatus } from './chunk-MULOZYHL.js';
+import { Kbd } from './chunk-SMBKXWML.js';
+import { Button } from './chunk-OG6CL3EB.js';
+import { isComposing } from './chunk-H5XTJ7GJ.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './InlineEditor-W55DDKML.css';
+import { useRef, useLayoutEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var INLINE_EDITOR_LABELS = {
+  save: "Save",
+  cancel: "Cancel",
+  unchanged: "Nothing has changed yet.",
+  invalid: "Fix the highlighted field first.",
+  saving: "Saving. Wait for it to finish.",
+  shortcut: "to save"
+};
+function firstField(root) {
+  return root.querySelector(
+    'textarea:not([disabled]), input:not([disabled]):not([type="hidden"]), select:not([disabled]), [contenteditable="true"]'
+  );
+}
+function InlineEditor({
+  label,
+  children,
+  onSave,
+  onCancel,
+  dirty,
+  saving = false,
+  invalid = false,
+  error,
+  notice,
+  focusOnMount = true,
+  shortcutHint = true,
+  secondaryActions,
+  labels: overrides,
+  className,
+  onKeyDown,
+  ...rest
+}) {
+  const labels = { ...INLINE_EDITOR_LABELS, ...overrides };
+  const form = useRef(null);
+  const focusAtMount = useRef(focusOnMount);
+  useLayoutEffect(() => {
+    if (!focusAtMount.current || !form.current) return;
+    const field = firstField(form.current);
+    if (!field) return;
+    field.focus();
+    if (field instanceof HTMLTextAreaElement || field instanceof HTMLInputElement) {
+      const end = field.value.length;
+      try {
+        field.setSelectionRange(end, end);
+      } catch {
+      }
+    }
+  }, []);
+  const blocked = saving ? labels.saving : invalid ? labels.invalid : !dirty ? labels.unchanged : null;
+  const save = () => {
+    if (blocked === null) onSave();
+  };
+  const submit = (event) => {
+    event.preventDefault();
+    save();
+  };
+  const keys = (event) => {
+    onKeyDown?.(event);
+    if (event.defaultPrevented || isComposing(event)) return;
+    if (event.key === "Escape") {
+      event.preventDefault();
+      if (!saving) onCancel();
+      return;
+    }
+    if (event.key !== "Enter") return;
+    if ((event.metaKey || event.ctrlKey) && !event.altKey) {
+      event.preventDefault();
+      save();
+      return;
+    }
+    if (event.target instanceof HTMLInputElement) event.preventDefault();
+  };
+  return (
+    /*
+     * THE FORM LISTENS FOR ITS TWO KEYS, as React's own handler rather than a
+     * native one, because React's runs after every handler inside it: that is
+     * what lets an open menu's Escape close the menu and stop there. A
+     * native listener on the form would hear the key first, before anything
+     * inside had the chance to claim it.
+     */
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- see above
+    /* @__PURE__ */ jsxs(
+      "form",
+      {
+        ...rest,
+        ref: form,
+        "aria-label": label,
+        "aria-busy": saving || void 0,
+        noValidate: true,
+        className: cx("crewlet-inline-editor", className),
+        onSubmit: submit,
+        onKeyDown: keys,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "crewlet-inline-editor__fields", children }),
+          notice ? /* @__PURE__ */ jsx("div", { className: "crewlet-inline-editor__notice", children: notice }) : null,
+          error ? /* @__PURE__ */ jsx("div", { className: "crewlet-inline-editor__error", role: "alert", children: error }) : null,
+          /* @__PURE__ */ jsxs("div", { className: "crewlet-inline-editor__bar", children: [
+            /* @__PURE__ */ jsxs("span", { className: "crewlet-inline-editor__start", children: [
+              /* @__PURE__ */ jsx(EditingStatus, { dirty, saving, labels: labels.status }),
+              secondaryActions
+            ] }),
+            /* @__PURE__ */ jsxs("span", { className: "crewlet-inline-editor__end", children: [
+              shortcutHint ? /* @__PURE__ */ jsxs("span", { className: "crewlet-inline-editor__hint", children: [
+                /* @__PURE__ */ jsx(Kbd, { keys: ["Mod", "Enter"], subtle: true }),
+                " ",
+                labels.shortcut
+              ] }) : null,
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "small",
+                  variant: "ghost",
+                  ...saving ? { disabledReason: labels.saving } : {},
+                  onClick: () => {
+                    if (!saving) onCancel();
+                  },
+                  children: labels.cancel
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "small",
+                  variant: "primary",
+                  type: "submit",
+                  loading: saving,
+                  ...blocked !== null && !saving ? { disabledReason: blocked } : {},
+                  children: labels.save
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    )
+  );
+}
+
+export { INLINE_EDITOR_LABELS, InlineEditor };

package/dist/{chunk-UAGDFEBG.js → chunk-DY4DQ7EB.js}

@@ -1,5 +1,5 @@
-import { ConfirmModal } from './chunk-FYINAYAJ.js';
 import { InlineCode } from './chunk-5CLW2CXT.js';
+import { ConfirmModal } from './chunk-6AKG2VLR.js';
 import { Callout } from './chunk-SZZRIHGT.js';
 import './LinkInterstitial-ET4MSVSV.css';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-4DIKLY53.js → chunk-HBSR5DL6.js}

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

package/dist/{chunk-KA75QPFM.js → chunk-ILFEWRLG.js}

@@ -1,7 +1,7 @@
 import { StatusDot } from './chunk-WIATRXEJ.js';
 import { useRoving, tabStop } from './chunk-EGMQURBR.js';
 import { Count } from './chunk-BHHIIK3M.js';
-import { Menu } from './chunk-PCI7ZJ6Z.js';
+import { Menu } from './chunk-TMM32U7D.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-AACPFUZW.js → chunk-KOJKX3U6.js}

@@ -1,14 +1,14 @@
 import { PageHeader } from './chunk-HOXGBLEY.js';
 import { DateTimePicker } from './chunk-UFXLNC2N.js';
-import { DataTable } from './chunk-GI3S6RMM.js';
+import { DataTable } from './chunk-PWZT6CZY.js';
 import { useListbox, useOptionKeys } from './chunk-7KHM2FZH.js';
-import { Popover } from './chunk-KHJIEPZV.js';
 import { Toolbar } from './chunk-NR4CPM4T.js';
+import { Popover } from './chunk-KHJIEPZV.js';
 import { RelativeTime } from './chunk-3CZ7XAVY.js';
-import { Input } from './chunk-ZI5G5RS7.js';
+import { Input } from './chunk-Z734SV4E.js';
 import { Kbd } from './chunk-SMBKXWML.js';
 import { Count } from './chunk-BHHIIK3M.js';
-import { Menu } from './chunk-PCI7ZJ6Z.js';
+import { Menu } from './chunk-TMM32U7D.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { IconButton } from './chunk-LACA4JGC.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';

package/dist/chunk-KY65C4XS.js

@@ -0,0 +1,12 @@
+import { cx } from './chunk-ODEQTPFM.js';
+import './AsideLayout-TH5SQZNK.css';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function AsideLayout({ children, aside, asideLabel, className, ...rest }) {
+  return /* @__PURE__ */ jsx("div", { ...rest, className: cx("crewlet-aside-layout", className), children: /* @__PURE__ */ jsxs("div", { className: "crewlet-aside-layout__columns", children: [
+    /* @__PURE__ */ jsx("div", { className: "crewlet-aside-layout__main", children }),
+    /* @__PURE__ */ jsx("aside", { className: "crewlet-aside-layout__aside", "aria-label": asideLabel, children: aside })
+  ] }) });
+}
+
+export { AsideLayout };

package/dist/{chunk-FG243QHY.js → chunk-KZDMAQNJ.js}

@@ -1,5 +1,5 @@
 import { InlineCode } from './chunk-5CLW2CXT.js';
-import { FormField, Input } from './chunk-ZI5G5RS7.js';
+import { FormField, Input } from './chunk-Z734SV4E.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 function confirmMatches(typed, phrase) {

package/dist/{chunk-TC7DJTXI.js → chunk-MULOZYHL.js}

@@ -1,3 +1,4 @@
+import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './EditingStatus-NNA2CKIL.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -19,6 +20,7 @@ function EditingStatus({ dirty, saving = false, labels, className }) {
       children: [
         /* @__PURE__ */ jsx("span", { className: "crewlet-editing-status__dot", "aria-hidden": "true" }),
         /* @__PURE__ */ jsx("span", { className: "crewlet-editing-status__label", children: text.editing }),
+        state && /* @__PURE__ */ jsx(VisuallyHidden, { children: ", " }),
         state && /* @__PURE__ */ jsx("span", { className: "crewlet-editing-status__state", children: state })
       ]
     }

package/dist/chunk-MZJKPTA5.js

@@ -0,0 +1,36 @@
+import { EmptyState } from './chunk-PPUR46MK.js';
+import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './Statement-M4QDXIMO.css';
+import { useId } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function Statement({ label, children, empty, headingLevel, className, ...rest }) {
+  const contextLevel = useHeadingLevel();
+  const Heading = headingTag(headingLevel ?? contextLevel);
+  const id = useId();
+  const written = !(children === void 0 || children === null || children === "" || children === false);
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      "aria-labelledby": id,
+      ...rest,
+      className: cx("crewlet-statement", !written && "crewlet-statement--empty", className),
+      children: [
+        /* @__PURE__ */ jsx(Heading, { id, className: "crewlet-statement__label", children: label }),
+        written ? typeof children === "string" || typeof children === "number" ? /* @__PURE__ */ jsx("div", { className: "crewlet-statement__text", children }) : /* @__PURE__ */ jsx("div", { className: "crewlet-statement__body", children }) : /* @__PURE__ */ jsx(
+          EmptyState,
+          {
+            size: "inline",
+            headingLevel: "none",
+            title: empty.title,
+            description: empty.description,
+            action: empty.action
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { Statement };

package/dist/{chunk-ZUTUI27P.js → chunk-N4GBDK4L.js}

@@ -1,4 +1,4 @@
-import { Text } from './chunk-IKBK4A5O.js';
+import { Text } from './chunk-QP2P6GDQ.js';
 import { Inline, Stack, Spacer } from './chunk-ZAC7SKUN.js';
 import { Card } from './chunk-INHXF2CL.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-7CXGSS7D.js → chunk-O6H5XXVK.js}

@@ -1,4 +1,4 @@
-import { Textarea } from './chunk-ZI5G5RS7.js';
+import { Textarea } from './chunk-Z734SV4E.js';
 import { Kbd } from './chunk-SMBKXWML.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Composer-TXULCPPV.css';

package/dist/{chunk-RA2ULG6H.js → chunk-PPUR46MK.js}

@@ -1,6 +1,6 @@
 import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './EmptyState-C6HRBGT7.css';
+import './EmptyState-7L4UAQBX.css';
 import { InboxGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -18,6 +18,15 @@ function EmptyState({
   const contextLevel = useHeadingLevel();
   const level = headingLevel ?? contextLevel;
   const Heading = level === "none" ? "div" : headingTag(level);
+  if (size === "inline") {
+    return /* @__PURE__ */ jsxs("div", { ...rest, className: cx("crewlet-empty-state", "crewlet-empty-state--inline", className), children: [
+      /* @__PURE__ */ jsxs("div", { className: "crewlet-empty-state__text", children: [
+        /* @__PURE__ */ jsx(Heading, { className: "crewlet-empty-state__title", children: title }),
+        /* @__PURE__ */ jsx("p", { className: "crewlet-empty-state__description", children: description })
+      ] }),
+      action ? /* @__PURE__ */ jsx("div", { className: "crewlet-empty-state__action", children: action }) : null
+    ] });
+  }
   return /* @__PURE__ */ jsxs("div", { ...rest, className: cx("crewlet-empty-state", `crewlet-empty-state--${size}`, className), children: [
     /* @__PURE__ */ jsx("span", { className: "crewlet-empty-state__mark", "aria-hidden": true, children: illustration ?? icon ?? /* @__PURE__ */ jsx(InboxGlyph, { size: size === "compact" ? "xl" : 32 }) }),
     /* @__PURE__ */ jsx(Heading, { className: "crewlet-empty-state__title", children: title }),

package/dist/{chunk-GI3S6RMM.js → chunk-PWZT6CZY.js}

@@ -1,9 +1,9 @@
 import { useClipboard } from './chunk-STJ7QBC3.js';
-import { Modal } from './chunk-FYINAYAJ.js';
-import { Checkbox } from './chunk-EY7LACIR.js';
+import { Modal } from './chunk-6AKG2VLR.js';
+import { Checkbox } from './chunk-RWET7W22.js';
 import { EmptyValue } from './chunk-EUCC37WY.js';
 import { useCardHeaderSlot } from './chunk-AV2DXAEL.js';
-import { Menu } from './chunk-PCI7ZJ6Z.js';
+import { Menu } from './chunk-TMM32U7D.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { IconButton } from './chunk-LACA4JGC.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';

package/dist/{chunk-NNTO3TNC.js → chunk-Q6CQMS6R.js}

@@ -1,5 +1,5 @@
 import { cx } from './chunk-ODEQTPFM.js';
-import './TileGrid-I6LNYD2H.css';
+import './TileGrid-UYMVVVJK.css';
 import { jsx } from 'react/jsx-runtime';
 
 function TileGrid({ columns = 3, as: Track = "div", className, children, ...rest }) {

package/dist/{chunk-IKBK4A5O.js → chunk-QP2P6GDQ.js}

@@ -1,5 +1,5 @@
 import { cx } from './chunk-ODEQTPFM.js';
-import './Text-S3Q4O3IG.css';
+import './Text-XOCOU34C.css';
 import { jsx } from 'react/jsx-runtime';
 
 function Text({

package/dist/{chunk-KV3ODJXH.js → chunk-QTMUKRTN.js}

@@ -1,4 +1,4 @@
-import { EmptyState } from './chunk-RA2ULG6H.js';
+import { EmptyState } from './chunk-PPUR46MK.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './AccessDeniedCard-QVNDMT46.css';
 import { ShieldGlyph, LockGlyph, EyeOffGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-W53CWWX3.js → chunk-RCKRJXFV.js}

@@ -1,6 +1,6 @@
 import { useReorder } from './chunk-XJ2QEBMM.js';
-import { Input } from './chunk-ZI5G5RS7.js';
-import { Menu } from './chunk-PCI7ZJ6Z.js';
+import { Input } from './chunk-Z734SV4E.js';
+import { Menu } from './chunk-TMM32U7D.js';
 import { IconButton } from './chunk-LACA4JGC.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';