@crewlethq/ui 0.86.1 → 0.88.0

package/dist/PeekRail/index.js

@@ -1,8 +1,8 @@
 export { PEEK_RAIL_LABELS, PEEK_RAIL_MAX_WIDTH, PEEK_RAIL_MIN_WIDTH, PEEK_RAIL_WIDTH, PeekHost, PeekNeighbours, PeekRail, isPlainPress, peekClickHandler, peekRowActivation, usePeekNeighbours, usePeekOrder, usePeekStep } from '../chunk-CDNZTCP2.js';
 import '../chunk-PIYJNCN7.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-2YTOOH3A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-UAUP6XGK.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/PersonRow/PersonRow.d.ts

@@ -36,6 +36,13 @@ export interface PersonRowButtonProps extends PersonRowLook, Omit<ButtonHTMLAttr
     selected?: boolean | undefined;
     /** Pressing the row. */
     onSelect?: (() => void) | undefined;
+    /**
+     * A control of the row's own at its end (a `Switch` that sets how this
+     * member follows a room), drawn BESIDE the row's button rather than inside
+     * it: a control inside a button cannot be reached by Tab, and is read as
+     * part of the row's name. Pressing the row still does what `onSelect` says.
+     */
+    action?: ReactNode;
 }
 export interface PersonRowOptionProps extends PersonRowLook, Omit<LiHTMLAttributes<HTMLLIElement>, 'children'> {
     /**

package/dist/PersonRow/index.js

@@ -1,2 +1,2 @@
-export { PersonRow } from '../chunk-EALRMP7N.js';
+export { PersonRow } from '../chunk-6TD2PCZB.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{PersonRow-V5GTPNVP.css → PersonRow-ZR6US2QJ.css}

@@ -147,6 +147,31 @@
   color: var(--color-text-on-accent);
 }
 
+/*
+ * A ROW WITH A CONTROL OF ITS OWN (`action`): the row's button takes the room
+ * and the control stands after it on the row's middle, outside the button's
+ * hover, so the two read as two controls.
+ */
+.crewlet-person-row-group {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-1);
+  min-width: 0;
+}
+
+.crewlet-person-row-group > .crewlet-person-row {
+  flex: 1 1 0;
+  min-width: 0;
+}
+
+.crewlet-person-row__action {
+  display: inline-flex;
+  flex: none;
+  align-items: center;
+  gap: var(--spacing-2);
+  padding-inline-end: var(--spacing-2);
+}
+
 /*
  * FORCED COLORS repaints every background to Canvas, which took the chosen
  * tint and the arrows' row with it. An outline is the one mark the mode

package/dist/PresenterView/index.js

@@ -3,8 +3,8 @@ import '../chunk-5AJR6X75.js';
 import '../chunk-O6EV6GKI.js';
 import '../chunk-RK4XPHVG.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';

package/dist/ProposalCard/index.js

@@ -1,11 +1,11 @@
-export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, PROPOSAL_TONES, ProposalCard } from '../chunk-M33DABTW.js';
+export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, PROPOSAL_TONES, ProposalCard } from '../chunk-3W67EZR4.js';
 import '../chunk-ZWCK4N4L.js';
 import '../chunk-3MFRTZH6.js';
 import '../chunk-LR4IWUWQ.js';
-import '../chunk-FLW5U7YS.js';
-import '../chunk-LBGKLYBY.js';
+import '../chunk-FXSCAP36.js';
 import '../chunk-U2IQNDDR.js';
 import '../chunk-AV2DXAEL.js';
+import '../chunk-LBGKLYBY.js';
 import '../chunk-YQ7Q52XU.js';
 import '../chunk-CYQBDZ6M.js';
 import '../chunk-NAHA62WD.js';

package/dist/RailList/index.js

@@ -1,6 +1,6 @@
-export { RAIL_LIST_LABELS, RailList } from '../chunk-REWKR3S4.js';
-import '../chunk-BRK3HXGZ.js';
+export { RAIL_LIST_LABELS, RailList } from '../chunk-M576OESX.js';
 import '../chunk-3IWZVEXA.js';
+import '../chunk-BRK3HXGZ.js';
 import '../chunk-O5CEG7TQ.js';
 import '../chunk-YGRTX67J.js';
 import '../chunk-TEV5REGB.js';

package/dist/RefusalCard/index.js

@@ -1,8 +1,8 @@
-export { REFUSAL_CARD_LABELS, RefusalCard } from '../chunk-7ELFH3RJ.js';
-import '../chunk-FLW5U7YS.js';
-import '../chunk-LBGKLYBY.js';
+export { REFUSAL_CARD_LABELS, RefusalCard } from '../chunk-4FZDH5U6.js';
+import '../chunk-FXSCAP36.js';
 import '../chunk-U2IQNDDR.js';
 import '../chunk-AV2DXAEL.js';
+import '../chunk-LBGKLYBY.js';
 import '../chunk-CYQBDZ6M.js';
 import '../chunk-D2GT3CR4.js';
 import '../chunk-PQADV6P6.js';

package/dist/ResultTableCard/index.js

@@ -1,12 +1,12 @@
-export { RESULT_TABLE_CARD_LABELS, RESULT_TABLE_COLLAPSED_ROWS, RESULT_TABLE_MAX_ROWS, ResultTableCard } from '../chunk-2L4WHYMT.js';
+export { RESULT_TABLE_CARD_LABELS, RESULT_TABLE_COLLAPSED_ROWS, RESULT_TABLE_MAX_ROWS, ResultTableCard } from '../chunk-MHDFQCE2.js';
 import '../chunk-75NQV4R4.js';
 import '../chunk-EHFQMY3B.js';
 import '../chunk-YNRKVY7X.js';
 import '../chunk-DTIW4CHZ.js';
-import '../chunk-FLW5U7YS.js';
-import '../chunk-LBGKLYBY.js';
+import '../chunk-FXSCAP36.js';
 import '../chunk-U2IQNDDR.js';
 import '../chunk-AV2DXAEL.js';
+import '../chunk-LBGKLYBY.js';
 import '../chunk-CYQBDZ6M.js';
 import '../chunk-DGXZ635L.js';
 import '../chunk-XSPCITPN.js';

package/dist/RichEditor/index.js

@@ -1,4 +1,4 @@
-export { RichEditor, preloadRichEditor } from '../chunk-AUSFKGKL.js';
+export { RichEditor, preloadRichEditor } from '../chunk-7RUF3QZ2.js';
 export { RICH_EDITOR_LABELS, richEditorLabels } from '../chunk-2DMTW2Y3.js';
 import '../chunk-KOJPDCGQ.js';
 import '../chunk-KBZO4B33.js';

package/dist/RoomRow/RoomRow.d.ts

@@ -0,0 +1,41 @@
+import { type ReactNode } from 'react';
+import { type ListItemProps } from '../List/index.js';
+export interface RoomRowProps extends Omit<ListItemProps, 'children' | 'href' | 'onClick' | 'asChild' | 'leading' | 'trailing' | 'tone' | 'dangerLabel'> {
+    /** The room's own address: the whole row opens it. */
+    href: string;
+    /**
+     * The room's kind, as its glyph at the small step (a hash, a lock, a team's
+     * mark). Decorative: the name says which room it is, and a kind that matters
+     * to the reader is said in `tags` or `facts`.
+     */
+    mark: ReactNode;
+    /** The room's name. A long one wraps rather than running under the action. */
+    name: ReactNode;
+    /** Small labels after the name: `Tag`s such as "Joined" or "Archived". */
+    tags?: ReactNode;
+    /** What the room is about now. One line, cut with an ellipsis. */
+    topic?: ReactNode;
+    /**
+     * The quiet facts under it, in order: how many are in it, when it last
+     * spoke, a sentence about who may join. Joined with a middle dot that a
+     * screen reader skips; an empty or missing fact is left out.
+     */
+    facts?: readonly ReactNode[] | undefined;
+}
+/**
+ * A room as a directory of rooms lists it: its kind's mark and its name with
+ * its state, what it is about, a line of facts, and one control at the row's
+ * end (Join, Open) beside the row's own link.
+ *
+ * A LIST ROW, NOT A CARD. It is `List.Item` with its words arranged for a
+ * room, so a list of rooms is drawn by `List` (`variant="divided"`) and takes
+ * the list's hairlines, hover and focus ring, and a row is the same height as
+ * every other list in the product.
+ *
+ * TWO CONTROLS, NEVER ONE INSIDE THE OTHER. The whole row is a link to the
+ * room; the action stands beside it (`List.Item`'s `action`), so Tab reaches
+ * each and the link's name is the room's words without "Join" in it. What
+ * pressing the action came to, when it needs saying, is the row's `note`,
+ * under both.
+ */
+export declare function RoomRow({ href, mark, name, tags, topic, facts, className, ...rest }: RoomRowProps): import("react").JSX.Element;

