@crewlethq/ui 0.51.0 → 0.52.1

package/dist/Tabs/index.js

@@ -1,13 +1,13 @@
-export { TabPanel, Tabs, tabId } from '../chunk-ILFEWRLG.js';
+export { TabPanel, Tabs, tabId } from '../chunk-GKRPPSWY.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-BHHIIK3M.js';
-import '../chunk-TMM32U7D.js';
+import '../chunk-3JIZ2A6K.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/TagsInput/index.js

@@ -1,11 +1,11 @@
-export { TagsInput } from '../chunk-SXBJMBSV.js';
+export { TagsInput } from '../chunk-S6J3EWDP.js';
 import '../chunk-KYIAFNU7.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-RSAQOKH3.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ThemeSwitcher/index.js

@@ -1,18 +1,18 @@
-export { DensitySwitcher, ThemeSwitcher } from '../chunk-SEPSXOGJ.js';
+export { DensitySwitcher, ThemeSwitcher } from '../chunk-LXCRHVMZ.js';
 export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from '../chunk-Z24ZUSTX.js';
 export { DENSITY_PREFERENCES, PALETTE_ID, THEME_PREFERENCES, applyDensity, applyPalette, applyTheme, isDensityPreference, isPaletteId, isThemePreference } from '../chunk-ZXXDZJQN.js';
 import '../chunk-OOC7Q67K.js';
-import '../chunk-6FVGSWLS.js';
-import '../chunk-ILFEWRLG.js';
+import '../chunk-SMVWDO72.js';
+import '../chunk-GKRPPSWY.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-BHHIIK3M.js';
-import '../chunk-TMM32U7D.js';
+import '../chunk-3JIZ2A6K.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/TimeWindowPicker/index.js

@@ -1,9 +1,9 @@
-export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-R6R2UHVG.js';
+export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-EO6DUDKB.js';
 import '../chunk-XQZ6EWOE.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-GXQ3B46I.js';
 import '../chunk-KHJIEPZV.js';
-import '../chunk-EXRRTKWT.js';
+import '../chunk-VS7EXOKP.js';
 import '../chunk-XCUUI7E7.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-RSAQOKH3.js';
@@ -11,7 +11,7 @@ import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/TreeCanvas/index.js

@@ -1,13 +1,13 @@
-export { TreeCanvas } from '../chunk-CAVWDJF4.js';
+export { TreeCanvas } from '../chunk-MZ3QFQDL.js';
 import '../chunk-MY374UUD.js';
-import '../chunk-D7Q5MQRF.js';
+import '../chunk-ICPQIAD6.js';
 import '../chunk-LM3ISVJA.js';
 import '../chunk-I33UIUZD.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-OG6CL3EB.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-BZFWDIV6.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-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/VersionCompare/index.js

@@ -1,19 +1,19 @@
-export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-RFPCHMSX.js';
+export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-VBEMIZIJ.js';
 import '../chunk-BVWSLXTY.js';
 import '../chunk-OOC7Q67K.js';
-import '../chunk-6FVGSWLS.js';
-import '../chunk-ILFEWRLG.js';
+import '../chunk-SMVWDO72.js';
+import '../chunk-GKRPPSWY.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-PPUR46MK.js';
 import '../chunk-BHHIIK3M.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-TMM32U7D.js';
+import '../chunk-3JIZ2A6K.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-LACA4JGC.js';
 import '../chunk-NUZHC6MM.js';
+import '../chunk-LACA4JGC.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{chunk-NCHKKYPQ.js → chunk-2ZXA2TN4.js}

@@ -1,4 +1,4 @@
-import { FormField } from './chunk-EXRRTKWT.js';
+import { FormField } from './chunk-VS7EXOKP.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Checkbox-MB22OW6P.css';

package/dist/{chunk-P5JBDHWC.js → chunk-3AX2O4RT.js}

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

package/dist/{chunk-GHY63X4C.js → chunk-4L5L7HBA.js}

