@crewlethq/ui 0.48.2 → 0.49.0

package/dist/{chunk-K2FNW3MK.js → chunk-SQ4JFHO7.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-3JIZ2A6K.js';
+import { Menu } from './chunk-TMM32U7D.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SlideFilmstrip-PAT7P4OG.css';

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

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

package/dist/{chunk-E4BOVKNJ.js → chunk-UTESMBPL.js}

@@ -1,8 +1,9 @@
 import { ThemeSwatch } from './chunk-MNFU2RNT.js';
+import { Tag } from './chunk-KYIAFNU7.js';
 import { useHighlightRest } from './chunk-7KHM2FZH.js';
 import { useRoving, tabStop } from './chunk-EGMQURBR.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ThemeGallery-X35Y25EX.css';
+import './ThemeGallery-UEFZRT6W.css';
 import { useId } from 'react';
 import { themeGroups, themeRegistry } from '@crewlethq/tokens';
 import { CheckGlyph } from '@crewlethq/icons/glyphs';
@@ -69,7 +70,7 @@ function ThemeGallery({
                     type: "button",
                     role: "radio",
                     "aria-checked": chosen,
-                    "aria-label": `${theme.name}, ${theme.tag}`,
+                    "aria-label": theme.tag ? `${theme.name}, ${theme.tag}` : theme.name,
                     "aria-describedby": section.group ? headingId : void 0,
                     tabIndex: at === stop ? 0 : -1,
                     disabled,
@@ -83,7 +84,8 @@ function ThemeGallery({
                       /* @__PURE__ */ jsxs("span", { className: "crewlet-theme-gallery__label", children: [
                         /* @__PURE__ */ jsx("span", { className: "crewlet-theme-gallery__name", children: theme.name }),
                         chosen ? /* @__PURE__ */ jsx(CheckGlyph, { size: "xs", className: "crewlet-theme-gallery__check", "aria-hidden": "true" }) : null
-                      ] })
+                      ] }),
+                      theme.tag && theme.tagTone ? theme.tagTone === "brand" ? /* @__PURE__ */ jsx("span", { className: "crewlet-theme-gallery__tag crewlet-theme-gallery__tag--brand", children: /* @__PURE__ */ jsx(Tag, { size: "xs", variant: "brand", children: theme.tag }) }) : /* @__PURE__ */ jsx("span", { className: "crewlet-theme-gallery__tag", title: theme.tag, children: theme.tag }) : null
                     ]
                   },
                   theme.id

package/dist/chunk-UZMNR366.js

@@ -0,0 +1,9 @@
+import { parseHex } from '@crewlethq/tokens';
+
+// src/utils/hexColour.ts
+function normalizeHex(value) {
+  if (typeof value !== "string") return null;
+  return parseHex(value) === null ? null : value.trim().toLowerCase();
+}
+
+export { normalizeHex };

package/dist/{chunk-GQXVLFQB.js → chunk-V7GOOXPK.js}

@@ -1,7 +1,7 @@
 import { Timeline } from './chunk-AUQPBL4O.js';
 import { Section } from './chunk-JQ7IFSF6.js';
 import { Disclosure } from './chunk-OGXHZHRX.js';
-import { Composer } from './chunk-KNMQS3JY.js';
+import { Composer } from './chunk-GHY63X4C.js';
 import { ArtifactPanel } from './chunk-NBDN5JZV.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { cx } from './chunk-ODEQTPFM.js';

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

@@ -1,9 +1,9 @@
-import { Modal } from './chunk-6AKG2VLR.js';
+import { Modal } from './chunk-YCC2S7DF.js';
 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-D4EOPIFL.js';
+import { Input } from './chunk-EXRRTKWT.js';
 import { announce } from './chunk-RSAQOKH3.js';
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
 import { focusables, isComposing } from './chunk-H5XTJ7GJ.js';

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

@@ -1,14 +1,14 @@
-import { SegmentedControl } from './chunk-SMVWDO72.js';
 import { Tooltip } from './chunk-I33UIUZD.js';
-import { ArtifactIcon } from './chunk-ILDNJHRU.js';
+import { SegmentedControl } from './chunk-6FVGSWLS.js';
+import { ArtifactIcon } from './chunk-AVL52EME.js';
 import { isApplePlatform, Kbd } from './chunk-SMBKXWML.js';
-import { Menu } from './chunk-3JIZ2A6K.js';
+import { Menu } from './chunk-TMM32U7D.js';
 import { Button } from './chunk-OG6CL3EB.js';
