@crewlethq/ui 0.68.0 → 0.70.0

package/dist/{DataView-RH5UDA5F.css → DataView-L7HLNW7C.css}

@@ -220,118 +220,7 @@
 
 /* ── One chip ─────────────────────────────────────────────────────────── */
 
-/*
- * TWO CONTROLS IN ONE PILL: pressing the chip opens its editor, pressing the
- * cross takes the filter off. They are drawn as one object with a divider
- * because they are one filter, and they are two BUTTONS because they do two
- * different things, which is also why the cross carries its own name rather
- * than relying on the chip's.
- */
-.crewlet-filter-axis-chip {
-  display: inline-flex;
-  align-items: stretch;
-  height: var(--size-control-sm);
-  background: var(--color-brand-accent-soft);
-  border: 1px solid var(--color-brand-accent-soft-strong);
-  border-radius: var(--radius-pill);
-  overflow: hidden;
-  max-width: 100%;
-  transition: border-color var(--motion-duration-fast) var(--motion-easing-default);
-}
-
-/*
- * THE EDGE, NOT THE FILL. `--color-surface-hover` is the overlay a row at rest
- * carries, and the token says a surface shows it OR a selected tint, never
- * both: put on a chip it REPLACED the accent fill, so the one control on screen
- * that means "this filter is on" went pale under the pointer and read as the
- * filter being switched off.
- *
- * The fill stays where it is and the boundary takes the accent itself.
- * Deepening the fill to the next accent step instead measures 4.48:1 under the
- * chip's own ink on the light ground, and 4.18:1 on a card, which is why that
- * step is a BORDER value in the palette and is used as one here.
- */
-.crewlet-filter-axis-chip:hover {
-  border-color: var(--color-brand-accent);
-}
-
-.crewlet-filter-axis-chip__trigger {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--spacing-1);
-  min-width: 0;
-  padding: 0 var(--spacing-2) 0 var(--spacing-3);
-  background: transparent;
-  border: none;
-  cursor: pointer;
-  color: var(--color-brand-accent-ink);
-  font-family: var(--font-family-sans);
-  font-size: var(--font-size-xs);
-  line-height: 1;
-}
-
-.crewlet-filter-axis-chip__trigger:focus-visible {
-  outline: 2px solid var(--color-focus);
-  outline-offset: var(--size-focus-ring-inset-offset);
-}
-
-/*
- * THE AXIS NAME IS NOT DIMMED. It read at 0.85 opacity, which takes the chip's
- * own ink off the step the pairing was measured at, and the name of the axis
- * is exactly what a reader checks before the value: "status" and "stage" narrow
- * a list to very different things. The value's own weight is what separates
- * the halves, which is a difference a reader can see at any contrast.
- */
-.crewlet-filter-axis-chip__label {
-  white-space: nowrap;
-}
-
-.crewlet-filter-axis-chip__value {
-  font-weight: var(--font-weight-semibold);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-/*
- * The chevron carries the chip's own ink rather than a fainter version of it,
- * for the reason every mark beside its words does: a grey glyph next to
- * coloured text reads as two things. At 0.7 it measured 3.00:1 on a card in
- * light, which is the 3:1 floor for a glyph to the second decimal place.
- */
-.crewlet-filter-axis-chip__chevron {
-  flex: none;
-}
-
-/*
- * The remove control keeps the chip's own ink rather than taking the critical
- * hue on hover: removing a filter destroys nothing, and a row of chips that
- * turns red under the pointer reads as a row of dangerous things.
- */
-.crewlet-filter-axis-chip__remove {
-  /* AS TALL AS THE PILL'S INSIDE, as the trigger beside it is. At the small
-     control's own height it stood 2px past the pill's inner edge, cut off at
-     the bottom, and its cross sat 1px under the chip's middle. */
-  height: auto;
-  border-radius: 0;
-  border-left: 1px solid var(--color-brand-accent-soft-strong);
-  color: var(--color-brand-accent-ink);
-}
-
-/*
- * Its ring is drawn INSIDE it, like the trigger's beside it. The pill clips to
- * its own radius, so the outset ring an icon button carries everywhere else is
- * cut off on every edge the control touches, which here is all of them.
- */
-.crewlet-filter-axis-chip__remove:focus-visible {
-  outline-offset: var(--size-focus-ring-inset-offset);
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .crewlet-filter-axis-chip {
-    transition: none;
-  }
-}
+/* A chip is a [FilterPill] (FilterPill.css) whose words open its editor. */
 
 /* ── A chip's editor ──────────────────────────────────────────────────── */
 

package/dist/DateTimePicker/index.js

@@ -1,11 +1,11 @@
-export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-7DD2GR7I.js';
+export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-HPI5J6AR.js';
 import '../chunk-EE3DJMSQ.js';
 import '../chunk-KHJIEPZV.js';
-import '../chunk-7QTPJDRF.js';
+import '../chunk-DGXZ635L.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/DeepWorkCard/index.js

@@ -1,7 +1,7 @@
-export { DEEP_WORK_CARD_LABELS, DEEP_WORK_STATES, DEEP_WORK_STATE_LABELS, DeepWorkCard } from '../chunk-UWOYDHVW.js';
+export { DEEP_WORK_CARD_LABELS, DEEP_WORK_STATES, DEEP_WORK_STATE_LABELS, DeepWorkCard } from '../chunk-P64MIA7C.js';
 import '../chunk-HJBHP66O.js';
+import '../chunk-ZWCK4N4L.js';
 import '../chunk-RQFRRPV6.js';
-import '../chunk-M25IV5MH.js';
 import '../chunk-NTQPJJAN.js';
 import '../chunk-I5OIKDX2.js';
 import '../chunk-WIATRXEJ.js';
@@ -11,7 +11,7 @@ import '../chunk-222VILSP.js';
 import '../chunk-IVTQWOXV.js';
 import '../chunk-MLDTLZAO.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-7QTPJDRF.js';
+import '../chunk-DGXZ635L.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/DocTabsEditor/index.js

@@ -1,15 +1,15 @@
-export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from '../chunk-UKYVLQAE.js';
+export { DOC_TABS_EDITOR_LABELS, DocTabsEditor } from '../chunk-W5AXJWOW.js';
 import '../chunk-MPVMB2DV.js';
-import '../chunk-DCQ2VTBB.js';
+import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
-import '../chunk-2566PSQ3.js';
-import '../chunk-7QTPJDRF.js';
+import '../chunk-OQG4P5KU.js';
+import '../chunk-DGXZ635L.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/DownloadButton/index.js

@@ -1,7 +1,7 @@
-export { DownloadButton } from '../chunk-NSCYGUDG.js';
+export { DownloadButton } from '../chunk-EHFQMY3B.js';
 import '../chunk-YNRKVY7X.js';
 import '../chunk-DTIW4CHZ.js';
-import '../chunk-7QTPJDRF.js';
+import '../chunk-DGXZ635L.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{Editor-2MZDDSJF.js → Editor-NNQEALNT.js}

@@ -2,17 +2,17 @@ import { richEditorLabels } from './chunk-CSQTDGTS.js';
 import { schema, readMarkdown, writeMarkdown } from './chunk-QH6VYJ3X.js';
 import { safeHref, MARKDOWN_CALLOUT_TONES } from './chunk-BAKPMH3S.js';
 import { Toolbar } from './chunk-NR4CPM4T.js';
-import { FormField, Input } from './chunk-DCQ2VTBB.js';
+import { FormField, Input } from './chunk-ETSF7SU6.js';
 import './chunk-PGCLHYVP.js';
 import './chunk-PQADV6P6.js';
 import './chunk-2G355KDJ.js';
-import { Menu } from './chunk-2566PSQ3.js';
-import { Button } from './chunk-7QTPJDRF.js';
+import { Menu } from './chunk-OQG4P5KU.js';
+import { Button } from './chunk-DGXZ635L.js';
 import { placePopup, viewportBounds } from './chunk-OMV5W53A.js';
 import './chunk-XSPCITPN.js';
 import { usePopupLayer } from './chunk-H5XTJ7GJ.js';
-import './chunk-NUZHC6MM.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
+import './chunk-NUZHC6MM.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import { forwardRef, useMemo, useRef, useState, useId, useSyncExternalStore, useCallback, useLayoutEffect, useEffect, useImperativeHandle } from 'react';

package/dist/ErrorBoundary/index.js

@@ -1,5 +1,5 @@
-export { ErrorBoundary } from '../chunk-ZEPUKRO7.js';
-import '../chunk-7QTPJDRF.js';
+export { ErrorBoundary } from '../chunk-IJ7KLXUZ.js';
+import '../chunk-DGXZ635L.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/FileDrop/index.js

@@ -1,5 +1,5 @@
-export { FileDrop, FilePickButton, droppedFiles, pickedFiles } from '../chunk-2JHGPXYG.js';
-import '../chunk-7QTPJDRF.js';
+export { FileDrop, FilePickButton, droppedFiles, pickedFiles } from '../chunk-KQWJWTED.js';
+import '../chunk-DGXZ635L.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/FilterPill/FilterPill.d.ts

@@ -0,0 +1,63 @@
+import { type ReactElement, type ReactNode } from 'react';
+/** The words a pill says, for an application that says them otherwise. */
+export interface FilterPillLabels {
+    /** The remove control's name, from the filter as a sentence: "Remove the Status is Done filter". */
+    remove: (sentence: string) => string;
+    /** Its name where the filter's parts are not words to build a sentence from. */
+    removeUnnamed: string;
+    /** What ends the field where no operator joins it to the value: "Role: Admin". */
+    fieldEnd: string;
+}
+export declare const FILTER_PILL_LABELS: FilterPillLabels;
+export interface FilterPillProps {
+    /** What the filter is on: "Status". */
+    field: ReactNode;
+    /**
+     * How the value is compared: "is", "contains", "is any of". Left out, the
+     * field and the value are joined by a colon ("Role: Admin").
+     */
+    operator?: ReactNode;
+    /**
+     * What the filter is set to: "In progress". Left out for a filter that is a
+     * switch with no value ("Blocked"), which the field alone names.
+     */
+    value?: ReactNode;
+    /** Takes the filter off. Left out, the pill has no remove control. */
+    onRemove?: (() => void) | undefined;
+    /**
+     * Names the remove control. Defaults to the whole filter as a sentence
+     * (`labels.remove`), "Remove the Status is In progress filter", where its
+     * parts are words: a row of pills each announcing "Remove" names nothing.
+     */
+    removeLabel?: string | undefined;
+    /**
+     * Draws the words as a control, for a pill whose words open the filter's
+     * editor (a popover's trigger). Called with the words and the class the
+     * control takes; it returns that control, a `<button>`.
+     */
+    renderWords?: ((words: ReactNode, className: string) => ReactElement) | undefined;
+    labels?: Partial<FilterPillLabels> | undefined;
+    className?: string | undefined;
+}
+/** The class the words take, as text or as the control `renderWords` returns. */
+export declare const FILTER_PILL_WORDS_CLASS = "crewlet-filter-pill__words";
+/** The parts as one sentence, where every part is a word: "Status is In progress". */
+export declare function filterPillSentence(field: ReactNode, operator?: ReactNode, value?: ReactNode): string | undefined;
+/**
+ * One filter in force on a list: the field, how it compares, the value, and
+ * the control that takes it off.
+ *
+ * THREE PARTS IN THREE REGISTERS, because a filter is a sentence and a pill
+ * set in one register reads as a label. The field and the relation are the
+ * secondary ink at the regular weight; the value, the answer a reader checks,
+ * is the accent ink at the semibold weight. The parts are drawn a step apart
+ * AND separated by real spaces, so the pill reads, copies and is announced as
+ * the sentence it is, never as "StatusisIn progress".
+ *
+ * THE ACCENT GROUND, because a filter in force is where the reader is in the
+ * data: the same soft fill and edge a pressed [FilterChip] and the selected row
+ * carry. The remove control is a second button beside the words, behind a
+ * hairline, named by the whole filter; it keeps the pill's ink rather than
+ * turning red, because taking a filter off destroys nothing.
+ */
+export declare function FilterPill({ field, operator, value, onRemove, removeLabel, renderWords, labels, className, }: FilterPillProps): import("react").JSX.Element;

package/dist/FilterPill/index.d.ts

@@ -0,0 +1,3 @@
+import './FilterPill.css';
+export { FILTER_PILL_LABELS, FILTER_PILL_WORDS_CLASS, FilterPill, filterPillSentence } from './FilterPill.js';
+export type { FilterPillLabels, FilterPillProps } from './FilterPill.js';

package/dist/FilterPill/index.js

@@ -0,0 +1,4 @@
+export { FILTER_PILL_LABELS, FILTER_PILL_WORDS_CLASS, FilterPill, filterPillSentence } from '../chunk-K4LZXSKZ.js';
+import '../chunk-UAUP6XGK.js';
+import '../chunk-UT6CW3C7.js';
+import '../chunk-ODEQTPFM.js';

package/dist/FilterPill-4GMNFZND.css

@@ -0,0 +1,134 @@
+/*
+ * The filter pill: one filter in force, as a sentence on the accent ground.
+ *
+ * TWO CONTROLS IN ONE PILL where the words open an editor: pressing the words
+ * opens it, pressing the cross takes the filter off. They are drawn as one
+ * object with a divider because they are one filter, and they are two BUTTONS
+ * because they do two different things, which is also why the cross carries
+ * its own name rather than relying on the words'.
+ */
+.crewlet-filter-pill {
+  display: inline-flex;
+  align-items: stretch;
+  height: var(--size-control-sm);
+  max-width: 100%;
+  min-width: 0;
+  background: var(--color-brand-accent-soft);
+  border: 1px solid var(--color-brand-accent-soft-strong);
+  border-radius: var(--radius-pill);
+  overflow: hidden;
+  box-sizing: border-box;
+  transition: border-color var(--motion-duration-fast) var(--motion-easing-default);
+}
+
+/*
+ * THE EDGE, NOT THE FILL, under the pointer. The surface hover overlay put on
+ * the pill REPLACED the accent fill, so the one control on screen that means
+ * "this filter is on" went pale and read as the filter being switched off.
+ * The fill stays and the boundary takes the accent itself: the next fill step
+ * measures under 4.5:1 beneath the pill's own ink, which is why that step is a
+ * border value in the palette and is used as one here.
+ */
+.crewlet-filter-pill:hover {
+  border-color: var(--color-brand-accent);
+}
+
+/*
+ * THE WORDS: one line, the parts a step apart. The gap draws the space; the
+ * space characters between the parts are still in the text, which is what a
+ * copy and a screen reader take, but a flex row does not draw them, so the
+ * step is the one spacing. A long value ends in an ellipsis at the pill's
+ * edge. Plain text, or the control `renderWords` makes, which gives up a
+ * button's chrome and keeps the same line.
+ */
+.crewlet-filter-pill__words {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--spacing-1);
+  min-width: 0;
+  margin: 0;
+  padding: 0 var(--spacing-3);
+  background: transparent;
+  border: 0;
+  color: var(--color-text-secondary);
+  font-family: var(--font-family-sans);
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-regular);
+  line-height: 1;
+  white-space: nowrap;
+}
+
+/* A pill with a remove control gives the words' trailing inset to the divider. */
+.crewlet-filter-pill:has(> .crewlet-filter-pill__remove) > .crewlet-filter-pill__words {
+  padding-inline-end: var(--spacing-2);
+}
+
+button.crewlet-filter-pill__words {
+  cursor: pointer;
+}
+
+.crewlet-filter-pill__words:focus-visible {
+  outline: 2px solid var(--color-focus);
+  outline-offset: var(--size-focus-ring-inset-offset);
+}
+
+/*
+ * THREE REGISTERS. The field and the relation are what the filter is ABOUT,
+ * in the secondary ink at the regular weight; the value is the answer, in the
+ * accent ink at the semibold weight, and the only part a long filter cuts.
+ */
+.crewlet-filter-pill__field,
+.crewlet-filter-pill__operator {
+  flex: none;
+  color: var(--color-text-secondary);
+}
+
+.crewlet-filter-pill__value {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: var(--color-brand-accent-ink);
+  font-weight: var(--font-weight-semibold);
+}
+
+/*
+ * A glyph after the words (a popover's chevron) carries the value's ink: a
+ * grey glyph next to coloured text reads as two things.
+ */
+.crewlet-filter-pill__words > svg {
+  flex: none;
+  color: var(--color-brand-accent-ink);
+}
+
+/*
+ * The remove control: as tall as the pill's inside, behind a hairline, in the
+ * pill's own ink. At the small control's own height it stood past the pill's
+ * inner edge and was cut off at the bottom.
+ *
+ * RAISED OVER ICONBUTTON'S OWN RULES (`.crewlet-icon-btn`, `--sm`), which
+ * carry the same weight as one class and can load after this sheet in a
+ * bundle: at equal weight the control kept its 26px height and its corner
+ * radius in a 26px pill with a 1px edge, overran the pill by a pixel and lost
+ * the bottom of its focus ring. The child combinator is the extra weight, and
+ * a test holds it above every IconButton rule.
+ */
+.crewlet-filter-pill > .crewlet-filter-pill__remove {
+  height: auto;
+  border-radius: 0;
+  border-inline-start: 1px solid var(--color-brand-accent-soft-strong);
+  color: var(--color-brand-accent-ink);
+}
+
+/*
+ * Its ring is drawn INSIDE it, like the words'. The pill clips to its own
+ * radius, so an outset ring is cut off on every edge the control touches.
+ */
+.crewlet-filter-pill > .crewlet-filter-pill__remove:focus-visible {
+  outline-offset: var(--size-focus-ring-inset-offset);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .crewlet-filter-pill {
+    transition: none;
+  }
+}

