@activecollab/components 2.0.363 → 2.0.365

package/dist/cjs/presentation/stackedCard/shell.js

@@ -0,0 +1,165 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StackedCard = exports.ResizeHandleGlyph = exports.COVER_RATIO_SWATCH = exports.COVER_RATIO_IMAGE = exports.COVER_RATIO_HERO = exports.COVER_RATIO = exports.CARD_WIDTH = exports.CARD_RADIUS = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _excluded = ["selected", "disabled", "pending", "isDragSource", "isDragPreview", "entered", "forceHover", "resizable", "priorityColor", "onResizeDelta", "children"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+/**
+ * StackedCard shell (story-local, presentation-only).
+ *
+ * The hollow frame every typed content component composes. Extracted from the
+ * concept spec story (task 2/8) so the StackedCard concept stories share one
+ * shell instead of re-declaring it. The rule the whole subsystem hangs on:
+ *
+ *   THE SHELL STAYS HOLLOW.
+ *
+ * There is no `contentType` enum here, no per-type prop soup, no `if task …`.
+ * The shell owns only VISUAL STATES (selected, disabled, pending, priority,
+ * drag source/preview, entered) and the intent surface (`onResizeDelta`, the
+ * DOM props it forwards). Content — a task, a link, an image, a swatch, a note
+ * — is passed in as `children` and composes the layout primitives. A new
+ * content type later is a new wrapper, with ZERO changes in this file.
+ *
+ * Not exported from the design-system barrel; it lives here so the concept
+ * stories share one source of truth.
+ */
+
+/* ------------------------------------------------------------------ */
+/* Reference dimensions (from the concept)                             */
+/* ------------------------------------------------------------------ */
+
+var CARD_WIDTH = exports.CARD_WIDTH = 260;
+var CARD_RADIUS = exports.CARD_RADIUS = 8;
+
+/* Cover heights are reserved with aspect-ratio (width / height) so a late image
+   never reflows the card. Per-type ratios live with the shell so every content
+   component reserves the same space its skeleton does. */
+var COVER_RATIO = exports.COVER_RATIO = "260 / 132";
+var COVER_RATIO_HERO = exports.COVER_RATIO_HERO = "320 / 190";
+var COVER_RATIO_IMAGE = exports.COVER_RATIO_IMAGE = "260 / 168";
+var COVER_RATIO_SWATCH = exports.COVER_RATIO_SWATCH = "260 / 104";
+
+/* ------------------------------------------------------------------ */
+/* Shell chrome                                                        */
+/* ------------------------------------------------------------------ */
+
+var hoverStyle = (0, _styledComponents.css)(["box-shadow:0 4px 12px rgba(0,0,0,0.12);border-color:var(--color-theme-500);"]);
+
+/* Controls (cover + entity) share one reveal rule: hidden until the card is
+   hovered OR holds focus, so they are reachable by keyboard, not mouse-only.
+   The cover also reveals its own controls; `&&` gives the forced-on state the
+   specificity to win over that resting rule. */
+var revealControls = (0, _styledComponents.css)([".sc-control{opacity:0;transition:opacity 120ms ease;}&:hover .sc-control,&:focus-within .sc-control{opacity:1;}"]);
+var StyledCard = _styledComponents.default.div.withConfig({
+  displayName: "shell__StyledCard",
+  componentId: "sc-nmi1iu-0"
+})(["position:relative;display:flex;flex-direction:column;width:", "px;border-radius:", "px;background-color:var(--page-paper-main);border:1px solid var(--border-primary);box-shadow:0 1px 3px rgba(0,0,0,0.08);overflow:hidden;transition:box-shadow 150ms ease,border-color 150ms ease;", " &:hover{", "}&:focus-visible{outline:none;", " box-shadow:0 0 0 2px var(--sc-selection-ring);}", " ", " ", " ", " ", " ", " ", " ", ""], CARD_WIDTH, CARD_RADIUS, revealControls, hoverStyle, hoverStyle, function (_ref) {
+  var $forceHover = _ref.$forceHover;
+  return $forceHover && (0, _styledComponents.css)(["", " && .sc-control{opacity:1;}"], hoverStyle);
+}, function (_ref2) {
+  var $priorityColor = _ref2.$priorityColor;
+  return $priorityColor && (0, _styledComponents.css)(["&::before{content:\"\";position:absolute;top:0;bottom:0;left:0;width:4px;background:", ";z-index:2;}"], $priorityColor);
+}, function (_ref3) {
+  var $selected = _ref3.$selected;
+  return $selected && (0, _styledComponents.css)(["border-color:var(--sc-selection-ring);box-shadow:0 0 0 2px var(--sc-selection-ring);"]);
+}, function (_ref4) {
+  var $disabled = _ref4.$disabled;
+  return $disabled && (0, _styledComponents.css)(["opacity:0.5;pointer-events:none;"]);
+}, function (_ref5) {
+  var $pending = _ref5.$pending;
+  return $pending && (0, _styledComponents.css)(["opacity:0.6;pointer-events:none;cursor:progress;"]);
+}, function (_ref6) {
+  var $isDragSource = _ref6.$isDragSource;
+  return $isDragSource && (0, _styledComponents.css)(["background:transparent;border:1px dashed var(--color-theme-500);box-shadow:none;&:hover{box-shadow:none;border-color:var(--color-theme-500);}> *{visibility:hidden;}"]);
+}, function (_ref7) {
+  var $isDragPreview = _ref7.$isDragPreview;
+  return $isDragPreview && (0, _styledComponents.css)(["box-shadow:0 12px 28px rgba(0,0,0,0.24);cursor:grabbing;"]);
+}, function (_ref8) {
+  var $entered = _ref8.$entered;
+  return $entered && (0, _styledComponents.css)(["&&{border-color:var(--sc-selection-ring);box-shadow:inset 0 0 0 2px var(--sc-selection-ring),0 0 0 2px var(--sc-selection-ring);}"]);
+});
+
+/* ------------------------------------------------------------------ */
+/* Resize (opt-in): handle on hover, card reports deltas               */
+/* ------------------------------------------------------------------ */
+
+var StyledResizeHandle = _styledComponents.default.span.withConfig({
+  displayName: "shell__StyledResizeHandle",
+  componentId: "sc-nmi1iu-1"
+})(["position:absolute;right:2px;bottom:2px;width:14px;height:14px;cursor:nwse-resize;color:var(--color-theme-600);z-index:2;svg{display:block;}"]);
+var ResizeHandleGlyph = exports.ResizeHandleGlyph = function ResizeHandleGlyph() {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 14 14",
+    fill: "none",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M12 6v6H6M12 9.5L9.5 12",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round"
+  }));
+};
+/* The shell forwards its ref and spreads DOM props (tabIndex, role, aria-*, the
+   keyboard/click handlers) so the focus-model and open-vs-select demos can
+   drive it — but it owns NO drag, selection, or content logic itself. */
+var StackedCard = exports.StackedCard = /*#__PURE__*/_react.default.forwardRef(function (_ref9, ref) {
+  var selected = _ref9.selected,
+    disabled = _ref9.disabled,
+    pending = _ref9.pending,
+    isDragSource = _ref9.isDragSource,
+    isDragPreview = _ref9.isDragPreview,
+    entered = _ref9.entered,
+    forceHover = _ref9.forceHover,
+    resizable = _ref9.resizable,
+    priorityColor = _ref9.priorityColor,
+    onResizeDelta = _ref9.onResizeDelta,
+    children = _ref9.children,
+    rest = _objectWithoutProperties(_ref9, _excluded);
+  var dragOrigin = (0, _react.useRef)(null);
+  var handlePointerDown = (0, _react.useCallback)(function (e) {
+    dragOrigin.current = {
+      x: e.clientX,
+      y: e.clientY
+    };
+    e.target.setPointerCapture(e.pointerId);
+    e.preventDefault();
+  }, []);
+  var handlePointerMove = (0, _react.useCallback)(function (e) {
+    if (!dragOrigin.current || !onResizeDelta) return;
+    onResizeDelta(e.clientX - dragOrigin.current.x, e.clientY - dragOrigin.current.y);
+    dragOrigin.current = {
+      x: e.clientX,
+      y: e.clientY
+    };
+  }, [onResizeDelta]);
+  var handlePointerUp = (0, _react.useCallback)(function () {
+    dragOrigin.current = null;
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(StyledCard, _extends({
+    ref: ref,
+    $selected: selected,
+    $disabled: disabled,
+    $pending: pending,
+    $isDragSource: isDragSource,
+    $isDragPreview: isDragPreview,
+    $entered: entered,
+    $forceHover: forceHover,
+    $priorityColor: priorityColor
+  }, rest), children, resizable ? /*#__PURE__*/_react.default.createElement(StyledResizeHandle, {
+    className: "sc-control",
+    onPointerDown: handlePointerDown,
+    onPointerMove: handlePointerMove,
+    onPointerUp: handlePointerUp
+  }, /*#__PURE__*/_react.default.createElement(ResizeHandleGlyph, null)) : null);
+});
+StackedCard.displayName = "StackedCard";
+//# sourceMappingURL=shell.js.map

package/dist/cjs/presentation/stackedCard/shell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shell.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","CARD_WIDTH","exports","CARD_RADIUS","COVER_RATIO","COVER_RATIO_HERO","COVER_RATIO_IMAGE","COVER_RATIO_SWATCH","hoverStyle","css","revealControls","StyledCard","styled","div","withConfig","displayName","componentId","_ref","$forceHover","_ref2","$priorityColor","_ref3","$selected","_ref4","$disabled","_ref5","$pending","_ref6","$isDragSource","_ref7","$isDragPreview","_ref8","$entered","StyledResizeHandle","span","ResizeHandleGlyph","createElement","width","height","viewBox","fill","d","stroke","strokeWidth","strokeLinecap","StackedCard","React","forwardRef","_ref9","ref","selected","disabled","pending","isDragSource","isDragPreview","entered","forceHover","resizable","priorityColor","onResizeDelta","children","rest","dragOrigin","useRef","handlePointerDown","useCallback","current","x","clientX","y","clientY","target","setPointerCapture","pointerId","preventDefault","handlePointerMove","handlePointerUp","className","onPointerDown","onPointerMove","onPointerUp"],"sources":["../../../../src/presentation/stackedCard/shell.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode, useCallback, useRef } from \"react\";\n\nimport styled, { css } from \"styled-components\";\n\n/**\n * StackedCard shell (story-local, presentation-only).\n *\n * The hollow frame every typed content component composes. Extracted from the\n * concept spec story (task 2/8) so the StackedCard concept stories share one\n * shell instead of re-declaring it. The rule the whole subsystem hangs on:\n *\n *   THE SHELL STAYS HOLLOW.\n *\n * There is no `contentType` enum here, no per-type prop soup, no `if task …`.\n * The shell owns only VISUAL STATES (selected, disabled, pending, priority,\n * drag source/preview, entered) and the intent surface (`onResizeDelta`, the\n * DOM props it forwards). Content — a task, a link, an image, a swatch, a note\n * — is passed in as `children` and composes the layout primitives. A new\n * content type later is a new wrapper, with ZERO changes in this file.\n *\n * Not exported from the design-system barrel; it lives here so the concept\n * stories share one source of truth.\n */\n\n/* ------------------------------------------------------------------ */\n/* Reference dimensions (from the concept)                             */\n/* ------------------------------------------------------------------ */\n\nexport const CARD_WIDTH = 260;\nexport const CARD_RADIUS = 8;\n\n/* Cover heights are reserved with aspect-ratio (width / height) so a late image\n   never reflows the card. Per-type ratios live with the shell so every content\n   component reserves the same space its skeleton does. */\nexport const COVER_RATIO = \"260 / 132\";\nexport const COVER_RATIO_HERO = \"320 / 190\";\nexport const COVER_RATIO_IMAGE = \"260 / 168\";\nexport const COVER_RATIO_SWATCH = \"260 / 104\";\n\n/* ------------------------------------------------------------------ */\n/* Shell chrome                                                        */\n/* ------------------------------------------------------------------ */\n\ninterface StyledCardProps {\n  $selected?: boolean;\n  $disabled?: boolean;\n  $pending?: boolean;\n  $isDragSource?: boolean;\n  $isDragPreview?: boolean;\n  $entered?: boolean;\n  $forceHover?: boolean;\n  $priorityColor?: string;\n}\n\nconst hoverStyle = css`\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n  border-color: var(--color-theme-500);\n`;\n\n/* Controls (cover + entity) share one reveal rule: hidden until the card is\n   hovered OR holds focus, so they are reachable by keyboard, not mouse-only.\n   The cover also reveals its own controls; `&&` gives the forced-on state the\n   specificity to win over that resting rule. */\nconst revealControls = css`\n  .sc-control {\n    opacity: 0;\n    transition: opacity 120ms ease;\n  }\n\n  &:hover .sc-control,\n  &:focus-within .sc-control {\n    opacity: 1;\n  }\n`;\n\nconst StyledCard = styled.div<StyledCardProps>`\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: ${CARD_WIDTH}px;\n  border-radius: ${CARD_RADIUS}px;\n  background-color: var(--page-paper-main);\n  border: 1px solid var(--border-primary);\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);\n  overflow: hidden;\n  transition: box-shadow 150ms ease, border-color 150ms ease;\n\n  ${revealControls}\n\n  &:hover {\n    ${hoverStyle}\n  }\n\n  &:focus-visible {\n    outline: none;\n    ${hoverStyle}\n    box-shadow: 0 0 0 2px var(--sc-selection-ring);\n  }\n\n  ${({ $forceHover }) =>\n    $forceHover &&\n    css`\n      ${hoverStyle}\n      && .sc-control {\n        opacity: 1;\n      }\n    `}\n\n  ${({ $priorityColor }) =>\n    $priorityColor &&\n    css`\n      &::before {\n        content: \"\";\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        width: 4px;\n        background: ${$priorityColor};\n        z-index: 2;\n      }\n    `}\n\n  ${({ $selected }) =>\n    $selected &&\n    css`\n      border-color: var(--sc-selection-ring);\n      box-shadow: 0 0 0 2px var(--sc-selection-ring);\n    `}\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      opacity: 0.5;\n      pointer-events: none;\n    `}\n\n  /* Pending / optimistic — the card was just created or moved and the server\n     has not confirmed it yet. Dimmed, non-interactive and NOT draggable, but\n     distinct from disabled (it is a transient in-flight state, not a policy). */\n  ${({ $pending }) =>\n    $pending &&\n    css`\n      opacity: 0.6;\n      pointer-events: none;\n      cursor: progress;\n    `}\n\n  /* Drag SOURCE — full-size outline placeholder. Content is hidden but keeps\n     its box (visibility, not display) so the card holds identical dimensions\n     and the surrounding cards never move. */\n  ${({ $isDragSource }) =>\n    $isDragSource &&\n    css`\n      background: transparent;\n      border: 1px dashed var(--color-theme-500);\n      box-shadow: none;\n\n      &:hover {\n        box-shadow: none;\n        border-color: var(--color-theme-500);\n      }\n\n      > * {\n        visibility: hidden;\n      }\n    `}\n\n  /* Drag PREVIEW — the 1:1 copy the host floats in the drag layer. Elevated\n     shadow ONLY: no rotate, no scale, no translate. */\n  ${({ $isDragPreview }) =>\n    $isDragPreview &&\n    css`\n      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);\n      cursor: grabbing;\n    `}\n\n  /* Entered (focus model) — focus is on one of the card's inner controls. */\n  ${({ $entered }) =>\n    $entered &&\n    css`\n      && {\n        border-color: var(--sc-selection-ring);\n        box-shadow: inset 0 0 0 2px var(--sc-selection-ring),\n          0 0 0 2px var(--sc-selection-ring);\n      }\n    `}\n`;\n\n/* ------------------------------------------------------------------ */\n/* Resize (opt-in): handle on hover, card reports deltas               */\n/* ------------------------------------------------------------------ */\n\nconst StyledResizeHandle = styled.span`\n  position: absolute;\n  right: 2px;\n  bottom: 2px;\n  width: 14px;\n  height: 14px;\n  cursor: nwse-resize;\n  color: var(--color-theme-600);\n  z-index: 2;\n\n  svg {\n    display: block;\n  }\n`;\n\nexport const ResizeHandleGlyph = (): ReactElement => (\n  <svg\n    width=\"14\"\n    height=\"14\"\n    viewBox=\"0 0 14 14\"\n    fill=\"none\"\n    aria-hidden=\"true\"\n  >\n    <path\n      d=\"M12 6v6H6M12 9.5L9.5 12\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n    />\n  </svg>\n);\n\nexport interface StackedCardProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onResize\"> {\n  selected?: boolean;\n  disabled?: boolean;\n  /** Optimistic in-flight state — dimmed, non-interactive, not draggable. */\n  pending?: boolean;\n  /** Full-size outline placeholder left in the source position while dragging. */\n  isDragSource?: boolean;\n  /** The 1:1 elevated copy the host floats in the drag layer. */\n  isDragPreview?: boolean;\n  /** Focus model: the card has been entered and focus is on an inner control. */\n  entered?: boolean;\n  forceHover?: boolean;\n  resizable?: boolean;\n  priorityColor?: string;\n  onResizeDelta?: (dx: number, dy: number) => void;\n  children: ReactNode;\n}\n\n/* The shell forwards its ref and spreads DOM props (tabIndex, role, aria-*, the\n   keyboard/click handlers) so the focus-model and open-vs-select demos can\n   drive it — but it owns NO drag, selection, or content logic itself. */\nexport const StackedCard = React.forwardRef<HTMLDivElement, StackedCardProps>(\n  (\n    {\n      selected,\n      disabled,\n      pending,\n      isDragSource,\n      isDragPreview,\n      entered,\n      forceHover,\n      resizable,\n      priorityColor,\n      onResizeDelta,\n      children,\n      ...rest\n    },\n    ref\n  ): ReactElement => {\n    const dragOrigin = useRef<{ x: number; y: number } | null>(null);\n\n    const handlePointerDown = useCallback((e: React.PointerEvent) => {\n      dragOrigin.current = { x: e.clientX, y: e.clientY };\n      (e.target as HTMLElement).setPointerCapture(e.pointerId);\n      e.preventDefault();\n    }, []);\n\n    const handlePointerMove = useCallback(\n      (e: React.PointerEvent) => {\n        if (!dragOrigin.current || !onResizeDelta) return;\n        onResizeDelta(\n          e.clientX - dragOrigin.current.x,\n          e.clientY - dragOrigin.current.y\n        );\n        dragOrigin.current = { x: e.clientX, y: e.clientY };\n      },\n      [onResizeDelta]\n    );\n\n    const handlePointerUp = useCallback(() => {\n      dragOrigin.current = null;\n    }, []);\n\n    return (\n      <StyledCard\n        ref={ref}\n        $selected={selected}\n        $disabled={disabled}\n        $pending={pending}\n        $isDragSource={isDragSource}\n        $isDragPreview={isDragPreview}\n        $entered={entered}\n        $forceHover={forceHover}\n        $priorityColor={priorityColor}\n        {...rest}\n      >\n        {children}\n        {resizable ? (\n          <StyledResizeHandle\n            className=\"sc-control\"\n            onPointerDown={handlePointerDown}\n            onPointerMove={handlePointerMove}\n            onPointerUp={handlePointerUp}\n          >\n            <ResizeHandleGlyph />\n          </StyledResizeHandle>\n        ) : null}\n      </StyledCard>\n    );\n  }\n);\n\nStackedCard.displayName = \"StackedCard\";\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/presentation/stackedCard/storyScaffold.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSheet = exports.StyledGrid = exports.StyledColumn = exports.SheetHeading = exports.Section = exports.Labeled = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _Typography = require("../../components/Typography");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Shared spec-sheet scaffolding for the StackedCard concept stories (Sheet,
+ * Section, Labeled, Grid, Column) plus the DS token candidates the subsystem
+ * needs. Presentation-only; keeps the three StackedCard stories laying out the
+ * same way instead of each re-declaring the sheet chrome.
+ *
+ * The `--sc-*` variables are declared here as design-system PROPOSALS (a
+ * selection ring + a dark scrim family). The shell and primitives reference
+ * these only, so no rgba/hex is baked into a reusable style.
+ */
+
+var StyledSheet = exports.StyledSheet = _styledComponents.default.div.withConfig({
+  displayName: "storyScaffold__StyledSheet",
+  componentId: "sc-7oxew-0"
+})(["--sc-selection-ring:var(--color-primary-500,#2f6bff);--sc-scrim:rgba(0,0,0,0.55);--sc-scrim-strong:rgba(0,0,0,0.72);--sc-scrim-fg:#ffffff;--sc-completed-tint:rgba(72,201,176,0.16);min-height:100vh;padding:32px 40px 64px;background:var(--page-paper-dimmed,var(--color-theme-200));.sheet-title{margin-bottom:8px;}.sheet-lede{display:block;margin-bottom:24px;max-width:760px;}"]);
+var StyledSection = _styledComponents.default.section.withConfig({
+  displayName: "storyScaffold__StyledSection",
+  componentId: "sc-7oxew-1"
+})(["margin-top:40px;> .section-caption{display:block;margin-bottom:4px;text-transform:uppercase;letter-spacing:0.06em;}> .section-note{display:block;margin-bottom:16px;max-width:720px;}"]);
+var StyledGrid = exports.StyledGrid = _styledComponents.default.div.withConfig({
+  displayName: "storyScaffold__StyledGrid",
+  componentId: "sc-7oxew-2"
+})(["display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;"]);
+var StyledColumn = exports.StyledColumn = _styledComponents.default.div.withConfig({
+  displayName: "storyScaffold__StyledColumn",
+  componentId: "sc-7oxew-3"
+})(["display:flex;flex-direction:column;gap:12px;"]);
+var StyledLabeled = _styledComponents.default.figure.withConfig({
+  displayName: "storyScaffold__StyledLabeled",
+  componentId: "sc-7oxew-4"
+})(["margin:0;display:flex;flex-direction:column;gap:8px;> figcaption{order:-1;max-width:320px;}"]);
+var Labeled = exports.Labeled = function Labeled(_ref) {
+  var label = _ref.label,
+    children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(StyledLabeled, null, /*#__PURE__*/_react.default.createElement("figcaption", null, /*#__PURE__*/_react.default.createElement(_Typography.Caption1, {
+    color: "secondary"
+  }, label)), children);
+};
+var Section = exports.Section = function Section(_ref2) {
+  var caption = _ref2.caption,
+    note = _ref2.note,
+    children = _ref2.children;
+  return /*#__PURE__*/_react.default.createElement(StyledSection, null, /*#__PURE__*/_react.default.createElement(_Typography.Caption1, {
+    weight: "bold",
+    color: "tertiary",
+    className: "section-caption"
+  }, caption), note ? /*#__PURE__*/_react.default.createElement(_Typography.Caption1, {
+    color: "tertiary",
+    className: "section-note"
+  }, note) : null, /*#__PURE__*/_react.default.createElement(StyledGrid, null, children));
+};
+var SheetHeading = exports.SheetHeading = function SheetHeading(_ref3) {
+  var title = _ref3.title,
+    children = _ref3.children;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Typography.Title2, {
+    className: "sheet-title"
+  }, title), /*#__PURE__*/_react.default.createElement(_Typography.Caption1, {
+    color: "tertiary",
+    className: "sheet-lede"
+  }, children));
+};
+//# sourceMappingURL=storyScaffold.js.map

