@crewlethq/ui 0.58.0 → 0.60.0

package/dist/{chunk-FA44M2YT.js → chunk-OB5N3FV2.js}

@@ -1,9 +1,20 @@
-import { StatusCard } from './chunk-WDIVALLP.js';
+import { StatusCard } from './chunk-WW4E5EUS.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './EntityList-XIICECVC.css';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-function EntityList({ items, label, title, className, ...rest }) {
+function EntityList({
+  items,
+  label,
+  title,
+  collapsible,
+  summary,
+  open,
+  defaultOpen,
+  onOpenChange,
+  className,
+  ...rest
+}) {
   const list = (
     // The role is restated for WebKit, which drops it from a list with no markers.
     // eslint-disable-next-line jsx-a11y/no-redundant-roles
@@ -19,7 +30,21 @@ function EntityList({ items, label, title, className, ...rest }) {
   if (title === void 0) {
     return /* @__PURE__ */ jsx("div", { ...rest, className: cx("crewlet-entity-list", className), children: list });
   }
-  return /* @__PURE__ */ jsx(StatusCard, { ...rest, title, bodyPadding: "none", className: cx("crewlet-entity-list", "crewlet-entity-list--card", className), children: list });
+  return /* @__PURE__ */ jsx(
+    StatusCard,
+    {
+      ...rest,
+      title,
+      collapsible,
+      summary,
+      open,
+      defaultOpen,
+      onOpenChange,
+      bodyPadding: "none",
+      className: cx("crewlet-entity-list", "crewlet-entity-list--card", className),
+      children: list
+    }
+  );
 }
 
 export { EntityList };

package/dist/{chunk-QZXSEPLJ.js → chunk-OM6CPZB7.js}

@@ -1,6 +1,6 @@
-import { Table } from './chunk-45KMH3E3.js';
-import { StatusCard } from './chunk-WDIVALLP.js';
-import { DownloadButton } from './chunk-CFHGVO5L.js';
+import { Table } from './chunk-5DJMFRSZ.js';
+import { StatusCard } from './chunk-WW4E5EUS.js';
+import { DownloadButton } from './chunk-LG6TUGET.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ResultTableCard-AP355LQM.css';
 import { useState } from 'react';

package/dist/{chunk-GG4QZWMQ.js → chunk-P4YORMRZ.js}

@@ -1,4 +1,4 @@
-import { DisclosureAnatomy } from './chunk-TFGCNBWP.js';
+import { DisclosureAnatomy } from './chunk-ZYO2QFU6.js';
 import { useHeadingLevel } from './chunk-PQADV6P6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Disclosure-FVMA4RW2.css';

package/dist/{chunk-RXAODDFD.js → chunk-P5S2SPTK.js}

@@ -1,7 +1,7 @@
-import { SlideNav } from './chunk-OHBXOEP3.js';
+import { SlideNav } from './chunk-DEAFAK3U.js';
 import { SlideStage, SLIDE_WIDTH, SLIDE_HEIGHT } from './chunk-RMEBFYL7.js';
 import { Eyebrow } from './chunk-RK4XPHVG.js';
-import { Button } from './chunk-QKXQC5D6.js';
+import { Button } from './chunk-7QTPJDRF.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './PresenterView-T3EXIQ5S.css';
 import { useRef, useState, useEffect } from 'react';

package/dist/{chunk-52IHWD3V.js → chunk-PFXUEEHT.js}

@@ -1,10 +1,10 @@
-import { RefusalStrip, ReceiptStrip } from './chunk-2K6FUMIK.js';
-import { StatusCard } from './chunk-WDIVALLP.js';
-import { ChangeList } from './chunk-NEHSV55H.js';
-import { Button } from './chunk-QKXQC5D6.js';
+import { RefusalStrip, ReceiptStrip } from './chunk-NLI7OVO2.js';
+import { StatusCard } from './chunk-WW4E5EUS.js';
+import { ChangeList } from './chunk-ZH5F2PXC.js';
+import { Button } from './chunk-7QTPJDRF.js';
 import { Spinner } from './chunk-XSPCITPN.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './VisuallyHidden-L552H7OA.css';
+import './VisuallyHidden-AOEXU5EB.css';
 import './ProposalCard-YDGECRES.css';
 import { useId, useRef, useLayoutEffect } from 'react';
 import { RefreshCwGlyph, LockGlyph, BanGlyph, ClockGlyph, CircleAlertGlyph, CircleCheckGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-XCUUI7E7.js → chunk-PGCLHYVP.js}

@@ -1,5 +1,5 @@
-import { announce } from './chunk-RSAQOKH3.js';
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { announce } from './chunk-2G355KDJ.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './CharacterCount-S735DICR.css';
 import { useRef, useEffect } from 'react';

package/dist/{chunk-GPW4M4OI.js → chunk-PGKETYGL.js}

@@ -1,8 +1,8 @@
-import { TreeGrid } from './chunk-VRNUKH2W.js';
+import { TreeGrid } from './chunk-Q4DNAO3O.js';
 import { createTreeModel, treeParent } from './chunk-MY374UUD.js';
 import { OrgLabel } from './chunk-ONQKKHON.js';
-import { AddPill } from './chunk-TROLVEZY.js';
-import { IconButton } from './chunk-2BQYODY3.js';
+import { AddPill } from './chunk-QC2DEQCN.js';
+import { IconButton } from './chunk-2XWFWNDT.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './OrgTable-JZSYTUIK.css';
 import { useMemo, useRef, useImperativeHandle, useCallback } from 'react';

package/dist/{chunk-XODESBSR.js → chunk-PUJUWLCX.js}

@@ -1,7 +1,7 @@
 import { HeadingLevelProvider } from './chunk-PQADV6P6.js';
 import { useAppShellAside, ResizeHandle } from './chunk-PIYJNCN7.js';
 import { useModalLayer } from './chunk-H5XTJ7GJ.js';
-import { IconButton } from './chunk-2BQYODY3.js';
+import { IconButton } from './chunk-2XWFWNDT.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';

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

@@ -2,8 +2,8 @@ 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-2BQYODY3.js';
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { IconButton } from './chunk-2XWFWNDT.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './TreeGrid-UCPV37XB.css';
 import { useState, useRef, useCallback, useLayoutEffect, useImperativeHandle } from 'react';

package/dist/{chunk-TEUQWOWZ.js → chunk-QBI5ETKY.js}

@@ -1,4 +1,4 @@
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Skeleton-V735HRGM.css';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/dist/{chunk-TROLVEZY.js → chunk-QC2DEQCN.js}

@@ -1,4 +1,4 @@
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './AddPill-RYCY56P4.css';
 import { useState, useId, useRef, useCallback, useEffect, Fragment } from 'react';

package/dist/{chunk-RV6XB5UV.js → chunk-QZLNKLYD.js}

@@ -1,4 +1,4 @@
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ArtifactKinds-O3CALPVX.css';
 import './ArtifactKindIllustration-KLFL7KBG.css';

package/dist/{chunk-EUCC37WY.js → chunk-RE3FBGQQ.js}

@@ -1,4 +1,4 @@
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './EmptyValue-4B6ODXHT.css';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-N3ISZVLK.js → chunk-RLFPBRN4.js}

@@ -1,5 +1,5 @@
 import { useThemePreference, useSystemTheme, resolveTheme } from './chunk-Z24ZUSTX.js';
-import { IconButton } from './chunk-2BQYODY3.js';
+import { IconButton } from './chunk-2XWFWNDT.js';
 import { SunGlyph, MoonGlyph } from '@crewlethq/icons/glyphs';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-Z3GDMNMU.js → chunk-RO2MZZ66.js}