package/dist/FollowBanner/index.js

@@ -1,6 +1,6 @@
-export { FollowBanner } from '../chunk-K4IVKHKU.js';
+export { FollowBanner } from '../chunk-JT7WRPZ6.js';
 import '../chunk-BPCY7ZID.js';
-import '../chunk-7QTPJDRF.js';
+import '../chunk-DGXZ635L.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';

package/dist/HuePicker/index.js

@@ -1,18 +1,18 @@
 import '../chunk-FFMCMSJB.js';
-export { HuePicker, HueSwatch } from '../chunk-YDXX5UB7.js';
+export { HuePicker, HueSwatch } from '../chunk-AQIFKLXY.js';
 import '../chunk-AYKXMIOR.js';
-import '../chunk-MJTBINIY.js';
-import '../chunk-MVQLCSAC.js';
+import '../chunk-TYIHFDMP.js';
+import '../chunk-IPUEVTRJ.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-MLDTLZAO.js';
-import '../chunk-2566PSQ3.js';
-import '../chunk-7QTPJDRF.js';
+import '../chunk-OQG4P5KU.js';
+import '../chunk-DGXZ635L.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/InlineEditor/index.js

@@ -1,10 +1,10 @@
-export { INLINE_EDITOR_LABELS, InlineEditor } from '../chunk-QBWNGNF7.js';
+export { INLINE_EDITOR_LABELS, InlineEditor } from '../chunk-4DL2BQJE.js';
 import '../chunk-VLGGLLKH.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-EJNJMHQG.js';
 import '../chunk-RE3FBGQQ.js';
 import '../chunk-ANTAQAR4.js';
