@crewlethq/ui 0.7.0 → 0.8.0

package/dist/Charts/BarList.d.ts

@@ -1,4 +1,15 @@
 import type { ReactNode } from 'react';
+/** One part of a row's value: see [BarDatum.parts]. */
+export interface BarPart {
+    /** Keyed by id, so a push that re-ranks the parts moves no other part. */
+    id: string;
+    label: ReactNode;
+    value: number;
+    /** What the part's number reads as in the row's key. Defaults to the value. */
+    display?: ReactNode;
+    /** Defaults to the part's place in the row's `parts`, in the data ramp. */
+    color?: string;
+}
 export interface BarDatum {
     /**
      * What this row is, as a stable identity. REQUIRED: a ranked list is
@@ -20,6 +31,18 @@ export interface BarDatum {
     href?: string;
     /** What pressing the row does, where it is not a destination. */
     onSelect?: () => void;
+    /**
+     * What the row's value is made of, such as a team's tokens by seat. The
+     * row's bar is split into these, in proportion to each part's value and
+     * 2px apart, and the row is keyed under its bar with each part's name and
+     * number: a split bar with no key is a picture of some numbers. A part's
+     * hue is its place in this list unless it names one, so every row is keyed
+     * under itself and two rows may use one hue for different parts. A part
+     * with nothing in it is neither drawn nor keyed, and keeps its hue's place.
+     * The parts are the caller's to sum to `value`: the bar's length is the
+     * row's value, and the parts only divide it.
+     */
+    parts?: BarPart[];
 }
 /**
  * Where a row's bar stands against its words.

package/dist/Charts/index.d.ts

@@ -3,7 +3,7 @@ export { DATA_COLORS, DATA_COLOR_OTHER, dataColor } from './dataColor.js';
 export { Legend } from './Legend.js';
 export type { LegendItem, LegendProps } from './Legend.js';
 export { BarList } from './BarList.js';
-export type { BarDatum, BarListProps } from './BarList.js';
+export type { BarDatum, BarListLayout, BarListProps, BarPart } from './BarList.js';
 export { StackedBar } from './StackedBar.js';
 export type { StackedBarProps, StackedSegment } from './StackedBar.js';
 export { ActivityStrip } from './ActivityStrip.js';

package/dist/Charts/index.js

@@ -1,3 +1,3 @@
-export { ActivityStrip, BarList, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, niceScale, useChartHover } from '../chunk-RJM4QCGG.js';
+export { ActivityStrip, BarList, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, niceScale, useChartHover } from '../chunk-6VL4LGWC.js';
 import '../chunk-BZFWDIV6.js';
 import '../chunk-ODEQTPFM.js';

package/dist/{Charts-B3YEF7R4.css → Charts-THPA5BWV.css}

@@ -271,6 +271,46 @@
   white-space: nowrap;
 }
 
+/*
+ * A SPLIT BAR: one bar divided into its parts, as a stacked bar is. The parts
+ * stand 2px apart for the stacked bar's reason, the ground showing through is
+ * what makes each part a part, and each part GROWS by its value (a style
+ * property on the part) so the gaps come out of the parts and the bar keeps
+ * its length. The bar clips its parts, so the last part takes the bar's
+ * rounded value end and the first its square start.
+ */
+.crewlet-bar-list__bar--parts {
+  display: flex;
+  gap: 2px;
+  overflow: hidden;
+  background: none;
+}
+
+.crewlet-bar-list__part {
+  flex-grow: 0;
+  flex-shrink: 1;
+  flex-basis: 0;
+  min-width: 0;
+  height: 100%;
+  background: var(--crewlet-bar-list-part-color, var(--color-data-other));
+}
+
+/*
+ * THE KEY UNDER A SPLIT BAR, at the caption step, starting where the bar
+ * starts: under the plot in the BESIDE register, past the words' column and
+ * the gap after it, so each name stands under the bar it keys rather than
+ * under the row's own name.
+ */
+.crewlet-bar-list__key {
+  margin-top: var(--spacing-1);
+  font-size: var(--font-size-2xs);
+}
+
+.crewlet-bar-list--beside .crewlet-bar-list__key {
+  margin-top: 0;
+  padding-inline-start: calc(var(--crewlet-bar-list-label-width) + var(--spacing-3));
+}
+
 /* ─── Stacked bar ─────────────────────────────────────────────── */
 
 /*

package/dist/DataTable/index.js

@@ -1,10 +1,10 @@
-export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-CVB7O3SZ.js';
+export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-QJZ3Y6WW.js';
 import '../chunk-LSB3EHBW.js';
 import '../chunk-EUCC37WY.js';
-import '../chunk-BTHX2FS3.js';
-import '../chunk-AV2DXAEL.js';
 import '../chunk-YCTMKKRA.js';
+import '../chunk-AV2DXAEL.js';
 import '../chunk-5VNUYO76.js';
+import '../chunk-BTHX2FS3.js';
 import '../chunk-PQADV6P6.js';
 import '../chunk-7RPGY3JE.js';
 import '../chunk-R25RGPUB.js';

package/dist/DataView/index.js

@@ -1,18 +1,18 @@
-export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from '../chunk-CLPDVL46.js';
+export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from '../chunk-CHG7VT2M.js';
 import '../chunk-PGRPNDWM.js';
 import '../chunk-HOXGBLEY.js';
 import '../chunk-3CZ7XAVY.js';
-import '../chunk-SMBKXWML.js';
-import '../chunk-CVB7O3SZ.js';
-import '../chunk-LSB3EHBW.js';
-import '../chunk-EUCC37WY.js';
-import '../chunk-BTHX2FS3.js';
 import '../chunk-5I56UXBJ.js';
 import '../chunk-PDUZO35I.js';
+import '../chunk-QJZ3Y6WW.js';
+import '../chunk-LSB3EHBW.js';
+import '../chunk-EUCC37WY.js';
+import '../chunk-YCTMKKRA.js';
 import '../chunk-GXQ3B46I.js';
 import '../chunk-AV2DXAEL.js';
-import '../chunk-YCTMKKRA.js';
 import '../chunk-5VNUYO76.js';
+import '../chunk-SMBKXWML.js';
+import '../chunk-BTHX2FS3.js';
 import '../chunk-6MU7HNB4.js';
 import '../chunk-ZGX2DP7F.js';
 import '../chunk-BHHIIK3M.js';

package/dist/{chunk-RJM4QCGG.js → chunk-6VL4LGWC.js}

@@ -1,6 +1,6 @@
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './Charts-B3YEF7R4.css';
+import './Charts-THPA5BWV.css';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, useCallback, useId } from 'react';
 
@@ -61,15 +61,24 @@ function BarList({
     /* @__PURE__ */ jsxs("ul", { role: "list", className: cx("crewlet-bar-list", `crewlet-bar-list--${layout}`, className), children: [
       shown.map((datum, index) => {
         const width = top > 0 && datum.value > 0 ? Math.max(1, datum.value / top * 100) : 0;
+        const parts = (datum.parts ?? []).map((part, at) => ({ ...part, color: part.color ?? dataColor(at) })).filter((part) => part.value > 0);
         const bar = width > 0 ? /* @__PURE__ */ jsx(
           "span",
           {
-            className: "crewlet-bar-list__bar",
+            className: cx("crewlet-bar-list__bar", parts.length > 0 && "crewlet-bar-list__bar--parts"),
             "aria-hidden": true,
-            style: {
+            style: parts.length > 0 ? { width: `${width}%` } : {
               width: `${width}%`,
               "--crewlet-bar-list-bar-color": datum.color ?? dataColor(index)
-            }
+            },
+            children: parts.map((part) => /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "crewlet-bar-list__part",
+                style: { flexGrow: part.value, "--crewlet-bar-list-part-color": part.color }
+              },
+              part.id
+            ))
           }
         ) : null;
         const value = /* @__PURE__ */ jsx("span", { className: "crewlet-bar-list__value", children: datum.display ?? datum.value.toLocaleString() });
@@ -98,15 +107,29 @@ function BarList({
             /* @__PURE__ */ jsx("span", { className: "crewlet-bar-list__sub", children: datum.sub })
           ] })
         ] });