-import { returnFocus } from './chunk-NUZHC6MM.js';
 import { IconButton } from './chunk-LACA4JGC.js';
+import { returnFocus } from './chunk-NUZHC6MM.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ArtifactKinds-CVD3FCYO.css';
-import './ArtifactBar-6PGWGKN2.css';
+import './ArtifactKinds-O3CALPVX.css';
+import './ArtifactBar-UMZCTARR.css';
 import { useId, useState, useRef, useEffect } from 'react';
 import { ChevronLeftGlyph, EllipsisGlyph, ChevronDownGlyph } from '@crewlethq/icons/glyphs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -250,7 +250,7 @@ function BarTitle({
     el?.select();
   }, [editing]);
   if (onRename === void 0) {
-    return /* @__PURE__ */ jsx(Heading, { id, className: "crewlet-artifact-bar__title", title, children: title });
+    return /* @__PURE__ */ jsx(Heading, { id, className: "crewlet-artifact-bar__title", title, children: /* @__PURE__ */ jsx("span", { className: "crewlet-artifact-bar__text", children: title }) });
   }
   const finish = (refocus) => {
     settled.current = true;

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

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

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

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

package/dist/chunk-W6FOEBIL.js

@@ -0,0 +1,119 @@
+import { normalizeHex } from './chunk-UZMNR366.js';
+import { FormField, Input } from './chunk-EXRRTKWT.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './ColorField-2OIOWT3Z.css';
+import { useId, useState } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var LABELS = {
+  invalid: "Enter the colour as # and six hex digits, such as #5b3df5.",
+  missing: "Choose a colour.",
+  picker: (label) => `Pick the ${label} colour`,
+  placeholder: "#rrggbb"
+};
+var PICKER_START = "#000000";
+function ColorField({
+  label,
+  value,
+  onChange,
+  required = false,
+  optional,
+  helper,
+  error,
+  disabled = false,
+  name,
+  id,
+  className,
+  labels
+}) {
+  const text = { ...LABELS, ...labels };
+  const autoId = useId();
+  const fieldId = id ?? autoId;
+  const committed = normalizeHex(value) ?? "";
+  const [draft, setDraft] = useState(committed);
+  const [seen, setSeen] = useState(committed);
+  const [left, setLeft] = useState(false);
+  if (committed !== seen) {
+    setSeen(committed);
+    if ((normalizeHex(draft) ?? "") !== committed) {
+      setDraft(committed);
+      setLeft(false);
+    }
+  }
+  const typed = draft.trim();
+  const reads = normalizeHex(typed);
+  const refusal = typed === "" ? required ? text.missing : null : reads === null ? text.invalid : null;
+  const shown = error ?? (left ? refusal : null);
+  const swatch = reads ?? (typed === "" ? null : committed || null);
+  const take = (next) => {
+    setDraft(next);
+    const colour = normalizeHex(next);
+    if (colour !== null) onChange(colour);
+    else if (next.trim() === "" && !required) onChange("");
+  };
+  const settle = () => {
+    setLeft(true);
+    if (reads !== null && reads !== draft) setDraft(reads);
+  };
+  return /* @__PURE__ */ jsx(
+    FormField,
+    {
+      label,
+      htmlFor: fieldId,
+      required,
+      optional,
+      helper,
+      error: shown ?? void 0,
+      className: cx("crewlet-color-field", className),
+      children: (field) => /* @__PURE__ */ jsxs("span", { className: "crewlet-color-field__row", children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cx("crewlet-color-field__swatch", swatch === null && "is-empty", disabled && "is-disabled"),
+            style: swatch ? { "--crewlet-color-field-value": swatch } : void 0,
+            children: /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "color",
+                className: "crewlet-color-field__picker",
+                value: swatch ?? PICKER_START,
+                disabled,
+                "aria-label": text.picker(label),
+                onChange: (event) => {
+                  setLeft(true);
+                  take(event.target.value);
+                }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: field.id,
+            name,
+            appearance: "reference",
+            width: "sm",
+            value: draft,
+            placeholder: text.placeholder,
+            maxLength: 9,
+            spellCheck: false,
+            autoComplete: "off",
+            autoCapitalize: "off",
+            disabled,
+            error: Boolean(shown),
+            "aria-describedby": field.describedBy,
+            "aria-required": required || void 0,
+            onChange: (event) => take(event.target.value),
+            onBlur: settle,
+            onKeyDown: (event) => {
+              if (event.key === "Enter") settle();
+            }
+          }
+        )
+      ] })
+    }
+  );
+}
+
+export { ColorField };