package/dist/RoomRow/index.d.ts

@@ -0,0 +1,4 @@
+import '../ChatMessage/ChatScale.css';
+import './RoomRow.css';
+export { RoomRow } from './RoomRow.js';
+export type { RoomRowProps } from './RoomRow.js';

package/dist/RoomRow/index.js

@@ -0,0 +1,4 @@
+export { RoomRow } from '../chunk-Z34W5TM6.js';
+import '../chunk-A7UOYLK3.js';
+import '../chunk-UT6CW3C7.js';
+import '../chunk-ODEQTPFM.js';

package/dist/RoomRow-3OTEY6GK.css

@@ -0,0 +1,55 @@
+/*
+ * RoomRow: a room as a directory of rooms lists it, on List.Item.
+ *
+ * The row's words stack: the name line, the topic, the facts. They take the
+ * conversation's own scale (ChatScale.css), so a room's name in a directory
+ * is the size it is in the room's header and its messages.
+ */
+
+.crewlet-room-row > .crewlet-list__row > .crewlet-list__content {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: var(--spacing-1);
+}
+
+/* A room's name wraps rather than pushing past the row: one unbroken name (a
+   slug with no hyphen) otherwise runs over its own tag and into the action. */
+.crewlet-room-row__name {
+  display: inline-flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--spacing-2);
+  min-height: var(--spacing-5);
+  min-width: 0;
+  overflow-wrap: anywhere;
+  font-size: var(--crewlet-chat-text);
+  font-weight: var(--font-weight-medium);
+}
+
+.crewlet-room-row__mark {
+  display: inline-flex;
+  flex: none;
+  color: var(--color-text-secondary);
+}
+
+.crewlet-room-row__title {
+  min-width: 0;
+}
+
+.crewlet-room-row__topic {
+  overflow: hidden;
+  color: var(--color-text-secondary);
+  font-size: var(--crewlet-chat-text);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.crewlet-room-row__facts {
+  color: var(--color-text-secondary);
+  font-size: var(--crewlet-chat-meta);
+}
+
+.crewlet-room-row__sep {
+  color: var(--color-text-tertiary);
+}

package/dist/SegmentedControl/index.js

@@ -6,9 +6,9 @@ import '../chunk-CYQBDZ6M.js';
 import '../chunk-TGGYSQRD.js';
 import '../chunk-L72URIHR.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';

package/dist/SelectionBar/index.js

@@ -1,8 +1,8 @@
 export { SelectionBar } from '../chunk-XA2QKGBJ.js';
 import '../chunk-NXFTCPF6.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-2G355KDJ.js';

package/dist/ShareDialog/index.js

@@ -12,9 +12,9 @@ import '../chunk-XZY6S3UC.js';
 import '../chunk-YJQXESOJ.js';
 import '../chunk-L72URIHR.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';

package/dist/SheetColumnEditor/index.js

@@ -17,9 +17,9 @@ import '../chunk-O7N6W52M.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-CMAZZY2I.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.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-46FIBJCV.js';
+export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-OM6SKOXM.js';
 import '../chunk-UEOEBOBR.js';
 import '../chunk-CENOOTAV.js';
 import '../chunk-MMCYH5LB.js';
@@ -6,19 +6,19 @@ import '../chunk-EFX2YC5T.js';
 import '../chunk-VB3FVKNI.js';
 import '../chunk-LFSIKGRQ.js';
 import '../chunk-Z7JYG5TF.js';
-import '../chunk-LBGKLYBY.js';
 import '../chunk-EC6EUIAD.js';
 import '../chunk-AYKXMIOR.js';
 import '../chunk-YTLWOHOY.js';
 import '../chunk-XZY6S3UC.js';
+import '../chunk-LBGKLYBY.js';
 import '../chunk-CYQBDZ6M.js';
+import '../chunk-TGGYSQRD.js';
 import '../chunk-7ZSEUO5Q.js';
 import '../chunk-HTS5RJ7S.js';
-import '../chunk-TGGYSQRD.js';
 import '../chunk-L72URIHR.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';

package/dist/SlideCompare/index.js

@@ -1,8 +1,8 @@
 export { SLIDE_COMPARE_LABELS, SlideCompare } from '../chunk-XJMES7AE.js';
 import '../chunk-O6EV6GKI.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UT6CW3C7.js';

package/dist/SlideFilmstrip/index.js

@@ -6,8 +6,8 @@ import '../chunk-TGGYSQRD.js';
 import '../chunk-L72URIHR.js';
 import '../chunk-CMAZZY2I.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';

package/dist/StatusCard/index.js

@@ -1,7 +1,7 @@
-export { StatusCard } from '../chunk-FLW5U7YS.js';
-import '../chunk-LBGKLYBY.js';
+export { StatusCard } from '../chunk-FXSCAP36.js';
 import '../chunk-U2IQNDDR.js';
 import '../chunk-AV2DXAEL.js';
+import '../chunk-LBGKLYBY.js';
 import '../chunk-CYQBDZ6M.js';
 import '../chunk-D2GT3CR4.js';
 import '../chunk-PQADV6P6.js';

package/dist/Switch/Switch.d.ts

@@ -8,6 +8,20 @@ export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     framed?: boolean;
     /** The new state, for a caller that does not want to read it off an event. */
     onCheckedChange?: (checked: boolean) => void;
+    /**
+     * The label stays the switch's name and is not drawn: for a switch at the
+     * end of a row whose own words already say what it sets (a member's row in
+     * a room, "Answers when named"). The track alone is drawn.
+     */
+    labelHidden?: boolean | undefined;
+    /**
+     * Why the switch cannot be moved, as a sentence. It is drawn dimmed and
+     * does not move, and stays a tab stop whose reason is read after its name
+     * (`aria-describedby`), where a natively disabled control is skipped by Tab
+     * and says nothing. Pair it with a `Tooltip` to show the sentence to a
+     * pointer. Leave it out for a switch that can move.
+     */
+    disabledReason?: string | undefined;
 }
 /**
  * A setting that is on or off, and takes effect as it is switched.

package/dist/Switch/index.js

@@ -1,2 +1,3 @@
-export { Switch } from '../chunk-3XDT5ZWL.js';
+export { Switch } from '../chunk-3N3XK2G5.js';
+import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{Switch-AUYLQLTN.css → Switch-XJE34BZH.css}

@@ -172,6 +172,21 @@
   border-radius: var(--radius-lg);
 }
 
+/*
+ * THE TRACK ALONE, for a switch whose label is its name and not drawn: no
+ * gap after it and no padding to centre a line of text that is not there, so
+ * it stands on the middle of the row it ends.
+ */
+.crewlet-switch--label-hidden {
+  align-items: center;
+  gap: 0;
+  padding-block: 0;
+}
+
+.crewlet-switch--label-hidden .crewlet-switch__track {
+  margin-block: 0;
+}
+
 .crewlet-switch.is-disabled,
 .crewlet-switch.is-disabled .crewlet-switch__control {
   cursor: not-allowed;

package/dist/Switcher/index.js

@@ -9,8 +9,8 @@ import '../chunk-L72URIHR.js';
 import '../chunk-O7N6W52M.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';

package/dist/TableCells/index.js

@@ -1,11 +1,11 @@
-export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell, TableTwoLineCell } from '../chunk-3CALM534.js';
+export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell, TableTwoLineCell } from '../chunk-KMAVYQYO.js';
 import '../chunk-O5CEG7TQ.js';
 import '../chunk-QF5UNP4T.js';
