@crewlethq/ui 0.55.0 → 0.57.0

package/dist/TimeWindowPicker/index.js

@@ -1,17 +1,18 @@
-export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-EKLEYNGR.js';
+export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-MYX4XABB.js';
 import '../chunk-XQZ6EWOE.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-GXQ3B46I.js';
 import '../chunk-KHJIEPZV.js';
-import '../chunk-OMV5W53A.js';
-import '../chunk-2YTOOH3A.js';
-import '../chunk-XANKR3EP.js';
+import '../chunk-FXQLNETQ.js';
 import '../chunk-XCUUI7E7.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-OG6CL3EB.js';
+import '../chunk-RSAQOKH3.js';
+import '../chunk-HD4QJ2SI.js';
+import '../chunk-EA23JG6R.js';
+import '../chunk-OMV5W53A.js';
+import '../chunk-2YTOOH3A.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-LACA4JGC.js';
+import '../chunk-2BQYODY3.js';
 import '../chunk-NUZHC6MM.js';
-import '../chunk-RSAQOKH3.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Toaster/Toaster.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type CSSProperties, type ReactNode } from 'react';
 /** The four the component knows. Any other string is a variant of the caller's own. */
 export type ToastVariant = 'info' | 'success' | 'warning' | 'danger';
 export interface ToastAction {
@@ -37,6 +37,22 @@ export interface Toast<TVariant extends string = string> {
         toast: Toast<TVariant>;
     }) => ReactNode;
 }
+/**
+ * Room the stack keeps clear on its own side and edge, in pixels, ADDED to the
+ * window inset it already keeps (24px, 12px on a phone). `inline` is the side
+ * it is anchored to (the right for a `-right` position), `block` the edge (the
+ * bottom for a `bottom-` position). A host sets `inline` to the width a panel
+ * beside the page occupies, so a toast stands beside the panel rather than
+ * over it, and `block` to the height of a phone sheet's foot, so it stands
+ * above the composer. A value that is not a finite number of zero or more is
+ * read as zero.
+ */
+export interface ToasterInset {
+    inline?: number | undefined;
+    block?: number | undefined;
+}
+/** The inset as the two custom properties the stylesheet reads, or nothing when there is none. */
+export declare function toasterInsetStyle(inset: ToasterInset | undefined): CSSProperties | undefined;
 export interface ToasterProps<TVariant extends string = string> {
     toasts: Toast<TVariant>[];
     onDismiss: (id: string | number) => void;
@@ -45,6 +61,8 @@ export interface ToasterProps<TVariant extends string = string> {
         onDismiss: () => void;
     }) => ReactNode) | undefined;
     position?: 'bottom-right' | 'top-right' | 'bottom-left' | 'top-left' | undefined;
+    /** Room to keep clear beside or under the stack; see `ToasterInset`. None by default. */
+    inset?: ToasterInset | undefined;
     /** Names the polite region for a reader browsing landmarks. */
     politeLabel?: string | undefined;
     /** Names the assertive region. */
