@crewlethq/ui 0.63.0 → 0.64.1

package/dist/{chunk-KIPAFCVS.js → chunk-PBCNINMB.js}

@@ -1,7 +1,7 @@
-import { FormField } from './chunk-TLIJG4TP.js';
+import { FormField } from './chunk-ETSF7SU6.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Checkbox-MB22OW6P.css';
+import './Checkbox-GAMV2XD7.css';
 import { forwardRef, useId, useRef, useCallback, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-75QASA62.js → chunk-PIAGTZY3.js}

@@ -1,8 +1,8 @@
-import { StepStateMark } from './chunk-Z4EKUMZW.js';
-import { DisclosureAnatomy } from './chunk-ZYO2QFU6.js';
+import { StepStateMark } from './chunk-HJBHP66O.js';
+import { DisclosureAnatomy } from './chunk-IVTQWOXV.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './RunChip-D3JYPTTO.css';
+import './RunChip-K5DGHXHO.css';
 import { useState, useRef, useEffect, useId } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 

package/dist/{chunk-5CLW2CXT.js → chunk-PLL7ZJHY.js}

@@ -1,5 +1,5 @@
 import { cx } from './chunk-ODEQTPFM.js';
-import './InlineCode-ASYHLN3E.css';
+import './InlineCode-2ZXFKTKA.css';
 import { jsx } from 'react/jsx-runtime';
 
 function InlineCode({

package/dist/{chunk-KBTJMJPX.js → chunk-PLNJEDGI.js}

@@ -1,7 +1,7 @@
 import { announce } from './chunk-2G355KDJ.js';
-import { IconButton } from './chunk-2XWFWNDT.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ArrangeFrame-QXOQTFAH.css';
+import './ArrangeFrame-QCQZ5RF6.css';
 import { forwardRef, useRef, useCallback, useState, useEffect } from 'react';
 import { TrashGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-S2VMOITT.js → chunk-PQWNK3N7.js}

@@ -1,7 +1,7 @@
-import { Modal } from './chunk-KVWZDCTQ.js';
+import { Modal } from './chunk-I24FI46B.js';
 import { Callout } from './chunk-BPCY7ZID.js';
-import { SegmentedControl } from './chunk-F7VBYCW2.js';
-import { FormField, Input } from './chunk-TLIJG4TP.js';
+import { SegmentedControl } from './chunk-W6UVBBNH.js';
+import { FormField, Input } from './chunk-ETSF7SU6.js';
 import { Button } from './chunk-7QTPJDRF.js';
 import { useState } from 'react';
 import { ClockGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-34NMOVXO.js → chunk-PS5ZYIA6.js}

@@ -1,6 +1,6 @@
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './List-XY445TKY.css';
+import './List-JOELBLTU.css';
 import { createContext, useContext, Children, isValidElement, cloneElement } from 'react';
 import { CircleAlertGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -50,17 +50,21 @@ function ListItem({
 }) {
   const { templated } = useContext(ListContext);
   const interactive = href !== void 0 || onClick !== void 0 || asChild;
+  const mark = tone === "danger" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(CircleAlertGlyph, { className: "crewlet-list__danger-mark", size: "sm" }),
+    /* @__PURE__ */ jsx(VisuallyHidden, { children: dangerLabel }),
+    " "
+  ] }) : null;
   const contents = (words) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    tone === "danger" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(CircleAlertGlyph, { className: "crewlet-list__danger-mark", size: "sm" }),
-      /* @__PURE__ */ jsx(VisuallyHidden, { children: dangerLabel }),
-      " "
-    ] }) : null,
+    templated ? null : mark,
     leading === void 0 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("span", { className: "crewlet-list__leading", children: leading }),
       " "
     ] }),
-    /* @__PURE__ */ jsx("span", { className: "crewlet-list__content", children: words }),
+    /* @__PURE__ */ jsxs("span", { className: "crewlet-list__content", children: [
+      templated ? mark : null,
+      words
+    ] }),
     trailing === void 0 ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
       " ",
       /* @__PURE__ */ jsx("span", { className: "crewlet-list__trailing", children: trailing })