-        return /* @__PURE__ */ jsx("li", { className: "crewlet-bar-list__item", children: datum.href ? /* @__PURE__ */ jsx("a", { className: "crewlet-bar-list__row crewlet-bar-list__row--pressable", href: datum.href, children: body }) : datum.onSelect ? /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: "crewlet-bar-list__row crewlet-bar-list__row--pressable",
-            onClick: datum.onSelect,
-            children: body
-          }
-        ) : /* @__PURE__ */ jsx("span", { className: "crewlet-bar-list__row", children: body }) }, datum.id);
+        return /* @__PURE__ */ jsxs("li", { className: "crewlet-bar-list__item", children: [
+          datum.href ? /* @__PURE__ */ jsx("a", { className: "crewlet-bar-list__row crewlet-bar-list__row--pressable", href: datum.href, children: body }) : datum.onSelect ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "crewlet-bar-list__row crewlet-bar-list__row--pressable",
+              onClick: datum.onSelect,
+              children: body
+            }
+          ) : /* @__PURE__ */ jsx("span", { className: "crewlet-bar-list__row", children: body }),
+          parts.length > 0 && /* @__PURE__ */ jsx(
+            Legend,
+            {
+              className: "crewlet-bar-list__key",
+              items: parts.map((part) => ({
+                id: part.id,
+                label: part.label,
+                color: part.color,
+                value: part.display ?? part.value.toLocaleString()
+              }))
+            }
+          )
+        ] }, datum.id);
       }),
       remaining > 0 && /* @__PURE__ */ jsx("li", { className: "crewlet-bar-list__more", children: moreLabel(remaining) })
     ] })