@@ -64,7 +82,7 @@ export interface ToasterProps<TVariant extends string = string> {
  * the only English it writes into a screen by itself.
  */
 export type ToastTitles = Partial<Record<ToastVariant, string | null>>;
-export declare function Toaster<TVariant extends string = string>({ toasts, onDismiss, renderAction, position, politeLabel, assertiveLabel, dismissLabel, titles, className, }: ToasterProps<TVariant>): import("react").ReactPortal | null;
+export declare function Toaster<TVariant extends string = string>({ toasts, onDismiss, renderAction, position, inset, politeLabel, assertiveLabel, dismissLabel, titles, className, }: ToasterProps<TVariant>): import("react").ReactPortal | null;
 export interface ToastOptions {
     title?: ReactNode;
     /** Milliseconds, or 0 for sticky. Unset takes the variant's own default. */
@@ -93,6 +111,12 @@ export interface ToastProviderProps {
     children?: ReactNode;
     position?: ToasterProps['position'];
     renderAction?: ToasterProps['renderAction'];
+    /**
+     * Room the stack keeps clear, such as the width of a panel beside the page
+     * or the height of a phone sheet's foot. It may change while toasts are up;
+     * they move with it. See `ToasterInset`.
+     */
+    inset?: ToasterInset | undefined;
     /**
      * How many to keep on screen. When one more arrives, the oldest toast that
      * would have gone by itself goes. A sticky one never does, so while every
@@ -110,4 +134,4 @@ export interface ToastProviderProps {
  * That surface mounts a provider of its own inside its `LayerHost`, and
  * `useToast` inside it finds the nearest one.
  */
-export declare function ToastProvider({ children, position, renderAction, max }: ToastProviderProps): import("react").JSX.Element;
+export declare function ToastProvider({ children, position, inset, renderAction, max }: ToastProviderProps): import("react").JSX.Element;

package/dist/Toaster/index.d.ts

@@ -1,3 +1,3 @@
 import './Toaster.css';
-export { ToastProvider, Toaster, useToast } from './Toaster.js';
-export type { Toast, ToastAction, ToastApi, ToastOptions, ToastProviderProps, ToastRequest, ToastTitles, ToastVariant, ToasterProps, } from './Toaster.js';
+export { ToastProvider, Toaster, toasterInsetStyle, useToast } from './Toaster.js';
+export type { Toast, ToastAction, ToastApi, ToastOptions, ToastProviderProps, ToastRequest, ToastTitles, ToastVariant, ToasterInset, ToasterProps, } from './Toaster.js';

package/dist/Toaster/index.js

@@ -1,4 +1,4 @@
-export { ToastProvider, Toaster, useToast } from '../chunk-AC22RZKC.js';
+export { ToastProvider, Toaster, toasterInsetStyle, useToast } from '../chunk-DRT4L4WC.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-NUZHC6MM.js';

package/dist/{Toaster-C6BQ7L6I.css → Toaster-MX7TBMC3.css}

@@ -14,35 +14,45 @@
  * reduced motion gets no wash and still gets the toast taken away.
  */
 .crewlet-toaster {
+  /*
+   * THE HOST'S INSET: room on the stack's own side and edge that something
+   * else occupies, such as a panel beside the page or a phone sheet's foot.
+   * Set by `inset` on the Toaster (or by the host on these two properties)
+   * and added to the window inset below, so the stack stands beside the
+   * panel rather than over it. Zero by default.
+   */
+  --crewlet-toaster-inset-inline: 0px;
+  --crewlet-toaster-inset-block: 0px;
+
   position: fixed;
   z-index: var(--z-index-toast);
   display: flex;
   flex-direction: column;
   gap: calc(var(--spacing-2) + var(--spacing-1) / 2);
-  width: min(380px, calc(100vw - 2 * var(--spacing-6)));
+  width: min(380px, calc(100vw - 2 * var(--spacing-6) - var(--crewlet-toaster-inset-inline)));
   /* The stack itself takes no presses, so the screen under it stays live
      while nothing is up; each toast takes them back for its own strip. */
   pointer-events: none;
 }
 
 .crewlet-toaster--bottom-right {
-  bottom: var(--spacing-6);
-  right: var(--spacing-6);
+  bottom: calc(var(--spacing-6) + var(--crewlet-toaster-inset-block));
+  right: calc(var(--spacing-6) + var(--crewlet-toaster-inset-inline));
 }
 
 .crewlet-toaster--top-right {
-  top: var(--spacing-6);
-  right: var(--spacing-6);
+  top: calc(var(--spacing-6) + var(--crewlet-toaster-inset-block));
+  right: calc(var(--spacing-6) + var(--crewlet-toaster-inset-inline));
 }
 
 .crewlet-toaster--bottom-left {
-  bottom: var(--spacing-6);
-  left: var(--spacing-6);
+  bottom: calc(var(--spacing-6) + var(--crewlet-toaster-inset-block));
+  left: calc(var(--spacing-6) + var(--crewlet-toaster-inset-inline));
 }
 
 .crewlet-toaster--top-left {
-  top: var(--spacing-6);
-  left: var(--spacing-6);
+  top: calc(var(--spacing-6) + var(--crewlet-toaster-inset-block));
+  left: calc(var(--spacing-6) + var(--crewlet-toaster-inset-inline));
 }
 
 .crewlet-toast {
@@ -280,12 +290,23 @@
 
   .crewlet-toaster--bottom-right,
   .crewlet-toaster--bottom-left {
-    bottom: var(--spacing-3);
+    bottom: calc(var(--spacing-3) + var(--crewlet-toaster-inset-block));
   }
 
   .crewlet-toaster--top-right,
   .crewlet-toaster--top-left {
-    top: var(--spacing-3);
+    top: calc(var(--spacing-3) + var(--crewlet-toaster-inset-block));
+  }
+
+  /* Across the width, the host's inline inset still keeps its own side clear. */
+  .crewlet-toaster--bottom-right,
+  .crewlet-toaster--top-right {
+    right: calc(var(--spacing-3) + var(--crewlet-toaster-inset-inline));
+  }
+
+  .crewlet-toaster--bottom-left,
+  .crewlet-toaster--top-left {
+    left: calc(var(--spacing-3) + var(--crewlet-toaster-inset-inline));
   }
 }
 

package/dist/TreeCanvas/index.js

@@ -1,13 +1,14 @@
-export { TreeCanvas } from '../chunk-5TK3C6RG.js';
+export { TreeCanvas } from '../chunk-YCZ2FBKA.js';
 import '../chunk-MY374UUD.js';
-import '../chunk-TV2QW6GX.js';
+import '../chunk-YEURM24I.js';
 import '../chunk-LM3ISVJA.js';
 import '../chunk-I33UIUZD.js';
-import '../chunk-OMV5W53A.js';
 import '../chunk-SMBKXWML.js';
-import '../chunk-OG6CL3EB.js';
+import '../chunk-HD4QJ2SI.js';
+import '../chunk-EA23JG6R.js';
+import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-LACA4JGC.js';
+import '../chunk-2BQYODY3.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/TreeGrid/index.js

@@ -1,9 +1,9 @@
-export { TreeGrid } from '../chunk-ON2E46DX.js';
+export { TreeGrid } from '../chunk-VRNUKH2W.js';
 import '../chunk-MY374UUD.js';
 import '../chunk-LM3ISVJA.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-LACA4JGC.js';
+import '../chunk-2BQYODY3.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/VersionCompare/index.js

@@ -1,19 +1,20 @@
-export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-USVUSO3S.js';
+export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-OHG7762N.js';
 import '../chunk-BVWSLXTY.js';
 import '../chunk-OOC7Q67K.js';
-import '../chunk-CNGHOTHV.js';
-import '../chunk-FS4IH7VB.js';
+import '../chunk-AWSFK2IK.js';
+import '../chunk-I7VG6RQE.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-PPUR46MK.js';
-import '../chunk-TMM32U7D.js';
-import '../chunk-OMV5W53A.js';
-import '../chunk-2YTOOH3A.js';
 import '../chunk-BHHIIK3M.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-OG6CL3EB.js';
+import '../chunk-TKS7FTTO.js';
+import '../chunk-HD4QJ2SI.js';
+import '../chunk-EA23JG6R.js';
+import '../chunk-OMV5W53A.js';
+import '../chunk-2YTOOH3A.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-LACA4JGC.js';
+import '../chunk-2BQYODY3.js';
 import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/VersionTimeline/index.js

@@ -1,10 +1,11 @@
-export { VersionTimeline } from '../chunk-NQCY44B3.js';
+export { VersionTimeline } from '../chunk-67MW366X.js';
 import '../chunk-CI3VPIJN.js';
-import '../chunk-3CZ7XAVY.js';
+import '../chunk-KS7YIJ4S.js';
 import '../chunk-EUCC37WY.js';
 import '../chunk-5AQBPHZD.js';
 import '../chunk-PZKHBB7D.js';
 import '../chunk-AUQPBL4O.js';
-import '../chunk-OG6CL3EB.js';
+import '../chunk-HD4QJ2SI.js';
+import '../chunk-EA23JG6R.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/WidgetFrame/index.js

@@ -1,6 +1,6 @@
-export { WidgetFrame } from '../chunk-DFK5EQTU.js';
+export { WidgetFrame } from '../chunk-PDTEPN4D.js';
 import '../chunk-TEUQWOWZ.js';
-import '../chunk-3CZ7XAVY.js';
+import '../chunk-KS7YIJ4S.js';
 import '../chunk-EUCC37WY.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{chunk-KHKZPZHO.js → chunk-272Y3YMV.js}

@@ -1,7 +1,7 @@
 import { Toolbar } from './chunk-NR4CPM4T.js';
-import { SegmentedControl } from './chunk-CNGHOTHV.js';
-import { tabId } from './chunk-FS4IH7VB.js';
-import { IconButton } from './chunk-LACA4JGC.js';
+import { SegmentedControl } from './chunk-AWSFK2IK.js';
+import { tabId } from './chunk-I7VG6RQE.js';
+import { IconButton } from './chunk-2BQYODY3.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './MarkdownEditor-WOKV7CLK.css';
 import { useState, useId, useRef, useLayoutEffect, useImperativeHandle } from 'react';

package/dist/{chunk-LACA4JGC.js → chunk-2BQYODY3.js}

@@ -1,6 +1,6 @@
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './IconButton-K24JQHLF.css';
+import './IconButton-6WA7UEBJ.css';
 import { forwardRef, useId, Children, isValidElement, cloneElement } from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-CCPOLCZL.js → chunk-2TTFDRR3.js}

@@ -1,5 +1,5 @@
-import { SegmentedControl } from './chunk-CNGHOTHV.js';
-import { Button } from './chunk-OG6CL3EB.js';
+import { SegmentedControl } from './chunk-AWSFK2IK.js';
+import { Button } from './chunk-HD4QJ2SI.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './MergeConflicts-O44ESH4T.css';
 import { useState, useId, useRef, useEffect } from 'react';

package/dist/{chunk-4BJK7FE5.js → chunk-3EYSYEXP.js}

@@ -1,6 +1,6 @@
 import { Link } from './chunk-FBSEJO2C.js';
 import { Tag } from './chunk-KYIAFNU7.js';
-import { RelativeTime } from './chunk-3CZ7XAVY.js';
+import { RelativeTime } from './chunk-KS7YIJ4S.js';
 import { EmptyValue } from './chunk-EUCC37WY.js';
 import { Avatar } from './chunk-PZKHBB7D.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';

package/dist/chunk-3LI4TRUR.js

@@ -0,0 +1,22 @@
+import { cx } from './chunk-ODEQTPFM.js';
+import './IconTile-G52XZVR4.css';
+import { jsx } from 'react/jsx-runtime';
+
+function IconTile({ children, hue, tone = "accent", size = "md", className, ...rest }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": "true",
+      ...rest,
+      className: cx(
+        "crewlet-icon-tile",
+        `crewlet-icon-tile--${size}`,
+        hue ? `crewlet-icon-tile--${hue}` : tone === "neutral" && "crewlet-icon-tile--neutral",
+        className
+      ),
+      children
+    }
+  );
+}
+
+export { IconTile };

