@crewlethq/ui 0.48.2 → 0.49.0

package/dist/SheetColumnEditor/index.js

@@ -1,28 +1,28 @@
-export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from '../chunk-VIAQW6RK.js';
-import '../chunk-LD3GEVQU.js';
+export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from '../chunk-VTSJMDGP.js';
+import '../chunk-XQZ6EWOE.js';
 import '../chunk-FFMCMSJB.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-LFSIKGRQ.js';
 import '../chunk-Z7JYG5TF.js';
-import '../chunk-RBUA7ZNK.js';
+import '../chunk-34RMTXDZ.js';
 import '../chunk-AYKXMIOR.js';
-import '../chunk-SMVWDO72.js';
-import '../chunk-GKRPPSWY.js';
+import '../chunk-6FVGSWLS.js';
+import '../chunk-ILFEWRLG.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
-import '../chunk-YUAQSWNW.js';
+import '../chunk-NCHKKYPQ.js';
 import '../chunk-SMBKXWML.js';
-import '../chunk-D4EOPIFL.js';
+import '../chunk-EXRRTKWT.js';
 import '../chunk-XCUUI7E7.js';
 import '../chunk-BHHIIK3M.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-RSAQOKH3.js';
-import '../chunk-3JIZ2A6K.js';
-import '../chunk-2YTOOH3A.js';
+import '../chunk-TMM32U7D.js';
 import '../chunk-OMV5W53A.js';
+import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-LACA4JGC.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SheetGrid/index.js

@@ -1,4 +1,4 @@
-export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-OKUULQ22.js';
+export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-WXOYHVWG.js';
 import '../chunk-O2EGEONV.js';
 import '../chunk-CENOOTAV.js';
 import '../chunk-KYIAFNU7.js';
@@ -9,16 +9,16 @@ import '../chunk-LFSIKGRQ.js';
 import '../chunk-Z7JYG5TF.js';
 import '../chunk-KHJIEPZV.js';
 import '../chunk-AYKXMIOR.js';
-import '../chunk-WIATRXEJ.js';
 import '../chunk-I33UIUZD.js';
+import '../chunk-WIATRXEJ.js';
 import '../chunk-5AQBPHZD.js';
 import '../chunk-PZKHBB7D.js';
 import '../chunk-RSAQOKH3.js';
-import '../chunk-3JIZ2A6K.js';
+import '../chunk-TMM32U7D.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-OG6CL3EB.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-LACA4JGC.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/SlideFilmstrip/index.js

@@ -1,13 +1,13 @@
-export { SlideFilmstrip } from '../chunk-K2FNW3MK.js';
+export { SlideFilmstrip } from '../chunk-SQ4JFHO7.js';
 import '../chunk-RMEBFYL7.js';
 import '../chunk-XJ2QEBMM.js';
 import '../chunk-SMBKXWML.js';
 import '../chunk-RSAQOKH3.js';
-import '../chunk-3JIZ2A6K.js';
+import '../chunk-TMM32U7D.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-OG6CL3EB.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-LACA4JGC.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Switcher/index.js

@@ -1,10 +1,10 @@
-export { Switcher } from '../chunk-KMNY3KEB.js';
-import '../chunk-6AKG2VLR.js';
+export { Switcher } from '../chunk-VBIM6HFC.js';
+import '../chunk-YCC2S7DF.js';
 import '../chunk-7KHM2FZH.js';
 import '../chunk-KHJIEPZV.js';
 import '../chunk-FYTIJM2T.js';
 import '../chunk-TEUQWOWZ.js';
-import '../chunk-D4EOPIFL.js';
+import '../chunk-EXRRTKWT.js';
 import '../chunk-XCUUI7E7.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-RSAQOKH3.js';
@@ -12,7 +12,7 @@ import '../chunk-RTPQDNW3.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-OG6CL3EB.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-LACA4JGC.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Tabs/index.js

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

package/dist/TagsInput/index.js

@@ -1,11 +1,11 @@
-export { TagsInput } from '../chunk-S6J3EWDP.js';
+export { TagsInput } from '../chunk-SXBJMBSV.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-NUZHC6MM.js';
 import '../chunk-LACA4JGC.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ThemeGallery/ThemeGallery.d.ts