@@ -1,4 +1,4 @@
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './DiffList-GE6YBRLJ.css';
 import { DiffGlyph, MinusGlyph, PlusGlyph, ArrowRightGlyph } from '@crewlethq/icons/glyphs';

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

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

package/dist/{chunk-UGNUUVRI.js → chunk-RQFRRPV6.js}

@@ -1,4 +1,4 @@
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Meter-ZZRFUEOH.css';
 import { useId } from 'react';

package/dist/{chunk-BDYQTU5Q.js → chunk-SG2375ZY.js}

@@ -1,10 +1,10 @@
 import { Select } from './chunk-XQZ6EWOE.js';
 import { today, shiftMonth, CalendarGrid, compareDays } from './chunk-GXQ3B46I.js';
 import { Popover } from './chunk-KHJIEPZV.js';
-import { Input } from './chunk-FXQLNETQ.js';
-import { Button } from './chunk-QKXQC5D6.js';
+import { Input } from './chunk-TLIJG4TP.js';
+import { Button } from './chunk-7QTPJDRF.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
-import { IconButton } from './chunk-2BQYODY3.js';
+import { IconButton } from './chunk-2XWFWNDT.js';
 import { useFocusModality } from './chunk-NUZHC6MM.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './TimeWindowPicker-I3HXC74I.css';