package/dist/{chunk-27JCHL64.js → chunk-PVZOP3QK.js}

@@ -1,12 +1,12 @@
 import { useRoving, tabStop } from './chunk-EGMQURBR.js';
 import { StatusDot } from './chunk-WIATRXEJ.js';
-import { Count } from './chunk-5KRRJNQO.js';
-import { Menu } from './chunk-LODRX4FU.js';
+import { Count } from './chunk-MLDTLZAO.js';
+import { Menu } from './chunk-T73DMDU4.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';
-import './Tabs-S7F4RWAN.css';
+import './Tabs-7ZK2UF75.css';
 import React, { useRef, useImperativeHandle, useLayoutEffect, useState } from 'react';
 import { ChevronDownGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-2BDPR4I3.js → chunk-PX54PALQ.js}

@@ -1,10 +1,10 @@
-import { today, CalendarGrid, shiftMonth, compareDays } from './chunk-GXQ3B46I.js';
+import { today, CalendarGrid, shiftMonth, compareDays } from './chunk-EE3DJMSQ.js';
 import { Popover } from './chunk-KHJIEPZV.js';
 import { Button } from './chunk-7QTPJDRF.js';
-import { IconButton } from './chunk-2XWFWNDT.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { useFocusModality } from './chunk-NUZHC6MM.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './DateTimePicker-3A7JIIVL.css';
+import './DateTimePicker-PM6TIRIX.css';
 import { useMemo, useState, useEffect } from 'react';
 import { CalendarGlyph, ChevronDownGlyph, ChevronsLeftGlyph, ChevronLeftGlyph, ChevronRightGlyph, ChevronsRightGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-I74C4TM6.js → chunk-PZAOUZFZ.js}

@@ -1,8 +1,8 @@
-import { Modal } from './chunk-KVWZDCTQ.js';
+import { Modal } from './chunk-I24FI46B.js';
 import { useListbox, useHighlightRest } from './chunk-7KHM2FZH.js';
-import { Kbd } from './chunk-ACRRRPWT.js';
-import { Input } from './chunk-TLIJG4TP.js';
-import { Count } from './chunk-5KRRJNQO.js';
+import { Kbd } from './chunk-ANTAQAR4.js';
+import { Input } from './chunk-ETSF7SU6.js';
+import { Count } from './chunk-MLDTLZAO.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';

package/dist/{chunk-TGSIVB6H.js → chunk-QE4OIE3Q.js}

@@ -1,6 +1,6 @@
 import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './CatalogTile-26XN7L2A.css';
+import './CatalogTile-6VF36JWA.css';
 import { useId } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-HOP3J622.js → chunk-QF5UNP4T.js}

@@ -1,6 +1,6 @@
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Link-WPMVLKLY.css';
+import './Link-CLURSR2O.css';
 import { forwardRef, Children, isValidElement, cloneElement } from 'react';
 import { ExternalLinkGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -24,7 +24,10 @@ var Link = forwardRef(function Link2({
     className
   );
   const externalMark = external ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(ExternalLinkGlyph, { className: "crewlet-link__external", size: "sm" }),
+    /* @__PURE__ */ jsxs("span", { className: "crewlet-link__external-mark", "aria-hidden": "true", children: [
+      "\u2060",
+      /* @__PURE__ */ jsx(ExternalLinkGlyph, { className: "crewlet-link__external", size: "sm" })
+    ] }),
     " ",
     /* @__PURE__ */ jsx(VisuallyHidden, { children: newTabLabel })
   ] }) : null;

package/dist/{chunk-KY65C4XS.js → chunk-QOXLP5PE.js}

@@ -1,5 +1,5 @@
 import { cx } from './chunk-ODEQTPFM.js';