-import '../chunk-LBGKLYBY.js';
 import '../chunk-EJNJMHQG.js';
 import '../chunk-RE3FBGQQ.js';
 import '../chunk-YTLWOHOY.js';
 import '../chunk-XZY6S3UC.js';
+import '../chunk-LBGKLYBY.js';
 import '../chunk-CYQBDZ6M.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/Tabs/index.js

@@ -4,9 +4,9 @@ import '../chunk-CYQBDZ6M.js';
 import '../chunk-TGGYSQRD.js';
 import '../chunk-L72URIHR.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';

package/dist/ThemeSwitcher/index.js

@@ -9,9 +9,9 @@ import '../chunk-CYQBDZ6M.js';
 import '../chunk-TGGYSQRD.js';
 import '../chunk-L72URIHR.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';

package/dist/ThreadSummary/index.js

@@ -1,6 +1,6 @@
-export { THREAD_SUMMARY_LABELS, ThreadSummary } from '../chunk-QPYGJ7R7.js';
-import '../chunk-LBGKLYBY.js';
+export { THREAD_SUMMARY_LABELS, ThreadSummary } from '../chunk-F4VDXWFY.js';
 import '../chunk-YTLWOHOY.js';
 import '../chunk-XZY6S3UC.js';
+import '../chunk-LBGKLYBY.js';
 import '../chunk-CYQBDZ6M.js';
 import '../chunk-ODEQTPFM.js';