package/dist/{chunk-ATCHK6LC.js → chunk-3NQS6KYG.js}

@@ -1,5 +1,5 @@
 import { normalizeHex, parseColourInput } from './chunk-7W3LYIOC.js';
-import { FormField, Input, InputAffix } from './chunk-XANKR3EP.js';
+import { FormField, Input, InputAffix } from './chunk-FXQLNETQ.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ColorField-2OIOWT3Z.css';
 import { useId, useState } from 'react';

package/dist/{chunk-V2N3BMOT.js → chunk-45KMH3E3.js}

@@ -1,6 +1,6 @@
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Table-TGCS4C3F.css';
+import './Table-RUYMMWXT.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var Table = ({
@@ -11,10 +11,14 @@ var Table = ({
   emptyMessage = "No data available",
   actionButton,
   maxHeight,
+  align,
+  footer,
+  framed = true,
   className = ""
 }) => {
   const columnCount = Math.max(1, headers.length);
-  return /* @__PURE__ */ jsxs("div", { className: cx("crewlet-table", className), children: [
+  const edge = (index) => align?.[index] === "end" ? "crewlet-table__cell--end" : void 0;
+  return /* @__PURE__ */ jsxs("div", { className: cx("crewlet-table", !framed && "crewlet-table--flush", className), children: [
     /* @__PURE__ */ jsx(
       "div",
       {
@@ -30,9 +34,12 @@ var Table = ({
           /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { className: "crewlet-table__header", children: headers.map((header, index) => (
             // The index is the key because a header is a position: the
             // columns of one table do not reorder between renders.
-            /* @__PURE__ */ jsx("th", { scope: "col", children: header }, index)
+            /* @__PURE__ */ jsx("th", { scope: "col", className: edge(index), children: header }, index)
           )) }) }),
-          /* @__PURE__ */ jsx("tbody", { children: data && data.length > 0 ? data.map((row, rowIndex) => /* @__PURE__ */ jsx("tr", { className: "crewlet-table__row", children: row.map((cell, cellIndex) => /* @__PURE__ */ jsx("td", { children: cell }, cellIndex)) }, rowIndex)) : /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { className: "crewlet-table__empty", colSpan: columnCount, children: emptyMessage }) }) })
+          /* @__PURE__ */ jsx("tbody", { children: data && data.length > 0 ? data.map((row, rowIndex) => /* @__PURE__ */ jsx("tr", { className: "crewlet-table__row", children: row.map((cell, cellIndex) => /* @__PURE__ */ jsx("td", { className: edge(cellIndex), children: cell }, cellIndex)) }, rowIndex)) : /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { className: "crewlet-table__empty", colSpan: columnCount, children: emptyMessage }) }) }),
+          footer && footer.length > 0 ? /* @__PURE__ */ jsx("tfoot", { children: /* @__PURE__ */ jsx("tr", { className: "crewlet-table__footer", children: footer.map(
+            (cell, index) => index === 0 ? /* @__PURE__ */ jsx("th", { scope: "row", className: edge(index), children: cell }, index) : /* @__PURE__ */ jsx("td", { className: edge(index), children: cell }, index)
+          ) }) }) : null
         ] })
       }
     ),