-import './AsideLayout-TH5SQZNK.css';
+import './AsideLayout-AA3DEJKN.css';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 function AsideLayout({ children, aside, asideLabel, className, ...rest }) {

package/dist/{chunk-5DCY2QUY.js → chunk-R2YHKVWN.js}

@@ -1,10 +1,10 @@
-import { PageHeader } from './chunk-DKB73KZI.js';
-import { Stepper } from './chunk-Z4EKUMZW.js';
-import { Disclosure } from './chunk-P4YORMRZ.js';
+import { PageHeader } from './chunk-FPDIHEM4.js';
+import { Stepper } from './chunk-HJBHP66O.js';
+import { Disclosure } from './chunk-222VILSP.js';
 import { useHeadingLevel, nextHeadingLevel, headingTag, HeadingLevelProvider } from './chunk-PQADV6P6.js';
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './SetupWizard-Z54H6RYW.css';
+import './SetupWizard-WDOFFNIM.css';
 import { useId, useRef, useEffect, createElement } from 'react';
 import { breakpoint } from '@crewlethq/tokens';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-P3QWT5VR.js → chunk-R45VM5EX.js}

@@ -1,8 +1,8 @@
-import { Document } from './chunk-PWG3VHRQ.js';
+import { Document } from './chunk-BXCL6P5Z.js';
 import { ArtifactKindGlyph } from './chunk-RSKW25Y5.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ArtifactCover-D4MBEJ5H.css';