package/dist/TimeRangePicker/index.js

@@ -11,9 +11,9 @@ import '../chunk-L72URIHR.js';
 import '../chunk-O7N6W52M.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';

package/dist/TimeWindowPicker/index.js

@@ -1,15 +1,15 @@
-export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-T3S3D4FC.js';
+export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-UPFIZO4B.js';
 import '../chunk-3IWZVEXA.js';
 import '../chunk-YGRTX67J.js';
-import '../chunk-EE3DJMSQ.js';
 import '../chunk-EC6EUIAD.js';
+import '../chunk-EE3DJMSQ.js';
 import '../chunk-L72URIHR.js';
 import '../chunk-O7N6W52M.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';

package/dist/TreeCanvas/index.js

@@ -8,8 +8,8 @@ import '../chunk-HTS5RJ7S.js';
 import '../chunk-L72URIHR.js';
 import '../chunk-CMAZZY2I.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';

package/dist/VersionCompare/index.js

@@ -9,9 +9,9 @@ import '../chunk-TGGYSQRD.js';
 import '../chunk-L72URIHR.js';
 import '../chunk-PPUR46MK.js';
 import '../chunk-DGXZ635L.js';
-import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-2YTOOH3A.js';
+import '../chunk-XSPCITPN.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';
 import '../chunk-UAUP6XGK.js';