package/dist/{chunk-CLPDVL46.js → chunk-CHG7VT2M.js}

@@ -1,11 +1,11 @@
 import { Toolbar } from './chunk-PGRPNDWM.js';
 import { PageHeader } from './chunk-HOXGBLEY.js';
 import { RelativeTime } from './chunk-3CZ7XAVY.js';
-import { Kbd } from './chunk-SMBKXWML.js';
-import { DataTable } from './chunk-CVB7O3SZ.js';
-import { Menu } from './chunk-LSB3EHBW.js';
 import { DateTimePicker } from './chunk-5I56UXBJ.js';
 import { Popover } from './chunk-PDUZO35I.js';
+import { DataTable } from './chunk-QJZ3Y6WW.js';
+import { Menu } from './chunk-LSB3EHBW.js';
+import { Kbd } from './chunk-SMBKXWML.js';
 import { useListbox, useOptionKeys } from './chunk-6MU7HNB4.js';
 import { Input } from './chunk-ZGX2DP7F.js';
 import { Count } from './chunk-BHHIIK3M.js';

package/dist/generated/index.js

@@ -40,42 +40,42 @@ export { ListInput } from '../chunk-6HXH57BL.js';
 export { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTone, meterTone, progressTone } from '../chunk-4PZ6FJKW.js';
 export { NewItemsNotice } from '../chunk-PXU6HOZB.js';
 export { useFullscreen } from '../chunk-XDTYBF2F.js';
-export { ImageUpload } from '../chunk-W4GQWFRX.js';
 export { InlineCode } from '../chunk-NN62JQLR.js';
+export { ImageUpload } from '../chunk-W4GQWFRX.js';
 export { AutoGrid, Inline, Spacer, Stack } from '../chunk-W4ENKCXJ.js';
-export { DIFF_LIST_LABELS, DiffList } from '../chunk-LFHCXZO5.js';
 export { Disclosure } from '../chunk-MICH6QSJ.js';
 export { EmptyState } from '../chunk-RA2ULG6H.js';
-export { EntityChip } from '../chunk-WSOFKOLP.js';
 export { ErrorBoundary } from '../chunk-XX2VQE55.js';
 export { Eyebrow } from '../chunk-RK4XPHVG.js';
 export { FILTER_CHIP_ATTRIBUTE, FilterChip, FilterChipGroup } from '../chunk-5YLON2PW.js';
-export { CommandPalette } from '../chunk-BXPLX7YU.js';
+export { EntityChip } from '../chunk-WSOFKOLP.js';
 export { Container } from '../chunk-QVE4GJAT.js';
-export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from '../chunk-CLPDVL46.js';
+export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from '../chunk-CHG7VT2M.js';
 export { Toolbar, ToolbarOverflow, ToolbarWide } from '../chunk-PGRPNDWM.js';
 export { PageHeader } from '../chunk-HOXGBLEY.js';
 export { RelativeTime, currentNow, formatElapsed, formatExact, formatRelative, formatUntil, toISO, toInstant, useNow } from '../chunk-3CZ7XAVY.js';