package/dist/{chunk-ZMBPEHYH.js → chunk-4CBGIRVU.js}

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

package/dist/{chunk-DFW5PDU5.js → chunk-4OINEWR4.js}

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

package/dist/{chunk-5XKI4ITH.js → chunk-56P72ZBE.js}

@@ -1,11 +1,11 @@
 import { PrincipalAvatar } from './chunk-CI3VPIJN.js';
-import { toInstant, RelativeTime, formatExact, toISO } from './chunk-3CZ7XAVY.js';
+import { toInstant, RelativeTime, formatExact, toISO } from './chunk-KS7YIJ4S.js';
 import { Document } from './chunk-PWG3VHRQ.js';
-import { Composer } from './chunk-4E5MWUUJ.js';
+import { Composer } from './chunk-JLRXCKTS.js';
 import { Count } from './chunk-BHHIIK3M.js';
 import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
-import { Button } from './chunk-OG6CL3EB.js';
-import { IconButton } from './chunk-LACA4JGC.js';
+import { Button } from './chunk-HD4QJ2SI.js';
+import { IconButton } from './chunk-2BQYODY3.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './CommentThread-7VXOFTZO.css';
 import { useState, useRef, useId, useMemo } from 'react';

package/dist/{chunk-J24Q4HTD.js → chunk-5NT6OIPP.js}