package/dist/{chunk-INVSUFJK.js → chunk-SHLP2BNA.js}

@@ -1,5 +1,5 @@
-import { SidebarNav } from './chunk-E7QLG3PG.js';
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { SidebarNav } from './chunk-B53FUJ53.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SectionFrame-M62UUVFQ.css';
 import { useState, useId } from 'react';

package/dist/{chunk-UC3PB356.js → chunk-SPCSFJNY.js}

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

package/dist/{chunk-QFGKFCL2.js → chunk-T4THNJ6E.js}

@@ -1,6 +1,6 @@
-import { Stepper } from './chunk-AP7GA5AA.js';
+import { Stepper } from './chunk-Z4EKUMZW.js';
 import { PageHeader } from './chunk-DKB73KZI.js';
-import { Disclosure } from './chunk-GG4QZWMQ.js';
+import { Disclosure } from './chunk-P4YORMRZ.js';
 import { useHeadingLevel, nextHeadingLevel, headingTag, HeadingLevelProvider } from './chunk-PQADV6P6.js';
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-OHGH7O6T.js → chunk-TEV5REGB.js}

@@ -1,4 +1,4 @@
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './LockedLabel-VQEGEB7G.css';
 import { KeyGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-FXQLNETQ.js → chunk-TLIJG4TP.js}

@@ -1,13 +1,13 @@
-import { characterCountState, CharacterCount } from './chunk-XCUUI7E7.js';
+import { characterCountState, CharacterCount } from './chunk-PGCLHYVP.js';
 import { useHeadingLevel, headingTag, HeadingLevelProvider, nextHeadingLevel } from './chunk-PQADV6P6.js';
-import { announce } from './chunk-RSAQOKH3.js';
+import { announce } from './chunk-2G355KDJ.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
-import { IconButton } from './chunk-2BQYODY3.js';
+import { IconButton } from './chunk-2XWFWNDT.js';
 import { useFocusModality } from './chunk-NUZHC6MM.js';
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Input-GMOWHZRG.css';
-import './VisuallyHidden-L552H7OA.css';
+import './VisuallyHidden-AOEXU5EB.css';
 import { forwardRef, useRef, useState, useImperativeHandle, useEffect, useId } from 'react';
 import { XGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-V326ADVR.js → chunk-TUNEMQXF.js}

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

package/dist/{chunk-FVD7FSKO.js → chunk-TXA3HMWP.js}

@@ -1,8 +1,8 @@
-import { Checkbox } from './chunk-NHJQXDHA.js';
+import { Checkbox } from './chunk-KIPAFCVS.js';
 import { EmptyState } from './chunk-PPUR46MK.js';
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
-import { Button } from './chunk-QKXQC5D6.js';
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { Button } from './chunk-7QTPJDRF.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './DataGrid-VNGQESJA.css';
 import { useId, useRef, useState, useMemo, useCallback, useLayoutEffect, useImperativeHandle, useSyncExternalStore, useEffect } from 'react';

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

@@ -1,9 +1,9 @@
-import { Link } from './chunk-FBSEJO2C.js';
+import { Link } from './chunk-HOP3J622.js';
 import { Tag } from './chunk-KYIAFNU7.js';
-import { RelativeTime } from './chunk-KS7YIJ4S.js';
-import { EmptyValue } from './chunk-EUCC37WY.js';
+import { RelativeTime } from './chunk-L6NG7CUA.js';
+import { EmptyValue } from './chunk-RE3FBGQQ.js';
 import { Avatar } from './chunk-PZKHBB7D.js';
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './TableCells-3VN5N2M3.css';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-BZFWDIV6.js → chunk-UT6CW3C7.js}