@@ -5,8 +5,19 @@ import { type ThemeSwatchPair } from '../ThemeSwatch/index.js';
 export interface ThemeGalleryTheme<T extends string = string> {
     id: T;
     name: string;
-    /** A few words on what sets it apart, said with its name. */
-    tag: string;
+    /**
+     * A few words on what sets it apart, said with its name. Drawn only when
+     * the theme also sets `tagTone`; left out, the card is its name alone.
+     */
+    tag?: string | undefined;
+    /**
+     * Draws the tag on the card as well as saying it: `quiet` as a caption
+     * under the name, `brand` as the accent's pill, for the company's own theme
+     * among the product's ("Your company brand"). Left out, the tag is said
+     * with the name and nothing is drawn, which is how the product's own theme
+     * picker lists its themes.
+     */
+    tagTone?: 'quiet' | 'brand' | undefined;
     /** The id of the group it is listed under. */
     group: string;
     /** Its two palettes, drawn as the card's thumbnail unless `renderPreview` draws one. */

package/dist/ThemeGallery/index.js

@@ -1,6 +1,8 @@
-export { ThemeGallery } from '../chunk-E4BOVKNJ.js';
+export { ThemeGallery } from '../chunk-UTESMBPL.js';
 import '../chunk-MNFU2RNT.js';
+import '../chunk-KYIAFNU7.js';
 import '../chunk-7KHM2FZH.js';
+import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-H5XTJ7GJ.js';
 import '../chunk-NUZHC6MM.js';

package/dist/{ThemeGallery-X35Y25EX.css → ThemeGallery-UEFZRT6W.css}

@@ -102,6 +102,27 @@
   white-space: nowrap;
 }
 
+/*
+ * THE TAG, DRAWN WHERE A THEME ASKS (`tagTone`), under the name: `quiet` on
+ * the tertiary step and a step smaller, cut to one line with the whole of it
+ * on hover, and `brand` as the accent's pill, so a reader picking a deck's
+ * theme finds their brand among the product's at a glance. A theme that sets
+ * no tone has its tag said with its name and nothing drawn.
+ */
+.crewlet-theme-gallery__tag {
+  overflow: hidden;
+  color: var(--color-text-tertiary);
+  font-size: var(--font-size-2xs);
+  line-height: var(--font-line-height-tight);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.crewlet-theme-gallery__tag--brand {
+  display: flex;
+  min-width: 0;
+}
+
 /*
  * FORCED COLORS keeps the border and drops the accent, so the chosen card
  * would look like every other; the system's own selected colour says it.

package/dist/ThemeSwitcher/index.js

@@ -1,18 +1,18 @@
-export { DensitySwitcher, ThemeSwitcher } from '../chunk-LXCRHVMZ.js';
+export { DensitySwitcher, ThemeSwitcher } from '../chunk-SEPSXOGJ.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-SMVWDO72.js';
-import '../chunk-GKRPPSWY.js';
+import '../chunk-6FVGSWLS.js';
+import '../chunk-ILFEWRLG.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-BHHIIK3M.js';
-import '../chunk-3JIZ2A6K.js';
-import '../chunk-2YTOOH3A.js';
+import '../chunk-TMM32U7D.js';
 import '../chunk-OMV5W53A.js';
+import '../chunk-2YTOOH3A.js';
 import '../chunk-OG6CL3EB.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-LACA4JGC.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/TimeWindowPicker/index.js

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

package/dist/TreeCanvas/index.js

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

package/dist/TypeSpecimen/TypeSpecimen.d.ts

@@ -0,0 +1,49 @@
+import type { ReactNode } from 'react';
+export interface TypeSpecimenLabels {
+    /** The large letters the face is shown in. */
+    glyphs: string;
+    /** The line the face is read in, when the host gives none. */
+    sample: string;
+}
+export type TypeSpecimenSize = 'md' | 'sm';
+export interface TypeSpecimenProps {
+    /** The face's name, as a reader knows it: "Geist", "Inter Display". */
+    family: string;
+    /**
+     * What the face is for, printed over its name: "Heading", "Body". Named
+     * `label` rather than `role`, which is the ARIA attribute's name.
+     */
+    label: string;
+    /**
+     * The CSS family list to draw it in, when it is not the face's name alone:
+     * a system stack, or the family an uploaded face was declared under. Left
+     * out, or not a list of family names, the name is drawn in quotes before the
+     * package's own sans, so a face this page has not loaded falls back to a
+     * face it has.
+     */
+    fontFamily?: string | undefined;
+    /** The line the face is read in. */
+    sample?: string | undefined;
+    /** One fact under the name: "Uploaded, 4 files", "System stack". */
+    detail?: ReactNode;
+    /** The weight the specimen draws: a heading's face is shown at a heading's weight. */
+    weight?: 'regular' | 'medium' | 'semibold' | 'bold' | undefined;
+    size?: TypeSpecimenSize | undefined;
+    className?: string | undefined;
+    labels?: Partial<TypeSpecimenLabels> | undefined;
+}
+/**
+ * A face, shown: what it is for, "Aa" large in it, its name, and a line read
+ * in it.
+ *
+ * THE FACE IS DRAWN, NOT DESCRIBED. The letters and the line are set in the
+ * face itself (through `--crewlet-type-specimen-family`), so choosing a face
+ * is choosing what it looks like rather than a name. The name and the role
+ * are set in the interface's own type, so they read the same whatever the face
+ * is.
+ *
+ * A FACE THE PAGE CANNOT DRAW FALLS BACK TO ONE IT CAN: the family list ends
+ * in the package's sans, so a face still loading (or never uploaded) shows as
+ * the interface's type rather than as the browser's default serif.
+ */
+export declare function TypeSpecimen({ family, label, fontFamily, sample, detail, weight, size, className, labels, }: TypeSpecimenProps): import("react").JSX.Element;