-export { Kbd, isApplePlatform, keyGlyph } from '../chunk-SMBKXWML.js';
-export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-CVB7O3SZ.js';
-export { Menu } from '../chunk-LSB3EHBW.js';
-export { EMPTY_VALUE, EmptyValue } from '../chunk-EUCC37WY.js';
-export { ConfirmModal, Modal } from '../chunk-BTHX2FS3.js';
 export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from '../chunk-5I56UXBJ.js';
 export { Popover } from '../chunk-PDUZO35I.js';
+export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-QJZ3Y6WW.js';
+export { Menu } from '../chunk-LSB3EHBW.js';
+export { EMPTY_VALUE, EmptyValue } from '../chunk-EUCC37WY.js';
+export { Checkbox } from '../chunk-YCTMKKRA.js';
 export { DescriptionList, DescriptionListItem } from '../chunk-XN4JBAN3.js';
+export { DIFF_LIST_LABELS, DiffList } from '../chunk-LFHCXZO5.js';
 export { CalendarGrid, compareDays, daysInMonth, sameDay, shiftDay, shiftMonth, today } from '../chunk-GXQ3B46I.js';
 export { Callout } from '../chunk-R6FBDTP3.js';
 export { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, CANVAS_FIT_PADDING, CANVAS_FOCUS_CONTEXT, CANVAS_MAX_ZOOM, CANVAS_MIN_ZOOM, CANVAS_PAN_MARGIN, CANVAS_PAN_STEP, CANVAS_REVEAL_PADDING, CANVAS_TAP_SLOP, CANVAS_WHEEL_LINE_PX, CANVAS_WHEEL_ZOOM_PER_PIXEL, CANVAS_ZOOM_CEILING, CANVAS_ZOOM_LIMITS, CANVAS_ZOOM_STEP, Canvas, IDENTITY_VIEW, anchorView, beyondSlop, clampPan, clampZoom, fitView, panBy, pinchView, regionView, revealView, screenRect, toScreen, toWorld, wheelPixels, wheelZoomFactor, zoomAt, zoomLimits } from '../chunk-VE6LD3KM.js';
 import '../chunk-53DVJCVW.js';
 export { Card } from '../chunk-CEOXFO3E.js';
 export { useCardHeaderSlot } from '../chunk-AV2DXAEL.js';
-export { ActivityStrip, BarList, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, niceScale, useChartHover } from '../chunk-RJM4QCGG.js';
-export { Checkbox } from '../chunk-YCTMKKRA.js';
+export { ActivityStrip, BarList, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, niceScale, useChartHover } from '../chunk-6VL4LGWC.js';
 export { CodeBlock } from '../chunk-MORLKUGM.js';
 export { CopyButton, Copyable } from '../chunk-26SCUACK.js';
 export { useClipboard, writeClipboard } from '../chunk-5VNUYO76.js';
 export { Combobox } from '../chunk-UYK72NOS.js';
+export { CommandPalette } from '../chunk-BXPLX7YU.js';
+export { Kbd, isApplePlatform, keyGlyph } from '../chunk-SMBKXWML.js';
+export { ConfirmModal, Modal } from '../chunk-BTHX2FS3.js';
 export { TYPE_AHEAD_WINDOW, useListbox, useOptionKeys } from '../chunk-6MU7HNB4.js';
 export { FormField, FormRow, FormSection, Input, InputAffix, Label, ReadOnlyField, Textarea } from '../chunk-ZGX2DP7F.js';
 export { Accordion, AccordionItem } from '../chunk-RIAZM6L3.js';

package/dist/index.js

@@ -40,42 +40,42 @@ export { ListInput } from './chunk-6HXH57BL.js';
 export { DEFAULT_METER_THRESHOLDS, METER_STATES, Meter, meterState, meterStateTone, meterTone, progressTone } from './chunk-4PZ6FJKW.js';
 export { NewItemsNotice } from './chunk-PXU6HOZB.js';
 export { useFullscreen } from './chunk-XDTYBF2F.js';
-export { ImageUpload } from './chunk-W4GQWFRX.js';
 export { InlineCode } from './chunk-NN62JQLR.js';
+export { ImageUpload } from './chunk-W4GQWFRX.js';
 export { AutoGrid, Inline, Spacer, Stack } from './chunk-W4ENKCXJ.js';