@@ -1,5 +1,5 @@
 import { cx } from './chunk-ODEQTPFM.js';
-import './VisuallyHidden-L552H7OA.css';
+import './VisuallyHidden-AOEXU5EB.css';
 import { jsx } from 'react/jsx-runtime';
 
 function VisuallyHidden({ as: Tag = "span", id, className, children }) {

package/dist/{chunk-73QP5CDO.js → chunk-UTBCDOGP.js}

@@ -1,7 +1,7 @@
 import { Note } from './chunk-5SZGKSGL.js';
-import { CanvasToolbar, toolForKey } from './chunk-3DVOJK63.js';
-import { IDENTITY_VIEW, Canvas } from './chunk-JKZ3A4GY.js';
-import { IconButton } from './chunk-2BQYODY3.js';
+import { CanvasToolbar, toolForKey } from './chunk-KWTRRS7E.js';
+import { IDENTITY_VIEW, Canvas } from './chunk-3Q6N6FJL.js';
+import { IconButton } from './chunk-2XWFWNDT.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './CanvasBoard-JMYNIAHK.css';
 import { useState, useRef, useImperativeHandle, useCallback, useMemo, useEffect } from 'react';

package/dist/{chunk-CVH7KBAJ.js → chunk-V57TGM2L.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-QKXQC5D6.js';
+import { Skeleton } from './chunk-QBI5ETKY.js';
+import { Button } from './chunk-7QTPJDRF.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-GSBLM7NO.js').then(
+  loading ??= import('./Editor-EQBOZPXS.js').then(
     (module) => {
       engine = module.Editor;
       return engine;

package/dist/{chunk-QTB5S6JZ.js → chunk-VBO2GYWX.js}

@@ -1,6 +1,6 @@
 import { useAppShellPeek, ResizeHandle } from './chunk-PIYJNCN7.js';
-import { ButtonLink } from './chunk-QKXQC5D6.js';
-import { IconButton } from './chunk-2BQYODY3.js';
+import { ButtonLink } from './chunk-7QTPJDRF.js';
+import { IconButton } from './chunk-2XWFWNDT.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';
 import './ResizeHandle-2UNSZ4ZQ.css';

package/dist/{chunk-XZ42MKHK.js → chunk-VBYRA3W6.js}

@@ -1,7 +1,7 @@
-import { SetByLine } from './chunk-ICWUDNAZ.js';
-import { Link } from './chunk-FBSEJO2C.js';
+import { SetByLine } from './chunk-4MC2EEGO.js';
+import { Link } from './chunk-HOP3J622.js';
 import { DescriptionList, DescriptionListItem } from './chunk-MFS6F2P7.js';
-import { EmptyValue } from './chunk-EUCC37WY.js';
+import { EmptyValue } from './chunk-RE3FBGQQ.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './PropertyList-SCYM66LL.css';
 import { useId, Fragment } from 'react';

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

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

package/dist/{chunk-HYRKTVKL.js → chunk-VN3DCUED.js}

@@ -1,9 +1,9 @@
 import { StatusDot } from './chunk-WIATRXEJ.js';
 import { useRoving, tabStop } from './chunk-EGMQURBR.js';
-import { Count } from './chunk-BHHIIK3M.js';
-import { Menu } from './chunk-7QE27DWU.js';
+import { Count } from './chunk-5KRRJNQO.js';
+import { Menu } from './chunk-LODRX4FU.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';
 import './Tabs-S7F4RWAN.css';

package/dist/{chunk-YPTTSJPM.js → chunk-VO2PDDRE.js}

@@ -1,4 +1,4 @@
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './StatCard-HAA3F5GX.css';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-DHS335W4.js → chunk-VRPDQSXZ.js}

@@ -1,7 +1,7 @@
 import { Toolbar } from './chunk-NR4CPM4T.js';
-import { SegmentedControl } from './chunk-3JYCCTGK.js';
-import { tabId } from './chunk-HYRKTVKL.js';
-import { IconButton } from './chunk-2BQYODY3.js';
+import { SegmentedControl } from './chunk-3BQWARG2.js';
+import { tabId } from './chunk-VN3DCUED.js';
+import { IconButton } from './chunk-2XWFWNDT.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './MarkdownEditor-WOKV7CLK.css';
 import { useState, useId, useRef, useLayoutEffect, useImperativeHandle } from 'react';

package/dist/{chunk-JS2TRHBF.js → chunk-VSTD65SL.js}

@@ -1,8 +1,8 @@
 import { useListbox } from './chunk-7KHM2FZH.js';
 import { Tag } from './chunk-KYIAFNU7.js';
-import { announce } from './chunk-RSAQOKH3.js';
+import { announce } from './chunk-2G355KDJ.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
-import { IconButton } from './chunk-2BQYODY3.js';
+import { IconButton } from './chunk-2XWFWNDT.js';
 import { useFocusModality } from './chunk-NUZHC6MM.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './TagsInput-CLFHP6I2.css';

package/dist/{chunk-S4DREXGM.js → chunk-VTUAQYOC.js}

@@ -1,5 +1,5 @@
 import { BrandLockup } from './chunk-7KBNFFM3.js';
-import { Card } from './chunk-INHXF2CL.js';
+import { Card } from './chunk-MKKX6N7C.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './AuthLayout-ODHBUPHQ.css';
 import { useId } from 'react';

package/dist/{chunk-JIG4D2IQ.js → chunk-W2Q5DZJB.js}

@@ -1,6 +1,6 @@
 import { SlideStage } from './chunk-RMEBFYL7.js';
-import { Button } from './chunk-QKXQC5D6.js';
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { Button } from './chunk-7QTPJDRF.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SlideCompare-HTCMPQFY.css';
 import { useState } from 'react';

package/dist/{chunk-L22HQRNF.js → chunk-WDPREXOL.js}

@@ -1,12 +1,12 @@
 import { useClipboard } from './chunk-STJ7QBC3.js';
-import { Modal } from './chunk-SEMZEENR.js';
-import { EmptyValue } from './chunk-EUCC37WY.js';
+import { Modal } from './chunk-KVWZDCTQ.js';
+import { EmptyValue } from './chunk-RE3FBGQQ.js';
 import { useCardHeaderSlot } from './chunk-AV2DXAEL.js';
-import { Checkbox } from './chunk-NHJQXDHA.js';
-import { Menu } from './chunk-7QE27DWU.js';
-import { Button } from './chunk-QKXQC5D6.js';
-import { IconButton } from './chunk-2BQYODY3.js';
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { Checkbox } from './chunk-KIPAFCVS.js';
+import { Menu } from './chunk-LODRX4FU.js';
+import { Button } from './chunk-7QTPJDRF.js';
+import { IconButton } from './chunk-2XWFWNDT.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './DataTable-NL2YWAIA.css';
 import React, { useState, useCallback, useMemo, useRef, useLayoutEffect, useEffect, useId } from 'react';

package/dist/{chunk-WW7TU6HE.js → chunk-WDRYUMN6.js}

@@ -1,6 +1,6 @@
 import { Tag } from './chunk-KYIAFNU7.js';
 import { normalizeHex } from './chunk-7W3LYIOC.js';
-import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ContrastBadge-CBZPGG3G.css';
 import { CircleAlertGlyph, TriangleAlertGlyph, CircleCheckGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-32SOAYCF.js → chunk-WR7UDG7U.js}

@@ -1,7 +1,7 @@
 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-TEUQWOWZ.js';
-import { Button } from './chunk-QKXQC5D6.js';
+import { Skeleton } from './chunk-QBI5ETKY.js';
+import { Button } from './chunk-7QTPJDRF.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SandboxedFrame-P5NASXB7.css';
 import { useState, useMemo, useRef, useEffect } from 'react';

package/dist/chunk-WW4E5EUS.js

@@ -0,0 +1,118 @@
+import { Tag } from './chunk-KYIAFNU7.js';
+import { Card } from './chunk-MKKX6N7C.js';
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './StatusCard-AMOI6GBK.css';
+import { useId, useState } from 'react';
+import { ChevronDownGlyph } from '@crewlethq/icons/glyphs';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function StatusCard({
+  title,
+  subtitle,
+  subtitlePlacement,
+  status,
+  settled = false,
+  bodyPadding = "md",
+  strip,
+  actions,
+  actionsAlign = "end",
+  collapsible = false,
+  summary,
+  open: controlledOpen,
+  defaultOpen = false,
+  onOpenChange,
+  className,
+  children,
+  ...rest
+}) {
+  const id = useId();
+  const titleId = `${id}-title`;
+  const statusId = `${id}-status`;
+  const bodyId = `${id}-body`;
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
+  const open = !collapsible || (controlledOpen ?? uncontrolledOpen);
+  const folded = !open;
+  const toggle = () => {
+    if (controlledOpen === void 0) setUncontrolledOpen(!open);
+    onOpenChange?.(!open);
+  };
+  const hasBody = !(children === void 0 || children === null || children === false);
+  const hasActions = !(actions === void 0 || actions === null || actions === false);
+  const hasSummary = !(summary === void 0 || summary === null || summary === false || summary === "");
+  const tag = status ? /* @__PURE__ */ jsx(Tag, { id: statusId, size: "sm", variant: status.tone, leadingIcon: status.icon, children: status.label }) : null;
+  const headActions = folded && hasActions ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    tag,
+    /* @__PURE__ */ jsx("span", { className: "crewlet-status-card__head-actions", children: actions })
+  ] }) : tag ?? void 0;
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      ...rest,
+      as: "section",
+      "aria-labelledby": status ? `${titleId} ${statusId}` : titleId,
+      className: cx(
+        "crewlet-status-card",
+        settled && "crewlet-status-card--settled",
+        collapsible && "crewlet-status-card--collapsible",
+        folded && "crewlet-status-card--folded",
+        className
+      ),
+      "data-settled": settled || void 0,
+      "data-state": collapsible ? open ? "open" : "closed" : void 0,
+      children: [
+        /* @__PURE__ */ jsx(
+          Card.Header,
+          {
+            divided: !folded,
+            subtitle: folded ? void 0 : subtitle,
+            subtitlePlacement,
+            actions: headActions,
+            children: collapsible ? (
+              /*
+               * THE HEADING WRAPS THE BUTTON, as on every disclosure here: a
+               * reader moving by heading finds the card, and the same element is
+               * the control that opens it. The summary is inside the button, so
+               * a folded card's name says how much it holds; the comma is said
+               * where the dot is drawn.
+               */
+              /* @__PURE__ */ jsx(Card.Title, { id: titleId, className: "crewlet-status-card__fold-title", children: /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  className: "crewlet-status-card__toggle",
+                  "aria-expanded": open,
+                  "aria-controls": hasBody ? bodyId : void 0,
+                  onClick: toggle,
+                  children: [
+                    /* @__PURE__ */ jsx(ChevronDownGlyph, { size: "sm", className: "crewlet-status-card__chevron" }),
+                    /* @__PURE__ */ jsx("span", { className: "crewlet-status-card__toggle-title", children: title }),
+                    folded && hasSummary ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsx(VisuallyHidden, { children: "," }),
+                      " ",
+                      /* @__PURE__ */ jsx("span", { className: "crewlet-status-card__summary", children: summary })
+                    ] }) : null
+                  ]
+                }
+              ) })
+            ) : /* @__PURE__ */ jsx(Card.Title, { id: titleId, truncate: true, children: title })
+          }
+        ),
+        hasBody ? /* @__PURE__ */ jsx(
+          Card.Body,
+          {
+            id: collapsible ? bodyId : void 0,
+            hidden: folded,
+            padding: bodyPadding,
+            className: "crewlet-status-card__body",
+            children
+          }
+        ) : null,
+        folded || strip === void 0 || strip === null || strip === false ? null : /* @__PURE__ */ jsx(Card.Footer, { padding: "none", className: "crewlet-status-card__strip", children: strip }),
+        folded || !hasActions ? null : /* @__PURE__ */ jsx(Card.Footer, { className: cx("crewlet-status-card__actions", `crewlet-status-card__actions--${actionsAlign}`), children: actions })
+      ]
+    }
+  );
+}
+
+export { StatusCard };