-import '../chunk-7QTPJDRF.js';
+import '../chunk-DGXZ635L.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';

package/dist/Input/index.js

@@ -1,9 +1,9 @@
-export { FormField, FormRow, FormSection, Input, InputAffix, Label, ReadOnlyField, Textarea, foldLineBreaks } from '../chunk-DCQ2VTBB.js';
+export { FormField, FormRow, FormSection, Input, InputAffix, Label, ReadOnlyField, Textarea, foldLineBreaks } from '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/LinkInterstitial/index.js

@@ -1,13 +1,13 @@
-export { LinkInterstitial, openExternal } from '../chunk-KQGOVBGF.js';
+export { LinkInterstitial, openExternal } from '../chunk-JD7P2GJP.js';
+import '../chunk-C667GCU7.js';
 import '../chunk-PLL7ZJHY.js';
-import '../chunk-I24FI46B.js';
 import '../chunk-BPCY7ZID.js';
 import '../chunk-PQADV6P6.js';
-import '../chunk-7QTPJDRF.js';
+import '../chunk-DGXZ635L.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/ListInput/index.js

@@ -1,15 +1,15 @@
-export { ListInput, withDraft } from '../chunk-KZ3UXNN7.js';
+export { ListInput, withDraft } from '../chunk-H32JW6CZ.js';
 import '../chunk-MPVMB2DV.js';
 import '../chunk-ANTAQAR4.js';