-export { DIFF_LIST_LABELS, DiffList } from './chunk-LFHCXZO5.js';
 export { Disclosure } from './chunk-MICH6QSJ.js';
 export { EmptyState } from './chunk-RA2ULG6H.js';
-export { EntityChip } from './chunk-WSOFKOLP.js';
 export { ErrorBoundary } from './chunk-XX2VQE55.js';
 export { Eyebrow } from './chunk-RK4XPHVG.js';
 export { FILTER_CHIP_ATTRIBUTE, FilterChip, FilterChipGroup } from './chunk-5YLON2PW.js';
-export { CommandPalette } from './chunk-BXPLX7YU.js';
+export { EntityChip } from './chunk-WSOFKOLP.js';
 export { Container } from './chunk-QVE4GJAT.js';
-export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from './chunk-CLPDVL46.js';
+export { DATA_VIEW_TOOLBAR_LABELS, DataView, DataViewToolbar, FILTER_AXIS_LABELS, FilterAxisBar, FilterAxisChip, applyColumnFilters, applyFilters, blankFilterValue, defaultOperator, filterDefsFromColumns, filterHasValue, filterPredicate, formatFilterValue, operatorOf, tableColumns } from './chunk-CHG7VT2M.js';
 export { Toolbar, ToolbarOverflow, ToolbarWide } from './chunk-PGRPNDWM.js';
 export { PageHeader } from './chunk-HOXGBLEY.js';
 export { RelativeTime, currentNow, formatElapsed, formatExact, formatRelative, formatUntil, toISO, toInstant, useNow } from './chunk-3CZ7XAVY.js';
-export { Kbd, isApplePlatform, keyGlyph } from './chunk-SMBKXWML.js';
-export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from './chunk-CVB7O3SZ.js';
-export { Menu } from './chunk-LSB3EHBW.js';
-export { EMPTY_VALUE, EmptyValue } from './chunk-EUCC37WY.js';
-export { ConfirmModal, Modal } from './chunk-BTHX2FS3.js';
 export { DEFAULT_DATE_TIME_PICKER_LABELS, DateTimePicker } from './chunk-5I56UXBJ.js';
 export { Popover } from './chunk-PDUZO35I.js';
+export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from './chunk-QJZ3Y6WW.js';
+export { Menu } from './chunk-LSB3EHBW.js';
+export { EMPTY_VALUE, EmptyValue } from './chunk-EUCC37WY.js';
+export { Checkbox } from './chunk-YCTMKKRA.js';
 export { DescriptionList, DescriptionListItem } from './chunk-XN4JBAN3.js';
+export { DIFF_LIST_LABELS, DiffList } from './chunk-LFHCXZO5.js';
 export { CalendarGrid, compareDays, daysInMonth, sameDay, shiftDay, shiftMonth, today } from './chunk-GXQ3B46I.js';
 export { Callout } from './chunk-R6FBDTP3.js';
 export { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, CANVAS_FIT_PADDING, CANVAS_FOCUS_CONTEXT, CANVAS_MAX_ZOOM, CANVAS_MIN_ZOOM, CANVAS_PAN_MARGIN, CANVAS_PAN_STEP, CANVAS_REVEAL_PADDING, CANVAS_TAP_SLOP, CANVAS_WHEEL_LINE_PX, CANVAS_WHEEL_ZOOM_PER_PIXEL, CANVAS_ZOOM_CEILING, CANVAS_ZOOM_LIMITS, CANVAS_ZOOM_STEP, Canvas, IDENTITY_VIEW, anchorView, beyondSlop, clampPan, clampZoom, fitView, panBy, pinchView, regionView, revealView, screenRect, toScreen, toWorld, wheelPixels, wheelZoomFactor, zoomAt, zoomLimits } from './chunk-VE6LD3KM.js';
 import './chunk-53DVJCVW.js';
 export { Card } from './chunk-CEOXFO3E.js';
 export { useCardHeaderSlot } from './chunk-AV2DXAEL.js';
-export { ActivityStrip, BarList, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, niceScale, useChartHover } from './chunk-RJM4QCGG.js';
-export { Checkbox } from './chunk-YCTMKKRA.js';
+export { ActivityStrip, BarList, ChartTooltip, DATA_COLORS, DATA_COLOR_OTHER, Legend, Sparkline, StackedBar, StackedColumns, TimeSeries, dataColor, niceScale, useChartHover } from './chunk-6VL4LGWC.js';
 export { CodeBlock } from './chunk-MORLKUGM.js';
 export { CopyButton, Copyable } from './chunk-26SCUACK.js';
 export { useClipboard, writeClipboard } from './chunk-5VNUYO76.js';
 export { Combobox } from './chunk-UYK72NOS.js';