package/dist/chunk-WLSEAIVC.js

@@ -0,0 +1,48 @@
+import { Copyable } from './chunk-7SHAFLEX.js';
+import { normalizeHex } from './chunk-UZMNR366.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './ColorSwatch-DNMUFHNS.css';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var LABELS = {
+  copy: (name) => `Copy the ${name} colour`,
+  copied: (hex) => `${hex} copied to the clipboard`,
+  failed: "The browser refused the clipboard",
+  empty: "Not set"
+};
+function ColorSwatch({
+  name,
+  value,
+  description,
+  copyable = true,
+  size = "md",
+  className,
+  labels
+}) {
+  const text = { ...LABELS, ...labels };
+  const hex = normalizeHex(value);
+  const chip = hex ? { "--crewlet-color-swatch-value": hex } : void 0;
+  return /* @__PURE__ */ jsxs("div", { className: cx("crewlet-color-swatch", `crewlet-color-swatch--${size}`, className), children: [
+    /* @__PURE__ */ jsx("span", { className: cx("crewlet-color-swatch__chip", !hex && "is-empty"), style: chip, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxs("span", { className: "crewlet-color-swatch__words", children: [
+      /* @__PURE__ */ jsx("span", { className: "crewlet-color-swatch__name", children: name }),
+      description ? /* @__PURE__ */ jsx("span", { className: "crewlet-color-swatch__description", children: description }) : null,
+      hex ? copyable ? /* @__PURE__ */ jsx(
+        Copyable,
+        {
+          variant: "inline",
+          monospace: true,
+          value: hex,
+          ariaLabel: text.copy(name),
+          title: text.copy(name),
+          copiedMessage: text.copied(hex),
+          failedMessage: text.failed,
+          failedResetMs: null,
+          className: "crewlet-color-swatch__value"
+        }
+      ) : /* @__PURE__ */ jsx("span", { className: "crewlet-color-swatch__value crewlet-color-swatch__value--plain", children: hex }) : /* @__PURE__ */ jsx("span", { className: "crewlet-color-swatch__empty", children: text.empty })
+    ] })
+  ] });
+}
+
+export { ColorSwatch };

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

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

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

@@ -6,10 +6,10 @@ import { ChangeMark } from './chunk-66X5WDKE.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 { StatusDot } from './chunk-WIATRXEJ.js';
 import { Tooltip } from './chunk-I33UIUZD.js';
+import { StatusDot } from './chunk-WIATRXEJ.js';
 import { Avatar } from './chunk-PZKHBB7D.js';
-import { Menu } from './chunk-3JIZ2A6K.js';
+import { Menu } from './chunk-TMM32U7D.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { isComposing } from './chunk-H5XTJ7GJ.js';
 import { IconButton } from './chunk-LACA4JGC.js';

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

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

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

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

package/dist/{chunk-6AKG2VLR.js → chunk-YCC2S7DF.js}

@@ -4,7 +4,7 @@ import { Button } from './chunk-OG6CL3EB.js';
 import { focusables, useModalLayer, useBodyScrollLock } from './chunk-H5XTJ7GJ.js';
 import { IconButton } from './chunk-LACA4JGC.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Modal-TOEWHDCQ.css';
+import './Modal-3HMP7WAZ.css';
 import { useId, useRef, useCallback } from 'react';
 import { createPortal } from 'react-dom';
 import { ChevronLeftGlyph, XGlyph } from '@crewlethq/icons/glyphs';
@@ -42,6 +42,7 @@ function ModalFrame({
   variant = "dialog",
   shape = "framed",
   placement,
+  phoneSheet = false,
   role = "dialog",
   dismissable = true,
   closeOnBackdrop = true,
@@ -65,6 +66,7 @@ function ModalFrame({
   const banded = !prompt;
   const sheet = variant === "sheet";
   const place = placement ?? (prompt ? "center" : "top");
+  const phone = phoneSheet && variant === "dialog" && !prompt;
   const frame = useRef(null);
   const body = useRef(null);
   const foot = useRef(null);
@@ -184,6 +186,7 @@ function ModalFrame({
           "crewlet-modal-overlay",
           `crewlet-modal-overlay--${variant}`,
           `crewlet-modal-overlay--${place}`,
+          phone && "crewlet-modal-overlay--phone-sheet",
           backdrop === "clear" && "crewlet-modal-overlay--clear",
           // Fixed against the window, absolute inside a LayerHost: a fullscreen
           // container paints only its own subtree, so a surface drawn there

package/dist/{chunk-5CLWBPB5.js → chunk-ZCIL5IHU.js}

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

package/dist/chunk-ZH77BXMA.js

@@ -0,0 +1,14 @@
+import { cx } from './chunk-ODEQTPFM.js';
+import './BrandChip-SQWBC2WU.css';
+import { SwatchBookGlyph, ChevronRightGlyph } from '@crewlethq/icons/glyphs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function BrandChip({ href, label, mark, className, ...rest }) {
+  return /* @__PURE__ */ jsxs("a", { ...rest, href, className: cx("crewlet-brand-chip", className), children: [
+    /* @__PURE__ */ jsx("span", { className: cx("crewlet-brand-chip__mark", !mark && "crewlet-brand-chip__mark--glyph"), "aria-hidden": "true", children: mark ? /* @__PURE__ */ jsx("img", { src: mark, alt: "", className: "crewlet-brand-chip__image", draggable: false }) : /* @__PURE__ */ jsx(SwatchBookGlyph, { size: "sm" }) }),
+    /* @__PURE__ */ jsx("span", { className: "crewlet-brand-chip__label", children: label }),
+    /* @__PURE__ */ jsx("span", { className: "crewlet-brand-chip__chevron", "aria-hidden": "true", children: /* @__PURE__ */ jsx(ChevronRightGlyph, { size: "xs" }) })
+  ] });
+}
+
+export { BrandChip };

package/dist/generated/index.d.ts

@@ -23,7 +23,10 @@ export * from '../AsideLayout/index.js';
 export * from '../AuthLayout/index.js';
 export * from '../Avatar/index.js';
 export * from '../AvatarPicker/index.js';
+export * from '../BrandChip/index.js';
 export * from '../BrandLockup/index.js';
+export * from '../BrandSample/index.js';
+export * from '../BrandScope/index.js';
 export * from '../Breadcrumb/index.js';
 export * from '../Button/index.js';
 export * from '../CalendarGrid/index.js';
@@ -42,6 +45,8 @@ export * from '../Checkbox/index.js';
 export * from '../ChoiceButtons/index.js';
 export * from '../ChoiceList/index.js';
 export * from '../CodeBlock/index.js';
+export * from '../ColorField/index.js';
+export * from '../ColorSwatch/index.js';
 export * from '../Combobox/index.js';
 export * from '../CommandPalette/index.js';
 export * from '../CommentThread/index.js';
@@ -49,6 +54,7 @@ export * from '../Composer/index.js';
 export * from '../ConfirmField/index.js';
 export * from '../ConflictNote/index.js';
 export * from '../Container/index.js';
+export * from '../ContrastBadge/index.js';
 export * from '../Copyable/index.js';
 export * from '../Count/index.js';
 export * from '../CursorFlag/index.js';
@@ -76,6 +82,7 @@ export * from '../FactList/index.js';
 export * from '../FileDrop/index.js';
 export * from '../FilterChip/index.js';
 export * from '../FindingList/index.js';
+export * from '../FolderTile/index.js';
 export * from '../FollowBanner/index.js';
 export * from '../FrameProtocol/index.js';
 export * from '../Fullscreen/index.js';
@@ -103,6 +110,7 @@ export * from '../Listbox/index.js';
 export * from '../LiveCursor/index.js';
 export * from '../LivePreview/index.js';
 export * from '../LockedLabel/index.js';
+export * from '../LogoSlot/index.js';
 export * from '../Markdown/index.js';
 export * from '../MarkdownEditor/index.js';
 export * from '../MediaMatch/index.js';
@@ -145,6 +153,7 @@ export * from '../SectionFrame/index.js';
 export * from '../SegmentedControl/index.js';
 export * from '../SegmentedMeter/index.js';
 export * from '../Select/index.js';
+export * from '../SelectionBar/index.js';
 export * from '../SettingsTable/index.js';
 export * from '../ShareDialog/index.js';
 export * from '../SheetColumnEditor/index.js';
@@ -186,6 +195,7 @@ export * from '../Tooltip/index.js';
 export * from '../Tree/index.js';
 export * from '../TreeCanvas/index.js';
 export * from '../TreeGrid/index.js';
+export * from '../TypeSpecimen/index.js';
 export * from '../VersionCompare/index.js';
 export * from '../VersionTimeline/index.js';
 export * from '../VisuallyHidden/index.js';