@appinternalleads/ui 0.2.0

package/dist/cjs/ds/groupedRows.js

@@ -0,0 +1,63 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GroupedRow = GroupedRow;
+exports.RowGroup = RowGroup;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const core_1 = require("../core");
+const tokens_1 = require("../tokens");
+const tags_1 = require("./tags");
+/**
+ * One row.
+ *
+ * **The chevron means "pushes a sub-screen", and only that** — it is drawn from `onPush`, never
+ * from a row merely being tappable. A selection row is tappable and goes nowhere.
+ *
+ * **The title never truncates; the value gives way first.** The title column does not shrink and
+ * the value does, so a long value ellipsizes against a title that keeps its full width. That one
+ * layout also covers the handoff's Profile case (a short title, a long address) without a prop:
+ * the value takes whatever room is left and right-aligns in it. A subtitle is the exception — its
+ * column must be allowed to shrink or a long subtitle would push the row wider than the screen, so
+ * a row with BOTH a subtitle and a long value can clip its title. No shipped frame has both.
+ */
+function GroupedRow(props) {
+    const { title, subtitle, icon, provenance, titleMono, leading, selected, testID, value, valueMono, control, onPush, onPress } = props;
+    const { colors } = (0, tokens_1.useDs)();
+    const body = ((0, jsx_runtime_1.jsxs)(core_1.Box, { row: true, align: "center", gap: "s3", role: "listitem", testID: onPush || onPress ? undefined : testID, 
+        /* 14 all round on iOS; Android is 15/14, two points taller for the platform's larger minimum
+           touch target. Neither is on the 4pt grid, and the handoff is explicit about both. */
+        style: { paddingVertical: tokens_1.isAndroid ? 15 : 14, paddingHorizontal: 14 }, children: [icon ? (0, jsx_runtime_1.jsx)(core_1.Icon, { name: icon, size: 18, color: colors.textSecondary }) : null, provenance ? (0, jsx_runtime_1.jsx)(core_1.Box, { children: (0, jsx_runtime_1.jsx)(tags_1.ProvenanceTag, { source: provenance }) }) : null, leading, (0, jsx_runtime_1.jsxs)(core_1.Box, { style: subtitle ? { flexGrow: 1, flexShrink: 1, minWidth: 0 } : { flexGrow: 1, flexShrink: 0 }, children: [(0, jsx_runtime_1.jsx)(core_1.Text, { variant: "rowTitleDense", mono: titleMono, numberOfLines: 1, children: title }), subtitle ? ((0, jsx_runtime_1.jsx)(core_1.Text, { variant: "rowSubtitle", color: "textSecondary", numberOfLines: 1, style: { marginTop: 2 }, children: subtitle })) : null] }), value === undefined ? null : ((0, jsx_runtime_1.jsx)(core_1.Text, { variant: "caption", mono: valueMono, color: "textSecondary", align: "right", numberOfLines: 1, style: { flexShrink: 1, minWidth: 0 }, children: value })), control, onPush ? (0, jsx_runtime_1.jsx)(core_1.Icon, { name: "chev-r", size: 15, color: colors.textSecondary }) : null] }));
+    const handler = onPush ?? onPress;
+    if (!handler)
+        return body;
+    return (
+    /* The value belongs in the label: iOS reads a Pressable as ONE element, so a value drawn beside the
+       title — `200 MB`, an address — was on screen and never announced. */
+    (0, jsx_runtime_1.jsx)(core_1.Pressable, { onPress: handler, press: "scale", align: "stretch", justify: "flex-start", "aria-label": [title, value, subtitle, selected ? 'selected' : null].filter(Boolean).join(', '), testID: testID, children: body }));
+}
+/**
+ * The card a run of rows sits in: one surface, one lift, a `hairline` rule under every row but the
+ * last.
+ *
+ * **The border is drawn only where the lift has no ring.** Paper's lifts — and every Android lift —
+ * begin `0 0 0 1px`, and that ring IS the border (contract §2.5); adding one doubles the edge.
+ * Solarium's iOS `--lift-1` is a pure drop shadow, and the handoff draws the group with a 1px
+ * `--line` border beside it, which is `hairlineStrong`.
+ *
+ * The radius comes off `useDs().radii`, not `Box`'s `radius` token: `radiusFor` reads the paper
+ * ladder whatever the theme, and the handoff's `--r-mid` is Solarium's 18, not paper's 20.
+ */
+function RowGroup({ children, style, testID, accent, }) {
+    const ds = (0, tokens_1.useDs)();
+    const rows = react_1.Children.toArray(children).filter(react_1.isValidElement);
+    const ringed = ds.lift1.startsWith('0 0 0 1px');
+    return ((0, jsx_runtime_1.jsx)(core_1.Box, { bg: "surface1", lift: 1, role: "list", testID: testID, style: [
+            { borderRadius: ds.radii.card },
+            ringed ? null : { borderWidth: 1, borderColor: ds.colors.hairlineStrong },
+            /* Ring at 50%; the glow at ~2% (`05`) — turned down to almost nothing the same day (14 Sep 2026, product ask). */
+            accent ? { boxShadow: `0 0 0 1px ${accent}80, 0 10px 24px -10px ${accent}05` } : null,
+            style,
+        ], children: rows.map((row, i) => ((0, jsx_runtime_1.jsx)(core_1.Box, { hairline: i < rows.length - 1 ? { side: 'bottom' } : undefined, children: row }, row.key ?? i))) }));
+}
+//# sourceMappingURL=groupedRows.js.map