+export { CommandPalette } from './chunk-BXPLX7YU.js';
+export { Kbd, isApplePlatform, keyGlyph } from './chunk-SMBKXWML.js';
+export { ConfirmModal, Modal } from './chunk-BTHX2FS3.js';
 export { TYPE_AHEAD_WINDOW, useListbox, useOptionKeys } from './chunk-6MU7HNB4.js';
 export { FormField, FormRow, FormSection, Input, InputAffix, Label, ReadOnlyField, Textarea } from './chunk-ZGX2DP7F.js';
 export { Accordion, AccordionItem } from './chunk-RIAZM6L3.js';

package/dist/styles.css

@@ -2877,7 +2877,7 @@
 }
 
 
-/* Charts-B3YEF7R4.css */
+/* Charts-THPA5BWV.css */
 /* The chart kit: a legend, a ranked bar list, a stacked bar, stacked
    columns, an activity strip, a time series and the reading layer they share. Hand-drawn rather than a charting library, for one reason that
    decides it: every mark here reads tokens, in two themes, at the contrast
@@ -3151,6 +3151,46 @@
   white-space: nowrap;
 }
 
+/*
+ * A SPLIT BAR: one bar divided into its parts, as a stacked bar is. The parts
+ * stand 2px apart for the stacked bar's reason, the ground showing through is
+ * what makes each part a part, and each part GROWS by its value (a style
+ * property on the part) so the gaps come out of the parts and the bar keeps
+ * its length. The bar clips its parts, so the last part takes the bar's
+ * rounded value end and the first its square start.
+ */
+.crewlet-bar-list__bar--parts {
+  display: flex;
+  gap: 2px;
+  overflow: hidden;
+  background: none;
+}
+
+.crewlet-bar-list__part {
+  flex-grow: 0;
+  flex-shrink: 1;
+  flex-basis: 0;
+  min-width: 0;
+  height: 100%;
+  background: var(--crewlet-bar-list-part-color, var(--color-data-other));
+}
+
+/*
+ * THE KEY UNDER A SPLIT BAR, at the caption step, starting where the bar
+ * starts: under the plot in the BESIDE register, past the words' column and
+ * the gap after it, so each name stands under the bar it keys rather than
+ * under the row's own name.
+ */
+.crewlet-bar-list__key {
+  margin-top: var(--spacing-1);
+  font-size: var(--font-size-2xs);
+}
+
+.crewlet-bar-list--beside .crewlet-bar-list__key {
+  margin-top: 0;
+  padding-inline-start: calc(var(--crewlet-bar-list-label-width) + var(--spacing-3));
+}
+
 /* ─── Stacked bar ─────────────────────────────────────────────── */
 
 /*

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crewlethq/ui",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "Crewlet shared React components built on @crewlethq/tokens and @crewlethq/icons.",
   "license": "MIT",
   "repository": {
@@ -42,8 +42,8 @@
     "clean": "rm -rf dist src/generated"
   },
   "dependencies": {
-    "@crewlethq/icons": "0.7.0",
-    "@crewlethq/tokens": "0.7.0"
+    "@crewlethq/icons": "0.8.0",
+    "@crewlethq/tokens": "0.8.0"
   },
   "peerDependencies": {
     "react": ">=18",

package/dist/{chunk-CVB7O3SZ.js → chunk-QJZ3Y6WW.js}

@@ -1,9 +1,9 @@
 import { Menu } from './chunk-LSB3EHBW.js';
 import { EmptyValue } from './chunk-EUCC37WY.js';
-import { Modal } from './chunk-BTHX2FS3.js';
-import { useCardHeaderSlot } from './chunk-AV2DXAEL.js';
 import { Checkbox } from './chunk-YCTMKKRA.js';
+import { useCardHeaderSlot } from './chunk-AV2DXAEL.js';
 import { useClipboard } from './chunk-5VNUYO76.js';
+import { Modal } from './chunk-BTHX2FS3.js';
 import { IconButton } from './chunk-4FQT6ZAY.js';
 import { Button } from './chunk-OG6CL3EB.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';