@crewlethq/ui 0.76.1 → 0.78.0

package/dist/TreeCanvas/index.js

@@ -1,14 +1,14 @@
-export { TreeCanvas } from '../chunk-JQEXAH7G.js';
+export { TreeCanvas } from '../chunk-VDIKDCNE.js';
 import '../chunk-MY374UUD.js';
-import '../chunk-OBPINJNO.js';
+import '../chunk-EMCVX5FY.js';
 import '../chunk-LM3ISVJA.js';
 import '../chunk-I33UIUZD.js';
 import '../chunk-ANTAQAR4.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-OMV5W53A.js';
 import '../chunk-XSPCITPN.js';
+import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
+import '../chunk-UAUP6XGK.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/TreeGrid/index.js

@@ -3,7 +3,7 @@ import '../chunk-MY374UUD.js';
 import '../chunk-LM3ISVJA.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
+import '../chunk-UAUP6XGK.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ValueField/index.js

@@ -1,15 +1,15 @@
-export { REFERENCE_NAME_PATTERN, ValueField, completeReference, isWholeReference, rankReferences, referenceAt, urlSchemeOf } from '../chunk-GHQG4VZA.js';
+export { REFERENCE_NAME_PATTERN, ValueField, completeReference, isWholeReference, rankReferences, referenceAt, urlSchemeOf } from '../chunk-BRFIUUXX.js';
 import '../chunk-VK45YJLH.js';
-import '../chunk-6EWNMSS4.js';
+import '../chunk-FRLUJAFK.js';
 import '../chunk-7KHM2FZH.js';
-import '../chunk-FB3TCNQP.js';
+import '../chunk-6Q7RW2JJ.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
+import '../chunk-UAUP6XGK.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/VersionCompare/index.js

@@ -1,20 +1,20 @@
-export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-OOLMTUCO.js';
+export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-UQHTHOSZ.js';
 import '../chunk-AOFVXE6V.js';
-import '../chunk-25AZQ3GZ.js';
-import '../chunk-BKXUZCZX.js';
-import '../chunk-6THG44LI.js';
+import '../chunk-36WK24AI.js';
+import '../chunk-PQDQTK64.js';
+import '../chunk-LPN3RHMA.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-CYQBDZ6M.js';
 import '../chunk-PPUR46MK.js';
 import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-OQG4P5KU.js';
+import '../chunk-KNAHKQD4.js';
 import '../chunk-DGXZ635L.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-UAUP6XGK.js';
 import '../chunk-NUZHC6MM.js';
+import '../chunk-UAUP6XGK.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{chunk-TKUAGWNR.js → chunk-2GBG7KPK.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-GKWZTTFV.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-25AZQ3GZ.js → chunk-36WK24AI.js}

@@ -1,3 +1,3 @@
 import './HitArea-QUOS6ZDJ.css';
-import './Tabs-7ZK2UF75.css';
+import './Tabs-M2ELSU3V.css';
 import './SegmentedControl-B7XCUOML.css';

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

@@ -1,7 +1,7 @@
 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 { Input } from './chunk-6Q7RW2JJ.js';
 import { Count } from './chunk-MLDTLZAO.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';

package/dist/{chunk-HQOEAUDJ.js → chunk-4O5XNGDC.js}

@@ -1,4 +1,4 @@
-import { ContrastLevelTag } from './chunk-7PJFUQMY.js';
+import { ContrastLevelTag } from './chunk-MGWFVAPN.js';
 import { Popover } from './chunk-KHJIEPZV.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-45M73G5A.js → chunk-4Y7PLU4I.js}

@@ -1,6 +1,6 @@
 import { useReorder } from './chunk-MPVMB2DV.js';
 import { Kbd } from './chunk-ANTAQAR4.js';
-import { FormField, Textarea } from './chunk-FB3TCNQP.js';
+import { FormField, Textarea } from './chunk-6Q7RW2JJ.js';
 import { characterCountState, CharacterCount, countCharacters } from './chunk-PGCLHYVP.js';
 import { announce } from './chunk-2G355KDJ.js';
 import { Button } from './chunk-DGXZ635L.js';