@@ -1,5 +1,5 @@
 import { Kbd } from './chunk-SMBKXWML.js';
-import { Textarea } from './chunk-EXRRTKWT.js';
+import { Textarea } from './chunk-VS7EXOKP.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Composer-TXULCPPV.css';
 import { forwardRef } from 'react';

package/dist/{chunk-KHP7TJF7.js → chunk-6D4SVNQD.js}

@@ -9,7 +9,7 @@ import { jsx } from 'react/jsx-runtime';
 var engine = null;
 var loading = null;
 function loadEngine() {
-  loading ??= import('./Editor-MLGK3KOG.js').then(
+  loading ??= import('./Editor-ECT7XZNS.js').then(
     (module) => {
       engine = module.Editor;
       return engine;

package/dist/{chunk-H7NMJ5AI.js → chunk-75BRUZEB.js}

@@ -1,7 +1,7 @@
+import { Document } from './chunk-PWG3VHRQ.js';
 import { PrincipalAvatar } from './chunk-CI3VPIJN.js';
 import { toInstant, RelativeTime, formatExact, toISO } from './chunk-3CZ7XAVY.js';
-import { Document } from './chunk-PWG3VHRQ.js';
-import { Composer } from './chunk-GHY63X4C.js';
+import { Composer } from './chunk-4L5L7HBA.js';
 import { Count } from './chunk-BHHIIK3M.js';
 import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
 import { Button } from './chunk-OG6CL3EB.js';

package/dist/{chunk-UUTEWGO6.js → chunk-A6XFA2MW.js}

@@ -1,13 +1,13 @@
 import { useReorder } from './chunk-XJ2QEBMM.js';
 import { Kbd } from './chunk-SMBKXWML.js';
-import { FormField, Textarea } from './chunk-EXRRTKWT.js';
+import { FormField, Textarea } from './chunk-VS7EXOKP.js';
 import { characterCountState, CharacterCount, countCharacters } from './chunk-XCUUI7E7.js';
 import { announce } from './chunk-RSAQOKH3.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
 import { IconButton } from './chunk-LACA4JGC.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ListInput-P2ECUQJ2.css';
+import './ListInput-RLQND5QK.css';
 import { forwardRef, useState, useRef, useImperativeHandle, useLayoutEffect, useId } from 'react';
 import { GripVerticalGlyph, ArrowUpGlyph, ArrowDownGlyph, XGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -41,7 +41,8 @@ var ListInput = forwardRef(function ListInput2({
   maxLength,
   undoRemove = false,
   itemError,
-  fullMessage = (max) => `The list is full at ${max}. Remove one to add another.`,
+  fullMessage = () => "That's the most. Remove one to add another.",
+  tallyLabel = (count, max) => `${count} of ${max}`,
   addLabel = (name) => `Add ${name}`,
   addText = "Add",
   itemLabel = (name, position) => `${name} ${position}`,
@@ -240,7 +241,7 @@ var ListInput = forwardRef(function ListInput2({
   const addControl = /* @__PURE__ */ jsx(
     Button,
     {
-      size: "small",
+      size: "medium",
       variant: "secondary",
       "aria-label": addLabel(itemName),
       disabled: disabled || full || draftRefused,
@@ -258,6 +259,7 @@ var ListInput = forwardRef(function ListInput2({
       helper,
       helperOnFocus,
       error,
+      tally: maxItems === void 0 ? void 0 : tallyLabel(count, maxItems),
       className: "crewlet-list-input",
       children: [
         full ? (

package/dist/{chunk-WQ7S7CKZ.js → chunk-BUDVAXGD.js}

@@ -2,8 +2,8 @@ import { Modal } from './chunk-YCC2S7DF.js';
 import { useClipboard } from './chunk-STJ7QBC3.js';
 import { EmptyValue } from './chunk-EUCC37WY.js';
 import { useCardHeaderSlot } from './chunk-AV2DXAEL.js';
-import { Checkbox } from './chunk-NCHKKYPQ.js';
-import { Menu } from './chunk-TMM32U7D.js';
+import { Checkbox } from './chunk-2ZXA2TN4.js';
+import { Menu } from './chunk-3JIZ2A6K.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { IconButton } from './chunk-LACA4JGC.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';

package/dist/{chunk-2UFUP2ZH.js → chunk-BYOBPRTS.js}

@@ -4,12 +4,25 @@ import { normalizeHex } from './chunk-7W3LYIOC.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './LogoSlot-T2UFOJXU.css';
-import { useId } from 'react';
+import './LogoSlot-37RQBUCR.css';
+import { createContext, useId, useContext } from 'react';
 import { ImageGlyph, CircleAlertGlyph, UploadGlyph, TrashGlyph } from '@crewlethq/icons/glyphs';
 import { themes } from '@crewlethq/tokens';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
+var LogoSlotGroupContext = createContext(null);
+function useLogoSlotGroup() {
+  return useContext(LogoSlotGroupContext);
+}
+function LogoSlotGroup({ children, label, hint, className, ...rest }) {
+  const id = useId();
+  const hasHint = hint !== void 0 && hint !== null && hint !== false;
+  const hintId = hasHint ? `${id}-hint` : void 0;
+  return /* @__PURE__ */ jsx(LogoSlotGroupContext.Provider, { value: { hintId }, children: /* @__PURE__ */ jsxs("div", { ...rest, role: "group", "aria-label": label, className: cx("crewlet-logo-slot-group", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "crewlet-logo-slot-group__slots", children }),
+    hasHint ? /* @__PURE__ */ jsx("p", { id: hintId, className: "crewlet-logo-slot-group__hint", children: hint }) : null
+  ] }) });
+}
 var LABELS = {
   choose: "Choose a file",
   replace: "Replace",
@@ -42,6 +55,7 @@ function LogoSlot({
   ground,
   groundColor,
   shape = "wide",
+  size = "md",
   src,
   alt,
   guide = true,
@@ -57,6 +71,7 @@ function LogoSlot({
   labels
 }) {
   const text = { ...LABELS, ...labels };
+  const group = useLogoSlotGroup();
   const labelId = useId();
   const descriptionId = useId();
   const groundValue = normalizeHex(groundColor) ?? DEFAULT_GROUNDS[ground];
@@ -86,7 +101,7 @@ function LogoSlot({
       "aria-labelledby": labelId,
       "aria-describedby": description ? descriptionId : void 0,
       "aria-busy": uploading || void 0,
-      className: cx("crewlet-logo-slot", className),
+      className: cx("crewlet-logo-slot", size === "sm" && "crewlet-logo-slot--sm", className),
       children: [
         /* @__PURE__ */ jsxs("div", { className: "crewlet-logo-slot__head", children: [
           /* @__PURE__ */ jsxs("span", { className: "crewlet-logo-slot__words", children: [
@@ -96,10 +111,12 @@ function LogoSlot({
           download && filled ? /* @__PURE__ */ jsx("span", { className: "crewlet-logo-slot__download", children: download }) : null
         ] }),
         editable ? /* @__PURE__ */ jsx(FileDrop, { title: text.drop, onFiles: take, disabled: uploading, children: stage }) : stage,
-        !filled && (!editable || emptyNote) ? /* @__PURE__ */ jsx("p", { className: "crewlet-logo-slot__empty", children: emptyNote ?? text.empty }) : null,
-        error ? /* @__PURE__ */ jsxs("p", { className: "crewlet-logo-slot__error", role: "alert", children: [
-          /* @__PURE__ */ jsx(CircleAlertGlyph, { size: "sm", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx("span", { children: error })
+        !filled && (!editable || emptyNote) || error ? /* @__PURE__ */ jsxs("div", { className: "crewlet-logo-slot__notes", children: [
+          !filled && (!editable || emptyNote) ? /* @__PURE__ */ jsx("p", { className: "crewlet-logo-slot__empty", children: emptyNote ?? text.empty }) : null,
+          error ? /* @__PURE__ */ jsxs("p", { className: "crewlet-logo-slot__error", role: "alert", children: [
+            /* @__PURE__ */ jsx(CircleAlertGlyph, { size: "sm", "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx("span", { children: error })
+          ] }) : null
         ] }) : null,
         editable ? /* @__PURE__ */ jsxs("div", { className: "crewlet-logo-slot__foot", children: [
           /* @__PURE__ */ jsx(
@@ -111,7 +128,7 @@ function LogoSlot({
               accept,
               multiple: false,
               loading: uploading,
-              "aria-describedby": labelId,
+              "aria-describedby": [labelId, group?.hintId].filter(Boolean).join(" "),
               onFiles: take,
               children: filled ? text.replace : text.choose
             }
@@ -128,7 +145,7 @@ function LogoSlot({
               children: text.remove
             }
           ) : null,
-          /* @__PURE__ */ jsx("span", { className: "crewlet-logo-slot__hint", children: text.hint })
+          group ? null : /* @__PURE__ */ jsx("span", { className: "crewlet-logo-slot__hint", children: text.hint })
         ] }) : null,
         /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx("span", { role: "status", children: uploading ? text.uploading : "" }) })
       ]
@@ -136,4 +153,4 @@ function LogoSlot({
   );
 }
 
-export { LogoSlot };
+export { LogoSlot, LogoSlotGroup };

package/dist/{chunk-VP2ODUCC.js → chunk-CNTBUK24.js}

@@ -1,6 +1,6 @@
 import { Note } from './chunk-5SZGKSGL.js';
-import { CanvasToolbar, toolForKey } from './chunk-X4NIE7CI.js';
-import { IDENTITY_VIEW, Canvas } from './chunk-D7Q5MQRF.js';
+import { CanvasToolbar, toolForKey } from './chunk-NILOJV62.js';
+import { IDENTITY_VIEW, Canvas } from './chunk-ICPQIAD6.js';
 import { IconButton } from './chunk-LACA4JGC.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './CanvasBoard-JMYNIAHK.css';

package/dist/{chunk-R6R2UHVG.js → chunk-EO6DUDKB.js}

@@ -1,11 +1,11 @@
 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-EXRRTKWT.js';
+import { Input } from './chunk-VS7EXOKP.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
-import { IconButton } from './chunk-LACA4JGC.js';
 import { useFocusModality } from './chunk-NUZHC6MM.js';
+import { IconButton } from './chunk-LACA4JGC.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './TimeWindowPicker-I3HXC74I.css';
 import { useMemo, useState, useRef, useId, useEffect } from 'react';

package/dist/{chunk-SS4XCUUJ.js → chunk-F45VSK2M.js}

@@ -1,6 +1,6 @@
 import { Toolbar } from './chunk-NR4CPM4T.js';
-import { SegmentedControl } from './chunk-6FVGSWLS.js';
-import { tabId } from './chunk-ILFEWRLG.js';
+import { SegmentedControl } from './chunk-SMVWDO72.js';
+import { tabId } from './chunk-GKRPPSWY.js';
 import { IconButton } from './chunk-LACA4JGC.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './MarkdownEditor-WOKV7CLK.css';

package/dist/{chunk-73WHPLWQ.js → chunk-GGP7XCRG.js}

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

package/dist/{chunk-ILFEWRLG.js → chunk-GKRPPSWY.js}

@@ -1,7 +1,7 @@
 import { StatusDot } from './chunk-WIATRXEJ.js';
 import { useRoving, tabStop } from './chunk-EGMQURBR.js';
 import { Count } from './chunk-BHHIIK3M.js';
-import { Menu } from './chunk-TMM32U7D.js';
+import { Menu } from './chunk-3JIZ2A6K.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-VN47PYUF.js → chunk-IRAS2CZ5.js}

@@ -1,11 +1,11 @@
 import { Tooltip } from './chunk-I33UIUZD.js';
-import { SegmentedControl } from './chunk-6FVGSWLS.js';
+import { SegmentedControl } from './chunk-SMVWDO72.js';
 import { ArtifactIcon } from './chunk-AVL52EME.js';
 import { isApplePlatform, Kbd } from './chunk-SMBKXWML.js';
-import { Menu } from './chunk-TMM32U7D.js';
+import { Menu } from './chunk-3JIZ2A6K.js';
 import { Button } from './chunk-OG6CL3EB.js';
-import { IconButton } from './chunk-LACA4JGC.js';
 import { returnFocus } from './chunk-NUZHC6MM.js';
+import { IconButton } from './chunk-LACA4JGC.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ArtifactKinds-O3CALPVX.css';
 import './ArtifactBar-UMZCTARR.css';

package/dist/{chunk-SQ4JFHO7.js → chunk-K2FNW3MK.js}

@@ -1,7 +1,7 @@
 import { SlideStage } from './chunk-RMEBFYL7.js';
 import { useReorder } from './chunk-XJ2QEBMM.js';
 import { Kbd, isApplePlatform } from './chunk-SMBKXWML.js';
-import { Menu } from './chunk-TMM32U7D.js';
+import { Menu } from './chunk-3JIZ2A6K.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SlideFilmstrip-PAT7P4OG.css';

package/dist/{chunk-SEPSXOGJ.js → chunk-LXCRHVMZ.js}

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

package/dist/{chunk-D6MTBXAJ.js → chunk-M7MMWXKE.js}

@@ -1,5 +1,5 @@
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
-import { Menu } from './chunk-TMM32U7D.js';
+import { Menu } from './chunk-3JIZ2A6K.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { useModalLayer, focusables } from './chunk-H5XTJ7GJ.js';
 import { IconButton } from './chunk-LACA4JGC.js';

package/dist/{chunk-CAVWDJF4.js → chunk-MZ3QFQDL.js}

@@ -1,5 +1,5 @@
 import { useTreeState, useMeasuredSizes, layoutForest, treeAncestors, useLayoutAnchor, treeExpandable, layoutConnectors, treeItemAction, treeStep, treePosInSet, treeSetSize, treeLevel, placeGroups } from './chunk-MY374UUD.js';
-import { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, Canvas } from './chunk-D7Q5MQRF.js';
+import { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, Canvas } from './chunk-ICPQIAD6.js';
 import { focusables } from './chunk-H5XTJ7GJ.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './TreeCanvas-QA3PDFTK.css';

package/dist/{chunk-WXOYHVWG.js → chunk-N224FUS3.js}

@@ -9,7 +9,7 @@ import { Popover } from './chunk-KHJIEPZV.js';
 import { Tooltip } from './chunk-I33UIUZD.js';
 import { StatusDot } from './chunk-WIATRXEJ.js';
 import { Avatar } from './chunk-PZKHBB7D.js';
-import { Menu } from './chunk-TMM32U7D.js';
+import { Menu } from './chunk-3JIZ2A6K.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
 import { IconButton } from './chunk-LACA4JGC.js';

package/dist/{chunk-X4NIE7CI.js → chunk-NILOJV62.js}

@@ -1,5 +1,5 @@
 import { Toolbar } from './chunk-NR4CPM4T.js';
-import { ShortcutTip } from './chunk-D7Q5MQRF.js';
+import { ShortcutTip } from './chunk-ICPQIAD6.js';
 import { IconButton } from './chunk-LACA4JGC.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './CanvasToolbar-EM5EVZED.css';

package/dist/{chunk-WX6IJJ4U.js → chunk-OW37LQDZ.js}

@@ -1,14 +1,14 @@
 import { PageHeader } from './chunk-DKB73KZI.js';
-import { DataTable } from './chunk-WQ7S7CKZ.js';
-import { DateTimePicker } from './chunk-ZFM5L7M4.js';
+import { DataTable } from './chunk-BUDVAXGD.js';
+import { DateTimePicker } from './chunk-I6NNUIIT.js';
 import { useListbox, useOptionKeys } from './chunk-7KHM2FZH.js';
 import { Toolbar } from './chunk-NR4CPM4T.js';
 import { Popover } from './chunk-KHJIEPZV.js';
 import { RelativeTime } from './chunk-3CZ7XAVY.js';
 import { Kbd } from './chunk-SMBKXWML.js';
-import { Input } from './chunk-EXRRTKWT.js';
+import { Input } from './chunk-VS7EXOKP.js';
 import { Count } from './chunk-BHHIIK3M.js';
-import { Menu } from './chunk-TMM32U7D.js';
+import { Menu } from './chunk-3JIZ2A6K.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { IconButton } from './chunk-LACA4JGC.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';

package/dist/{chunk-VTSJMDGP.js → chunk-PLHKAYFI.js}

@@ -1,11 +1,11 @@
 import { Select } from './chunk-XQZ6EWOE.js';
 import { SHEET_LABELS, SHEET_COLUMN_TYPES, optionHue, retypeColumn } from './chunk-LFSIKGRQ.js';
-import { HueSwatch } from './chunk-34RMTXDZ.js';
+import { HueSwatch } from './chunk-RBUA7ZNK.js';
 import { NODE_HUES, NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
-import { Checkbox } from './chunk-NCHKKYPQ.js';
+import { Checkbox } from './chunk-2ZXA2TN4.js';
 import { Kbd } from './chunk-SMBKXWML.js';
-import { FormField, Input } from './chunk-EXRRTKWT.js';
-import { Menu } from './chunk-TMM32U7D.js';
+import { FormField, Input } from './chunk-VS7EXOKP.js';
+import { Menu } from './chunk-3JIZ2A6K.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { IconButton } from './chunk-LACA4JGC.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';

package/dist/{chunk-627KFRON.js → chunk-POPBDDGZ.js}

@@ -1,6 +1,6 @@
 import { useReorder } from './chunk-XJ2QEBMM.js';
-import { Input } from './chunk-EXRRTKWT.js';
-import { Menu } from './chunk-TMM32U7D.js';
+import { Input } from './chunk-VS7EXOKP.js';
+import { Menu } from './chunk-3JIZ2A6K.js';
 import { IconButton } from './chunk-LACA4JGC.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-XS2FJVMT.js → chunk-PZZHO6OS.js}

@@ -1,4 +1,4 @@
-import { SegmentedControl } from './chunk-6FVGSWLS.js';
+import { SegmentedControl } from './chunk-SMVWDO72.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './MergeConflicts-O44ESH4T.css';

package/dist/{chunk-34RMTXDZ.js → chunk-RBUA7ZNK.js}

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

package/dist/{chunk-6FVGSWLS.js → chunk-SMVWDO72.js}

@@ -1,4 +1,4 @@
-import { tabId } from './chunk-ILFEWRLG.js';
+import { tabId } from './chunk-GKRPPSWY.js';
 import { useRoving, tabStop } from './chunk-EGMQURBR.js';
 import { Count } from './chunk-BHHIIK3M.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';

package/dist/{chunk-FB5CFQTG.js → chunk-TVILVNPG.js}

@@ -1,4 +1,4 @@
-import { Checkbox } from './chunk-NCHKKYPQ.js';
+import { Checkbox } from './chunk-2ZXA2TN4.js';
 import { EmptyState } from './chunk-PPUR46MK.js';
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
 import { Button } from './chunk-OG6CL3EB.js';

package/dist/{chunk-VBIM6HFC.js → chunk-UEPIBHS2.js}

@@ -3,7 +3,7 @@ import { useListbox, useOptionKeys } from './chunk-7KHM2FZH.js';
 import { Popover } from './chunk-KHJIEPZV.js';
 import { KeyChip, highlightMatch } from './chunk-FYTIJM2T.js';
 import { Skeleton } from './chunk-TEUQWOWZ.js';
-import { Input } from './chunk-EXRRTKWT.js';
+import { Input } from './chunk-VS7EXOKP.js';
 import { announce } from './chunk-RSAQOKH3.js';
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
 import { focusables, isComposing } from './chunk-H5XTJ7GJ.js';

package/dist/{chunk-RFPCHMSX.js → chunk-VBEMIZIJ.js}

@@ -1,5 +1,5 @@
 import { diffLines, diffStat, collapseDiff, DiffSummary, DiffView } from './chunk-BVWSLXTY.js';
-import { SegmentedControl } from './chunk-6FVGSWLS.js';
+import { SegmentedControl } from './chunk-SMVWDO72.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-EXRRTKWT.js → chunk-VS7EXOKP.js}

@@ -2,11 +2,11 @@ import { characterCountState, CharacterCount } from './chunk-XCUUI7E7.js';
 import { useHeadingLevel, headingTag, HeadingLevelProvider, nextHeadingLevel } from './chunk-PQADV6P6.js';
 import { announce } from './chunk-RSAQOKH3.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
-import { IconButton } from './chunk-LACA4JGC.js';
 import { useFocusModality } from './chunk-NUZHC6MM.js';
+import { IconButton } from './chunk-LACA4JGC.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Input-VDSV7VWJ.css';
+import './Input-GMOWHZRG.css';
 import './VisuallyHidden-L552H7OA.css';
 import { forwardRef, useRef, useState, useImperativeHandle, useEffect, useId } from 'react';
 import { XGlyph } from '@crewlethq/icons/glyphs';
@@ -208,6 +208,7 @@ var FormField = ({
   helperOnFocus = false,
   error,
   limit,
+  tally,
   labelAction,
   hideLabel = false,
   as = "div",
@@ -222,9 +223,11 @@ var FormField = ({
   const helperId = helper ? `${id}-helper` : void 0;
   const errorId = error ? `${id}-error` : void 0;
   const countId = limit ? `${id}-count` : void 0;
+  const hasTally = tally !== void 0 && tally !== null && tally !== false;
+  const tallyId = hasTally ? `${id}-tally` : void 0;
   const over = limit !== void 0 && characterCountState(limit.length, limit.max) === "over";
   const extra = describedBy === void 0 ? [] : typeof describedBy === "string" ? [describedBy] : [...describedBy];
-  const described = [...extra, helperId, countId, errorId].filter(Boolean).join(" ");
+  const described = [...extra, helperId, tallyId, countId, errorId].filter(Boolean).join(" ");
   const invalid = Boolean(error) || over;
   const field = {
     id,
@@ -235,9 +238,10 @@ var FormField = ({
   const help = helper ? /* @__PURE__ */ jsx("div", { id: helperId, className: "crewlet-form-field__helper", children: helper }) : null;
   const body = /* @__PURE__ */ jsxs(Fragment, { children: [
     typeof children === "function" ? children(field) : children,
-    limit ? /* @__PURE__ */ jsxs("div", { className: "crewlet-form-field__meta", children: [
+    limit || hasTally ? /* @__PURE__ */ jsxs("div", { className: "crewlet-form-field__meta", children: [
       help ?? /* @__PURE__ */ jsx("span", { className: "crewlet-form-field__meta-spacer" }),
-      /* @__PURE__ */ jsx(CharacterCount, { id: countId, length: limit.length, max: limit.max, labels: limit.labels })
+      hasTally ? /* @__PURE__ */ jsx("span", { id: tallyId, className: "crewlet-form-field__tally", children: tally }) : null,
+      limit ? /* @__PURE__ */ jsx(CharacterCount, { id: countId, length: limit.length, max: limit.max, labels: limit.labels }) : null
     ] }) : help,
     error ? /* @__PURE__ */ jsx("div", { id: errorId, className: "crewlet-form-field__error", role: "alert", children: error }) : null
   ] });

package/dist/{chunk-ZCIL5IHU.js → chunk-WG7G7UY5.js}

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

package/dist/{chunk-KHZYAEGZ.js → chunk-WV5SSDCZ.js}

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