@crewlethq/ui 0.81.2 → 0.82.0

package/dist/{chunk-CLJGFOTV.js → chunk-SKGOKLJD.js}

@@ -1,11 +1,11 @@
-import { HeadingLevelProvider } from './chunk-PQADV6P6.js';
 import { useAppShellAside, ResizeHandle } from './chunk-PIYJNCN7.js';
-import { useModalLayer } from './chunk-H5XTJ7GJ.js';
+import { useModalLayer } from './chunk-TUEM2XIW.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
+import { HeadingLevelProvider } from './chunk-PQADV6P6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import { createContext, useId, useRef, useContext, useLayoutEffect, useEffect, useMemo } from 'react';
 import { MinimizeGlyph, MaximizeGlyph, XGlyph } from '@crewlethq/icons/glyphs';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 var SidePanelFrameContext = createContext(null);
 function part(name, alias) {
@@ -14,6 +14,7 @@ function part(name, alias) {
 function SidePanelBase({
   alias,
   title,
+  subtitle,
   icon,
   onClose,
   closeLabel,
@@ -39,6 +40,7 @@ function SidePanelBase({
   children
 }) {
   const titleId = useId();
+  const subtitled = subtitle !== void 0 && subtitle !== null && subtitle !== false && !hideTitle;
   const panelId = useId();
   const root = useRef(null);
   const heading = useRef(null);
@@ -79,6 +81,20 @@ function SidePanelBase({
   }, []);
   const sized = !inShell && !expanded && width !== void 0;
   const grip = resizable && !inShell && !expanded && (shape === null || shape === "column") && width !== void 0 && onWidthChange;
+  const headingNode = /* @__PURE__ */ jsx(
+    "h2",
+    {
+      ref: heading,
+      id: titleId,
+      className: cx(
+        part("title", alias),
+        !ringHeading && "crewlet-side-panel__title--quiet",
+        hideTitle && "crewlet-side-panel__title--hidden"
+      ),
+      tabIndex: -1,
+      children: title
+    }
+  );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(
       "div",
@@ -106,22 +122,17 @@ function SidePanelBase({
               edge: "left"
             }
           ) : null,
-          /* @__PURE__ */ jsxs("div", { className: part("head", alias), children: [
+          /* @__PURE__ */ jsxs("div", { className: cx(part("head", alias), subtitled && "crewlet-side-panel__head--subtitled"), children: [
             icon ? /* @__PURE__ */ jsx("span", { className: part("icon", alias), "aria-hidden": true, children: icon }) : null,
-            /* @__PURE__ */ jsx(
-              "h2",
-              {
-                ref: heading,
-                id: titleId,
-                className: cx(
-                  part("title", alias),
-                  !ringHeading && "crewlet-side-panel__title--quiet",
-                  hideTitle && "crewlet-side-panel__title--hidden"
-                ),
-                tabIndex: -1,
-                children: title
-              }
-            ),
+            subtitled ? (
+              /* THE TITLE AND WHAT IT IS ABOUT, on one baseline ("Thread" and the
+                 room it is in), the second dropping under the first when the two
+                 do not fit, and the title ellipsised on its own line. */
+              /* @__PURE__ */ jsxs("div", { className: part("heading", alias), children: [
+                headingNode,
+                /* @__PURE__ */ jsx("span", { className: part("subtitle", alias), children: subtitle })
+              ] })
+            ) : headingNode,
             /* @__PURE__ */ jsxs("span", { className: part("actions", alias), children: [
               actions,
               onExpandedChange ? /* @__PURE__ */ jsx(
@@ -163,6 +174,7 @@ var SIDE_PANEL_LABELS = {
 };
 function SidePanel({
   title,
+  subtitle,
   icon,
   hideTitle,
   onClose,
@@ -186,6 +198,7 @@ function SidePanel({
     SidePanelBase,
     {
       title,
+      subtitle,
       icon,
       hideTitle,
       onClose,

package/dist/{chunk-KHJIEPZV.js → chunk-SM4P2SHB.js}

@@ -1,6 +1,6 @@
 import { useLayerContainer, viewportBounds, LAYER_GAP, anchorGone, placePopup, LAYER_REPOSITION_EVENT } from './chunk-OMV5W53A.js';
-import { usePopupLayer, focusables } from './chunk-H5XTJ7GJ.js';
-import { returnFocus } from './chunk-NUZHC6MM.js';
+import { usePopupLayer, focusables } from './chunk-TUEM2XIW.js';
+import { returnFocus } from './chunk-4ITETIGZ.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Popover-QCINR7WG.css';
 import { useId, useState, useRef, useCallback, useLayoutEffect, useEffect, cloneElement } from 'react';

package/dist/{chunk-B2YSFWUG.js → chunk-SYVQXMLO.js}

@@ -1,17 +1,17 @@
 import { PageHeader } from './chunk-FPDIHEM4.js';
 import { FilterPill } from './chunk-K4LZXSKZ.js';
-import { DateTimePicker } from './chunk-HPI5J6AR.js';
-import { DataTable } from './chunk-CZQ7UITX.js';
-import { useListbox, useOptionKeys } from './chunk-7KHM2FZH.js';
-import { Toolbar } from './chunk-NR4CPM4T.js';
-import { Popover } from './chunk-KHJIEPZV.js';
+import { DateTimePicker } from './chunk-XGLMPPDW.js';
+import { DataTable } from './chunk-P6F3PE4V.js';
+import { useListbox, useOptionKeys } from './chunk-YGRTX67J.js';
+import { Toolbar } from './chunk-NXFTCPF6.js';
+import { Popover } from './chunk-SM4P2SHB.js';
 import { RelativeTime } from './chunk-EJNJMHQG.js';
-import { Kbd } from './chunk-ANTAQAR4.js';
-import { Input } from './chunk-FB3TCNQP.js';
-import { Count } from './chunk-MLDTLZAO.js';
-import { Menu } from './chunk-OQG4P5KU.js';
+import { Menu } from './chunk-YOJAGKTS.js';
+import { Input } from './chunk-O7N6W52M.js';
+import { Kbd } from './chunk-CMAZZY2I.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
+import { Count } from './chunk-D2GT3CR4.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './DataView-L7HLNW7C.css';

package/dist/{chunk-UY3FWQWG.js → chunk-T4IEESXN.js}

@@ -1,18 +1,21 @@
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
-import { Menu } from './chunk-OQG4P5KU.js';
+import { useRailShape, RailShapeContext } from './chunk-ISQANI6Q.js';
+import { Tooltip } from './chunk-3QQIGMY3.js';
+import { Menu } from './chunk-YOJAGKTS.js';
 import { PeekContext, AsideContext, ResizeHandle, clampSize } from './chunk-PIYJNCN7.js';
+import { isApplePlatform, ariaKeyshortcuts, Kbd } from './chunk-CMAZZY2I.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
-import { focusables, useModalLayer, isComposing, layerCount } from './chunk-H5XTJ7GJ.js';
+import { focusables, useModalLayer, isComposing, layerCount } from './chunk-TUEM2XIW.js';
+import { returnFocus } from './chunk-4ITETIGZ.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
-import { returnFocus } from './chunk-NUZHC6MM.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';
-import './AppShell-2IBUS4TH.css';
+import './AppShell-F7RID4P4.css';
 import './ResizeHandle-2UNSZ4ZQ.css';
 import { createContext, forwardRef, useContext, useSyncExternalStore, useCallback, useId, useState, useRef, useEffect, useLayoutEffect } from 'react';
 import { breakpoint } from '@crewlethq/tokens';
-import { ChevronUpGlyph, ChevronsUpDownGlyph, ChevronRightGlyph, MenuGlyph } from '@crewlethq/icons/glyphs';
+import { ChevronUpGlyph, ChevronsUpDownGlyph, ChevronRightGlyph, ChevronsRightGlyph, ChevronsLeftGlyph, MenuGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 function AccountRow({
@@ -25,8 +28,11 @@ function AccountRow({
   title,
   linkSuffix = ", your account",
   actions,
+  compact: compactProp,
   className
 }) {
+  const railShape = useRailShape();
+  const compact = compactProp ?? railShape === "compact";
   const who = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("span", { className: "crewlet-account-row__avatar", children: avatar }),
     /* @__PURE__ */ jsxs("span", { className: "crewlet-account-row__text", children: [
@@ -38,6 +44,7 @@ function AccountRow({
       ] }) : null
     ] })
   ] });
+  if (compact) return /* @__PURE__ */ jsx(CompactAccount, { avatar, name, detail, href, menu, current, linkSuffix, className });
   return /* @__PURE__ */ jsxs("div", { className: cx("crewlet-account-row", className), children: [
     menu ? /* @__PURE__ */ jsx(
       Menu,
@@ -79,6 +86,60 @@ function AccountRow({
     actions ? /* @__PURE__ */ jsx("div", { className: "crewlet-account-row__actions", children: actions }) : null
   ] });
 }
+function CompactAccount({
+  avatar,
+  name,
+  detail,
+  href,
+  menu,
+  current,
+  linkSuffix,
+  className
+}) {
+  const words = (suffix) => /* @__PURE__ */ jsxs(VisuallyHidden, { children: [
+    name,
+    detail ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      ", ",
+      detail
+    ] }) : null,
+    suffix
+  ] });
+  const tip = /* @__PURE__ */ jsxs(Fragment, { children: [
+    name,
+    detail ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      " \xB7 ",
+      detail
+    ] }) : null
+  ] });
+  const face = /* @__PURE__ */ jsx("span", { className: "crewlet-account-row__avatar", "aria-hidden": true, children: avatar });
+  const shape = cx("crewlet-account-row__who", "crewlet-account-row__who--compact", HIT_AREA_CLASS);
+  let control;
+  if (menu) {
+    control = /* @__PURE__ */ jsx(
+      Menu,
+      {
+        label: menu.label ?? "Your account",
+        items: menu.items,
+        header: menu.header,
+        renderTrigger: (trigger) => /* @__PURE__ */ jsx(Tooltip, { content: tip, children: /* @__PURE__ */ jsxs("button", { type: "button", className: shape, "data-current": current ? "" : void 0, ...trigger, children: [
+          face,
+          words(linkSuffix)
+        ] }) })
+      }
+    );
+  } else if (href === void 0) {
+    control = /* @__PURE__ */ jsx(Tooltip, { content: tip, children: /* @__PURE__ */ jsxs("span", { className: "crewlet-account-row__who crewlet-account-row__who--compact", children: [
+      face,
+      words("")
+    ] }) });
+  } else {
+    control = /* @__PURE__ */ jsx(Tooltip, { content: tip, children: /* @__PURE__ */ jsxs("a", { className: shape, href, "aria-current": current ? "page" : void 0, children: [
+      face,
+      words(linkSuffix)
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx("div", { className: cx("crewlet-account-row", "crewlet-account-row--compact", className), children: control });
+}
 function createScreenWidthStore() {
   let width = null;
   const listeners = /* @__PURE__ */ new Set();
@@ -141,6 +202,10 @@ function AppShell({
   navigationKey,
   toggleLabel = "Sections",
   skipLabel = "Skip to content",
+  rail: railChoice = "full",
+  onRailChange,
+  railFoldKeys,
+  railFoldLabels,
   aside,
   asideWidth = APP_SHELL_ASIDE_WIDTH,
   asideReserve,
@@ -225,6 +290,9 @@ function AppShell({
       screenWidth.set(null);
     };
   }, [screenWidth]);
+  const hasRail = sidebar !== void 0 && sidebar !== null;
+  const railShape = hasRail && railChoice === "compact" && !narrow ? "compact" : "full";
+  const foldable = hasRail && onRailChange !== void 0 && !narrow;
   const shell = {
     narrow,
     drawerOpen,
@@ -234,7 +302,8 @@ function AppShell({
     scroller,
     railId,
     toggleLabel,
-    hasRail: sidebar !== void 0 && sidebar !== null
+    hasRail,
+    rail: railShape
   };
   return /* @__PURE__ */ jsx(AppShellContext.Provider, { value: shell, children: /* @__PURE__ */ jsxs(
     "div",
@@ -244,13 +313,16 @@ function AppShell({
       className: cx(
         "crewlet-app-shell",
         fill && "crewlet-app-shell--fill",
+        fill === "flush" && "crewlet-app-shell--fill-flush",
         // Named on the root rather than read off the tree by a selector,
         // because a shell with no rail is one column whatever else it holds.
         !shell.hasRail && "crewlet-app-shell--no-rail",
+        foldable && "crewlet-app-shell--foldable",
         className
       ),
       "data-aside": hasAside ? asideShape : void 0,
       "data-peek": hasPeek ? peekShape : void 0,
+      "data-rail": hasRail ? railShape : void 0,
       style: {
         ...style,
         ["--crewlet-app-shell-gutter"]: `${gutter}px`,
@@ -279,7 +351,7 @@ function AppShell({
           }
         ),
         drawerOpen ? /* @__PURE__ */ jsx(ShellDrawer, { rail, onClose: closeDrawer, onZIndex: setDrawerZ }) : null,
-        shell.hasRail ? /* @__PURE__ */ jsx(
+        shell.hasRail ? /* @__PURE__ */ jsxs(
           "aside",
           {
             ref: rail,
@@ -289,7 +361,10 @@ function AppShell({
             role: drawerOpen ? "dialog" : void 0,
             "aria-modal": drawerOpen || void 0,
             "aria-label": drawerOpen ? toggleLabel : void 0,
-            children: sidebar
+            children: [
+              foldable ? /* @__PURE__ */ jsx(RailFold, { rail: railShape, onRailChange, keys: railFoldKeys, labels: railFoldLabels, railId }) : null,
+              /* @__PURE__ */ jsx(RailShapeContext.Provider, { value: railShape, children: sidebar })
+            ]
           }
         ) : null,
         /* @__PURE__ */ jsxs("div", { ref: sheet, className: "crewlet-app-shell__sheet", children: [
@@ -454,17 +529,58 @@ function ShellDrawer({
     }
   );
 }
+function RailFold({
+  rail,
+  onRailChange,
+  keys,
+  labels,
+  railId
+}) {
+  const compact = rail === "compact";
+  const label = compact ? labels?.expand ?? "Expand the sidebar" : labels?.collapse ?? "Collapse the sidebar";
+  const apple = isApplePlatform();
+  return /* @__PURE__ */ jsx("span", { className: "crewlet-app-shell__fold", children: /* @__PURE__ */ jsx(
+    Tooltip,
+    {
+      placement: "bottom",
+      content: /* @__PURE__ */ jsxs(Fragment, { children: [
+        label,
+        keys ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          " ",
+          /* @__PURE__ */ jsx(Kbd, { keys, subtle: true, apple })
+        ] }) : null
+      ] }),
+      children: /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          label,
+          size: "sm",
+          variant: "ghost",
+          icon: compact ? /* @__PURE__ */ jsx(ChevronsRightGlyph, { size: "sm" }) : /* @__PURE__ */ jsx(ChevronsLeftGlyph, { size: "sm" }),
+          "aria-controls": railId,
+          "aria-keyshortcuts": keys ? ariaKeyshortcuts(keys, apple) : void 0,
+          onClick: () => onRailChange?.(compact ? "full" : "compact")
+        }
+      )
+    }
+  ) });
+}
 function AppShellRail({ header, search, status, footer, className, children }) {
+  const compact = useRailShape() === "compact";
+  const statusSlot = status ? /* @__PURE__ */ jsx("div", { className: "crewlet-app-shell__rail-status", children: status }) : null;
   return /* @__PURE__ */ jsxs("div", { className: cx("crewlet-app-shell__rail-inner", className), children: [
-    header || status ? /* @__PURE__ */ jsxs("div", { className: "crewlet-app-shell__rail-head", children: [
+    header || status && !compact ? /* @__PURE__ */ jsxs("div", { className: "crewlet-app-shell__rail-head", children: [
       header,
-      status ? /* @__PURE__ */ jsx("div", { className: "crewlet-app-shell__rail-status", children: status }) : null
+      compact ? null : statusSlot
     ] }) : null,
     /* @__PURE__ */ jsxs("div", { className: "crewlet-app-shell__rail-body", children: [
-      search ? /* @__PURE__ */ jsx("div", { className: "crewlet-app-shell__rail-search", children: search }) : null,
+      search && !compact ? /* @__PURE__ */ jsx("div", { className: "crewlet-app-shell__rail-search", children: search }) : null,
       children
     ] }),
-    footer ? /* @__PURE__ */ jsx("div", { className: "crewlet-app-shell__rail-foot", children: footer }) : null
+    footer || status && compact ? /* @__PURE__ */ jsxs("div", { className: "crewlet-app-shell__rail-foot", children: [
+      compact ? statusSlot : null,
+      footer
+    ] }) : null
   ] });
 }
 function countWords(count) {

package/dist/{chunk-TPCBPGSB.js → chunk-T7WESRZF.js}

@@ -1,7 +1,7 @@
-import { SlideStage } from './chunk-RMEBFYL7.js';
+import { SlideStage } from './chunk-O6EV6GKI.js';
 import { useReorder } from './chunk-MPVMB2DV.js';
-import { Kbd, isApplePlatform } from './chunk-ANTAQAR4.js';
-import { Menu } from './chunk-OQG4P5KU.js';
+import { Menu } from './chunk-YOJAGKTS.js';
+import { Kbd, isApplePlatform } from './chunk-CMAZZY2I.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SlideFilmstrip-BLGBCLEU.css';

package/dist/chunk-TDFLCUBE.js

@@ -0,0 +1,6 @@
+// src/utils/heldHint.ts
+function heldHint(hint, reason) {
+  return reason ? `${hint}. ${reason}` : hint;
+}
+
+export { heldHint };

package/dist/{chunk-Z6JKZI4E.js → chunk-TGCGLKD4.js}

@@ -1,5 +1,5 @@
 import { diffLines, diffStat, collapseDiff, DiffSummary, DiffView } from './chunk-AOFVXE6V.js';
-import { SegmentedControl } from './chunk-6R334YT3.js';
+import { SegmentedControl } from './chunk-GZVAZ3LL.js';
 import { EmptyState } from './chunk-PPUR46MK.js';
 import { useHeadingLevel, headingTag, nextHeadingLevel, HeadingLevelProvider } from './chunk-PQADV6P6.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/chunk-TRXTO3WC.js

@@ -0,0 +1,114 @@
+import { Tag } from './chunk-LBGKLYBY.js';
+import { isComposing } from './chunk-TUEM2XIW.js';
+import { useFocusModality } from './chunk-4ITETIGZ.js';
+import { announce } from './chunk-2G355KDJ.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './Tag-WLDOROB5.css';
+import './ChipField-D4CW6XFA.css';
+import { useRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var CHIP_FIELD_LABELS = {
+  remove: (label) => `Remove ${label}`,
+  removed: (label) => `Removed ${label}`,
+  chosen: "Chosen"
+};
+function ChipField({
+  items,
+  onRemove,
+  query,
+  onQueryChange,
+  onCommit,
+  label,
+  prefix,
+  variant = "boxed",
+  inputRef,
+  labels: overrides,
+  className,
+  disabled = false,
+  onKeyDown,
+  ...input
+}) {
+  useFocusModality();
+  const labels = overrides ? { ...CHIP_FIELD_LABELS, ...overrides } : CHIP_FIELD_LABELS;
+  const box = useRef(null);
+  const setBox = (el) => {
+    box.current = el;
+    if (typeof inputRef === "function") inputRef(el);
+    else if (inputRef) inputRef.current = el;
+  };
+  const remove = (item) => {
+    onRemove(item.id);
+    announce(labels.removed(item.label));
+    box.current?.focus();
+  };
+  const keys = (event) => {
+    onKeyDown?.(event);
+    if (event.defaultPrevented || isComposing(event)) return;
+    if (event.key === "Backspace" && query === "") {
+      const last = items.at(-1);
+      if (!last) return;
+      event.preventDefault();
+      remove(last);
+      return;
+    }
+    if (event.key === "Enter" && onCommit && query.trim() !== "" && !event.metaKey && !event.ctrlKey && !event.altKey) {
+      event.preventDefault();
+      onCommit();
+    }
+  };
+  const pressRow = (event) => {
+    if (disabled || event.target !== event.currentTarget) return;
+    event.preventDefault();
+    box.current?.focus();
+  };
+  return (
+    // The row is not a control: its press only forwards the caret to the
+    // box, which is the field's one keyboard stop besides the chips' Remove.
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cx("crewlet-chip-field", `crewlet-chip-field--${variant}`, disabled && "is-disabled", className),
+        onMouseDown: pressRow,
+        children: [
+          prefix ? /* @__PURE__ */ jsx("span", { className: "crewlet-chip-field__prefix", children: prefix }) : null,
+          items.length > 0 ? (
+            // THE ROLE IS SPELLED OUT. The list is `display: contents`, so its
+            // chips wrap in one line with the box, and a browser that drops a
+            // contents box from the accessibility tree drops its list role too.
+            // eslint-disable-next-line jsx-a11y/no-redundant-roles
+            /* @__PURE__ */ jsx("ul", { role: "list", className: "crewlet-chip-field__chips", "aria-label": labels.chosen, children: items.map((item) => /* @__PURE__ */ jsx("li", { className: "crewlet-chip-field__chip", children: /* @__PURE__ */ jsx(
+              Tag,
+              {
+                size: "sm",
+                leadingIcon: item.leading,
+                onRemove: disabled ? void 0 : () => remove(item),
+                removeAriaLabel: labels.remove(item.label),
+                children: item.label
+              }
+            ) }, item.id)) })
+          ) : null,
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              autoComplete: "off",
+              spellCheck: false,
+              ...input,
+              ref: setBox,
+              type: "text",
+              "aria-label": label,
+              className: "crewlet-chip-field__input",
+              value: query,
+              disabled,
+              onChange: (event) => onQueryChange(event.target.value),
+              onKeyDown: keys
+            }
+          )
+        ]
+      }
+    )
+  );
+}
+
+export { CHIP_FIELD_LABELS, ChipField };

package/dist/{chunk-H5XTJ7GJ.js → chunk-TUEM2XIW.js}

@@ -1,4 +1,4 @@
-import { returnFocus } from './chunk-NUZHC6MM.js';
+import { returnFocus } from './chunk-4ITETIGZ.js';
 import { useRef, useState, useLayoutEffect, useEffect, useCallback, useSyncExternalStore } from 'react';
 import { zIndex } from '@crewlethq/tokens';
 

package/dist/{chunk-4AUTALJA.js → chunk-U2IQNDDR.js}

@@ -1,5 +1,5 @@
 import { CardHeaderSlotContext } from './chunk-AV2DXAEL.js';
-import { Count } from './chunk-MLDTLZAO.js';
+import { Count } from './chunk-D2GT3CR4.js';
 import { useHeadingLevel, HeadingLevelProvider, nextHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Card-O35OMBQ5.css';

package/dist/{chunk-IVTQWOXV.js → chunk-ULYHDP7U.js}

@@ -1,4 +1,4 @@
-import { Count } from './chunk-MLDTLZAO.js';
+import { Count } from './chunk-D2GT3CR4.js';
 import { headingTag } from './chunk-PQADV6P6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import { ChevronDownGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-DGSK4LLS.js → chunk-V6WDJUYK.js}

@@ -1,6 +1,6 @@
 import { frameThemeMessage, readFrameHello, frameOriginMatches, negotiateBridge, FRAME_MESSAGE, portTargetOrigin, checkFrameSandbox, httpOrigin, isFrameNonce, frameFragment, readOpenLink, externalUrl, isFocusExit } from './chunk-F6V2PTN6.js';
 import { Callout } from './chunk-BPCY7ZID.js';
-import { Skeleton } from './chunk-BRLZXYPA.js';
+import { Skeleton } from './chunk-I4IUX3JF.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SandboxedFrame-P5NASXB7.css';

package/dist/{chunk-5CEQ3HLH.js → chunk-VGOWSOUA.js}

@@ -1,10 +1,10 @@
-import { Modal } from './chunk-C667GCU7.js';
-import { useListbox, useHighlightRest } from './chunk-7KHM2FZH.js';
-import { Kbd } from './chunk-ANTAQAR4.js';
-import { Input } from './chunk-FB3TCNQP.js';
-import { Count } from './chunk-MLDTLZAO.js';
+import { Modal } from './chunk-XXDB6KPV.js';
+import { useListbox, useHighlightRest } from './chunk-YGRTX67J.js';
+import { Input } from './chunk-O7N6W52M.js';
+import { Kbd } from './chunk-CMAZZY2I.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
-import { isComposing } from './chunk-H5XTJ7GJ.js';
+import { isComposing } from './chunk-TUEM2XIW.js';
+import { Count } from './chunk-D2GT3CR4.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';

package/dist/{chunk-TKUAGWNR.js → chunk-WT3B76MG.js}

@@ -1,6 +1,6 @@
 import { Switch } from './chunk-3XDT5ZWL.js';
 import { useReorder } from './chunk-MPVMB2DV.js';
-import { Checkbox } from './chunk-LMQG3VPG.js';
+import { Checkbox } from './chunk-YQ7Q52XU.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-D7G2QGET.js → chunk-X3US25XJ.js}

@@ -1,4 +1,4 @@
-import { Tag } from './chunk-VERJCAJ4.js';
+import { Tag } from './chunk-LBGKLYBY.js';
 import './PricingCard-BXMLP7KD.css';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-GPFYITOF.js → chunk-X7VZQKIW.js}

@@ -1,5 +1,5 @@
 import { StepStateMark } from './chunk-RJWO2PC5.js';
-import { DisclosureAnatomy } from './chunk-IVTQWOXV.js';
+import { DisclosureAnatomy } from './chunk-ULYHDP7U.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './RunChip-K5DGHXHO.css';

package/dist/{chunk-L4HHWG4V.js → chunk-XA2QKGBJ.js}

@@ -1,7 +1,7 @@
-import { Toolbar } from './chunk-NR4CPM4T.js';
-import { announce } from './chunk-2G355KDJ.js';
+import { Toolbar } from './chunk-NXFTCPF6.js';
 import { Button } from './chunk-DGXZ635L.js';
-import { returnFocus } from './chunk-NUZHC6MM.js';
+import { returnFocus } from './chunk-4ITETIGZ.js';
+import { announce } from './chunk-2G355KDJ.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SelectionBar-SCAU6EBY.css';
 import { useRef, useEffect } from 'react';

package/dist/{chunk-HPI5J6AR.js → chunk-XGLMPPDW.js}

@@ -1,8 +1,8 @@
 import { today, CalendarGrid, shiftMonth, compareDays } from './chunk-EE3DJMSQ.js';
-import { Popover } from './chunk-KHJIEPZV.js';
+import { Popover } from './chunk-SM4P2SHB.js';
 import { Button } from './chunk-DGXZ635L.js';
+import { useFocusModality } from './chunk-4ITETIGZ.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
-import { useFocusModality } from './chunk-NUZHC6MM.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './DateTimePicker-PM6TIRIX.css';
 import { useMemo, useState, useEffect } from 'react';

package/dist/{chunk-DV5L2GRY.js → chunk-XJMES7AE.js}

@@ -1,4 +1,4 @@
-import { SlideStage } from './chunk-RMEBFYL7.js';
+import { SlideStage } from './chunk-O6EV6GKI.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-5NJMSYDZ.js → chunk-XNC3M4IN.js}

@@ -1,4 +1,4 @@
-import { DisclosureAnatomy } from './chunk-IVTQWOXV.js';
+import { DisclosureAnatomy } from './chunk-ULYHDP7U.js';
 import { useHeadingLevel } from './chunk-PQADV6P6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Disclosure-D727FN5X.css';