package/dist/{chunk-2STOSJT3.js → chunk-5N3MF7O2.js}

@@ -4,12 +4,12 @@ import { presenceHueClass } from './chunk-EFX2YC5T.js';
 import { ChangeMark } from './chunk-Z2MZTI3H.js';
 import { isEmptyValue, displayText, ratingMax, findPerson, findOption, statusTone, editText, textMax, sheetLabels, normalizeValue, sameValue, spokenText, drawnColumns, fitSamples, fittedWidth, columnWidth, SHEET_COLUMN_BOUNDS, sortRows, SHEET_ROW_HEIGHT, cellKey, columnOffsets, SHEET_ROW_NUMBER_WIDTH, rangeOf, presenceByCell, presenceByRow, presenceByColumn, scrollToRow, planClear, visibleRows, cellDescription, nextSort, rowName, inRange, hasPrevious, flagText, toTSV, planPaste, parseTSV, isMod, moveFrom, isTypingKey, editorSide, optionHue, parseText, liveOptions, checkValue } from './chunk-LFSIKGRQ.js';
 import { presenceLabels } from './chunk-Z7JYG5TF.js';
-import { Popover } from './chunk-KHJIEPZV.js';
 import { Tag } from './chunk-VERJCAJ4.js';
+import { Popover } from './chunk-KHJIEPZV.js';
 import { Tooltip } from './chunk-I33UIUZD.js';
 import { StatusDot } from './chunk-CYQBDZ6M.js';
 import { Avatar } from './chunk-KTIQSSME.js';
-import { Menu } from './chunk-OQG4P5KU.js';
+import { Menu } from './chunk-KNAHKQD4.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
 import { IconButton } from './chunk-UAUP6XGK.js';

package/dist/{chunk-YQDRJZ5J.js → chunk-62GVKZJI.js}

@@ -3,7 +3,7 @@ import { useListbox, useOptionKeys } from './chunk-7KHM2FZH.js';
 import { Popover } from './chunk-KHJIEPZV.js';
 import { KeyChip, highlightMatch } from './chunk-HBDA76EZ.js';
 import { Skeleton } from './chunk-BRLZXYPA.js';
-import { Input } from './chunk-FB3TCNQP.js';
+import { Input } from './chunk-6Q7RW2JJ.js';
 import { announce } from './chunk-2G355KDJ.js';
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
 import { focusables, isComposing } from './chunk-H5XTJ7GJ.js';

package/dist/{chunk-RIAPCEB5.js → chunk-72Y5DBSY.js}

@@ -1,11 +1,11 @@
 import { Select } from './chunk-VK45YJLH.js';
 import { today, shiftMonth, CalendarGrid, compareDays } from './chunk-EE3DJMSQ.js';
 import { Popover } from './chunk-KHJIEPZV.js';
-import { Input } from './chunk-FB3TCNQP.js';
+import { Input } from './chunk-6Q7RW2JJ.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
-import { IconButton } from './chunk-UAUP6XGK.js';
 import { useFocusModality } from './chunk-NUZHC6MM.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './TimeWindowPicker-YZPKNZZI.css';
 import { useMemo, useState, useRef, useId, useEffect } from 'react';

package/dist/{chunk-57AKYFML.js → chunk-A6NUAQFW.js}

@@ -1,6 +1,6 @@
 import { Timeline } from './chunk-4MJN2KN6.js';
 import { Section } from './chunk-WFCWPXJN.js';
-import { Composer } from './chunk-E35HYQMK.js';
+import { Composer } from './chunk-CZUIPICC.js';
 import { Disclosure } from './chunk-222VILSP.js';
 import { ArtifactPanel } from './chunk-FFGEJUAP.js';
 import { Button } from './chunk-DGXZ635L.js';

package/dist/{chunk-S7WG53JB.js → chunk-AXEXOAZQ.js}