@@ -6,15 +6,25 @@ import './ArtifactNameCell-3AHLUSE5.css';
 import { FolderGlyph, PinGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
+var KIND_WORDS = {
+  html: "HTML",
+  doc: "Doc",
+  slides: "Slides",
+  design: "Design",
+  dashboard: "Dashboard",
+  sheet: "Sheet",
+  brand: "Brand"
+};
 var LABELS = {
-  kinds: { html: "HTML", doc: "Doc", slides: "Slides", design: "Design", dashboard: "Dashboard", sheet: "Sheet", brand: "Brand" },
+  kinds: KIND_WORDS,
   pinned: "Pinned",
   folder: "Folder"
 };
 function ArtifactNameCell({ kind, title, detail, pinned = false, trashed = false, className, labels }) {
-  const text = { ...LABELS, ...labels, kinds: { ...LABELS.kinds, ...labels?.kinds } };
+  const text = { ...LABELS, ...labels };
+  const kinds = { ...KIND_WORDS, ...labels?.kinds };
   const folder = kind === "folder";
-  const kindWord = folder ? text.folder : text.kinds[kind];
+  const kindWord = folder ? text.folder : kinds[kind];
   const about = detail?.trim();
   return /* @__PURE__ */ jsxs("span", { className: cx("crewlet-artifact-name", trashed && "crewlet-artifact-name--trashed", className), children: [
     /* @__PURE__ */ jsx(

package/dist/{chunk-O2KT7HBD.js → chunk-5OMV75GE.js}

@@ -1,7 +1,7 @@
 import { useReorder } from './chunk-XJ2QEBMM.js';
-import { Menu } from './chunk-TMM32U7D.js';
-import { Input } from './chunk-XANKR3EP.js';
-import { IconButton } from './chunk-LACA4JGC.js';
+import { Input } from './chunk-FXQLNETQ.js';
+import { Menu } from './chunk-TKS7FTTO.js';
+import { IconButton } from './chunk-2BQYODY3.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './DocTabsEditor-4M452LNS.css';

package/dist/{chunk-6RMZH7P7.js → chunk-672GLRBU.js}

@@ -1,6 +1,6 @@
-import { EditingStatus } from './chunk-EJWPYEG4.js';
+import { EditingStatus } from './chunk-XRZGGB6I.js';
 import { Kbd } from './chunk-SMBKXWML.js';
-import { Button } from './chunk-OG6CL3EB.js';
+import { Button } from './chunk-HD4QJ2SI.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './InlineEditor-W55DDKML.css';

package/dist/{chunk-MFXN46NN.js → chunk-67F2AM4R.js}

@@ -1,13 +1,13 @@
-import { Modal } from './chunk-NWGGH2LN.js';
+import { Modal } from './chunk-QZ4B72FP.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-FXQLNETQ.js';
+import { announce } from './chunk-RSAQOKH3.js';
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
-import { Input } from './chunk-XANKR3EP.js';
 import { focusables, isComposing } from './chunk-H5XTJ7GJ.js';
 import { returnFocus } from './chunk-NUZHC6MM.js';
-import { announce } from './chunk-RSAQOKH3.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Switcher-K3EPA2RB.css';

package/dist/{chunk-NQCY44B3.js → chunk-67MW366X.js}

@@ -1,7 +1,7 @@
 import { PrincipalAvatar } from './chunk-CI3VPIJN.js';
-import { RelativeTime } from './chunk-3CZ7XAVY.js';
+import { RelativeTime } from './chunk-KS7YIJ4S.js';
 import { Timeline } from './chunk-AUQPBL4O.js';
-import { Button } from './chunk-OG6CL3EB.js';
+import { Button } from './chunk-HD4QJ2SI.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './VersionTimeline-6KRXEEOO.css';
 import { RotateCcwClockGlyph, PencilGlyph, ShieldGlyph, DatabaseGlyph, UploadGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-URV6MGWT.js → chunk-6KLK7E76.js}

@@ -1,7 +1,7 @@
 import { Switch } from './chunk-A722MUNR.js';
 import { useReorder } from './chunk-XJ2QEBMM.js';
-import { Checkbox } from './chunk-LLHO4FJK.js';
-import { IconButton } from './chunk-LACA4JGC.js';
+import { Checkbox } from './chunk-NHJQXDHA.js';
+import { IconButton } from './chunk-2BQYODY3.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ArrangeList-NNRTDFI5.css';

package/dist/{chunk-ZFM5L7M4.js → chunk-6NJW5KSX.js}

@@ -1,7 +1,7 @@
 import { today, CalendarGrid, shiftMonth, compareDays } from './chunk-GXQ3B46I.js';
 import { Popover } from './chunk-KHJIEPZV.js';
-import { Button } from './chunk-OG6CL3EB.js';
-import { IconButton } from './chunk-LACA4JGC.js';
+import { Button } from './chunk-HD4QJ2SI.js';
+import { IconButton } from './chunk-2BQYODY3.js';
 import { useFocusModality } from './chunk-NUZHC6MM.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './DateTimePicker-3A7JIIVL.css';

package/dist/{chunk-A4GFEMVI.js → chunk-6T6V5565.js}

@@ -1,4 +1,4 @@
-import { CopyButton } from './chunk-7SHAFLEX.js';
+import { CopyButton } from './chunk-ES4HR34Y.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './CodeBlock-N5ETJF24.css';
 import { forwardRef, useRef, useState, useLayoutEffect } from 'react';

package/dist/{chunk-THDGBD6Y.js → chunk-AKFHMLEX.js}

@@ -1,4 +1,4 @@
-import { Button } from './chunk-OG6CL3EB.js';
+import { Button } from './chunk-HD4QJ2SI.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './FileDrop-WE7BNZGV.css';
 import { forwardRef, useRef, useState } from 'react';

package/dist/{chunk-CNGHOTHV.js → chunk-AWSFK2IK.js}

@@ -1,7 +1,7 @@
-import { tabId } from './chunk-FS4IH7VB.js';
+import { tabId } from './chunk-I7VG6RQE.js';
 import { useRoving, tabStop } from './chunk-EGMQURBR.js';
-import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { Count } from './chunk-BHHIIK3M.js';
+import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import { useState, useId } from 'react';

package/dist/{chunk-HQJ24WPM.js → chunk-AZ5BKSGV.js}

@@ -1,5 +1,5 @@
 import { Tag } from './chunk-KYIAFNU7.js';
-import { RelativeTime } from './chunk-3CZ7XAVY.js';
+import { RelativeTime } from './chunk-KS7YIJ4S.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/chunk-BLPT6GHV.js

@@ -0,0 +1,31 @@
+import { StatusCard } from './chunk-WDIVALLP.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './RefusalCard-UM67F5HB.css';
+import { LockGlyph } from '@crewlethq/icons/glyphs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var REFUSAL_CARD_LABELS = {
+  notPermitted: "Not permitted",
+  nothingChanged: "Nothing changed."
+};
+function RefusalCard({ title, heading, children, actions, labels: overrides, className, ...rest }) {
+  const labels = overrides ? { ...REFUSAL_CARD_LABELS, ...overrides } : REFUSAL_CARD_LABELS;
+  return /* @__PURE__ */ jsxs(
+    StatusCard,
+    {
+      ...rest,
+      title,
+      status: { label: labels.notPermitted, tone: "neutral", icon: /* @__PURE__ */ jsx(LockGlyph, { size: "xs" }) },
+      actions,
+      actionsAlign: "start",
+      className: cx("crewlet-refusal-card", className),
+      children: [
+        heading === void 0 || heading === null ? null : /* @__PURE__ */ jsx("p", { className: "crewlet-refusal-card__heading", children: heading }),
+        /* @__PURE__ */ jsx("p", { children }),
+        /* @__PURE__ */ jsx("p", { className: "crewlet-refusal-card__nothing", children: labels.nothingChanged })
+      ]
+    }
+  );
+}
+
+export { REFUSAL_CARD_LABELS, RefusalCard };

package/dist/chunk-C3FX7ZSU.js

@@ -0,0 +1,30 @@
+import { cx } from './chunk-ODEQTPFM.js';
+import './MessageBubble-GKO6X3QG.css';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function MessageBubble({
+  from,
+  children,
+  label,
+  attachment,
+  footer,
+  animateIn = false,
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsxs(
+    "article",
+    {
+      ...rest,
+      "aria-label": label ?? (from === "self" ? "You said" : void 0),
+      className: cx("crewlet-message", `crewlet-message--${from}`, animateIn && "crewlet-message--enter", className),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "crewlet-message__bubble", children }),
+        attachment === void 0 || attachment === null ? null : /* @__PURE__ */ jsx("div", { className: "crewlet-message__attachment", children: attachment }),
+        footer === void 0 || footer === null ? null : /* @__PURE__ */ jsx("div", { className: "crewlet-message__footer", children: footer })
+      ]
+    }
+  );
+}
+
+export { MessageBubble };