package/dist/{chunk-3XDT5ZWL.js → chunk-3N3XK2G5.js}

@@ -1,5 +1,6 @@
+import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Switch-AUYLQLTN.css';
+import './Switch-XJE34BZH.css';
 import { forwardRef, useId } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -9,6 +10,9 @@ var Switch = forwardRef(function Switch2({
   framed = false,
   onCheckedChange,
   onChange,
+  onClick,
+  labelHidden = false,
+  disabledReason,
   className = "",
   disabled,
   id,
@@ -19,13 +23,20 @@ var Switch = forwardRef(function Switch2({
   const inputId = id ?? generatedId;
   const labelId = `${inputId}-label`;
   const descriptionId = description ? `${inputId}-description` : void 0;
+  const reasonId = disabledReason ? `${inputId}-reason` : void 0;
+  const inert = disabledReason !== void 0 && disabledReason !== "";
+  const text = /* @__PURE__ */ jsxs("span", { className: "crewlet-switch__text", children: [
+    /* @__PURE__ */ jsx("span", { className: "crewlet-switch__label", id: labelId, children: label }),
+    description ? /* @__PURE__ */ jsx("span", { className: "crewlet-switch__description", id: descriptionId, children: description }) : null
+  ] });
   return /* @__PURE__ */ jsxs(
     "label",
     {
       className: cx(
         "crewlet-switch",
         framed && "crewlet-switch--framed",
-        disabled && "is-disabled",
+        labelHidden && "crewlet-switch--label-hidden",
+        (disabled || inert) && "is-disabled",
         className
       ),
       children: [
@@ -40,20 +51,27 @@ var Switch = forwardRef(function Switch2({
               className: "crewlet-switch__control",
               disabled,
               "aria-labelledby": labelId,
-              "aria-describedby": cx(descriptionId, describedBy) || void 0,
+              "aria-describedby": cx(descriptionId, reasonId, describedBy) || void 0,
+              "aria-disabled": inert || void 0,
+              ...rest,
+              onClick: (event) => {
+                if (inert) {
+                  if (rest.checked === void 0) event.preventDefault();
+                  return;
+                }
+                onClick?.(event);
+              },
               onChange: (event) => {
+                if (inert) return;
                 onChange?.(event);
                 onCheckedChange?.(event.target.checked);
-              },
-              ...rest
+              }
             }
           ),
           /* @__PURE__ */ jsx("span", { className: "crewlet-switch__thumb", "aria-hidden": "true" })
         ] }),
-        /* @__PURE__ */ jsxs("span", { className: "crewlet-switch__text", children: [
-          /* @__PURE__ */ jsx("span", { className: "crewlet-switch__label", id: labelId, children: label }),
-          description ? /* @__PURE__ */ jsx("span", { className: "crewlet-switch__description", id: descriptionId, children: description }) : null
-        ] })
+        labelHidden ? /* @__PURE__ */ jsx(VisuallyHidden, { children: text }) : text,
+        inert ? /* @__PURE__ */ jsx(VisuallyHidden, { id: reasonId, children: disabledReason }) : null
       ]
     }
   );

package/dist/{chunk-M33DABTW.js → chunk-3W67EZR4.js}

@@ -1,6 +1,6 @@
 import { RefusalStrip, ReceiptStrip } from './chunk-ZWCK4N4L.js';
 import { ChangeList } from './chunk-3MFRTZH6.js';
-import { StatusCard } from './chunk-FLW5U7YS.js';
+import { StatusCard } from './chunk-FXSCAP36.js';
 import { Checkbox } from './chunk-YQ7Q52XU.js';
 import { Disclosure } from './chunk-NAHA62WD.js';
 import { Button } from './chunk-DGXZ635L.js';

package/dist/{chunk-7ELFH3RJ.js → chunk-4FZDH5U6.js}

@@ -1,4 +1,4 @@
-import { StatusCard } from './chunk-FLW5U7YS.js';
+import { StatusCard } from './chunk-FXSCAP36.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './RefusalCard-UM67F5HB.css';
 import { LockGlyph } from '@crewlethq/icons/glyphs';