@@ -1,6 +1,6 @@
 import { Link } from './chunk-QF5UNP4T.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ObjectHeader-7BGA56VQ.css';
+import './ObjectHeader-VKQSEJDN.css';
 import { ArrowUpRightGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-MKFEVHSR.js → chunk-B7NX425Z.js}

@@ -1,10 +1,18 @@
 import { StatusDot } from './chunk-CYQBDZ6M.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ChoiceCards-HAGJMK6Q.css';
+import './ChoiceCards-TVMBO3HZ.css';
 import { useId } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-function ChoiceCards({ label, options, value, onChange, minCardWidth = "md", className }) {
+function ChoiceCards({
+  label,
+  options,
+  value,
+  onChange,
+  minCardWidth = "md",
+  density = "comfortable",
+  className
+}) {
   const name = useId();
   const described = options.some((o) => o.description != null && o.description !== false && o.description !== "");
   const facts = Math.max(0, ...options.map((o) => o.facts?.length ?? 0));
@@ -16,7 +24,12 @@ function ChoiceCards({ label, options, value, onChange, minCardWidth = "md", cla
     {
       role: "radiogroup",
       "aria-label": label,
-      className: cx("crewlet-choice-cards", `crewlet-choice-cards--${minCardWidth}`, className),
+      className: cx(
+        "crewlet-choice-cards",
+        `crewlet-choice-cards--${minCardWidth}`,
+        density === "compact" && "crewlet-choice-cards--compact",
+        className
+      ),
       style: rows,
       children: options.map((option, index) => {
         const id = `${name}-${index}`;

package/dist/{chunk-GHQG4VZA.js → chunk-BRFIUUXX.js}

@@ -1,6 +1,6 @@
 import { Select } from './chunk-VK45YJLH.js';
-import { Combobox } from './chunk-6EWNMSS4.js';
-import { FormField, Textarea, InputAffix } from './chunk-FB3TCNQP.js';
+import { Combobox } from './chunk-FRLUJAFK.js';
+import { FormField, Textarea, InputAffix } from './chunk-6Q7RW2JJ.js';
 import './Input-WSMB7JG2.css';
 import './VisuallyHidden-AOEXU5EB.css';
 import './HitArea-QUOS6ZDJ.css';

package/dist/{chunk-E35HYQMK.js → chunk-CZUIPICC.js}

@@ -1,5 +1,5 @@
 import { Kbd } from './chunk-ANTAQAR4.js';
-import { Textarea } from './chunk-FB3TCNQP.js';
+import { Textarea } from './chunk-6Q7RW2JJ.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-DSMQTED5.js → chunk-DCAT5OAX.js}

@@ -1,7 +1,7 @@
 import { RefusalStrip, ReceiptStrip } from './chunk-ZWCK4N4L.js';
 import { ChangeList } from './chunk-BBD7PTBG.js';
 import { StatusCard } from './chunk-RTMNULTL.js';
-import { Checkbox } from './chunk-LMQG3VPG.js';
+import { Checkbox } from './chunk-GKWZTTFV.js';
 import { Disclosure } from './chunk-222VILSP.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { Spinner } from './chunk-XSPCITPN.js';

package/dist/{chunk-HWPP22XG.js → chunk-E6ETTJWX.js}

@@ -1,15 +1,15 @@
 import { PageHeader } from './chunk-FPDIHEM4.js';
 import { FilterPill } from './chunk-K4LZXSKZ.js';
-import { DateTimePicker } from './chunk-HPI5J6AR.js';
-import { DataTable } from './chunk-HZDI2CCS.js';
+import { DateTimePicker } from './chunk-SWLVR54P.js';
+import { DataTable } from './chunk-LXB4CABM.js';
 import { useListbox, useOptionKeys } from './chunk-7KHM2FZH.js';
 import { Toolbar } from './chunk-NR4CPM4T.js';
 import { Popover } from './chunk-KHJIEPZV.js';
 import { RelativeTime } from './chunk-EJNJMHQG.js';
 import { Kbd } from './chunk-ANTAQAR4.js';
-import { Input } from './chunk-FB3TCNQP.js';
+import { Input } from './chunk-6Q7RW2JJ.js';
 import { Count } from './chunk-MLDTLZAO.js';
-import { Menu } from './chunk-OQG4P5KU.js';
+import { Menu } from './chunk-KNAHKQD4.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';

package/dist/{chunk-TJIBTHWJ.js → chunk-EVOGHRFN.js}

@@ -1,6 +1,6 @@
 import { useReorder } from './chunk-MPVMB2DV.js';
-import { Input } from './chunk-FB3TCNQP.js';
-import { Menu } from './chunk-OQG4P5KU.js';
+import { Input } from './chunk-6Q7RW2JJ.js';
+import { Menu } from './chunk-KNAHKQD4.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-6EWNMSS4.js → chunk-FRLUJAFK.js}

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

package/dist/{chunk-LMQG3VPG.js → chunk-GKWZTTFV.js}

@@ -1,4 +1,4 @@
-import { FormField } from './chunk-FB3TCNQP.js';
+import { FormField } from './chunk-6Q7RW2JJ.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Checkbox-GAMV2XD7.css';

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

@@ -1,10 +1,10 @@
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
-import { Menu } from './chunk-OQG4P5KU.js';
+import { Menu } from './chunk-KNAHKQD4.js';
 import { PeekContext, AsideContext, ResizeHandle, clampSize } from './chunk-PIYJNCN7.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { focusables, useModalLayer, isComposing, layerCount } from './chunk-H5XTJ7GJ.js';
-import { IconButton } from './chunk-UAUP6XGK.js';
 import { returnFocus } from './chunk-NUZHC6MM.js';
+import { IconButton } from './chunk-UAUP6XGK.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';

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

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

package/dist/chunk-HUIYSNBS.js

@@ -0,0 +1,65 @@
+import { Checkbox } from './chunk-GKWZTTFV.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './CheckGrid-B3SRTHOJ.css';
+import { useId } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var MOST_COLUMNS = 6;
+function CheckGrid({ label, rows, columns, stateOf, onChange, className }) {
+  const base = useId();
+  const rowId = (r) => `${base}-row-${r}`;
+  const noteId = (c) => `${base}-note-${c}`;
+  const layout = columns.length > MOST_COLUMNS ? "many" : String(columns.length);
+  const notes = columns.flatMap((column, c) => column.disabledReason ? [{ column, c }] : []);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cx("crewlet-check-grid", `crewlet-check-grid--${layout}`, className),
+      style: { ["--crewlet-check-grid-columns"]: columns.length },
+      children: [
+        /* @__PURE__ */ jsxs("div", { role: "table", "aria-label": label, className: "crewlet-check-grid__table", children: [
+          /* @__PURE__ */ jsxs("div", { role: "row", className: "crewlet-check-grid__head", children: [
+            /* @__PURE__ */ jsx("span", { role: "cell", className: "crewlet-check-grid__corner" }),
+            columns.map((column) => /* @__PURE__ */ jsxs("span", { role: "columnheader", className: "crewlet-check-grid__column", children: [
+              column.media ? /* @__PURE__ */ jsx("span", { className: "crewlet-check-grid__media", children: column.media }) : null,
+              column.label
+            ] }, column.value))
+          ] }),
+          rows.map((row, r) => /* @__PURE__ */ jsxs("div", { role: "row", className: "crewlet-check-grid__row", children: [
+            /* @__PURE__ */ jsxs("span", { role: "rowheader", className: "crewlet-check-grid__name", children: [
+              row.media ? /* @__PURE__ */ jsx("span", { className: "crewlet-check-grid__media", children: row.media }) : null,
+              /* @__PURE__ */ jsx("span", { id: rowId(r), children: row.label })
+            ] }),
+            columns.map((column, c) => {
+              const state = stateOf(row.value, column.value);
+              const refused = column.disabledReason !== void 0 && state === "unchecked";
+              const box = `${base}-box-${r}-${c}`;
+              return /* @__PURE__ */ jsx("span", { role: "cell", className: "crewlet-check-grid__cell", children: /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  id: box,
+                  size: "sm",
+                  className: "crewlet-check-grid__box",
+                  label: column.label,
+                  "aria-labelledby": `${rowId(r)} ${box}-label`,
+                  "aria-describedby": refused ? noteId(c) : void 0,
+                  checked: state === "checked",
+                  indeterminate: state === "mixed",
+                  disabled: refused,
+                  onCheckedChange: (next) => onChange(row.value, column.value, next)
+                }
+              ) }, column.value);
+            })
+          ] }, row.value))
+        ] }),
+        notes.length > 0 ? /* @__PURE__ */ jsx("ul", { className: "crewlet-check-grid__notes", children: notes.map(({ column, c }) => /* @__PURE__ */ jsxs("li", { id: noteId(c), children: [
+          column.label,
+          ": ",
+          column.disabledReason
+        ] }, column.value)) }) : null
+      ]
+    }
+  );
+}
+
+export { CheckGrid };

package/dist/{chunk-ZKLEAK7M.js → chunk-HZHFXKVP.js}

@@ -1,11 +1,11 @@
 import { Skeleton } from './chunk-BRLZXYPA.js';
 import { PrincipalAvatar } from './chunk-N2BF272H.js';
 import { RelativeTime } from './chunk-EJNJMHQG.js';
-import { Card } from './chunk-4AUTALJA.js';
 import { AvatarStack } from './chunk-BT3GB7HC.js';
 import { ArtifactKindGround } from './chunk-NHLNHH4J.js';
-import { Checkbox } from './chunk-LMQG3VPG.js';
+import { Card } from './chunk-4AUTALJA.js';
 import { ArtifactAccessGlyph } from './chunk-DOY3KC6I.js';
+import { Checkbox } from './chunk-GKWZTTFV.js';
 import { ArtifactKindGlyph } from './chunk-RSKW25Y5.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-OCGIQGYJ.js → chunk-JIBZ5SF5.js}

@@ -1,7 +1,7 @@
 import { Modal } from './chunk-C667GCU7.js';
 import { Callout } from './chunk-BPCY7ZID.js';
-import { SegmentedControl } from './chunk-BKXUZCZX.js';
-import { FormField, Input } from './chunk-FB3TCNQP.js';
+import { SegmentedControl } from './chunk-PQDQTK64.js';
+import { FormField, Input } from './chunk-6Q7RW2JJ.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { useState } from 'react';
 import { ClockGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-ZMIVQGAB.js → chunk-KP5DDOMF.js}

@@ -1,11 +1,11 @@
 import { Select } from './chunk-VK45YJLH.js';
 import { SHEET_LABELS, SHEET_COLUMN_TYPES, optionHue, retypeColumn } from './chunk-LFSIKGRQ.js';
-import { HueSwatch } from './chunk-SK5SLGZH.js';
+import { HueSwatch } from './chunk-LE6K34SN.js';
 import { NODE_HUES, NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
-import { Checkbox } from './chunk-LMQG3VPG.js';
+import { Checkbox } from './chunk-GKWZTTFV.js';
 import { Kbd } from './chunk-ANTAQAR4.js';
-import { FormField, Input } from './chunk-FB3TCNQP.js';
-import { Menu } from './chunk-OQG4P5KU.js';
+import { FormField, Input } from './chunk-6Q7RW2JJ.js';
+import { Menu } from './chunk-KNAHKQD4.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';

package/dist/{chunk-PMBJMNBX.js → chunk-L5PK2MXF.js}

@@ -1,5 +1,5 @@
 import { useThemePreference, useDensityPreference } from './chunk-Z24ZUSTX.js';
-import { SegmentedControl } from './chunk-BKXUZCZX.js';
+import { SegmentedControl } from './chunk-PQDQTK64.js';
 import { SunGlyph, MonitorGlyph, MoonGlyph } from '@crewlethq/icons/glyphs';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-SK5SLGZH.js → chunk-LE6K34SN.js}

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

package/dist/{chunk-MFS6F2P7.js → chunk-LH4OF7FI.js}

@@ -1,11 +1,12 @@
 import { cx } from './chunk-ODEQTPFM.js';
-import './DescriptionList-DEZISDLQ.css';
+import './DescriptionList-VF7NIBXA.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 function DescriptionList({
   dense = false,
   fit = false,
   termWidth,
+  uniform = false,
   items,
   className,
   style,
@@ -21,6 +22,7 @@ function DescriptionList({
         "crewlet-description-list",
         dense && "crewlet-description-list--dense",
         fit && "crewlet-description-list--fit",
+        uniform && "crewlet-description-list--uniform",
         className
       ),
       children: [

package/dist/{chunk-TPIMOGOZ.js → chunk-LJSQT5NJ.js}

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

package/dist/{chunk-6THG44LI.js → chunk-LPN3RHMA.js}

@@ -1,12 +1,12 @@
 import { useRoving, tabStop } from './chunk-EGMQURBR.js';
 import { StatusDot } from './chunk-CYQBDZ6M.js';
 import { Count } from './chunk-MLDTLZAO.js';
-import { Menu } from './chunk-OQG4P5KU.js';
+import { Menu } from './chunk-KNAHKQD4.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-7ZK2UF75.css';
+import './Tabs-M2ELSU3V.css';
 import React, { useRef, useImperativeHandle, useLayoutEffect, useState } from 'react';
 import { ChevronDownGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -44,7 +44,7 @@ function noteFits({
 var NOTHING_FOLDED = { folded: [], note: true };
 var px = (value) => parseFloat(value) || 0;
 var widthOf = (el) => el ? el.getBoundingClientRect().width : 0;
-function useFold(enabled, box, row, values, current) {
+function useFold(enabled, box, row, values, current, layout = null) {
   const [fold, setFold] = useState(NOTHING_FOLDED);
   const signature = values.join("\n");
   useLayoutEffect(() => {
@@ -81,7 +81,7 @@ function useFold(enabled, box, row, values, current) {
       watch.observe(item);
     }
     return () => watch.disconnect();
-  }, [enabled, box, row, signature, current]);
+  }, [enabled, box, row, signature, current, layout]);
   return enabled ? fold : NOTHING_FOLDED;
 }
 var FOLDED = { "aria-hidden": true, inert: true };
@@ -112,6 +112,7 @@ function Tabs({
   panelId,
   renderItem,
   trailing,
+  actions,
   overflow = "scroll",
   moreLabel = "More",
   moreMenuLabel,
@@ -122,6 +123,7 @@ function Tabs({
   const boxRef = useRef(null);
   const folding = overflow === "menu";
   const boxed = folding && !renderItem;
+  const barred = actions !== void 0 && actions !== null && actions !== false;
   useImperativeHandle(ref, () => boxed ? boxRef.current : navRef.current, [boxed]);
   const { buttons, onKeyDown } = useRoving(items.length, null);
   const fold = useFold(
@@ -129,7 +131,8 @@ function Tabs({
     boxed ? boxRef : navRef,
     navRef,
     items.map((item) => item.value),
-    value
+    value,
+    barred
   );
   const isFolded = (item) => fold.folded.includes(item.value);
   useLayoutEffect(() => {
@@ -161,13 +164,18 @@ function Tabs({
       mutation.disconnect();
       resize?.disconnect();
     };
-  }, [variant, value, items]);
+  }, [variant, value, items, barred]);
+  useLayoutEffect(() => {
+    if (variant === "underline" || !barred) return;
+    const nav = navRef.current;
+    if (nav) reveal(nav);
+  }, [variant, value, items, barred]);
   const rootClass = cx(
     "crewlet-tabs",
     `crewlet-tabs--${variant}`,
     `crewlet-tabs--${size}`,
     folding && "crewlet-tabs--fold",
-    !boxed && className
+    !boxed && !barred && className
   );
   const selected = tabStop(
     items.map((item) => ({ disabled: item.disabled || isFolded(item) })),
@@ -274,21 +282,36 @@ function Tabs({
       children: note
     }
   ) : null;
+  const bar = (row) => /* @__PURE__ */ jsxs("div", { className: barred ? cx("crewlet-tabs-bar", `crewlet-tabs-bar--${variant}`, className) : "crewlet-tabs-host", children: [
+    row,
+    barred ? /* @__PURE__ */ jsx("div", { className: "crewlet-tabs__actions", "data-tabs-actions": "", children: actions }) : null
+  ] });
   if (renderItem) {
-    return /* @__PURE__ */ jsxs("nav", { ref: navRef, className: rootClass, "aria-label": ariaLabel, children: [
-      rows,
-      more,
-      noteNode,
-      folding && trailing ? /* @__PURE__ */ jsx("span", { className: "crewlet-tabs__trailing", "data-tabs-trailing": "", children: trailing }) : trailing
-    ] });
+    return bar(
+      /* @__PURE__ */ jsxs("nav", { ref: navRef, className: rootClass, "aria-label": ariaLabel, children: [
+        rows,
+        more,
+        noteNode,
+        folding && trailing ? /* @__PURE__ */ jsx("span", { className: "crewlet-tabs__trailing", "data-tabs-trailing": "", children: trailing }) : trailing
+      ] })
+    );
   }
   const list = /* @__PURE__ */ jsx("div", { ref: navRef, className: rootClass, "aria-label": ariaLabel, role: "tablist", children: rows });
-  if (!boxed) return list;
-  return /* @__PURE__ */ jsxs("div", { ref: boxRef, className: cx("crewlet-tabs-fold", `crewlet-tabs-fold--${variant}`, className), children: [
-    list,
-    more,
-    noteNode
-  ] });
+  if (!boxed) return bar(list);
+  return bar(
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: boxRef,
+        className: cx("crewlet-tabs-fold", `crewlet-tabs-fold--${variant}`, !barred && className),
+        children: [
+          list,
+          more,
+          noteNode
+        ]
+      }
+    )
+  );
 }
 function TabPanel({ id, value, children, className }) {
   return /* @__PURE__ */ jsx(

package/dist/{chunk-OWHETZIU.js → chunk-LWKMJMVC.js}

@@ -1,5 +1,5 @@
 import { FileDrop, FilePickButton } from './chunk-KQWJWTED.js';
-import { contrastRatio } from './chunk-7PJFUQMY.js';
+import { contrastRatio } from './chunk-MGWFVAPN.js';
 import { normalizeHex } from './chunk-7W3LYIOC.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';

package/dist/{chunk-HZDI2CCS.js → chunk-LXB4CABM.js}

@@ -2,8 +2,8 @@ import { Modal } from './chunk-C667GCU7.js';
 import { useClipboard } from './chunk-STJ7QBC3.js';
 import { EmptyValue } from './chunk-RE3FBGQQ.js';
 import { useCardHeaderSlot } from './chunk-AV2DXAEL.js';
-import { Checkbox } from './chunk-LMQG3VPG.js';
-import { Menu } from './chunk-OQG4P5KU.js';
+import { Checkbox } from './chunk-GKWZTTFV.js';
+import { Menu } from './chunk-KNAHKQD4.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';

package/dist/{chunk-LCZULGMB.js → chunk-MKWURHR5.js}

@@ -1,4 +1,4 @@
-import { Checkbox } from './chunk-LMQG3VPG.js';
+import { Checkbox } from './chunk-GKWZTTFV.js';
 import { EmptyState } from './chunk-PPUR46MK.js';
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
 import { Button } from './chunk-DGXZ635L.js';