-import './DashboardCover-KYGYMRKW.css';
+import './DashboardCover-PWXH4GNW.css';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 function DocCover({ children, className }) {

package/dist/{chunk-LA4PX7Z6.js → chunk-RHL4OMQ3.js}

@@ -1,11 +1,11 @@
-import { StepList } from './chunk-Z4EKUMZW.js';
+import { StepList } from './chunk-HJBHP66O.js';
 import { Meter } from './chunk-RQFRRPV6.js';
-import { ReceiptStrip } from './chunk-NLI7OVO2.js';
-import { StatusCard } from './chunk-WW4E5EUS.js';
-import { Disclosure } from './chunk-P4YORMRZ.js';
+import { ReceiptStrip } from './chunk-M25IV5MH.js';
+import { StatusCard } from './chunk-G4234OIG.js';
+import { Disclosure } from './chunk-222VILSP.js';
 import { Spinner } from './chunk-XSPCITPN.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './DeepWorkCard-DGHRIQDM.css';
+import './DeepWorkCard-CMRRNISU.css';
 import { useId } from 'react';
 import { TelescopeGlyph, CircleAlertGlyph, CircleStopGlyph, CircleCheckGlyph, ClockGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/{chunk-OIMWGV2N.js → chunk-RPX3WICJ.js}

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

package/dist/{chunk-YA3AWELW.js → chunk-RUBKDJAQ.js}

@@ -1,6 +1,6 @@
 import { OrgLabel } from './chunk-ONQKKHON.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './OrgNode-TCHJH5FO.css';
+import './OrgNode-6OCBAIBK.css';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 function OrgNodeLabel(props) {

package/dist/{chunk-R5RCGD7N.js → chunk-RXG543EB.js}

@@ -1,5 +1,5 @@
 import { cx } from './chunk-ODEQTPFM.js';
-import './ListDetail-ALKU5VJW.css';
+import './ListDetail-5NXERLRJ.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 function ListDetail({ list, children, showing = "list", className, ...rest }) {

package/dist/{chunk-4MC2EEGO.js → chunk-S7WG53JB.js}

@@ -1,4 +1,4 @@
-import { Link } from './chunk-HOP3J622.js';
+import { Link } from './chunk-QF5UNP4T.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ObjectHeader-7BGA56VQ.css';
 import { ArrowUpRightGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-OU4FLGOZ.js → chunk-SBOUVASH.js}

@@ -1,13 +1,13 @@
-import { Select } from './chunk-XQZ6EWOE.js';
+import { Select } from './chunk-VK45YJLH.js';
 import { SHEET_LABELS, SHEET_COLUMN_TYPES, optionHue, retypeColumn } from './chunk-LFSIKGRQ.js';
-import { HueSwatch } from './chunk-QCVAVAF6.js';
+import { HueSwatch } from './chunk-2EA2GSA2.js';
 import { NODE_HUES, NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
-import { Checkbox } from './chunk-KIPAFCVS.js';
-import { Kbd } from './chunk-ACRRRPWT.js';
-import { FormField, Input } from './chunk-TLIJG4TP.js';
-import { Menu } from './chunk-LODRX4FU.js';
+import { Checkbox } from './chunk-PBCNINMB.js';
+import { Kbd } from './chunk-ANTAQAR4.js';
+import { FormField, Input } from './chunk-ETSF7SU6.js';
+import { Menu } from './chunk-T73DMDU4.js';
 import { Button } from './chunk-7QTPJDRF.js';
-import { IconButton } from './chunk-2XWFWNDT.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SheetColumnEditor-BO2HKFRB.css';

package/dist/{chunk-4AA6WPQU.js → chunk-SRDNGGZE.js}

@@ -1,6 +1,6 @@
 import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './DirectoryList-7OXXN47X.css';
+import './DirectoryList-XZOWYOA3.css';
 import { useId } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

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

@@ -1,9 +1,9 @@
 import { PrincipalAvatar } from './chunk-CI3VPIJN.js';
 import { RelativeTime } from './chunk-L6NG7CUA.js';
-import { Timeline } from './chunk-Z6X3F4H6.js';
+import { Timeline } from './chunk-4MJN2KN6.js';
 import { Button } from './chunk-7QTPJDRF.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './VersionTimeline-6KRXEEOO.css';
+import './VersionTimeline-DEAQ7CJG.css';
 import { RotateCcwClockGlyph, PencilGlyph, ShieldGlyph, DatabaseGlyph, UploadGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-5FTJNKNX.js → chunk-SUJO3AHN.js}

@@ -1,6 +1,6 @@
 import { Button } from './chunk-7QTPJDRF.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ConflictNote-DH77PYF7.css';
+import './ConflictNote-OP64JJ6T.css';
 import { CircleAlertGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -24,10 +24,12 @@ function ConflictNote({
   const sentence = named ? labels.changedBy(subject, changedBy) : message ?? labels.changed(subject);
   return /* @__PURE__ */ jsxs("div", { ...rest, role: "alert", className: cx("crewlet-conflict-note", className), children: [
     /* @__PURE__ */ jsx(CircleAlertGlyph, { size: "sm", className: "crewlet-conflict-note__glyph" }),
-    /* @__PURE__ */ jsx("span", { className: "crewlet-conflict-note__text", children: sentence }),
-    (actions !== void 0 || onDismiss) && /* @__PURE__ */ jsxs("span", { className: "crewlet-conflict-note__actions", children: [
-      actions,
-      onDismiss && /* @__PURE__ */ jsx(Button, { size: "small", variant: "ghost", onClick: onDismiss, children: labels.dismiss })
+    /* @__PURE__ */ jsxs("span", { className: "crewlet-conflict-note__body", children: [
+      /* @__PURE__ */ jsx("span", { className: "crewlet-conflict-note__text", children: sentence }),
+      (actions !== void 0 || onDismiss) && /* @__PURE__ */ jsxs("span", { className: "crewlet-conflict-note__actions", children: [
+        actions,
+        onDismiss && /* @__PURE__ */ jsx(Button, { size: "small", variant: "ghost", onClick: onDismiss, children: labels.dismiss })
+      ] })
     ] })
   ] });
 }

package/dist/{chunk-XQBLBJN4.js → chunk-SZFKGH2W.js}

@@ -1,7 +1,7 @@
 import { useLayerContainer } from './chunk-OMV5W53A.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Toaster-MX7TBMC3.css';
+import './Toaster-OCW7W3FJ.css';
 import { createContext, useMemo, useState, useRef, useEffect, useContext, useCallback } from 'react';
 import { createPortal } from 'react-dom';
 import { XGlyph, CircleAlertGlyph, TriangleAlertGlyph, CircleCheckGlyph, InfoGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-PBR5C5MX.js → chunk-T2GC7UAP.js}

@@ -1,4 +1,4 @@
-import { IconButton } from './chunk-2XWFWNDT.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SendButton-L4UX54XS.css';
 import { forwardRef } from 'react';

package/dist/{chunk-LODRX4FU.js → chunk-T73DMDU4.js}

@@ -1,10 +1,10 @@
 import { Button } from './chunk-7QTPJDRF.js';
 import { useLayerContainer, viewportBounds, LAYER_GAP, anchorGone, placePopup, LAYER_REPOSITION_EVENT } from './chunk-OMV5W53A.js';
 import { usePopupLayer } from './chunk-H5XTJ7GJ.js';
-import { IconButton } from './chunk-2XWFWNDT.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { returnFocus } from './chunk-NUZHC6MM.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Menu-KEKAD3BZ.css';
+import './Menu-OLUGHX56.css';
 import { useId, useState, useRef, useCallback, useLayoutEffect, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { EllipsisVerticalGlyph, CheckGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-2NNGOCWM.js → chunk-TWJERLT3.js}

@@ -1,10 +1,10 @@
-import { Switch } from './chunk-A722MUNR.js';
+import { Switch } from './chunk-3XDT5ZWL.js';
 import { useReorder } from './chunk-MPVMB2DV.js';
-import { Checkbox } from './chunk-KIPAFCVS.js';
-import { IconButton } from './chunk-2XWFWNDT.js';
+import { Checkbox } from './chunk-PBCNINMB.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ArrangeList-NNRTDFI5.css';
+import './ArrangeList-F6Y43I24.css';
 import { GripVerticalGlyph, ChevronUpGlyph, ChevronDownGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-XLJPLCK6.js → chunk-U7J52N67.js}

@@ -1,10 +1,10 @@
 import { SlideStage } from './chunk-RMEBFYL7.js';
 import { useReorder } from './chunk-MPVMB2DV.js';
-import { Kbd, isApplePlatform } from './chunk-ACRRRPWT.js';
-import { Menu } from './chunk-LODRX4FU.js';
+import { Kbd, isApplePlatform } from './chunk-ANTAQAR4.js';
+import { Menu } from './chunk-T73DMDU4.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './SlideFilmstrip-PAT7P4OG.css';
+import './SlideFilmstrip-BLGBCLEU.css';
 import { useRef, useLayoutEffect, useState } from 'react';
 import { EyeOffGlyph, GripVerticalGlyph, EllipsisGlyph, CopyGlyph, TrashGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx } from 'react/jsx-runtime';

package/dist/{chunk-2XWFWNDT.js → chunk-UAUP6XGK.js}

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

package/dist/{chunk-4U2D6BPR.js → chunk-UEOEBOBR.js}

@@ -1,6 +1,6 @@
 import { useAnnouncer } from './chunk-2G355KDJ.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './TagGroup-NAXTJHDS.css';
+import './TagGroup-VGL7ZFBK.css';
 import { useState, useRef, Children, useLayoutEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -66,10 +66,12 @@ function useFitted(list, active, total) {
     const first = items[0];
     if (!first) return;
     const top = first.offsetTop;
+    const bottom = top + first.offsetHeight;
+    const onFirstLine = (item) => item.offsetTop === top || item.offsetTop < bottom;
     const tags = items.filter((item) => !item.hasAttribute("data-count"));
     const count = items.find((item) => item.hasAttribute("data-count"));
-    const onLine = tags.filter((item) => item.offsetTop === top).length;
-    const room = count && count.offsetTop !== top ? onLine - 1 : onLine;
+    const onLine = tags.filter(onFirstLine).length;
+    const room = count && !onFirstLine(count) ? onLine - 1 : onLine;
     const next = Math.max(1, Math.min(room, tags.length));
     if (next < tags.length) setFitted(next);
   }, [list, active, fitted, total]);

package/dist/{chunk-ZH77BXMA.js → chunk-UH44L7OJ.js}

@@ -1,5 +1,5 @@
 import { cx } from './chunk-ODEQTPFM.js';
-import './BrandChip-SQWBC2WU.css';
+import './BrandChip-7PBEYDTG.css';
 import { SwatchBookGlyph, ChevronRightGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-XQZ6EWOE.js → chunk-VK45YJLH.js}

@@ -4,7 +4,7 @@ import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { useFocusModality, returnFocus } from './chunk-NUZHC6MM.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';
-import './Select-F526HLNR.css';
+import './Select-6BQPBOHH.css';
 import { forwardRef, useId, useMemo, useState, useRef, useCallback, useEffect, useLayoutEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { ChevronDownGlyph, CheckGlyph, SearchGlyph } from '@crewlethq/icons/glyphs';
@@ -186,6 +186,7 @@ var ListboxSelect = forwardRef(function ListboxSelect2({
   const [query, setQuery] = useState("");
   const [place, setPlace] = useState(null);
   const trigger = useRef(null);
+  const frame = useRef(null);
   const panel = useRef(null);
   const list = useRef(null);
   const search = useRef(null);
@@ -298,8 +299,16 @@ var ListboxSelect = forwardRef(function ListboxSelect2({
     else if (pointer) highlight.rest(restingKey);
     else highlight.now(restingKey);
   }, [restingKey, highlight]);
+  const anchorRef = listbox.anchorRef;
+  const attachFrame = useCallback(
+    (el) => {
+      frame.current = el;
+      anchorRef(el);
+    },
+    [anchorRef]
+  );
   const position = useCallback(() => {
-    const at = trigger.current;
+    const at = frame.current;
     const box = panel.current;
     if (!at || !box || !container) return;
     const inHost = container !== document.body;
@@ -526,7 +535,7 @@ var ListboxSelect = forwardRef(function ListboxSelect2({
         disabled && "is-disabled",
         className
       ),
-      ref: listbox.anchorRef,
+      ref: attachFrame,
       children: [
         /* @__PURE__ */ jsxs(
           "button",

package/dist/{chunk-M5GPCENM.js → chunk-VRG2ZXNK.js}

@@ -1,10 +1,10 @@
-import { Tag } from './chunk-KYIAFNU7.js';
+import { Tag } from './chunk-I5OIKDX2.js';
 import { RelativeTime } from './chunk-L6NG7CUA.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';
-import './DatasetSource-FFKTD3ZU.css';
+import './DatasetSource-23SI5OF2.css';
 import { useId, Children, isValidElement } from 'react';
 import { ClockGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';

package/dist/{chunk-SELUJSTZ.js → chunk-VTGIDEI5.js}

@@ -1,9 +1,9 @@
 import { Toolbar } from './chunk-NR4CPM4T.js';
-import { SegmentedControl } from './chunk-F7VBYCW2.js';
-import { tabId } from './chunk-27JCHL64.js';
-import { IconButton } from './chunk-2XWFWNDT.js';
+import { SegmentedControl } from './chunk-W6UVBBNH.js';
+import { tabId } from './chunk-PVZOP3QK.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './MarkdownEditor-WOKV7CLK.css';
+import './MarkdownEditor-BLCJRGDC.css';
 import { useState, useId, useRef, useLayoutEffect, useImperativeHandle } from 'react';
 import { TableGlyph, ListChecksGlyph, ListOrderedGlyph, ListGlyph, CodeGlyph, ItalicGlyph, BoldGlyph, Heading3Glyph, Heading2Glyph } from '@crewlethq/icons/glyphs';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -219,6 +219,24 @@ function MarkdownEditor({
       editor.format(key === "b" ? "bold" : "italic");
     }
   };
+  const groups = useRef([]);
+  const hasActions = actions !== void 0;
+  useLayoutEffect(() => {
+    const spans = groups.current.filter((span) => span !== null);
+    const bar = spans[0]?.parentElement;
+    if (!bar || spans.length < 2 || typeof ResizeObserver === "undefined") return void 0;
+    const mark = () => {
+      spans.forEach((span, index) => {
+        const previous = spans[index - 1];
+        const wrapped = previous !== void 0 && span.getBoundingClientRect().top >= previous.getBoundingClientRect().bottom;
+        span.toggleAttribute("data-wrapped", wrapped);
+      });
+    };
+    const observer = new ResizeObserver(mark);
+    observer.observe(bar);
+    for (const span of spans) observer.observe(span);
+    return () => observer.disconnect();
+  }, [hasActions]);
   const writing = mode === "write";
   return /* @__PURE__ */ jsxs(
     "div",
@@ -232,20 +250,39 @@ function MarkdownEditor({
       style: { "--crewlet-markdown-editor-rows": rows },
       children: [
         /* @__PURE__ */ jsxs(Toolbar, { label: text.toolbar, className: "crewlet-markdown-editor__bar", children: [
-          GROUPS.map((group, index) => /* @__PURE__ */ jsx("span", { className: "crewlet-markdown-editor__group", children: group.map((format) => /* @__PURE__ */ jsx(
-            IconButton,
+          GROUPS.map((group, index) => /* @__PURE__ */ jsx(
+            "span",
             {
-              size: "sm",
-              variant: "ghost",
-              label: text.formats[format],
-              icon: GLYPHS[format],
-              disabled: disabled || !writing,
-              onMouseDown: (event) => event.preventDefault(),
-              onClick: () => editor.format(format)
+              ref: (span) => {
+                groups.current[index] = span;
+              },
+              className: "crewlet-markdown-editor__group",
+              children: group.map((format) => /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  size: "sm",
+                  variant: "ghost",
+                  label: text.formats[format],
+                  icon: GLYPHS[format],
+                  disabled: disabled || !writing,
+                  onMouseDown: (event) => event.preventDefault(),
+                  onClick: () => editor.format(format)
+                },
+                format
+              ))
             },
-            format
-          )) }, index)),
-          actions && /* @__PURE__ */ jsx("span", { className: "crewlet-markdown-editor__group", children: actions(editor) }),
+            index
+          )),
+          actions && /* @__PURE__ */ jsx(
+            "span",
+            {
+              ref: (span) => {
+                groups.current[GROUPS.length] = span;
+              },
+              className: "crewlet-markdown-editor__group",
+              children: actions(editor)
+            }
+          ),
           /* @__PURE__ */ jsx("span", { className: "crewlet-markdown-editor__spacer" }),
           /* @__PURE__ */ jsx(
             SegmentedControl,

package/dist/{chunk-M6NQ4XGK.js → chunk-VUYNNILP.js}

@@ -1,6 +1,6 @@
 import { useRoving } from './chunk-EGMQURBR.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './LayersList-TBNF4XGL.css';
+import './LayersList-BQHKROBH.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var LAYERS_LIST_LABELS = {

package/dist/{chunk-46VE5TVS.js → chunk-VVOFJFRT.js}

@@ -1,5 +1,5 @@
-import { EditingStatus } from './chunk-5IPPLWVA.js';
-import { Kbd } from './chunk-ACRRRPWT.js';
+import { EditingStatus } from './chunk-B76OKJMX.js';
+import { Kbd } from './chunk-ANTAQAR4.js';
 import { Button } from './chunk-7QTPJDRF.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-F7VBYCW2.js → chunk-W6UVBBNH.js}

@@ -1,6 +1,6 @@
-import { tabId } from './chunk-27JCHL64.js';
+import { tabId } from './chunk-PVZOP3QK.js';
 import { useRoving, tabStop } from './chunk-EGMQURBR.js';
-import { Count } from './chunk-5KRRJNQO.js';
+import { Count } from './chunk-MLDTLZAO.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-B53FUJ53.js → chunk-WCDPFTJZ.js}

@@ -1,10 +1,10 @@
 import { LockedLabel } from './chunk-TEV5REGB.js';
-import { KeyChip } from './chunk-FYTIJM2T.js';
+import { KeyChip } from './chunk-HBDA76EZ.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';
-import './SidebarNav-YI74SPDC.css';
+import './SidebarNav-VTQ3G4AE.css';
 import { createContext, useId, useContext, useState } from 'react';
 import { ChevronDownGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';