package/dist/TypeSpecimen/index.d.ts

@@ -0,0 +1,3 @@
+import './TypeSpecimen.css';
+export { TypeSpecimen } from './TypeSpecimen.js';
+export type { TypeSpecimenLabels, TypeSpecimenProps, TypeSpecimenSize } from './TypeSpecimen.js';

package/dist/TypeSpecimen/index.js

@@ -0,0 +1,3 @@
+export { TypeSpecimen } from '../chunk-JKAFEFFC.js';
+import '../chunk-5SGHW42B.js';
+import '../chunk-ODEQTPFM.js';

package/dist/TypeSpecimen-WK6YNHL7.css

@@ -0,0 +1,96 @@
+/*
+ * A face, shown: its role and name in the interface's own type, then "Aa" and
+ * a line set in the face itself (`--crewlet-type-specimen-family`, which
+ * always ends in the package's sans).
+ */
+.crewlet-type-specimen {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  grid-template-areas:
+    'glyphs caption'
+    'sample sample';
+  align-items: center;
+  gap: var(--spacing-2) var(--spacing-4);
+  min-width: 0;
+  margin: 0;
+}
+
+.crewlet-type-specimen__caption {
+  grid-area: caption;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+}
+
+.crewlet-type-specimen__label {
+  color: var(--color-text-tertiary);
+  font-size: var(--font-size-2xs);
+  font-weight: var(--font-weight-medium);
+  letter-spacing: var(--font-letter-spacing-wide);
+  text-transform: uppercase;
+}
+
+.crewlet-type-specimen__family {
+  overflow: hidden;
+  color: var(--color-text-primary);
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-medium);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.crewlet-type-specimen__detail {
+  color: var(--color-text-tertiary);
+  font-size: var(--font-size-xs);
+}
+
+.crewlet-type-specimen__glyphs {
+  grid-area: glyphs;
+  color: var(--color-text-primary);
+  font-family: var(--crewlet-type-specimen-family);
+  font-size: var(--font-size-4xl);
+  line-height: 1;
+}
+
+.crewlet-type-specimen__sample {
+  grid-area: sample;
+  overflow: hidden;
+  color: var(--color-text-secondary);
+  font-family: var(--crewlet-type-specimen-family);
+  font-size: var(--font-size-md);
+  line-height: var(--font-line-height-snug);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.crewlet-type-specimen--regular :is(.crewlet-type-specimen__glyphs, .crewlet-type-specimen__sample) {
+  font-weight: var(--font-weight-regular);
+}
+
+.crewlet-type-specimen--medium :is(.crewlet-type-specimen__glyphs, .crewlet-type-specimen__sample) {
+  font-weight: var(--font-weight-medium);
+}
+
+.crewlet-type-specimen--semibold :is(.crewlet-type-specimen__glyphs, .crewlet-type-specimen__sample) {
+  font-weight: var(--font-weight-semibold);
+}
+
+.crewlet-type-specimen--bold :is(.crewlet-type-specimen__glyphs, .crewlet-type-specimen__sample) {
+  font-weight: var(--font-weight-bold);
+}
+
+/* ---- sm: a select option's lead, the letters smaller and the line gone ---- */
+
+.crewlet-type-specimen--sm {
+  grid-template-areas: 'glyphs caption';
+  gap: var(--spacing-3);
+}
+
+.crewlet-type-specimen--sm .crewlet-type-specimen__glyphs {
+  font-size: var(--font-size-2xl);
+}
+
+.crewlet-type-specimen--sm .crewlet-type-specimen__sample {
+  display: none;
+}

package/dist/VersionCompare/index.js

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

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

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

package/dist/{chunk-YFUG6ARA.js → chunk-3QSKDZR5.js}

@@ -1,4 +1,4 @@
-import { HuePicker } from './chunk-RBUA7ZNK.js';
+import { HuePicker } from './chunk-34RMTXDZ.js';
 import { Popover } from './chunk-KHJIEPZV.js';
 import { NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
 import { CharacterPicker } from './chunk-SNQRGH4A.js';

package/dist/chunk-5SGHW42B.js

@@ -0,0 +1,23 @@
+// src/utils/fontFamily.ts
+var QUOTED = String.raw`"[^"\\\r\n]{1,80}"|'[^'\\\r\n]{1,80}'`;
+var IDENTIFIER = String.raw`-?[A-Za-z][A-Za-z0-9_-]*`;
+var WORDS = `${IDENTIFIER}(?: ${IDENTIFIER}){0,5}`;
+var TOKEN = String.raw`var\(--font-family-(?:sans|mono|display)\)`;
+var NAME = `(?:${QUOTED}|${TOKEN}|${WORDS})`;
+var MAX_NAMES = 11;
+var LIST = new RegExp(`^${NAME}(?:\\s*,\\s*${NAME}){0,${MAX_NAMES - 1}}$`);
+var KEYWORDS = /* @__PURE__ */ new Set(["inherit", "initial", "unset", "revert", "revert-layer", "default"]);
+var MAX_LENGTH = 400;
+function safeFontFamily(value) {
+  if (typeof value !== "string") return null;
+  const list = value.trim();
+  if (list === "" || list.length > MAX_LENGTH || !LIST.test(list)) return null;
+  const keyword = list.split(",").some((name) => KEYWORDS.has(name.trim().toLowerCase()));
+  return keyword ? null : list;
+}
+function fontStack(value, fallback) {
+  const list = safeFontFamily(value);
+  return list ? `${list}, ${fallback}` : fallback;
+}
+
+export { fontStack, safeFontFamily };

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

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

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

@@ -1,4 +1,4 @@
-import { tabId } from './chunk-GKRPPSWY.js';
+import { tabId } from './chunk-ILFEWRLG.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-ILDNJHRU.js → chunk-AVL52EME.js}

@@ -1,4 +1,4 @@
-import { ArtifactKindGlyph } from './chunk-CE2THTQR.js';
+import { ArtifactKindGlyph } from './chunk-RSKW25Y5.js';
 import { ShieldGlyph, ActivityGlyph, GaugeGlyph, PackageGlyph, FolderGlyph, ClockGlyph, DatabaseGlyph, Settings2Glyph, BookOpenGlyph, FlagGlyph, StarGlyph, WandSparklesGlyph, BugGlyph, TargetGlyph, ImageGlyph, CodeGlyph, CoinsGlyph, UserGlyph, UsersGlyph, ChartNoAxesGanttGlyph, SquareKanbanGlyph, ListChecksGlyph, ListGlyph, GlobeGlyph, CompassGlyph, FileTextGlyph, TableGlyph, CalendarGlyph, LayoutDashboardGlyph, ChartPieGlyph, ChartColumnGlyph } from '@crewlethq/icons/glyphs';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/chunk-B235ANDO.js

@@ -0,0 +1,66 @@
+import { Tag } from './chunk-KYIAFNU7.js';
+import { normalizeHex } from './chunk-UZMNR366.js';
+import { VisuallyHidden } from './chunk-BZFWDIV6.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './ContrastBadge-CBZPGG3G.css';
+import { CircleAlertGlyph, TriangleAlertGlyph, CircleCheckGlyph } from '@crewlethq/icons/glyphs';
+import { WCAG_CONTRAST, parseHex, contrast } from '@crewlethq/tokens';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function contrastLevel(ratio, scale = "body") {
+  if (scale === "large") {
+    if (ratio >= WCAG_CONTRAST.aaaLarge) return "aaa";
+    if (ratio >= WCAG_CONTRAST.aaLarge) return "aa";
+    return "fail";
+  }
+  if (ratio >= WCAG_CONTRAST.aaa) return "aaa";
+  if (ratio >= WCAG_CONTRAST.aa) return "aa";
+  if (ratio >= WCAG_CONTRAST.aaLarge) return "aa-large";
+  return "fail";
+}
+function contrastRatio(foreground, background) {
+  const a = parseHex(foreground);
+  const b = parseHex(background);
+  return a && b ? contrast(a, b) : null;
+}
+function formatContrastRatio(ratio) {
+  const cut = Math.floor(ratio * 100) / 100;
+  return String(Number(cut.toFixed(2)));
+}
+var LABELS = {
+  levels: { aaa: "AAA", aa: "AA", "aa-large": "AA large text", fail: "Fails" },
+  unmeasured: "Not measured",
+  ratio: (ratio) => `${ratio} to 1`,
+  sample: "Aa"
+};
+var TONE = { aaa: "success", aa: "success", "aa-large": "warning", fail: "danger" };
+function ContrastBadge({ foreground, background, label, scale = "body", className, labels }) {
+  const text = { ...LABELS, ...labels, levels: { ...LABELS.levels, ...labels?.levels } };
+  const ink = normalizeHex(foreground);
+  const ground = normalizeHex(background);
+  const ratio = ink && ground ? contrastRatio(ink, ground) : null;
+  const level = ratio === null ? null : contrastLevel(ratio, scale);
+  const printed = ratio === null ? null : formatContrastRatio(ratio);
+  const sample = ink && ground ? { "--crewlet-contrast-badge-ink": ink, "--crewlet-contrast-badge-ground": ground } : void 0;
+  return /* @__PURE__ */ jsxs("span", { className: cx("crewlet-contrast-badge", level && `crewlet-contrast-badge--${level}`, className), children: [
+    /* @__PURE__ */ jsx("span", { className: cx("crewlet-contrast-badge__sample", ratio === null && "is-empty"), style: sample, "aria-hidden": "true", children: text.sample }),
+    label ? /* @__PURE__ */ jsx("span", { className: "crewlet-contrast-badge__label", children: label }) : null,
+    printed !== null && level !== null ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("span", { className: "crewlet-contrast-badge__ratio", children: [
+        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: `${printed}:1` }),
+        /* @__PURE__ */ jsx(VisuallyHidden, { children: text.ratio(printed) })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Tag,
+        {
+          size: "xs",
+          variant: TONE[level],
+          leadingIcon: level === "fail" ? /* @__PURE__ */ jsx(CircleAlertGlyph, { size: "xs" }) : level === "aa-large" ? /* @__PURE__ */ jsx(TriangleAlertGlyph, { size: "xs" }) : /* @__PURE__ */ jsx(CircleCheckGlyph, { size: "xs" }),
+          children: text.levels[level]
+        }
+      )
+    ] }) : /* @__PURE__ */ jsx("span", { className: "crewlet-contrast-badge__unmeasured", children: text.unmeasured })
+  ] });
+}
+
+export { ContrastBadge, contrastLevel, contrastRatio, formatContrastRatio };

package/dist/{chunk-MZ3QFQDL.js → chunk-CAVWDJF4.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-ICPQIAD6.js';
+import { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, Canvas } from './chunk-D7Q5MQRF.js';
 import { focusables } from './chunk-H5XTJ7GJ.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './TreeCanvas-QA3PDFTK.css';

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

@@ -1,12 +1,12 @@
 import { useMediaMatch } from './chunk-RTPQDNW3.js';
-import { Menu } from './chunk-3JIZ2A6K.js';
+import { Menu } from './chunk-TMM32U7D.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
 import { useModalLayer, focusables } from './chunk-H5XTJ7GJ.js';
 import { IconButton } from './chunk-LACA4JGC.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';
-import './AppShell-5P575KYA.css';
+import './AppShell-BIUFNT3J.css';
 import { createContext, forwardRef, useContext, useId, useState, useRef, useCallback, useEffect, useLayoutEffect } from 'react';
 import { breakpoint } from '@crewlethq/tokens';
 import { ChevronUpGlyph, ChevronsUpDownGlyph, ChevronRightGlyph, MenuGlyph } from '@crewlethq/icons/glyphs';