-import '../chunk-DCQ2VTBB.js';
+import '../chunk-ETSF7SU6.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-2G355KDJ.js';
-import '../chunk-7QTPJDRF.js';
+import '../chunk-DGXZ635L.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/LogoSlot/index.js

@@ -1,10 +1,10 @@
-export { LogoSlot, LogoSlotGroup } from '../chunk-2T32N2WD.js';
-import '../chunk-2JHGPXYG.js';
+export { LogoSlot, LogoSlotGroup } from '../chunk-YUHKRRWO.js';
+import '../chunk-KQWJWTED.js';
 import '../chunk-KWLH45YC.js';
 import '../chunk-7W3LYIOC.js';
 import '../chunk-I5OIKDX2.js';
 import '../chunk-WIATRXEJ.js';
-import '../chunk-7QTPJDRF.js';
+import '../chunk-DGXZ635L.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/MarkdownEditor/index.js

@@ -1,18 +1,18 @@
-export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from '../chunk-LUSRKTX6.js';
+export { MARKDOWN_FORMATS, MarkdownEditor, formatMarkdown, insertMarkdown, markdownWords } from '../chunk-ERFXYGRF.js';
 import '../chunk-NR4CPM4T.js';
 import '../chunk-25AZQ3GZ.js';
-import '../chunk-MJTBINIY.js';
-import '../chunk-MVQLCSAC.js';
+import '../chunk-TYIHFDMP.js';
+import '../chunk-IPUEVTRJ.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-WIATRXEJ.js';
 import '../chunk-MLDTLZAO.js';