package/dist/cjs/presentation/stackedCard/storyScaffold.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"storyScaffold.js","names":["_react","_interopRequireDefault","require","_styledComponents","_Typography","e","__esModule","default","StyledSheet","exports","styled","div","withConfig","displayName","componentId","StyledSection","section","StyledGrid","StyledColumn","StyledLabeled","figure","Labeled","_ref","label","children","createElement","Caption1","color","Section","_ref2","caption","note","weight","className","SheetHeading","_ref3","title","Fragment","Title2"],"sources":["../../../../src/presentation/stackedCard/storyScaffold.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { Caption1, Title2 } from \"../../components/Typography\";\n\n/**\n * Shared spec-sheet scaffolding for the StackedCard concept stories (Sheet,\n * Section, Labeled, Grid, Column) plus the DS token candidates the subsystem\n * needs. Presentation-only; keeps the three StackedCard stories laying out the\n * same way instead of each re-declaring the sheet chrome.\n *\n * The `--sc-*` variables are declared here as design-system PROPOSALS (a\n * selection ring + a dark scrim family). The shell and primitives reference\n * these only, so no rgba/hex is baked into a reusable style.\n */\n\nexport const StyledSheet = styled.div`\n  --sc-selection-ring: var(--color-primary-500, #2f6bff);\n  --sc-scrim: rgba(0, 0, 0, 0.55);\n  --sc-scrim-strong: rgba(0, 0, 0, 0.72);\n  --sc-scrim-fg: #ffffff;\n  --sc-completed-tint: rgba(72, 201, 176, 0.16);\n\n  min-height: 100vh;\n  padding: 32px 40px 64px;\n  background: var(--page-paper-dimmed, var(--color-theme-200));\n\n  .sheet-title {\n    margin-bottom: 8px;\n  }\n\n  .sheet-lede {\n    display: block;\n    margin-bottom: 24px;\n    max-width: 760px;\n  }\n`;\n\nconst StyledSection = styled.section`\n  margin-top: 40px;\n\n  > .section-caption {\n    display: block;\n    margin-bottom: 4px;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n  }\n\n  > .section-note {\n    display: block;\n    margin-bottom: 16px;\n    max-width: 720px;\n  }\n`;\n\nexport const StyledGrid = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  gap: 24px;\n  align-items: flex-start;\n`;\n\nexport const StyledColumn = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n`;\n\nconst StyledLabeled = styled.figure`\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  > figcaption {\n    order: -1;\n    max-width: 320px;\n  }\n`;\n\nexport const Labeled = ({\n  label,\n  children,\n}: {\n  label: ReactNode;\n  children: ReactNode;\n}): ReactElement => (\n  <StyledLabeled>\n    <figcaption>\n      <Caption1 color=\"secondary\">{label}</Caption1>\n    </figcaption>\n    {children}\n  </StyledLabeled>\n);\n\nexport const Section = ({\n  caption,\n  note,\n  children,\n}: {\n  caption: string;\n  note?: ReactNode;\n  children: ReactNode;\n}): ReactElement => (\n  <StyledSection>\n    <Caption1 weight=\"bold\" color=\"tertiary\" className=\"section-caption\">\n      {caption}\n    </Caption1>\n    {note ? (\n      <Caption1 color=\"tertiary\" className=\"section-note\">\n        {note}\n      </Caption1>\n    ) : null}\n    <StyledGrid>{children}</StyledGrid>\n  </StyledSection>\n);\n\nexport const SheetHeading = ({\n  title,\n  children,\n}: {\n  title: string;\n  children: ReactNode;\n}): ReactElement => (\n  <>\n    <Title2 className=\"sheet-title\">{title}</Title2>\n    <Caption1 color=\"tertiary\" className=\"sheet-lede\">\n      {children}\n    </Caption1>\n  </>\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/presentation/stackedCard/useInlineEdit.js

@@ -0,0 +1,208 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useInlineEdit = void 0;
+var _react = require("react");
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+/**
+ * useInlineEdit — story-local click-to-edit state machine for StackedCard
+ * (task 4/8). Presentation-only; not exported from the design-system barrel.
+ *
+ * A card in preview/placeholder mode enters an EDITING state on click: a
+ * card-centered text field with confirm/cancel keyboard rules, an optional
+ * validator, and a single-line ↔ multi-line mode switch. The hook owns only the
+ * editing lifecycle (mode, working value, error, keyboard + outside-click); the
+ * card chrome and the async handoff after commit (e.g. the link unfurl ladder
+ * from task 3/8) live in the story that consumes it.
+ *
+ * ── The decided rules (AC task #454744) ──
+ *  Single-line   Enter confirms · click-outside confirms · Esc cancels + reverts
+ *  Multi-line    Enter = newline · Cmd/Ctrl+Enter saves · click-outside saves ·
+ *                Esc cancels + reverts
+ *  Validator     validate(value) => true | errorMessage, run before every accept
+ *                pass  → commit + exit editing
+ *                fail via a key   → STAY editing, surface the message (retry)
+ *                fail via outside → REVERT (acts as cancel) — user never trapped
+ *
+ * Keyboard is handled on the field's own keydown (never a global listener) and
+ * every keydown stops propagation, so the card focus model (task 2/8) can't
+ * swallow the Enter/Esc that belong to the editor.
+ */
+
+/** Props to spread onto the `<input>` or `<textarea>` while editing. */
+
+var useInlineEdit = exports.useInlineEdit = function useInlineEdit() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref$initialValue = _ref.initialValue,
+    initialValue = _ref$initialValue === void 0 ? "" : _ref$initialValue,
+    _ref$multiline = _ref.multiline,
+    multiline = _ref$multiline === void 0 ? false : _ref$multiline,
+    validate = _ref.validate,
+    onCommit = _ref.onCommit;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    editing = _useState2[0],
+    setEditingState = _useState2[1];
+  var _useState3 = (0, _react.useState)(initialValue),
+    _useState4 = _slicedToArray(_useState3, 2),
+    value = _useState4[0],
+    setValueState = _useState4[1];
+  var _useState5 = (0, _react.useState)(initialValue),
+    _useState6 = _slicedToArray(_useState5, 2),
+    committed = _useState6[0],
+    setCommittedState = _useState6[1];
+  var _useState7 = (0, _react.useState)(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    error = _useState8[0],
+    setError = _useState8[1];
+
+  // Refs mirror the state that the (stable) event handlers read, so the handlers
+  // never go stale and never need to be re-created as the value changes.
+  var elRef = (0, _react.useRef)(null);
+  var valueRef = (0, _react.useRef)(value);
+  var committedRef = (0, _react.useRef)(committed);
+  var editingRef = (0, _react.useRef)(editing);
+  // Set right before a programmatic exit so the blur that follows the field
+  // unmounting is ignored (it isn't a real click-outside).
+  var skipBlurRef = (0, _react.useRef)(false);
+  var validateRef = (0, _react.useRef)(validate);
+  var onCommitRef = (0, _react.useRef)(onCommit);
+  (0, _react.useEffect)(function () {
+    validateRef.current = validate;
+    onCommitRef.current = onCommit;
+  });
+  var setValue = (0, _react.useCallback)(function (v) {
+    valueRef.current = v;
+    setValueState(v);
+  }, []);
+  var setCommitted = (0, _react.useCallback)(function (v) {
+    committedRef.current = v;
+    setCommittedState(v);
+  }, []);
+  var setEditing = (0, _react.useCallback)(function (v) {
+    editingRef.current = v;
+    setEditingState(v);
+  }, []);
+  var begin = (0, _react.useCallback)(function () {
+    skipBlurRef.current = false;
+    setValue(committedRef.current);
+    setError(null);
+    setEditing(true);
+  }, [setValue, setEditing]);
+  var cancel = (0, _react.useCallback)(function () {
+    skipBlurRef.current = true;
+    setValue(committedRef.current);
+    setError(null);
+    setEditing(false);
+  }, [setValue, setEditing]);
+  var reset = (0, _react.useCallback)(function () {
+    var next = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialValue;
+    skipBlurRef.current = true;
+    setCommitted(next);
+    setValue(next);
+    setError(null);
+    setEditing(false);
+  }, [initialValue, setCommitted, setValue, setEditing]);
+  var commit = (0, _react.useCallback)(function (v) {
+    var _onCommitRef$current;
+    skipBlurRef.current = true;
+    setCommitted(v);
+    setValue(v);
+    setError(null);
+    setEditing(false);
+    (_onCommitRef$current = onCommitRef.current) === null || _onCommitRef$current === void 0 || _onCommitRef$current.call(onCommitRef, v);
+  }, [setCommitted, setValue, setEditing]);
+
+  // Run the validator (if any) and accept, or handle the failure per source:
+  // a key retry keeps the user in the field with a message; an outside click
+  // reverts so the user is never trapped in an invalid editor.
+  var attempt = (0, _react.useCallback)(function (source) {
+    var v = valueRef.current;
+    var result = validateRef.current ? validateRef.current(v) : true;
+    if (result === true) {
+      commit(v);
+      return true;
+    }
+    if (source === "outside") {
+      cancel();
+      return false;
+    }
+    setError(result);
+    return false;
+  }, [commit, cancel]);
+  var onChange = (0, _react.useCallback)(function (e) {
+    setValue(e.target.value);
+    // Clear a stale error as the user edits; the next accept re-validates.
+    setError(function (prev) {
+      return prev == null ? prev : null;
+    });
+  }, [setValue]);
+  var onKeyDown = (0, _react.useCallback)(function (e) {
+    // Keep Enter/Esc from reaching the card's own keyboard model (task 2/8).
+    e.stopPropagation();
+    if (e.key === "Escape") {
+      e.preventDefault();
+      cancel();
+      return;
+    }
+    if (e.key === "Enter") {
+      var withMeta = e.metaKey || e.ctrlKey;
+      // Multi-line: a bare Enter is a newline; only Cmd/Ctrl+Enter saves.
+      if (multiline && !withMeta) return;
+      e.preventDefault();
+      attempt("key");
+    }
+  }, [attempt, cancel, multiline]);
+  var onBlur = (0, _react.useCallback)(function () {
+    if (skipBlurRef.current) {
+      skipBlurRef.current = false;
+      return;
+    }
+    if (!editingRef.current) return;
+    attempt("outside");
+  }, [attempt]);
+  var setRef = (0, _react.useCallback)(function (el) {
+    elRef.current = el;
+  }, []);
+
+  // On entering editing, focus the field and drop the caret at the end so the
+  // cursor is visible and existing text is ready to extend.
+  (0, _react.useEffect)(function () {
+    if (!editing) return;
+    var el = elRef.current;
+    if (!el) return;
+    el.focus();
+    var len = el.value.length;
+    try {
+      el.setSelectionRange(len, len);
+    } catch (_unused) {
+      /* some input types disallow setSelectionRange — harmless here. */
+    }
+  }, [editing]);
+  return {
+    editing,
+    value,
+    committed,
+    error,
+    multiline,
+    begin,
+    cancel,
+    reset,
+    bind: {
+      ref: setRef,
+      value,
+      onChange,
+      onKeyDown,
+      onBlur,
+      "aria-invalid": error != null
+    }
+  };
+};
+//# sourceMappingURL=useInlineEdit.js.map

package/dist/cjs/presentation/stackedCard/useInlineEdit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInlineEdit.js","names":["_react","require","_slicedToArray","r","e","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","t","toString","call","slice","constructor","name","Array","from","test","length","n","l","Symbol","iterator","i","u","f","o","next","Object","done","push","value","return","isArray","useInlineEdit","exports","_ref","arguments","undefined","_ref$initialValue","initialValue","_ref$multiline","multiline","validate","onCommit","_useState","useState","_useState2","editing","setEditingState","_useState3","_useState4","setValueState","_useState5","_useState6","committed","setCommittedState","_useState7","_useState8","error","setError","elRef","useRef","valueRef","committedRef","editingRef","skipBlurRef","validateRef","onCommitRef","useEffect","current","setValue","useCallback","v","setCommitted","setEditing","begin","cancel","reset","commit","_onCommitRef$current","attempt","source","result","onChange","target","prev","onKeyDown","stopPropagation","key","preventDefault","withMeta","metaKey","ctrlKey","onBlur","setRef","el","focus","len","setSelectionRange","_unused","bind","ref"],"sources":["../../../../src/presentation/stackedCard/useInlineEdit.ts"],"sourcesContent":["import {\n  ChangeEvent,\n  FocusEvent,\n  KeyboardEvent,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\n/**\n * useInlineEdit — story-local click-to-edit state machine for StackedCard\n * (task 4/8). Presentation-only; not exported from the design-system barrel.\n *\n * A card in preview/placeholder mode enters an EDITING state on click: a\n * card-centered text field with confirm/cancel keyboard rules, an optional\n * validator, and a single-line ↔ multi-line mode switch. The hook owns only the\n * editing lifecycle (mode, working value, error, keyboard + outside-click); the\n * card chrome and the async handoff after commit (e.g. the link unfurl ladder\n * from task 3/8) live in the story that consumes it.\n *\n * ── The decided rules (AC task #454744) ──\n *  Single-line   Enter confirms · click-outside confirms · Esc cancels + reverts\n *  Multi-line    Enter = newline · Cmd/Ctrl+Enter saves · click-outside saves ·\n *                Esc cancels + reverts\n *  Validator     validate(value) => true | errorMessage, run before every accept\n *                pass  → commit + exit editing\n *                fail via a key   → STAY editing, surface the message (retry)\n *                fail via outside → REVERT (acts as cancel) — user never trapped\n *\n * Keyboard is handled on the field's own keydown (never a global listener) and\n * every keydown stops propagation, so the card focus model (task 2/8) can't\n * swallow the Enter/Esc that belong to the editor.\n */\n\nexport type InlineEditValidator = (value: string) => true | string;\n\nexport interface UseInlineEditConfig {\n  /** Seed value for the first edit; also the revert target until first commit. */\n  initialValue?: string;\n  /** Multi-line mode: Enter inserts a newline, Cmd/Ctrl+Enter saves. */\n  multiline?: boolean;\n  /** Optional validator, run before every accept. `true` passes; a string fails. */\n  validate?: InlineEditValidator;\n  /** Called with the committed value when an accept passes validation. */\n  onCommit?: (value: string) => void;\n}\n\n/** Props to spread onto the `<input>` or `<textarea>` while editing. */\nexport interface InlineEditBind {\n  /** Callback ref — assignable to both an input and a textarea. */\n  ref: (el: HTMLInputElement | HTMLTextAreaElement | null) => void;\n  value: string;\n  onChange: (e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;\n  onKeyDown: (e: KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;\n  onBlur: (e: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;\n  \"aria-invalid\": boolean;\n}\n\nexport interface InlineEditController {\n  /** Whether the field is currently shown. */\n  editing: boolean;\n  /** The working value (the draft being typed). */\n  value: string;\n  /** The last committed value — what a revert restores. */\n  committed: string;\n  /** The current validation message, or null when valid / untouched. */\n  error: string | null;\n  /** Whether this editor is in multi-line mode. */\n  multiline: boolean;\n  /** Enter editing, loading the last committed value. */\n  begin: () => void;\n  /** Cancel + revert to the committed value (the Esc / invalid-outside path). */\n  cancel: () => void;\n  /** Force a committed value without going through the field (repeat demos). */\n  reset: (next?: string) => void;\n  /** Spread onto the field element while `editing`. */\n  bind: InlineEditBind;\n}\n\nexport const useInlineEdit = ({\n  initialValue = \"\",\n  multiline = false,\n  validate,\n  onCommit,\n}: UseInlineEditConfig = {}): InlineEditController => {\n  const [editing, setEditingState] = useState(false);\n  const [value, setValueState] = useState(initialValue);\n  const [committed, setCommittedState] = useState(initialValue);\n  const [error, setError] = useState<string | null>(null);\n\n  // Refs mirror the state that the (stable) event handlers read, so the handlers\n  // never go stale and never need to be re-created as the value changes.\n  const elRef = useRef<HTMLInputElement | HTMLTextAreaElement | null>(null);\n  const valueRef = useRef(value);\n  const committedRef = useRef(committed);\n  const editingRef = useRef(editing);\n  // Set right before a programmatic exit so the blur that follows the field\n  // unmounting is ignored (it isn't a real click-outside).\n  const skipBlurRef = useRef(false);\n  const validateRef = useRef(validate);\n  const onCommitRef = useRef(onCommit);\n\n  useEffect(() => {\n    validateRef.current = validate;\n    onCommitRef.current = onCommit;\n  });\n\n  const setValue = useCallback((v: string) => {\n    valueRef.current = v;\n    setValueState(v);\n  }, []);\n\n  const setCommitted = useCallback((v: string) => {\n    committedRef.current = v;\n    setCommittedState(v);\n  }, []);\n\n  const setEditing = useCallback((v: boolean) => {\n    editingRef.current = v;\n    setEditingState(v);\n  }, []);\n\n  const begin = useCallback(() => {\n    skipBlurRef.current = false;\n    setValue(committedRef.current);\n    setError(null);\n    setEditing(true);\n  }, [setValue, setEditing]);\n\n  const cancel = useCallback(() => {\n    skipBlurRef.current = true;\n    setValue(committedRef.current);\n    setError(null);\n    setEditing(false);\n  }, [setValue, setEditing]);\n\n  const reset = useCallback(\n    (next: string = initialValue) => {\n      skipBlurRef.current = true;\n      setCommitted(next);\n      setValue(next);\n      setError(null);\n      setEditing(false);\n    },\n    [initialValue, setCommitted, setValue, setEditing]\n  );\n\n  const commit = useCallback(\n    (v: string) => {\n      skipBlurRef.current = true;\n      setCommitted(v);\n      setValue(v);\n      setError(null);\n      setEditing(false);\n      onCommitRef.current?.(v);\n    },\n    [setCommitted, setValue, setEditing]\n  );\n\n  // Run the validator (if any) and accept, or handle the failure per source:\n  // a key retry keeps the user in the field with a message; an outside click\n  // reverts so the user is never trapped in an invalid editor.\n  const attempt = useCallback(\n    (source: \"key\" | \"outside\"): boolean => {\n      const v = valueRef.current;\n      const result = validateRef.current ? validateRef.current(v) : true;\n      if (result === true) {\n        commit(v);\n        return true;\n      }\n      if (source === \"outside\") {\n        cancel();\n        return false;\n      }\n      setError(result);\n      return false;\n    },\n    [commit, cancel]\n  );\n\n  const onChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      setValue(e.target.value);\n      // Clear a stale error as the user edits; the next accept re-validates.\n      setError((prev) => (prev == null ? prev : null));\n    },\n    [setValue]\n  );\n\n  const onKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      // Keep Enter/Esc from reaching the card's own keyboard model (task 2/8).\n      e.stopPropagation();\n\n      if (e.key === \"Escape\") {\n        e.preventDefault();\n        cancel();\n        return;\n      }\n\n      if (e.key === \"Enter\") {\n        const withMeta = e.metaKey || e.ctrlKey;\n        // Multi-line: a bare Enter is a newline; only Cmd/Ctrl+Enter saves.\n        if (multiline && !withMeta) return;\n        e.preventDefault();\n        attempt(\"key\");\n      }\n    },\n    [attempt, cancel, multiline]\n  );\n\n  const onBlur = useCallback(() => {\n    if (skipBlurRef.current) {\n      skipBlurRef.current = false;\n      return;\n    }\n    if (!editingRef.current) return;\n    attempt(\"outside\");\n  }, [attempt]);\n\n  const setRef = useCallback(\n    (el: HTMLInputElement | HTMLTextAreaElement | null) => {\n      elRef.current = el;\n    },\n    []\n  );\n\n  // On entering editing, focus the field and drop the caret at the end so the\n  // cursor is visible and existing text is ready to extend.\n  useEffect(() => {\n    if (!editing) return;\n    const el = elRef.current;\n    if (!el) return;\n    el.focus();\n    const len = el.value.length;\n    try {\n      el.setSelectionRange(len, len);\n    } catch {\n      /* some input types disallow setSelectionRange — harmless here. */\n    }\n  }, [editing]);\n\n  return {\n    editing,\n    value,\n    committed,\n    error,\n    multiline,\n    begin,\n    cancel,\n    reset,\n    bind: {\n      ref: setRef,\n      value,\n      onChange,\n      onKeyDown,\n      onBlur,\n      \"aria-invalid\": error != null,\n    },\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/presentation/shared/index.d.ts

@@ -32,4 +32,6 @@ export { TwoFactorShield } from "./TwoFactorShield";
 export type { TwoFactorShieldProps } from "./TwoFactorShield";
 export { BackupCodesDialogs, CreateLoginCodeDialogs } from "./TwoFactorDialogs";
 export type { BackupCodesDialogsProps, CreateLoginCodeDialogsProps, } from "./TwoFactorDialogs";
+export { SettingsHeader, SettingsContent, StyledSettingRow, RowText, SettingRow, } from "./settings";
+export type { SettingsHeaderProps, SettingRowProps } from "./settings";
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/presentation/shared/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/presentation/shared/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACzE,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACrE,YAAY,EACV,eAAe,EACf,sBAAsB,EACtB,cAAc,GACf,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,YAAY,EAAE,kCAAkC,EAAE,MAAM,iCAAiC,CAAC;AAC1F,OAAO,EACL,uBAAuB,EACvB,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,4BAA4B,EAC5B,qBAAqB,EACrB,UAAU,EACV,iBAAiB,EACjB,UAAU,GACX,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,UAAU,GACX,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,iBAAiB,EACjB,QAAQ,EACR,OAAO,EACP,KAAK,EACL,aAAa,EACb,eAAe,GAChB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,UAAU,EACV,SAAS,EACT,KAAK,EACL,YAAY,EACZ,UAAU,EACV,UAAU,EACV,cAAc,GACf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACzE,YAAY,EACV,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAChF,YAAY,EACV,uBAAuB,EACvB,2BAA2B,GAC5B,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/presentation/shared/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACzE,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACrE,YAAY,EACV,eAAe,EACf,sBAAsB,EACtB,cAAc,GACf,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,YAAY,EAAE,kCAAkC,EAAE,MAAM,iCAAiC,CAAC;AAC1F,OAAO,EACL,uBAAuB,EACvB,gBAAgB,EAChB,gBAAgB,EAChB,WAAW,EACX,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,4BAA4B,EAC5B,qBAAqB,EACrB,UAAU,EACV,iBAAiB,EACjB,UAAU,GACX,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,UAAU,GACX,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,iBAAiB,EACjB,QAAQ,EACR,OAAO,EACP,KAAK,EACL,aAAa,EACb,eAAe,GAChB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,UAAU,EACV,SAAS,EACT,KAAK,EACL,YAAY,EACZ,UAAU,EACV,UAAU,EACV,cAAc,GACf,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACzE,YAAY,EACV,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAChF,YAAY,EACV,uBAAuB,EACvB,2BAA2B,GAC5B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,OAAO,EACP,UAAU,GACX,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC"}

package/dist/esm/presentation/shared/index.js

@@ -21,4 +21,5 @@ export { TaskOptionsMenu, TaskListOptionsMenu } from "./TaskOptionsMenu";
 export { UserMenu } from "./UserMenu";
 export { TwoFactorShield } from "./TwoFactorShield";
 export { BackupCodesDialogs, CreateLoginCodeDialogs } from "./TwoFactorDialogs";
+export { SettingsHeader, SettingsContent, StyledSettingRow, RowText, SettingRow } from "./settings";
 //# sourceMappingURL=index.js.map

package/dist/esm/presentation/shared/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["MainLogo","RoundAvatar","PresentationShell","StyledPagePaper","PageHeader","ProjectPageHeader","TabHeader","FloatingControls","HelpAndSupportMenu","LinkingCommandsButton","LinkBranchOrPullRequestDialog","ConnectRepositoryDialog","RepositorySelect","buildRepoOptions","CONNECTIONS","PROJECT_REPOSITORIES","CONNECTABLE_REPOSITORIES","WebhookLogsDialog","WEBHOOK_CONNECTIONS","WEBHOOK_REPOSITORIES","SourceCodeSection","IssueRow","CodeRow","Spine","HistoryDialog","CompletedHeader","SuggestSubtasksButton","TaskOptionsMenu","TaskListOptionsMenu","UserMenu","TwoFactorShield","BackupCodesDialogs","CreateLoginCodeDialogs"],"sources":["../../../../src/presentation/shared/index.ts"],"sourcesContent":["/**\n * Shared building blocks for the Presentation mock-ups (`Presentation/*`\n * stories). The application shell, page headers, tab bar and small widgets are\n * defined once here and reused by the List view, Column view, Task sheet and\n * empty-page stories so the chrome stays identical and in one place.\n */\nexport * from \"./tokens\";\nexport { MainLogo } from \"./MainLogo\";\nexport { RoundAvatar } from \"./RoundAvatar\";\nexport { PresentationShell, StyledPagePaper } from \"./PresentationShell\";\nexport type { PresentationShellProps } from \"./PresentationShell\";\nexport { PageHeader, ProjectPageHeader, TabHeader } from \"./headers\";\nexport type {\n  PageHeaderProps,\n  ProjectPageHeaderProps,\n  TabHeaderProps,\n} from \"./headers\";\nexport { FloatingControls } from \"./FloatingControls\";\nexport { HelpAndSupportMenu } from \"./HelpAndSupportMenu\";\nexport type { HelpAndSupportMenuProps } from \"./HelpAndSupportMenu\";\nexport { LinkingCommandsButton } from \"./LinkingCommandsButton\";\nexport { LinkBranchOrPullRequestDialog } from \"./LinkBranchOrPullRequestDialog\";\nexport type { LinkBranchOrPullRequestDialogProps } from \"./LinkBranchOrPullRequestDialog\";\nexport {\n  ConnectRepositoryDialog,\n  RepositorySelect,\n  buildRepoOptions,\n  CONNECTIONS,\n  PROJECT_REPOSITORIES,\n  CONNECTABLE_REPOSITORIES,\n} from \"./ConnectRepositoryDialog\";\nexport type {\n  ConnectRepositoryDialogProps,\n  RepositorySelectProps,\n  Connection,\n  ConnectionService,\n  Repository,\n} from \"./ConnectRepositoryDialog\";\nexport {\n  WebhookLogsDialog,\n  WEBHOOK_CONNECTIONS,\n  WEBHOOK_REPOSITORIES,\n} from \"./WebhookLogsDialog\";\nexport type {\n  WebhookLogsDialogProps,\n  WebhookConnection,\n  WebhookRepository,\n  WebhookLog,\n} from \"./WebhookLogsDialog\";\nexport {\n  SourceCodeSection,\n  IssueRow,\n  CodeRow,\n  Spine,\n  HistoryDialog,\n  CompletedHeader,\n} from \"./SourceCodeSection\";\nexport type {\n  IssueEntry,\n  CodeEntry,\n  Stage,\n  HistoryEvent,\n  StageState,\n  CodeStatus,\n  SectionVariant,\n} from \"./SourceCodeSection\";\nexport { SuggestSubtasksButton } from \"./SuggestSubtasksButton\";\nexport { TaskOptionsMenu, TaskListOptionsMenu } from \"./TaskOptionsMenu\";\nexport type {\n  TaskOptionsMenuProps,\n  TaskListOptionsMenuProps,\n} from \"./TaskOptionsMenu\";\nexport { UserMenu } from \"./UserMenu\";\nexport type { UserMenuProps, UserMenuVariant } from \"./UserMenu\";\nexport { TwoFactorShield } from \"./TwoFactorShield\";\nexport type { TwoFactorShieldProps } from \"./TwoFactorShield\";\nexport { BackupCodesDialogs, CreateLoginCodeDialogs } from \"./TwoFactorDialogs\";\nexport type {\n  BackupCodesDialogsProps,\n  CreateLoginCodeDialogsProps,\n} from \"./TwoFactorDialogs\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,cAAc,UAAU;AACxB,SAASA,QAAQ,QAAQ,YAAY;AACrC,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,iBAAiB,EAAEC,eAAe,QAAQ,qBAAqB;AAExE,SAASC,UAAU,EAAEC,iBAAiB,EAAEC,SAAS,QAAQ,WAAW;AAMpE,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,kBAAkB,QAAQ,sBAAsB;AAEzD,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,6BAA6B,QAAQ,iCAAiC;AAE/E,SACEC,uBAAuB,EACvBC,gBAAgB,EAChBC,gBAAgB,EAChBC,WAAW,EACXC,oBAAoB,EACpBC,wBAAwB,QACnB,2BAA2B;AAQlC,SACEC,iBAAiB,EACjBC,mBAAmB,EACnBC,oBAAoB,QACf,qBAAqB;AAO5B,SACEC,iBAAiB,EACjBC,QAAQ,EACRC,OAAO,EACPC,KAAK,EACLC,aAAa,EACbC,eAAe,QACV,qBAAqB;AAU5B,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,eAAe,EAAEC,mBAAmB,QAAQ,mBAAmB;AAKxE,SAASC,QAAQ,QAAQ,YAAY;AAErC,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,SAASC,kBAAkB,EAAEC,sBAAsB,QAAQ,oBAAoB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["MainLogo","RoundAvatar","PresentationShell","StyledPagePaper","PageHeader","ProjectPageHeader","TabHeader","FloatingControls","HelpAndSupportMenu","LinkingCommandsButton","LinkBranchOrPullRequestDialog","ConnectRepositoryDialog","RepositorySelect","buildRepoOptions","CONNECTIONS","PROJECT_REPOSITORIES","CONNECTABLE_REPOSITORIES","WebhookLogsDialog","WEBHOOK_CONNECTIONS","WEBHOOK_REPOSITORIES","SourceCodeSection","IssueRow","CodeRow","Spine","HistoryDialog","CompletedHeader","SuggestSubtasksButton","TaskOptionsMenu","TaskListOptionsMenu","UserMenu","TwoFactorShield","BackupCodesDialogs","CreateLoginCodeDialogs","SettingsHeader","SettingsContent","StyledSettingRow","RowText","SettingRow"],"sources":["../../../../src/presentation/shared/index.ts"],"sourcesContent":["/**\n * Shared building blocks for the Presentation mock-ups (`Presentation/*`\n * stories). The application shell, page headers, tab bar and small widgets are\n * defined once here and reused by the List view, Column view, Task sheet and\n * empty-page stories so the chrome stays identical and in one place.\n */\nexport * from \"./tokens\";\nexport { MainLogo } from \"./MainLogo\";\nexport { RoundAvatar } from \"./RoundAvatar\";\nexport { PresentationShell, StyledPagePaper } from \"./PresentationShell\";\nexport type { PresentationShellProps } from \"./PresentationShell\";\nexport { PageHeader, ProjectPageHeader, TabHeader } from \"./headers\";\nexport type {\n  PageHeaderProps,\n  ProjectPageHeaderProps,\n  TabHeaderProps,\n} from \"./headers\";\nexport { FloatingControls } from \"./FloatingControls\";\nexport { HelpAndSupportMenu } from \"./HelpAndSupportMenu\";\nexport type { HelpAndSupportMenuProps } from \"./HelpAndSupportMenu\";\nexport { LinkingCommandsButton } from \"./LinkingCommandsButton\";\nexport { LinkBranchOrPullRequestDialog } from \"./LinkBranchOrPullRequestDialog\";\nexport type { LinkBranchOrPullRequestDialogProps } from \"./LinkBranchOrPullRequestDialog\";\nexport {\n  ConnectRepositoryDialog,\n  RepositorySelect,\n  buildRepoOptions,\n  CONNECTIONS,\n  PROJECT_REPOSITORIES,\n  CONNECTABLE_REPOSITORIES,\n} from \"./ConnectRepositoryDialog\";\nexport type {\n  ConnectRepositoryDialogProps,\n  RepositorySelectProps,\n  Connection,\n  ConnectionService,\n  Repository,\n} from \"./ConnectRepositoryDialog\";\nexport {\n  WebhookLogsDialog,\n  WEBHOOK_CONNECTIONS,\n  WEBHOOK_REPOSITORIES,\n} from \"./WebhookLogsDialog\";\nexport type {\n  WebhookLogsDialogProps,\n  WebhookConnection,\n  WebhookRepository,\n  WebhookLog,\n} from \"./WebhookLogsDialog\";\nexport {\n  SourceCodeSection,\n  IssueRow,\n  CodeRow,\n  Spine,\n  HistoryDialog,\n  CompletedHeader,\n} from \"./SourceCodeSection\";\nexport type {\n  IssueEntry,\n  CodeEntry,\n  Stage,\n  HistoryEvent,\n  StageState,\n  CodeStatus,\n  SectionVariant,\n} from \"./SourceCodeSection\";\nexport { SuggestSubtasksButton } from \"./SuggestSubtasksButton\";\nexport { TaskOptionsMenu, TaskListOptionsMenu } from \"./TaskOptionsMenu\";\nexport type {\n  TaskOptionsMenuProps,\n  TaskListOptionsMenuProps,\n} from \"./TaskOptionsMenu\";\nexport { UserMenu } from \"./UserMenu\";\nexport type { UserMenuProps, UserMenuVariant } from \"./UserMenu\";\nexport { TwoFactorShield } from \"./TwoFactorShield\";\nexport type { TwoFactorShieldProps } from \"./TwoFactorShield\";\nexport { BackupCodesDialogs, CreateLoginCodeDialogs } from \"./TwoFactorDialogs\";\nexport type {\n  BackupCodesDialogsProps,\n  CreateLoginCodeDialogsProps,\n} from \"./TwoFactorDialogs\";\nexport {\n  SettingsHeader,\n  SettingsContent,\n  StyledSettingRow,\n  RowText,\n  SettingRow,\n} from \"./settings\";\nexport type { SettingsHeaderProps, SettingRowProps } from \"./settings\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,cAAc,UAAU;AACxB,SAASA,QAAQ,QAAQ,YAAY;AACrC,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,iBAAiB,EAAEC,eAAe,QAAQ,qBAAqB;AAExE,SAASC,UAAU,EAAEC,iBAAiB,EAAEC,SAAS,QAAQ,WAAW;AAMpE,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,kBAAkB,QAAQ,sBAAsB;AAEzD,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,6BAA6B,QAAQ,iCAAiC;AAE/E,SACEC,uBAAuB,EACvBC,gBAAgB,EAChBC,gBAAgB,EAChBC,WAAW,EACXC,oBAAoB,EACpBC,wBAAwB,QACnB,2BAA2B;AAQlC,SACEC,iBAAiB,EACjBC,mBAAmB,EACnBC,oBAAoB,QACf,qBAAqB;AAO5B,SACEC,iBAAiB,EACjBC,QAAQ,EACRC,OAAO,EACPC,KAAK,EACLC,aAAa,EACbC,eAAe,QACV,qBAAqB;AAU5B,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,eAAe,EAAEC,mBAAmB,QAAQ,mBAAmB;AAKxE,SAASC,QAAQ,QAAQ,YAAY;AAErC,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,SAASC,kBAAkB,EAAEC,sBAAsB,QAAQ,oBAAoB;AAK/E,SACEC,cAAc,EACdC,eAAe,EACfC,gBAAgB,EAChBC,OAAO,EACPC,UAAU,QACL,YAAY","ignoreList":[]}

package/dist/esm/presentation/shared/settings.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Shared building blocks for the System Settings presentation stories
+ * (`Presentation/System Settings/*`). The settings page header, the max-width
+ * body column and the "row" card (title + description on the left, a control on
+ * the right) are defined once here and reused by the Index, General and
+ * Security stories so the chrome stays identical and in one place.
+ *
+ * Mirrors the app: PageHeader.jsx + BackButton.js (header) and the repeated
+ * `Card variant="paper-2"` row pattern from the SystemSettings pages.
+ */
+import React, { ReactElement, ReactNode } from "react";
+export interface SettingsHeaderProps {
+    title: string;
+    backTitle?: string;
+}
+export declare const SettingsHeader: ({ title, backTitle, }: SettingsHeaderProps) => ReactElement;
+/** The page body, max-width 850px and left-aligned (mirrors the app Page). */
+export declare const SettingsContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+/** A settings row card: title + description on the left, control on the right. */
+export declare const StyledSettingRow: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement> & import("../..").ICardProps, "ref"> & React.RefAttributes<HTMLDivElement>>, any, {
+    $clickable?: boolean;
+}, never>;
+export declare const RowText: import("styled-components").StyledComponent<"div", any, {}, never>;
+export interface SettingRowProps {
+    title: string;
+    description?: ReactNode;
+    control?: ReactNode;
+    onClick?: () => void;
+    /** Let a long description wrap onto multiple lines instead of truncating. */
+    wrapDescription?: boolean;
+}
+export declare const SettingRow: ({ title, description, control, onClick, wrapDescription, }: SettingRowProps) => ReactElement;
+//# sourceMappingURL=settings.d.ts.map