package/dist/cjs/ds/groupedRows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"groupedRows.js","sourceRoot":"","sources":["../../../src/ds/groupedRows.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/ds/index.js

@@ -0,0 +1,153 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BlockCard = exports.useReach = exports.reachCopy = exports.ReachProvider = exports.ReachEmptyState = exports.ReachBar = exports.NOTICE_MS = exports.useToast = exports.useConfirm = exports.ToastProvider = exports.Toast = exports.TabBarChrome = exports.NoticeToast = exports.HomeSheet = exports.ConfirmProvider = exports.AppHeader = exports.ShortcutRow = exports.SearchField = exports.ListRow = exports.ConnectorLogo = exports.V2Card = exports.Card = exports.SubScreenHeader = exports.BackButton = exports.RowGroup = exports.GroupedRow = exports.SettingRow = exports.PlatformSwitch = exports.SuccessState = exports.ProvenanceTag = exports.KindTile = exports.KindTag = exports.FileTile = exports.TabItem = exports.StatCard = exports.SegmentedControl = exports.SectionHeader = exports.Preview = exports.Chip = exports.Banner = exports.SectionLabel = exports.EmptyState = exports.useTabBarSpace = exports.useSubstrateStyle = exports.Substrate = exports.PanelScreen = exports.StatusLabel = exports.KindChip = exports.Caption = exports.Button = void 0;
+exports.PanelItem = exports.CardGrid = exports.TOOLTIP_DELAY_MS = exports.MENU_MIN_WIDTH = exports.Tooltip = exports.Popover = exports.Modal = exports.Menu = exports.Collapsible = exports.ActionMenu = exports.TRACK_MIN_COLUMN = exports.TIMELINE_MIN_COLUMN = exports.DOT_PAGER_MAX = exports.VerticalStepper = exports.Timeline = exports.StepCounter = exports.DotPager = exports.NEAR_LIMIT = exports.COPIED_MS = exports.allocationOf = exports.TickNumber = exports.StateChip = exports.StatWell = exports.SkeletonBar = exports.ProgressBar = exports.MediaSlot = exports.HeaderMeta = exports.Dot = exports.CodeBlock = exports.CheckList = exports.CheckItem = exports.AvatarGroup = exports.STEPPER_REPEAT_MS = exports.STEPPER_HOLD_MS = exports.useRovingSelect = exports.parseAmount = exports.isHexColor = exports.ToggleCardGroup = exports.TagInput = exports.SelectableCardGroup = exports.RadioGroup = exports.OtpInput = exports.NumberStepper = exports.ColorField = exports.CheckboxGroup = exports.Checkbox = exports.AmountField = exports.TypeTile = exports.MetaChip = exports.Callout = void 0;
+exports.getBlocks = exports.blockBySlug = exports.BLOCKS_INTRODUCED = exports.BLOCK_GROUPS = exports.BLOCK_CATALOGUE = exports.initialsOf = exports.BrandPreview = exports.IconButton = exports.Dropzone = exports.DROPZONE_COPY = exports.TWO_PANEL_STACK = exports.sidebarWidth = exports.gridColumns = exports.TwoPanel = void 0;
+/**
+ * **The `@comppack/ds` component layer — C6.**
+ *
+ * Ported from `canvas-app/packages/ds/src`, which is the canonical copy of four that had already
+ * drifted. Everything here composes the primitives and the token layer; nothing re-derives a
+ * material value.
+ *
+ * `Button` is the one deliberate exception to going through `core/Pressable`: that primitive owns
+ * a square hit target and a dimming press, and a button is a stretchable pill with a scale press.
+ * Two different objects that happen to both respond to a tap.
+ */
+var Button_1 = require("./Button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
+Object.defineProperty(exports, "Caption", { enumerable: true, get: function () { return Button_1.Caption; } });
+Object.defineProperty(exports, "KindChip", { enumerable: true, get: function () { return Button_1.KindChip; } });
+Object.defineProperty(exports, "StatusLabel", { enumerable: true, get: function () { return Button_1.StatusLabel; } });
+var screen_1 = require("./screen");
+Object.defineProperty(exports, "PanelScreen", { enumerable: true, get: function () { return screen_1.PanelScreen; } });
+Object.defineProperty(exports, "Substrate", { enumerable: true, get: function () { return screen_1.Substrate; } });
+Object.defineProperty(exports, "useSubstrateStyle", { enumerable: true, get: function () { return screen_1.useSubstrateStyle; } });
+Object.defineProperty(exports, "useTabBarSpace", { enumerable: true, get: function () { return screen_1.useTabBarSpace; } });
+var EmptyState_1 = require("./EmptyState");
+Object.defineProperty(exports, "EmptyState", { enumerable: true, get: function () { return EmptyState_1.EmptyState; } });
+Object.defineProperty(exports, "SectionLabel", { enumerable: true, get: function () { return EmptyState_1.SectionLabel; } });
+var Banner_1 = require("./Banner");
+Object.defineProperty(exports, "Banner", { enumerable: true, get: function () { return Banner_1.Banner; } });
+Object.defineProperty(exports, "Chip", { enumerable: true, get: function () { return Banner_1.Chip; } });
+var lists_1 = require("./lists");
+Object.defineProperty(exports, "Preview", { enumerable: true, get: function () { return lists_1.Preview; } });
+Object.defineProperty(exports, "SectionHeader", { enumerable: true, get: function () { return lists_1.SectionHeader; } });
+Object.defineProperty(exports, "SegmentedControl", { enumerable: true, get: function () { return lists_1.SegmentedControl; } });
+Object.defineProperty(exports, "StatCard", { enumerable: true, get: function () { return lists_1.StatCard; } });
+Object.defineProperty(exports, "TabItem", { enumerable: true, get: function () { return lists_1.TabItem; } });
+var tags_1 = require("./tags");
+Object.defineProperty(exports, "FileTile", { enumerable: true, get: function () { return tags_1.FileTile; } });
+Object.defineProperty(exports, "KindTag", { enumerable: true, get: function () { return tags_1.KindTag; } });
+Object.defineProperty(exports, "KindTile", { enumerable: true, get: function () { return tags_1.KindTile; } });
+Object.defineProperty(exports, "ProvenanceTag", { enumerable: true, get: function () { return tags_1.ProvenanceTag; } });
+Object.defineProperty(exports, "SuccessState", { enumerable: true, get: function () { return tags_1.SuccessState; } });
+var PlatformSwitch_1 = require("./PlatformSwitch");
+Object.defineProperty(exports, "PlatformSwitch", { enumerable: true, get: function () { return PlatformSwitch_1.PlatformSwitch; } });
+Object.defineProperty(exports, "SettingRow", { enumerable: true, get: function () { return PlatformSwitch_1.SettingRow; } });
+var groupedRows_1 = require("./groupedRows");
+Object.defineProperty(exports, "GroupedRow", { enumerable: true, get: function () { return groupedRows_1.GroupedRow; } });
+Object.defineProperty(exports, "RowGroup", { enumerable: true, get: function () { return groupedRows_1.RowGroup; } });
+var SubScreenHeader_1 = require("./SubScreenHeader");
+Object.defineProperty(exports, "BackButton", { enumerable: true, get: function () { return SubScreenHeader_1.BackButton; } });
+Object.defineProperty(exports, "SubScreenHeader", { enumerable: true, get: function () { return SubScreenHeader_1.SubScreenHeader; } });
+var rows_1 = require("./rows");
+Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return rows_1.Card; } });
+Object.defineProperty(exports, "V2Card", { enumerable: true, get: function () { return rows_1.Card; } });
+Object.defineProperty(exports, "ConnectorLogo", { enumerable: true, get: function () { return rows_1.ConnectorLogo; } });
+Object.defineProperty(exports, "ListRow", { enumerable: true, get: function () { return rows_1.ListRow; } });
+Object.defineProperty(exports, "SearchField", { enumerable: true, get: function () { return rows_1.SearchField; } });
+Object.defineProperty(exports, "ShortcutRow", { enumerable: true, get: function () { return rows_1.ShortcutRow; } });
+var overlays_1 = require("./overlays");
+Object.defineProperty(exports, "AppHeader", { enumerable: true, get: function () { return overlays_1.AppHeader; } });
+Object.defineProperty(exports, "ConfirmProvider", { enumerable: true, get: function () { return overlays_1.ConfirmProvider; } });
+Object.defineProperty(exports, "HomeSheet", { enumerable: true, get: function () { return overlays_1.HomeSheet; } });
+Object.defineProperty(exports, "NoticeToast", { enumerable: true, get: function () { return overlays_1.NoticeToast; } });
+Object.defineProperty(exports, "TabBarChrome", { enumerable: true, get: function () { return overlays_1.TabBarChrome; } });
+Object.defineProperty(exports, "Toast", { enumerable: true, get: function () { return overlays_1.Toast; } });
+Object.defineProperty(exports, "ToastProvider", { enumerable: true, get: function () { return overlays_1.ToastProvider; } });
+Object.defineProperty(exports, "useConfirm", { enumerable: true, get: function () { return overlays_1.useConfirm; } });
+Object.defineProperty(exports, "useToast", { enumerable: true, get: function () { return overlays_1.useToast; } });
+Object.defineProperty(exports, "NOTICE_MS", { enumerable: true, get: function () { return overlays_1.NOTICE_MS; } });
+var Reach_1 = require("./Reach");
+Object.defineProperty(exports, "ReachBar", { enumerable: true, get: function () { return Reach_1.ReachBar; } });
+Object.defineProperty(exports, "ReachEmptyState", { enumerable: true, get: function () { return Reach_1.ReachEmptyState; } });
+Object.defineProperty(exports, "ReachProvider", { enumerable: true, get: function () { return Reach_1.ReachProvider; } });
+Object.defineProperty(exports, "reachCopy", { enumerable: true, get: function () { return Reach_1.reachCopy; } });
+Object.defineProperty(exports, "useReach", { enumerable: true, get: function () { return Reach_1.useReach; } });
+/* ── Solarium Building Blocks (docs/HANDOFF-SOLARIUM-BLOCKS.md §3) ───────── */
+var blocks_1 = require("./blocks");
+Object.defineProperty(exports, "BlockCard", { enumerable: true, get: function () { return blocks_1.BlockCard; } });
+Object.defineProperty(exports, "Callout", { enumerable: true, get: function () { return blocks_1.Callout; } });
+Object.defineProperty(exports, "MetaChip", { enumerable: true, get: function () { return blocks_1.MetaChip; } });
+Object.defineProperty(exports, "TypeTile", { enumerable: true, get: function () { return blocks_1.TypeTile; } });
+var blockControls_1 = require("./blockControls");
+Object.defineProperty(exports, "AmountField", { enumerable: true, get: function () { return blockControls_1.AmountField; } });
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return blockControls_1.Checkbox; } });
+Object.defineProperty(exports, "CheckboxGroup", { enumerable: true, get: function () { return blockControls_1.CheckboxGroup; } });
+Object.defineProperty(exports, "ColorField", { enumerable: true, get: function () { return blockControls_1.ColorField; } });
+Object.defineProperty(exports, "NumberStepper", { enumerable: true, get: function () { return blockControls_1.NumberStepper; } });
+Object.defineProperty(exports, "OtpInput", { enumerable: true, get: function () { return blockControls_1.OtpInput; } });
+Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return blockControls_1.RadioGroup; } });
+Object.defineProperty(exports, "SelectableCardGroup", { enumerable: true, get: function () { return blockControls_1.SelectableCardGroup; } });
+Object.defineProperty(exports, "TagInput", { enumerable: true, get: function () { return blockControls_1.TagInput; } });
+Object.defineProperty(exports, "ToggleCardGroup", { enumerable: true, get: function () { return blockControls_1.ToggleCardGroup; } });
+Object.defineProperty(exports, "isHexColor", { enumerable: true, get: function () { return blockControls_1.isHexColor; } });
+Object.defineProperty(exports, "parseAmount", { enumerable: true, get: function () { return blockControls_1.parseAmount; } });
+Object.defineProperty(exports, "useRovingSelect", { enumerable: true, get: function () { return blockControls_1.useRovingSelect; } });
+Object.defineProperty(exports, "STEPPER_HOLD_MS", { enumerable: true, get: function () { return blockControls_1.STEPPER_HOLD_MS; } });
+Object.defineProperty(exports, "STEPPER_REPEAT_MS", { enumerable: true, get: function () { return blockControls_1.STEPPER_REPEAT_MS; } });
+var blockDisplay_1 = require("./blockDisplay");
+Object.defineProperty(exports, "AvatarGroup", { enumerable: true, get: function () { return blockDisplay_1.AvatarGroup; } });
+Object.defineProperty(exports, "CheckItem", { enumerable: true, get: function () { return blockDisplay_1.CheckItem; } });
+Object.defineProperty(exports, "CheckList", { enumerable: true, get: function () { return blockDisplay_1.CheckList; } });
+Object.defineProperty(exports, "CodeBlock", { enumerable: true, get: function () { return blockDisplay_1.CodeBlock; } });
+Object.defineProperty(exports, "Dot", { enumerable: true, get: function () { return blockDisplay_1.Dot; } });
+Object.defineProperty(exports, "HeaderMeta", { enumerable: true, get: function () { return blockDisplay_1.HeaderMeta; } });
+Object.defineProperty(exports, "MediaSlot", { enumerable: true, get: function () { return blockDisplay_1.MediaSlot; } });
+Object.defineProperty(exports, "ProgressBar", { enumerable: true, get: function () { return blockDisplay_1.ProgressBar; } });
+Object.defineProperty(exports, "SkeletonBar", { enumerable: true, get: function () { return blockDisplay_1.SkeletonBar; } });
+Object.defineProperty(exports, "StatWell", { enumerable: true, get: function () { return blockDisplay_1.StatWell; } });
+Object.defineProperty(exports, "StateChip", { enumerable: true, get: function () { return blockDisplay_1.StateChip; } });
+Object.defineProperty(exports, "TickNumber", { enumerable: true, get: function () { return blockDisplay_1.TickNumber; } });
+Object.defineProperty(exports, "allocationOf", { enumerable: true, get: function () { return blockDisplay_1.allocationOf; } });
+Object.defineProperty(exports, "COPIED_MS", { enumerable: true, get: function () { return blockDisplay_1.COPIED_MS; } });
+Object.defineProperty(exports, "NEAR_LIMIT", { enumerable: true, get: function () { return blockDisplay_1.NEAR_LIMIT; } });
+var blockSequence_1 = require("./blockSequence");
+Object.defineProperty(exports, "DotPager", { enumerable: true, get: function () { return blockSequence_1.DotPager; } });
+Object.defineProperty(exports, "StepCounter", { enumerable: true, get: function () { return blockSequence_1.StepCounter; } });
+Object.defineProperty(exports, "Timeline", { enumerable: true, get: function () { return blockSequence_1.Timeline; } });
+Object.defineProperty(exports, "VerticalStepper", { enumerable: true, get: function () { return blockSequence_1.VerticalStepper; } });
+Object.defineProperty(exports, "DOT_PAGER_MAX", { enumerable: true, get: function () { return blockSequence_1.DOT_PAGER_MAX; } });
+Object.defineProperty(exports, "TIMELINE_MIN_COLUMN", { enumerable: true, get: function () { return blockSequence_1.TIMELINE_MIN_COLUMN; } });
+Object.defineProperty(exports, "TRACK_MIN_COLUMN", { enumerable: true, get: function () { return blockSequence_1.TRACK_MIN_COLUMN; } });
+var blockOverlay_1 = require("./blockOverlay");
+Object.defineProperty(exports, "ActionMenu", { enumerable: true, get: function () { return blockOverlay_1.ActionMenu; } });
+Object.defineProperty(exports, "Collapsible", { enumerable: true, get: function () { return blockOverlay_1.Collapsible; } });
+Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return blockOverlay_1.Menu; } });
+Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return blockOverlay_1.Modal; } });
+Object.defineProperty(exports, "Popover", { enumerable: true, get: function () { return blockOverlay_1.Popover; } });
+Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return blockOverlay_1.Tooltip; } });
+Object.defineProperty(exports, "MENU_MIN_WIDTH", { enumerable: true, get: function () { return blockOverlay_1.MENU_MIN_WIDTH; } });
+Object.defineProperty(exports, "TOOLTIP_DELAY_MS", { enumerable: true, get: function () { return blockOverlay_1.TOOLTIP_DELAY_MS; } });
+var blockLayout_1 = require("./blockLayout");
+Object.defineProperty(exports, "CardGrid", { enumerable: true, get: function () { return blockLayout_1.CardGrid; } });
+Object.defineProperty(exports, "PanelItem", { enumerable: true, get: function () { return blockLayout_1.PanelItem; } });
+Object.defineProperty(exports, "TwoPanel", { enumerable: true, get: function () { return blockLayout_1.TwoPanel; } });
+Object.defineProperty(exports, "gridColumns", { enumerable: true, get: function () { return blockLayout_1.gridColumns; } });
+Object.defineProperty(exports, "sidebarWidth", { enumerable: true, get: function () { return blockLayout_1.sidebarWidth; } });
+Object.defineProperty(exports, "TWO_PANEL_STACK", { enumerable: true, get: function () { return blockLayout_1.TWO_PANEL_STACK; } });
+var Dropzone_1 = require("./Dropzone");
+Object.defineProperty(exports, "DROPZONE_COPY", { enumerable: true, get: function () { return Dropzone_1.DROPZONE_COPY; } });
+Object.defineProperty(exports, "Dropzone", { enumerable: true, get: function () { return Dropzone_1.Dropzone; } });
+Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return Dropzone_1.IconButton; } });
+var BrandPreview_1 = require("./BrandPreview");
+Object.defineProperty(exports, "BrandPreview", { enumerable: true, get: function () { return BrandPreview_1.BrandPreview; } });
+Object.defineProperty(exports, "initialsOf", { enumerable: true, get: function () { return BrandPreview_1.initialsOf; } });
+var blockCatalog_1 = require("./blockCatalog");
+Object.defineProperty(exports, "BLOCK_CATALOGUE", { enumerable: true, get: function () { return blockCatalog_1.BLOCK_CATALOGUE; } });
+Object.defineProperty(exports, "BLOCK_GROUPS", { enumerable: true, get: function () { return blockCatalog_1.BLOCK_GROUPS; } });
+Object.defineProperty(exports, "BLOCKS_INTRODUCED", { enumerable: true, get: function () { return blockCatalog_1.BLOCKS_INTRODUCED; } });
+Object.defineProperty(exports, "blockBySlug", { enumerable: true, get: function () { return blockCatalog_1.blockBySlug; } });
+Object.defineProperty(exports, "getBlocks", { enumerable: true, get: function () { return blockCatalog_1.getBlocks; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/ds/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ds/index.ts"],"names":[],"mappings":"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"}

package/dist/cjs/ds/lists.js

@@ -0,0 +1,88 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SectionHeader = SectionHeader;
+exports.StatCard = StatCard;
+exports.SegmentedControl = SegmentedControl;
+exports.TabItem = TabItem;
+exports.Preview = Preview;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("../core");
+const tokens_1 = require("../tokens");
+/**
+ * The header above a list.
+ *
+ * `eyebrow` switches it from a heading to a mono structural label — `RECENT RUNS`, `STEPS`. The
+ * two are different jobs: a heading names a section a reader chose to look at, an eyebrow names a
+ * grouping the machine made.
+ */
+function SectionHeader({ title, count, description, eyebrow = false, tone, }) {
+    const { headings } = (0, tokens_1.useDs)();
+    return ((0, jsx_runtime_1.jsxs)(core_1.Box, { gap: "s1", py: "s2", children: [(0, jsx_runtime_1.jsxs)(core_1.Box, { row: true, align: "center", justify: "space-between", gap: "s2", children: [eyebrow ? ((0, jsx_runtime_1.jsx)(core_1.Text, { variant: headings === 'screen' ? 'eyebrowDense' : 'eyebrow', mono: true, color: "textTertiary", uppercase: true, style: tone ? { color: tone, fontWeight: '700' } : undefined, children: title })) : ((0, jsx_runtime_1.jsx)(core_1.Text, { variant: "heading", children: title })), count === undefined ? null : ((0, jsx_runtime_1.jsx)(core_1.Text, { variant: "monoCount", mono: true, numeric: true, color: "textTertiary", style: tone ? { color: tone } : undefined, children: String(count) }))] }), description ? ((0, jsx_runtime_1.jsx)(core_1.Text, { variant: "caption", color: "textSecondary", children: description })) : null] }));
+}
+/**
+ * A measurement in a tile.
+ *
+ * **The value is left-aligned under its own label.** Numerals right-align in a COLUMN — a table,
+ * a field well — where decimal points line up down the page. A tile has no column, and
+ * left-aligning is what makes the label and value read as one thing.
+ */
+function StatCard({ label, value, meta, primary = false, }) {
+    return ((0, jsx_runtime_1.jsxs)(core_1.Box, { gap: "s1", p: "s4", radius: "card", bg: "surfaceSunken", 
+        /* A primary stat takes an accent hairline RING, never a fill — a fill reads as a button. */
+        edge: primary ? 'outline' : undefined, children: [(0, jsx_runtime_1.jsx)(core_1.Text, { variant: "caption", color: "textSecondary", children: label }), typeof value === 'string' || typeof value === 'number'
+                ? (0, jsx_runtime_1.jsx)(core_1.Text, { variant: "title", numeric: true, align: "left", children: value })
+                : value, meta] }));
+}
+/**
+ * A segmented control.
+ *
+ * **Android takes the M3 tab treatment — an underline on a hairline track — and iOS the pill.**
+ * The same control, drawn the way each platform's users already read it; forcing one shape on
+ * both is how a control ends up looking imported on the platform that lost.
+ */
+function SegmentedControl({ options, value, onSelect, accent, style, }) {
+    if (tokens_1.isAndroid) {
+        return ((0, jsx_runtime_1.jsx)(core_1.Box, { row: true, hairline: { side: 'bottom' }, style: style, children: options.map(o => {
+                const on = o.value === value;
+                return ((0, jsx_runtime_1.jsx)(core_1.Pressable, { onPress: () => onSelect(o.value), py: "s3", "aria-label": o.label, style: { flex: 1 }, children: (0, jsx_runtime_1.jsx)(core_1.Text, { variant: "caption", color: on ? 'accentInk' : 'textSecondary', style: on && accent ? { color: accent.fg, fontWeight: '700' } : undefined, children: o.label }) }, o.value));
+            }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)(core_1.Box, { row: true, p: "s1", gap: "s1", radius: "field", bg: "surfaceSunken", style: style, children: options.map(o => {
+            const on = o.value === value;
+            return ((0, jsx_runtime_1.jsx)(core_1.Pressable, { onPress: () => onSelect(o.value), py: "s2", px: "s3", radius: "chip", bg: on ? 'surface1' : undefined, "aria-label": o.label, style: [
+                    { flex: 1 },
+                    on && accent ? { backgroundColor: accent.bg, boxShadow: `0 0 0 1px ${accent.fg}33, 0 4px 12px -6px ${accent.fg}` } : null,
+                ], children: (0, jsx_runtime_1.jsx)(core_1.Text, { variant: "caption", color: on ? 'accentInk' : 'textSecondary', numberOfLines: 1, style: on && accent ? { color: accent.fg, fontWeight: '700' } : undefined, children: o.label }) }, o.value));
+        }) }));
+}
+/** One tab in a bar. */
+function TabItem({ label, selected, onPress, }) {
+    return ((0, jsx_runtime_1.jsx)(core_1.Pressable, { onPress: onPress, py: "s2", px: "s3", "aria-label": label, style: { flex: 1 }, children: (0, jsx_runtime_1.jsx)(core_1.Text, { variant: "caption", color: selected ? 'accentInk' : 'textTertiary', children: label }) }));
+}
+const TOKEN = /\{\{([^}]+)\}\}/g;
+/**
+ * A shortcut template with its tokens marked.
+ *
+ * **A prompted token and an automatic one must not look alike** — one will stop and ask, the
+ * other will not, and a user reading the preview is deciding whether this shortcut is safe to
+ * fire without looking. `{{?name}}` prompts; `{{date}}` resolves itself.
+ */
+function Preview({ children, numberOfLines, style, }) {
+    const parts = [];
+    let last = 0;
+    let m;
+    TOKEN.lastIndex = 0;
+    while ((m = TOKEN.exec(children)) !== null) {
+        if (m.index > last)
+            parts.push(children.slice(last, m.index));
+        const body = m[1] ?? '';
+        const prompted = body.startsWith('?');
+        parts.push((0, jsx_runtime_1.jsx)(core_1.Text, { mono: true, color: prompted ? 'accentInk' : 'reference', children: `{{${body}}}` }, m.index));
+        last = m.index + m[0].length;
+    }
+    if (last < children.length)
+        parts.push(children.slice(last));
+    return ((0, jsx_runtime_1.jsx)(core_1.Text, { variant: "caption", color: "textSecondary", numberOfLines: numberOfLines, style: style, children: parts }));
+}
+//# sourceMappingURL=lists.js.map

package/dist/cjs/ds/lists.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lists.js","sourceRoot":"","sources":["../../../src/ds/lists.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/ds/overlays.js

@@ -0,0 +1,184 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NOTICE_MS = void 0;
+exports.ToastProvider = ToastProvider;
+exports.useToast = useToast;
+exports.Toast = Toast;
+exports.NoticeToast = NoticeToast;
+exports.ConfirmProvider = ConfirmProvider;
+exports.useConfirm = useConfirm;
+exports.HomeSheet = HomeSheet;
+exports.AppHeader = AppHeader;
+exports.TabBarChrome = TabBarChrome;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const core_1 = require("../core");
+const tokens_1 = require("../tokens");
+const SubScreenHeader_1 = require("./SubScreenHeader");
+const rows_1 = require("./rows");
+/* ── Toast ───────────────────────────────────────────────────────────────── */
+const DURATION = 2200;
+/**
+ * **How long a notice (O1) stays: the Building Blocks handoff's 5s.** A string toast keeps
+ * `DURATION` — changing it would change every existing call site, and the handoff's timing is
+ * specified for the titled notice, which is new. HANDOFF-SOLARIUM-BLOCKS §6 records the split.
+ */
+exports.NOTICE_MS = 5000;
+const ToastContext = (0, react_1.createContext)(null);
+function ToastProvider({ children }) {
+    const [message, setMessage] = (0, react_1.useState)(null);
+    const timer = (0, react_1.useRef)(null);
+    const dismiss = (0, react_1.useCallback)(() => {
+        if (timer.current)
+            clearTimeout(timer.current);
+        setMessage(null);
+    }, []);
+    const show = (0, react_1.useCallback)((next) => {
+        setMessage(next);
+        if (timer.current)
+            clearTimeout(timer.current);
+        timer.current = setTimeout(() => setMessage(null), typeof next === 'string' ? DURATION : exports.NOTICE_MS);
+    }, []);
+    (0, react_1.useEffect)(() => () => (timer.current ? clearTimeout(timer.current) : undefined), []);
+    const api = (0, react_1.useMemo)(() => ({ show, dismiss }), [show, dismiss]);
+    return ((0, jsx_runtime_1.jsxs)(ToastContext.Provider, { value: api, children: [children, typeof message === 'string' ? (0, jsx_runtime_1.jsx)(Toast, { children: message }) : null, message && typeof message !== 'string' ? (0, jsx_runtime_1.jsx)(NoticeToast, { notice: message, onDismiss: dismiss }) : null] }));
+}
+/** **A screen outside the provider must not crash over a confirmation message.** */
+function useToast() {
+    return (0, react_1.useContext)(ToastContext) ?? { show: () => { }, dismiss: () => { } };
+}
+/**
+ * Docked above the tab bar, never over it.
+ *
+ * `bottom` defaults to the lane the tokens reserve: an overlay sitting on a button swallows the
+ * tap, and from the user's side the button simply does not work.
+ */
+function Toast({ children, bottom = 104 }) {
+    const { colors } = (0, tokens_1.useDs)();
+    return ((0, jsx_runtime_1.jsx)(core_1.Box, { role: "none", style: { position: 'absolute', left: 16, right: 16, bottom, alignItems: 'center' }, children: (0, jsx_runtime_1.jsx)(core_1.Box, { bg: "surface3", lift: 3, radius: "control", py: "s3", px: "s4", children: (0, jsx_runtime_1.jsx)(core_1.Text, { variant: "caption", style: { color: colors.textPrimary }, children: children }) }) }));
+}
+/**
+ * **O1 · the notice: 210 wide, padding 12, radius 16, `lift-2`; fades in (M10, opacity only).** Title,
+ * optional body, a dismiss button. A `status` region, so it is announced without taking focus —
+ * a notice that stole focus would interrupt exactly the task it is reporting on.
+ */
+function NoticeToast({ notice, onDismiss, bottom = 104, }) {
+    const { colors, lift2 } = (0, tokens_1.useDs)();
+    /* M10 overlay (0.2.0): opacity only — no slide. */
+    const enter = (0, core_1.usePresence)(true, { distance: 0, appear: true });
+    const ink = notice.tone === 'info' ? colors.reference.fg : colors.status.executed;
+    return ((0, jsx_runtime_1.jsx)(core_1.Box, { role: "status", "aria-live": "polite", style: { position: 'absolute', left: 16, right: 16, bottom, alignItems: 'center' }, children: (0, jsx_runtime_1.jsx)(core_1.MotionView, { style: { opacity: enter.opacity, transform: [{ translateY: enter.translateY }] }, children: (0, jsx_runtime_1.jsxs)(core_1.Box, { row: true, gap: "s2", p: "s3", style: { width: 210, maxWidth: '100%', borderRadius: tokens_1.blockRadii.major, backgroundColor: colors.surface1, boxShadow: lift2 }, children: [(0, jsx_runtime_1.jsx)(core_1.Box, { pt: "s1", children: (0, jsx_runtime_1.jsx)(core_1.Icon, { name: notice.tone === 'info' ? 'info' : 'check', size: 14, color: ink }) }), (0, jsx_runtime_1.jsxs)(core_1.Box, { flex: 1, style: { minWidth: 0 }, children: [(0, jsx_runtime_1.jsx)(core_1.Text, { variant: "caption", color: "textPrimary", style: { fontWeight: '600' }, children: notice.title }), notice.body ? (0, jsx_runtime_1.jsx)(core_1.Text, { variant: "caption", color: "textSecondary", style: { fontSize: 12 }, children: notice.body }) : null] }), (0, jsx_runtime_1.jsx)(core_1.Pressable, { onPress: onDismiss, "aria-label": "Dismiss", width: 24, height: 24, radius: "pill", children: (0, jsx_runtime_1.jsx)(core_1.Icon, { name: "close", size: 12, color: colors.textSecondary }) })] }) }) }));
+}
+const ConfirmContext = (0, react_1.createContext)(null);
+/**
+ * Destructive confirmation, as a promise.
+ *
+ * A `useConfirm()` call reads as a question with an answer — `if (await confirm({…}))` — rather
+ * than as two callbacks wired to a dialog somewhere else, which is what makes the call site
+ * readable at the point the decision is actually made.
+ */
+function ConfirmProvider({ children }) {
+    const [request, setRequest] = (0, react_1.useState)(null);
+    const settleRef = (0, react_1.useRef)(null);
+    const confirm = (0, react_1.useCallback)(next => new Promise(resolve => {
+        settleRef.current = resolve;
+        setRequest(next);
+    }), []);
+    const settle = (ok) => {
+        setRequest(null);
+        settleRef.current?.(ok);
+        settleRef.current = null;
+    };
+    return ((0, jsx_runtime_1.jsxs)(ConfirmContext.Provider, { value: confirm, children: [children, (0, jsx_runtime_1.jsx)(core_1.Sheet, { visible: request !== null, onDismiss: () => settle(false), destructive: true, testID: "confirm-sheet", children: request ? ((0, jsx_runtime_1.jsxs)(core_1.Box, { gap: "s3", children: [(0, jsx_runtime_1.jsx)(core_1.Text, { variant: "heading", children: request.title }), (0, jsx_runtime_1.jsx)(core_1.Text, { variant: "caption", color: "textSecondary", children: request.body }), (0, jsx_runtime_1.jsxs)(core_1.Box, { row: true, gap: "s2", justify: "flex-end", children: [(0, jsx_runtime_1.jsx)(core_1.Pressable, { onPress: () => settle(false), px: "s4", py: "s3", radius: "control", "aria-label": "Cancel", children: (0, jsx_runtime_1.jsx)(core_1.Text, { color: "textSecondary", children: "Cancel" }) }), (0, jsx_runtime_1.jsx)(core_1.Pressable, { onPress: () => settle(true), px: "s4", py: "s3", radius: "control", "aria-label": request.verb ?? 'Confirm', children: (0, jsx_runtime_1.jsx)(core_1.Text, { color: "status.error", children: request.verb ?? 'Confirm' }) })] })] })) : null })] }));
+}
+/** Throws outside a provider — unlike `useToast`, a confirmation that silently resolves is unsafe. */
+function useConfirm() {
+    const ctx = (0, react_1.useContext)(ConfirmContext);
+    if (!ctx)
+        throw new Error('useConfirm must be used inside <ConfirmProvider>');
+    return ctx;
+}
+/**
+ * A bottom sheet with a filterable list.
+ *
+ * **The search field is present only where the list is long enough to need one.** A connector has
+ * sixty-one actions and picking from that by scrolling is not picking; the overflow menu's two
+ * rows get no field, because a filter over two rows is furniture.
+ *
+ * **The query is lifted out** so the sheet can be fed from the server: a purely local filter
+ * matches only the labels it was already handed, so typing narrows what is on screen rather than
+ * what exists.
+ */
+function HomeSheet({ title, slug, search, query, onQueryChange, emptyLabel = 'Nothing matches.', groups, onSelect, onDismiss, visible = true, maxHeightFraction, }) {
+    const empty = groups.every(g => g.rows.length === 0);
+    const { colors } = (0, tokens_1.useDs)();
+    return ((0, jsx_runtime_1.jsxs)(core_1.Sheet, { visible: visible, onDismiss: onDismiss, testID: "home-sheet", maxHeightFraction: maxHeightFraction, children: [(0, jsx_runtime_1.jsxs)(core_1.Box, { gap: "s1", children: [(0, jsx_runtime_1.jsx)(core_1.Text, { variant: "heading", children: title }), slug ? (0, jsx_runtime_1.jsx)(core_1.Text, { variant: "monoId", mono: true, color: "reference", children: slug }) : null] }), search ? ((0, jsx_runtime_1.jsx)(core_1.Input, { value: query ?? '', onChangeText: onQueryChange ?? (() => { }), placeholder: search })) : null, empty ? ((0, jsx_runtime_1.jsx)(core_1.Box, { py: "s4", children: (0, jsx_runtime_1.jsx)(core_1.Text, { variant: "caption", color: "textSecondary", children: emptyLabel }) })) : (
+            /* `flexShrink: 1` is a no-op on an uncapped sheet (nothing to shrink against) and is what
+               makes a capped one (`maxHeightFraction`) actually scroll its rows inside the panel
+               instead of growing the panel past the cap. */
+            (0, jsx_runtime_1.jsx)(core_1.Scroll, { gap: "s2", style: { flexShrink: 1 }, children: groups.map((group, gi) => ((0, jsx_runtime_1.jsxs)(core_1.Box, { gap: "s1", children: [group.label ? ((0, jsx_runtime_1.jsx)(core_1.Text, { variant: "eyebrow", color: "textTertiary", uppercase: true, children: group.label })) : null, group.rows.map(item => ((0, jsx_runtime_1.jsxs)(core_1.Pressable, { onPress: item.onPress ?? (() => onSelect?.(item.key)), row: true, align: "center", justify: "space-between", py: "s3", px: "s3", radius: "row", "aria-label": item.label, style: { minHeight: 44 }, children: [(0, jsx_runtime_1.jsxs)(core_1.Box, { row: true, align: "center", gap: "s2", flex: 1, children: [item.logo !== undefined ? ((0, jsx_runtime_1.jsx)(rows_1.ConnectorLogo, { uri: item.logo, size: 28, radius: 8 })) : item.icon ? ((0, jsx_runtime_1.jsx)(core_1.Icon, { name: item.icon, size: 16, color: colors.textSecondary })) : null, (0, jsx_runtime_1.jsx)(core_1.Text, { color: item.destructive ? 'status.error' : 'textPrimary', children: item.label })] }), item.meta ? (0, jsx_runtime_1.jsx)(core_1.Text, { variant: "caption", color: "textTertiary", children: item.meta }) : null, item.chevron ? (0, jsx_runtime_1.jsx)(core_1.Icon, { name: "chev-r", size: 14, color: colors.textDisabled }) : null] }, item.key)))] }, group.label ?? gi))) }))] }));
+}
+/* ── Chrome ──────────────────────────────────────────────────────────────── */
+/**
+ * A screen header.
+ *
+ * **Whatever goes in `right` is a drawn glyph, never a character** — `⋯` is U+22EF and renders
+ * differently on every platform, which is exactly what an icon exists to prevent.
+ *
+ * The trailing control shares the BACK row rather than the title line, so the iOS large title
+ * still starts at the gutter — which is the whole shape of that title.
+ */
+function AppHeader({ title, sub, back = false, backLabel = 'Back', onBack, right, accent, style, }) {
+    const { headings } = (0, tokens_1.useDs)();
+    return (
+    /* The platform gutter, not `s5` (20 on both): on Android that put this header's back control 4dp right of every
+       other screen's (measured on a Nothing Phone 3a, 13 Sep 2026). iOS is unchanged — its gutter is 20. */
+    /* A header with a back control starts at the top, as SubScreenHeader does, so Back sits at one height on every
+       pushed screen; a title-only header (a tab root) keeps its breathing room above. */
+    (0, jsx_runtime_1.jsxs)(core_1.Box, { gap: "s2", py: "s3", style: [{ paddingHorizontal: tokens_1.gutter }, back ? { paddingTop: 0 } : null, style], children: [back || right ? ((0, jsx_runtime_1.jsxs)(core_1.Box, { row: true, align: "center", justify: "space-between", children: [back ? (0, jsx_runtime_1.jsx)(SubScreenHeader_1.BackButton, { onPress: onBack ?? (() => { }), label: backLabel }) : (0, jsx_runtime_1.jsx)(core_1.Box, {}), right] })) : null, (0, jsx_runtime_1.jsxs)(core_1.Box, { gap: "s1", children: [(0, jsx_runtime_1.jsx)(core_1.Text, { variant: headings === 'screen' ? 'screenTitle' : 'title', role: "heading", children: title }), accent ? ((0, jsx_runtime_1.jsx)(core_1.Box, { style: { width: 28, height: 4, borderRadius: 2, backgroundColor: accent, boxShadow: `0 0 8px ${accent}` } })) : null, sub ? ((0, jsx_runtime_1.jsx)(core_1.Text, { variant: "caption", color: "textSecondary", style: accent ? { color: accent, fontWeight: '600' } : undefined, children: sub })) : null] })] }));
+}
+/**
+ * The tab bar's own surface: a ground and one top rule.
+ *
+ * A component rather than a style so the bar's material lives in one place; the navigator supplies
+ * the items and this supplies what they sit on.
+ *
+ * **`flex` is what makes it visible at all, and its absence was a real defect.** React Navigation
+ * renders `tabBarBackground()` inside a `<View style={StyleSheet.absoluteFill}>`, so the element
+ * returned here has to fill that box itself. This was `style={{ width: '100%' }}` with no height,
+ * and since the component is normally given no children there was nothing to give it one — so it
+ * measured zero tall and painted nothing. Both apps set `tabBarStyle.backgroundColor` to
+ * transparent on the strength of this drawing the ground, which meant list content scrolled
+ * straight through the tab labels on every root screen. `flex: 1` fills the height; the default
+ * cross-axis stretch fills the width, which is why the explicit `width` is gone rather than kept.
+ *
+ * **`hairline` replaces `lift={2}`, and this is the one place a border beside a lift would have
+ * been wrong to add rather than a lift being wrong to keep.** The ladder is right that a `0 0 0
+ * 1px` ring IS the border and that drawing both is the usual way this material gets implemented
+ * badly. But a lift only says anything on a surface with room around it, and this one is pinned
+ * flush to the bottom of the screen: the ring draws OUTSIDE the box, the box now exactly fills
+ * the bar, and the bar clips it — while both drop shadows point downward, off-screen. Measured on
+ * device: a card on the same frame renders its ring normally (`#EFEEEA` at the edge), and the bar
+ * went page → white with nothing between. So `lift={2}` here was three shadows rendering nothing,
+ * and there is no double edge to worry about because there was never a first one.
+ *
+ * Both design documents say the same thing independently, which is the reason to trust it over
+ * the inference: the KeyShort handoff specifies `border-top: 1px solid` on `--card`, and the
+ * canvas app describes this component as *"on `--card` over a `--line-soft` hairline"*. Neither
+ * mentions a shadow.
+ *
+ * **Settled (A1n, KEYSHORT-REVAMP.md, 11 Sep 2026): `--line-soft` — `hairline`'s default,
+ * unchanged.** They disagree by one token on the rule's colour — KeyShort says `--line`, the
+ * canvas app `--line-soft`. Chasing the citation rather than trusting the paraphrase above
+ * settles it: `design_handoff_ambi_chat_duplex/README.md:53` states the tab bar's rule
+ * explicitly — `border-top: 1px solid var(--line-soft)` — as a primary spec, not an inference
+ * from this component's own behaviour. KeyShort's `--line` is the one document out of step
+ * between the two, and the softer default was already right for the reason given below: a bar
+ * that under-asserts can be strengthened, one that over-asserts has already drawn a line nobody
+ * asked for.
+ */
+function TabBarChrome({ children }) {
+    return ((0, jsx_runtime_1.jsx)(core_1.Box, { bg: "surface2", hairline: { side: 'top' }, flex: 1, row: true, align: "center", justify: "space-around", children: children }));
+}
+//# sourceMappingURL=overlays.js.map

package/dist/cjs/ds/overlays.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlays.js","sourceRoot":"","sources":["../../../src/ds/overlays.tsx"],"names":[],"mappings":"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"}