-import '../chunk-2566PSQ3.js';
-import '../chunk-7QTPJDRF.js';
+import '../chunk-OQG4P5KU.js';
+import '../chunk-DGXZ635L.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Menu/Menu.d.ts

@@ -141,6 +141,15 @@ export interface MenuProps {
      */
     trailingIcon?: ReactNode;
     triggerVariant?: ButtonVariant | undefined;
+    /**
+     * The trigger IS THE VALUE it changes: a status chosen in place, a face
+     * that opens a picker, in a table cell or a properties rail. Its words
+     * start on its box's line ([Button]'s `flush`), so it lines up with the
+     * plain values beside it, and it takes the surrounding text's size, weight
+     * and ink rather than a button label's, so a writer's row reads as a
+     * reader's. Its hover ground and focus ring still say it is a control.
+     */
+    valueTrigger?: boolean | undefined;
     /** -1 for a pointer-only trigger whose actions the keyboard reaches another way. */
     triggerTabIndex?: number | undefined;
     open?: boolean | undefined;
@@ -162,5 +171,5 @@ export interface MenuProps {
     header?: ReactNode;
     className?: string | undefined;
 }
-export declare function Menu({ label, items, icon, trigger, trailingIcon, triggerVariant, triggerTabIndex, open: controlled, onOpenChange, align, width, renderTrigger, header, className, }: MenuProps): import("react").JSX.Element;
+export declare function Menu({ label, items, icon, trigger, trailingIcon, triggerVariant, valueTrigger, triggerTabIndex, open: controlled, onOpenChange, align, width, renderTrigger, header, className, }: MenuProps): import("react").JSX.Element;
 export {};

package/dist/Menu/index.js

@@ -1,9 +1,9 @@
-export { Menu } from '../chunk-2566PSQ3.js';
-import '../chunk-7QTPJDRF.js';
+export { Menu } from '../chunk-OQG4P5KU.js';
+import '../chunk-DGXZ635L.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-H5XTJ7GJ.js';
-import '../chunk-NUZHC6MM.js';
 import '../chunk-UAUP6XGK.js';
+import '../chunk-NUZHC6MM.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{Menu-OLUGHX56.css → Menu-I4SNXHOT.css}

@@ -286,3 +286,15 @@
     animation: none;
   }
 }
+
+/*
+ * A TRIGGER THAT IS THE VALUE it changes (`valueTrigger`): the surrounding
+ * text's size, weight and ink, not a button label's, so a writer's row reads
+ * as a reader's. Its start is Button's `flush`. Raised over the button's own
+ * size and variant rules, which carry one class each.
+ */
+.crewlet-menu-anchor > .crewlet-btn.crewlet-menu__value-trigger {
+  font-size: inherit;
+  font-weight: inherit;
+  color: inherit;
+}