@activecollab/components 2.0.363 → 2.0.365

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

@@ -0,0 +1,254 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StackRow = exports.Stack = exports.RemoveCoverGlyph = exports.ROLE_PADDING = exports.PlayBadge = exports.ExpandGlyph = exports.CoverButton = exports.Cover = exports.CollapseGlyph = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * StackedCard layout primitives (story-local, presentation-only).
+ *
+ * These are the documented foundation of the StackedCard subsystem — the
+ * building blocks that every StackedCard concept story in this task set
+ * imports from. They are NOT exported from the design-system barrel; they
+ * live here so the concept stories share one source of truth instead of
+ * re-declaring one-off styled blocks.
+ *
+ * Three primitives:
+ *  - Stack     — the vertical column. A card is a Stack of StackRows.
+ *  - StackRow  — the one layout primitive. Everything (cover, title, meta,
+ *                footer) is a row; a `role` sets the default padding and the
+ *                allowed direction so the anatomy stays predictable.
+ *  - Cover     — sugar for a bleed row that holds media, reserves its height
+ *                with `aspect-ratio` (so a late image never reflows), and
+ *                carries two control slots (center + top-right).
+ *
+ * Colours here come exclusively from CSS variables — the dark scrim behind
+ * cover controls is `--sc-scrim` / `--sc-scrim-strong` / `--sc-scrim-fg`, all
+ * declared story-side as DS token candidates. No rgba/hex is hardcoded in a
+ * primitive; only data colours (a swatch value, a label dot) are ever literal,
+ * and those are passed in by the content, never baked in here.
+ */
+
+/* ------------------------------------------------------------------ */
+/* Stack — vertical flex column. No own padding.                       */
+/* ------------------------------------------------------------------ */
+
+var Stack = exports.Stack = _styledComponents.default.div.withConfig({
+  displayName: "primitives__Stack",
+  componentId: "sc-1ax68l9-0"
+})(["position:relative;display:flex;flex-direction:column;"]);
+
+/* ------------------------------------------------------------------ */
+/* StackRow — the only layout primitive, differentiated by `role`.     */
+/* ------------------------------------------------------------------ */
+
+/**
+ * Role → default padding. The row is the increment: title/footer carry the
+ * system padding, meta is a tighter properties line, cover bleeds to the edge.
+ * `custom` starts from the system padding and expects the caller to adjust.
+ */
+var ROLE_PADDING = exports.ROLE_PADDING = {
+  cover: "0",
+  title: "8px 12px",
+  meta: "2px 12px 4px",
+  footer: "8px 12px",
+  custom: "8px 12px"
+};
+var StyledRow = _styledComponents.default.div.withConfig({
+  displayName: "primitives__StyledRow",
+  componentId: "sc-1ax68l9-1"
+})(["position:relative;display:flex;flex-direction:", ";align-items:", ";gap:", ";padding:", ";", " ", ""], function (_ref) {
+  var $direction = _ref.$direction;
+  return $direction;
+}, function (_ref2) {
+  var $direction = _ref2.$direction;
+  return $direction === "column" ? "stretch" : "center";
+}, function (_ref3) {
+  var $direction = _ref3.$direction;
+  return $direction === "column" ? "4px" : "8px";
+}, function (_ref4) {
+  var $role = _ref4.$role,
+    $bleed = _ref4.$bleed;
+  return $bleed ? "0" : ROLE_PADDING[$role];
+}, function (_ref5) {
+  var $background = _ref5.$background;
+  return $background && (0, _styledComponents.css)(["background:", ";"], $background);
+}, function (_ref6) {
+  var $direction = _ref6.$direction;
+  return $direction === "row" && (0, _styledComponents.css)(["> *{flex:1 1 0;min-width:0;}> [data-fixed]{flex:0 0 auto;}"]);
+});
+var StackRow = exports.StackRow = function StackRow(_ref7) {
+  var _ref7$role = _ref7.role,
+    role = _ref7$role === void 0 ? "custom" : _ref7$role,
+    bleed = _ref7.bleed,
+    _ref7$direction = _ref7.direction,
+    direction = _ref7$direction === void 0 ? "row" : _ref7$direction,
+    background = _ref7.background,
+    className = _ref7.className,
+    children = _ref7.children;
+  return /*#__PURE__*/_react.default.createElement(StyledRow, {
+    $role: role,
+    $bleed: bleed,
+    $direction: direction,
+    $background: background,
+    className: className
+  }, children);
+};
+
+/* ------------------------------------------------------------------ */
+/* Cover — sugar for a bleed row that holds media.                     */
+/* ------------------------------------------------------------------ */
+
+/**
+ * The media box reserves its height with `aspect-ratio` so the image (or the
+ * skeleton that stands in for it) never reflows the card when it arrives.
+ * Controls carry the `sc-control` class and are hidden until the cover is
+ * hovered OR holds focus (`:focus-within`) — the focus path keeps the cover
+ * controls reachable by keyboard, not mouse-only.
+ */
+var StyledCoverMedia = _styledComponents.default.div.withConfig({
+  displayName: "primitives__StyledCoverMedia",
+  componentId: "sc-1ax68l9-2"
+})(["position:relative;width:100%;aspect-ratio:", ";overflow:hidden;.sc-control{opacity:0;transition:opacity 120ms ease;}&:hover .sc-control,&:focus-within .sc-control{opacity:1;}"], function (_ref8) {
+  var $aspectRatio = _ref8.$aspectRatio;
+  return $aspectRatio;
+});
+
+/* The fill (an <img>, an inline <svg> wrapper, or a solid-colour box) is laid
+   over the reserved box and made to cover it. */
+var StyledCoverFill = _styledComponents.default.div.withConfig({
+  displayName: "primitives__StyledCoverFill",
+  componentId: "sc-1ax68l9-3"
+})(["position:absolute;inset:0;> *{width:100%;height:100%;}> img{display:block;object-fit:cover;}"]);
+var StyledCoverCenter = _styledComponents.default.div.withConfig({
+  displayName: "primitives__StyledCoverCenter",
+  componentId: "sc-1ax68l9-4"
+})(["position:absolute;inset:0;display:flex;align-items:center;justify-content:center;"]);
+var StyledCoverTopRight = _styledComponents.default.div.withConfig({
+  displayName: "primitives__StyledCoverTopRight",
+  componentId: "sc-1ax68l9-5"
+})(["position:absolute;top:8px;right:8px;display:flex;gap:6px;"]);
+
+/**
+ * Collapsed cover — the media box gives way to a thin strip. The strip is the
+ * expand affordance itself: the whole bar is a button, and a chevron hint is
+ * revealed on hover OR focus (`.sc-control`, same reveal rule as every other
+ * cover control) so it is reachable by keyboard, not mouse-only. The strip
+ * holds no reserved height of its own — the caller's `collapsedStrip` (an ~8px
+ * colour bar, or a favicon + domain row for links) sets how tall it reads.
+ */
+var StyledCollapsedStrip = _styledComponents.default.button.withConfig({
+  displayName: "primitives__StyledCollapsedStrip",
+  componentId: "sc-1ax68l9-6"
+})(["position:relative;display:flex;align-items:center;width:100%;min-height:16px;padding:0;border:0;background:transparent;cursor:pointer;text-align:left;.sc-control{opacity:0;transition:opacity 120ms ease;}&:hover .sc-control,&:focus-visible .sc-control{opacity:1;}&:focus-visible{outline:2px solid var(--sc-selection-ring);outline-offset:-2px;}"]);
+
+/* The expand chevron sits at the right, vertically centred over the strip, so
+   it reads the same whether the strip is a hairline colour bar or a taller
+   favicon row. Small + theme-coloured so it fits a thin strip without a scrim
+   button (the whole strip is the button). */
+var StyledStripExpand = _styledComponents.default.span.withConfig({
+  displayName: "primitives__StyledStripExpand",
+  componentId: "sc-1ax68l9-7"
+})(["position:absolute;top:50%;right:8px;transform:translateY(-50%);display:inline-flex;width:16px;height:16px;color:var(--color-theme-600);svg{width:14px;height:14px;}"]);
+var Cover = exports.Cover = function Cover(_ref9) {
+  var _ref9$aspectRatio = _ref9.aspectRatio,
+    aspectRatio = _ref9$aspectRatio === void 0 ? "260 / 132" : _ref9$aspectRatio,
+    centerSlot = _ref9.centerSlot,
+    topRightSlot = _ref9.topRightSlot,
+    collapsed = _ref9.collapsed,
+    collapsedStrip = _ref9.collapsedStrip,
+    onExpand = _ref9.onExpand,
+    _ref9$expandLabel = _ref9.expandLabel,
+    expandLabel = _ref9$expandLabel === void 0 ? "Expand cover" : _ref9$expandLabel,
+    className = _ref9.className,
+    children = _ref9.children;
+  return /*#__PURE__*/_react.default.createElement(StackRow, {
+    role: "cover",
+    bleed: true,
+    className: className
+  }, collapsed ? /*#__PURE__*/_react.default.createElement(StyledCollapsedStrip, {
+    type: "button",
+    "aria-label": expandLabel,
+    onClick: onExpand
+  }, collapsedStrip, /*#__PURE__*/_react.default.createElement(StyledStripExpand, {
+    className: "sc-control",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/_react.default.createElement(ExpandGlyph, null))) : /*#__PURE__*/_react.default.createElement(StyledCoverMedia, {
+    $aspectRatio: aspectRatio
+  }, /*#__PURE__*/_react.default.createElement(StyledCoverFill, null, children), centerSlot ? /*#__PURE__*/_react.default.createElement(StyledCoverCenter, {
+    className: "sc-control"
+  }, centerSlot) : null, topRightSlot ? /*#__PURE__*/_react.default.createElement(StyledCoverTopRight, {
+    className: "sc-control"
+  }, topRightSlot) : null));
+};
+
+/* ------------------------------------------------------------------ */
+/* Cover controls — dark, scrim-backed chrome shared by every story.   */
+/* ------------------------------------------------------------------ */
+
+/* Centered media control (a play button). The caller drops the glyph inside. */
+var PlayBadge = exports.PlayBadge = _styledComponents.default.span.withConfig({
+  displayName: "primitives__PlayBadge",
+  componentId: "sc-1ax68l9-8"
+})(["display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--sc-scrim);color:var(--sc-scrim-fg);svg{fill:currentColor;width:20px;height:20px;margin-left:2px;}"]);
+
+/* Top-right cover-management button (collapse, remove …). */
+var CoverButton = exports.CoverButton = _styledComponents.default.button.withConfig({
+  displayName: "primitives__CoverButton",
+  componentId: "sc-1ax68l9-9"
+})(["display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:8px;cursor:pointer;color:var(--sc-scrim-fg);background:var(--sc-scrim);svg{width:16px;height:16px;display:block;}&:hover{background:var(--sc-scrim-strong);}"]);
+
+/* Cover-management glyphs (act on the cover itself, not the entity). */
+var CollapseGlyph = exports.CollapseGlyph = function CollapseGlyph() {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    viewBox: "0 0 16 16",
+    fill: "none",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M6.5 2.5v4h-4M9.5 13.5v-4h4",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};
+
+/* Expand glyph — the inverse of collapse; shown on the collapsed strip. */
+var ExpandGlyph = exports.ExpandGlyph = function ExpandGlyph() {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    viewBox: "0 0 16 16",
+    fill: "none",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M2.5 6.5v-4h4M13.5 9.5v4h-4",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};
+var RemoveCoverGlyph = exports.RemoveCoverGlyph = function RemoveCoverGlyph() {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    viewBox: "0 0 16 16",
+    fill: "none",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    x: "2.25",
+    y: "3.75",
+    width: "11.5",
+    height: "8.5",
+    rx: "1.5",
+    stroke: "currentColor",
+    strokeWidth: "1.5"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M6 9.5L10 6M10 9.5L6 6",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round"
+  }));
+};
+//# sourceMappingURL=primitives.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"primitives.js","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Stack","exports","styled","div","withConfig","displayName","componentId","ROLE_PADDING","cover","title","meta","footer","custom","StyledRow","_ref","$direction","_ref2","_ref3","_ref4","$role","$bleed","_ref5","$background","css","_ref6","StackRow","_ref7","_ref7$role","role","bleed","_ref7$direction","direction","background","className","children","createElement","StyledCoverMedia","_ref8","$aspectRatio","StyledCoverFill","StyledCoverCenter","StyledCoverTopRight","StyledCollapsedStrip","button","StyledStripExpand","span","Cover","_ref9","_ref9$aspectRatio","aspectRatio","centerSlot","topRightSlot","collapsed","collapsedStrip","onExpand","_ref9$expandLabel","expandLabel","type","onClick","ExpandGlyph","PlayBadge","CoverButton","CollapseGlyph","viewBox","fill","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","RemoveCoverGlyph","x","y","width","height","rx"],"sources":["../../../../src/presentation/stackedCard/primitives.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from \"react\";\n\nimport styled, { css } from \"styled-components\";\n\n/**\n * StackedCard layout primitives (story-local, presentation-only).\n *\n * These are the documented foundation of the StackedCard subsystem — the\n * building blocks that every StackedCard concept story in this task set\n * imports from. They are NOT exported from the design-system barrel; they\n * live here so the concept stories share one source of truth instead of\n * re-declaring one-off styled blocks.\n *\n * Three primitives:\n *  - Stack     — the vertical column. A card is a Stack of StackRows.\n *  - StackRow  — the one layout primitive. Everything (cover, title, meta,\n *                footer) is a row; a `role` sets the default padding and the\n *                allowed direction so the anatomy stays predictable.\n *  - Cover     — sugar for a bleed row that holds media, reserves its height\n *                with `aspect-ratio` (so a late image never reflows), and\n *                carries two control slots (center + top-right).\n *\n * Colours here come exclusively from CSS variables — the dark scrim behind\n * cover controls is `--sc-scrim` / `--sc-scrim-strong` / `--sc-scrim-fg`, all\n * declared story-side as DS token candidates. No rgba/hex is hardcoded in a\n * primitive; only data colours (a swatch value, a label dot) are ever literal,\n * and those are passed in by the content, never baked in here.\n */\n\n/* ------------------------------------------------------------------ */\n/* Stack — vertical flex column. No own padding.                       */\n/* ------------------------------------------------------------------ */\n\nexport const Stack = styled.div`\n  position: relative;\n  display: flex;\n  flex-direction: column;\n`;\n\n/* ------------------------------------------------------------------ */\n/* StackRow — the only layout primitive, differentiated by `role`.     */\n/* ------------------------------------------------------------------ */\n\nexport type StackRowRole = \"cover\" | \"title\" | \"meta\" | \"footer\" | \"custom\";\n\nexport type StackRowDirection = \"row\" | \"column\";\n\n/**\n * Role → default padding. The row is the increment: title/footer carry the\n * system padding, meta is a tighter properties line, cover bleeds to the edge.\n * `custom` starts from the system padding and expects the caller to adjust.\n */\nexport const ROLE_PADDING: Record<StackRowRole, string> = {\n  cover: \"0\",\n  title: \"8px 12px\",\n  meta: \"2px 12px 4px\",\n  footer: \"8px 12px\",\n  custom: \"8px 12px\",\n};\n\ninterface StyledRowProps {\n  $role: StackRowRole;\n  $bleed?: boolean;\n  $direction: StackRowDirection;\n  $background?: string;\n}\n\nconst StyledRow = styled.div<StyledRowProps>`\n  position: relative;\n  display: flex;\n  flex-direction: ${({ $direction }) => $direction};\n  align-items: ${({ $direction }) =>\n    $direction === \"column\" ? \"stretch\" : \"center\"};\n  gap: ${({ $direction }) => ($direction === \"column\" ? \"4px\" : \"8px\")};\n\n  /* bleed overrides any role and runs the row edge to edge. */\n  padding: ${({ $role, $bleed }) => ($bleed ? \"0\" : ROLE_PADDING[$role])};\n\n  ${({ $background }) =>\n    $background &&\n    css`\n      background: ${$background};\n    `}\n\n  /* Distribution (row direction only): fixed-width children keep their width,\n     the rest share what remains evenly; drop an empty spacer to push items. */\n  ${({ $direction }) =>\n    $direction === \"row\" &&\n    css`\n      > * {\n        flex: 1 1 0;\n        min-width: 0;\n      }\n\n      > [data-fixed] {\n        flex: 0 0 auto;\n      }\n    `}\n`;\n\nexport interface StackRowProps {\n  /** Named role → default padding + allowed direction. Defaults to `custom`. */\n  role?: StackRowRole;\n  /** Zero the padding, overriding the role (media rows, edge-to-edge bands). */\n  bleed?: boolean;\n  /** Footer bands lay their children out vertically. Defaults to `row`. */\n  direction?: StackRowDirection;\n  /** A row can carry its own background (the tinted link-footer band). */\n  background?: string;\n  className?: string;\n  children: ReactNode;\n}\n\nexport const StackRow = ({\n  role = \"custom\",\n  bleed,\n  direction = \"row\",\n  background,\n  className,\n  children,\n}: StackRowProps): ReactElement => (\n  <StyledRow\n    $role={role}\n    $bleed={bleed}\n    $direction={direction}\n    $background={background}\n    className={className}\n  >\n    {children}\n  </StyledRow>\n);\n\n/* ------------------------------------------------------------------ */\n/* Cover — sugar for a bleed row that holds media.                     */\n/* ------------------------------------------------------------------ */\n\n/**\n * The media box reserves its height with `aspect-ratio` so the image (or the\n * skeleton that stands in for it) never reflows the card when it arrives.\n * Controls carry the `sc-control` class and are hidden until the cover is\n * hovered OR holds focus (`:focus-within`) — the focus path keeps the cover\n * controls reachable by keyboard, not mouse-only.\n */\nconst StyledCoverMedia = styled.div<{ $aspectRatio: string }>`\n  position: relative;\n  width: 100%;\n  aspect-ratio: ${({ $aspectRatio }) => $aspectRatio};\n  overflow: hidden;\n\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\n/* The fill (an <img>, an inline <svg> wrapper, or a solid-colour box) is laid\n   over the reserved box and made to cover it. */\nconst StyledCoverFill = styled.div`\n  position: absolute;\n  inset: 0;\n\n  > * {\n    width: 100%;\n    height: 100%;\n  }\n\n  > img {\n    display: block;\n    object-fit: cover;\n  }\n`;\n\nconst StyledCoverCenter = styled.div`\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nconst StyledCoverTopRight = styled.div`\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  display: flex;\n  gap: 6px;\n`;\n\n/**\n * Collapsed cover — the media box gives way to a thin strip. The strip is the\n * expand affordance itself: the whole bar is a button, and a chevron hint is\n * revealed on hover OR focus (`.sc-control`, same reveal rule as every other\n * cover control) so it is reachable by keyboard, not mouse-only. The strip\n * holds no reserved height of its own — the caller's `collapsedStrip` (an ~8px\n * colour bar, or a favicon + domain row for links) sets how tall it reads.\n */\nconst StyledCollapsedStrip = styled.button`\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  min-height: 16px;\n  padding: 0;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n  text-align: left;\n\n  .sc-control {\n    opacity: 0;\n    transition: opacity 120ms ease;\n  }\n\n  &:hover .sc-control,\n  &:focus-visible .sc-control {\n    opacity: 1;\n  }\n\n  &:focus-visible {\n    outline: 2px solid var(--sc-selection-ring);\n    outline-offset: -2px;\n  }\n`;\n\n/* The expand chevron sits at the right, vertically centred over the strip, so\n   it reads the same whether the strip is a hairline colour bar or a taller\n   favicon row. Small + theme-coloured so it fits a thin strip without a scrim\n   button (the whole strip is the button). */\nconst StyledStripExpand = styled.span`\n  position: absolute;\n  top: 50%;\n  right: 8px;\n  transform: translateY(-50%);\n  display: inline-flex;\n  width: 16px;\n  height: 16px;\n  color: var(--color-theme-600);\n\n  svg {\n    width: 14px;\n    height: 14px;\n  }\n`;\n\nexport interface CoverProps {\n  /**\n   * CSS `aspect-ratio` value that reserves the cover's height, e.g.\n   * `\"260 / 132\"`. Kept as a ratio (not a pixel height) so the cover scales\n   * with the card and holds its space before media loads.\n   */\n  aspectRatio?: string;\n  /** Center slot — the media control (a play button over audio/video). */\n  centerSlot?: ReactNode;\n  /** Top-right slot — cover management (collapse, remove). */\n  topRightSlot?: ReactNode;\n  /**\n   * Collapsed cover: render the thin strip instead of the media box. The\n   * collapse *control* lives in the caller's `topRightSlot`; this flag is the\n   * resulting visual state. See the \"Collapsed cover\" story section.\n   */\n  collapsed?: boolean;\n  /**\n   * What the collapsed strip shows — an ~8px colour bar, or a favicon + domain\n   * row for links. Content-specific, so the caller supplies it.\n   */\n  collapsedStrip?: ReactNode;\n  /** Fired when the collapsed strip's expand affordance is activated. */\n  onExpand?: () => void;\n  /** Accessible label for the expand affordance. */\n  expandLabel?: string;\n  className?: string;\n  /** The fill: an `<img>`, an inline `<svg>`, or a solid-colour box. */\n  children: ReactNode;\n}\n\nexport const Cover = ({\n  aspectRatio = \"260 / 132\",\n  centerSlot,\n  topRightSlot,\n  collapsed,\n  collapsedStrip,\n  onExpand,\n  expandLabel = \"Expand cover\",\n  className,\n  children,\n}: CoverProps): ReactElement => (\n  <StackRow role=\"cover\" bleed className={className}>\n    {collapsed ? (\n      <StyledCollapsedStrip\n        type=\"button\"\n        aria-label={expandLabel}\n        onClick={onExpand}\n      >\n        {collapsedStrip}\n        <StyledStripExpand className=\"sc-control\" aria-hidden=\"true\">\n          <ExpandGlyph />\n        </StyledStripExpand>\n      </StyledCollapsedStrip>\n    ) : (\n      <StyledCoverMedia $aspectRatio={aspectRatio}>\n        <StyledCoverFill>{children}</StyledCoverFill>\n        {centerSlot ? (\n          <StyledCoverCenter className=\"sc-control\">\n            {centerSlot}\n          </StyledCoverCenter>\n        ) : null}\n        {topRightSlot ? (\n          <StyledCoverTopRight className=\"sc-control\">\n            {topRightSlot}\n          </StyledCoverTopRight>\n        ) : null}\n      </StyledCoverMedia>\n    )}\n  </StackRow>\n);\n\n/* ------------------------------------------------------------------ */\n/* Cover controls — dark, scrim-backed chrome shared by every story.   */\n/* ------------------------------------------------------------------ */\n\n/* Centered media control (a play button). The caller drops the glyph inside. */\nexport const PlayBadge = styled.span`\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 44px;\n  height: 44px;\n  border-radius: 12px;\n  background: var(--sc-scrim);\n  color: var(--sc-scrim-fg);\n\n  svg {\n    fill: currentColor;\n    width: 20px;\n    height: 20px;\n    margin-left: 2px;\n  }\n`;\n\n/* Top-right cover-management button (collapse, remove …). */\nexport const CoverButton = styled.button`\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 30px;\n  height: 30px;\n  padding: 0;\n  border: 0;\n  border-radius: 8px;\n  cursor: pointer;\n  color: var(--sc-scrim-fg);\n  background: var(--sc-scrim);\n\n  svg {\n    width: 16px;\n    height: 16px;\n    display: block;\n  }\n\n  &:hover {\n    background: var(--sc-scrim-strong);\n  }\n`;\n\n/* Cover-management glyphs (act on the cover itself, not the entity). */\nexport const CollapseGlyph = (): ReactElement => (\n  <svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n    <path\n      d=\"M6.5 2.5v4h-4M9.5 13.5v-4h4\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\n/* Expand glyph — the inverse of collapse; shown on the collapsed strip. */\nexport const ExpandGlyph = (): ReactElement => (\n  <svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n    <path\n      d=\"M2.5 6.5v-4h4M13.5 9.5v4h-4\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nexport const RemoveCoverGlyph = (): ReactElement => (\n  <svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n    <rect\n      x=\"2.25\"\n      y=\"3.75\"\n      width=\"11.5\"\n      height=\"8.5\"\n      rx=\"1.5\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n    />\n    <path\n      d=\"M6 9.5L10 6M10 9.5L6 6\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n    />\n  </svg>\n);\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,183 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.snap = exports.measurePercent = exports.makeStart = exports.keyboardResize = exports.isResizeKey = exports.effectiveBounds = exports.clamp = exports.applyResize = exports.SHIFT_STEP_MULTIPLIER = exports.RESIZE_KEYS = exports.DEFAULT_KEYBOARD_STEP = void 0;
+/**
+ * StackedCard resize policy — pure math (story-local, presentation-only).
+ *
+ * The card only reports deltas; the HOST applies a resize policy (note 52097
+ * §7). This module is that policy, packaged as pure functions so the SAME code
+ * path serves both the pointer drag and the keyboard resize (task 5/8). Nothing
+ * here touches the DOM, React, or the content — it takes a start size, a delta,
+ * and a policy, and returns a clamped size. The story wires events to it; the
+ * card's intrinsic content minimum is measured story-side and passed in as
+ * `contentMin`, so this module knows nothing about heroes or footers.
+ *
+ * The policy has four parts, all preserved from the concept:
+ *  - bounds        — optional min/max per axis; unset means unbounded.
+ *  - proportional  — lock the aspect ratio captured at the start of the gesture;
+ *                    the scale is clamped by the BINDING axis so the ratio never
+ *                    distorts at a bound.
+ *  - step          — optional grid snap; proportion wins over the grid.
+ *  - content min   — the effective min is max(policyMin, contentMin) per axis,
+ *                    so the card can never be crushed below what its content needs.
+ */
+
+/** The card's intrinsic minimum, measured from its real content. */
+
+/** The size captured at the start of a gesture (pointer down or a key press). */
+
+/** Keyboard resize nudges by the policy step, or this when no step is set. */
+var DEFAULT_KEYBOARD_STEP = exports.DEFAULT_KEYBOARD_STEP = 8;
+
+/** Shift + arrow resizes by a larger increment (the familiar coarse nudge). */
+var SHIFT_STEP_MULTIPLIER = exports.SHIFT_STEP_MULTIPLIER = 4;
+
+/** Keys the separator handles; everything else falls through to the browser. */
+var RESIZE_KEYS = exports.RESIZE_KEYS = ["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"];
+var isResizeKey = exports.isResizeKey = function isResizeKey(key) {
+  return RESIZE_KEYS.includes(key);
+};
+var clamp = exports.clamp = function clamp(v, lo, hi) {
+  return Math.min(hi !== null && hi !== void 0 ? hi : Number.POSITIVE_INFINITY, Math.max(lo, v));
+};
+var snap = exports.snap = function snap(v, step) {
+  return step && step > 0 ? Math.round(v / step) * step : v;
+};
+var makeStart = exports.makeStart = function makeStart(size, contentMin) {
+  return {
+    w: size.w,
+    h: size.h,
+    contentMin
+  };
+};
+
+/**
+ * The effective bounds a size is clamped to: the policy min floored by the
+ * content min, and the policy max (unbounded when unset). Independent of any
+ * live gesture, so the story can also use it for the aria value and Home/End.
+ */
+var effectiveBounds = exports.effectiveBounds = function effectiveBounds(policy, contentMin) {
+  var _policy$minW, _policy$minH, _policy$maxW, _policy$maxH;
+  return {
+    wMin: Math.max((_policy$minW = policy.minW) !== null && _policy$minW !== void 0 ? _policy$minW : 0, contentMin.w),
+    hMin: Math.max((_policy$minH = policy.minH) !== null && _policy$minH !== void 0 ? _policy$minH : 0, contentMin.h),
+    wMax: (_policy$maxW = policy.maxW) !== null && _policy$maxW !== void 0 ? _policy$maxW : Number.POSITIVE_INFINITY,
+    hMax: (_policy$maxH = policy.maxH) !== null && _policy$maxH !== void 0 ? _policy$maxH : Number.POSITIVE_INFINITY
+  };
+};
+
+/**
+ * Apply a delta to the start size under the policy — the single path for both
+ * inputs. `constrain` is the transient Shift-to-constrain lock: a free-form
+ * policy behaves proportionally for that one gesture; a proportional policy is
+ * already locked and ignores it.
+ */
+var applyResize = exports.applyResize = function applyResize(start, delta, policy) {
+  var opts = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  var _effectiveBounds = effectiveBounds(policy, start.contentMin),
+    wMin = _effectiveBounds.wMin,
+    hMin = _effectiveBounds.hMin,
+    wMax = _effectiveBounds.wMax,
+    hMax = _effectiveBounds.hMax;
+  var proportional = policy.proportional || opts.constrain === true;
+  var w;
+  var h;
+  if (proportional) {
+    // one scale drives both axes; the corner's dominant direction wins, so a
+    // vertical drag is as effective as a horizontal one
+    var sW = (start.w + delta.dx) / start.w;
+    var sH = (start.h + delta.dy) / start.h;
+    var scale = Math.abs(sW - 1) >= Math.abs(sH - 1) ? sW : sH;
+
+    // clamp the SCALE so both axes stay in bounds (binding constraint): the
+    // ratio can never break at a bound — whichever edge is limiting stops both
+    var scaleMin = Math.max(wMin / start.w, hMin / start.h);
+    var scaleMax = Math.min(wMax / start.w, hMax / start.h);
+    scale = clamp(scale, scaleMin, Math.max(scaleMin, scaleMax));
+
+    // step: proportion wins. Snap via the scale (driven off the width edge) and
+    // re-clamp, so ratio and bounds always hold; the grid yields when honoring
+    // it would cost the ratio
+    if (policy.step) {
+      var snappedScale = snap(start.w * scale, policy.step) / start.w;
+      scale = clamp(snappedScale, scaleMin, Math.max(scaleMin, scaleMax));
+    }
+    w = start.w * scale;
+    h = start.h * scale;
+  } else {
+    w = clamp(snap(start.w + delta.dx, policy.step), wMin, wMax);
+    h = clamp(snap(start.h + delta.dy, policy.step), hMin, hMax);
+  }
+  return {
+    w: Math.round(w),
+    h: Math.round(h)
+  };
+};
+
+/**
+ * Translate a resize key into the next size, reusing `applyResize` so the
+ * keyboard clamps exactly like the pointer. Arrows nudge by the step (Shift ×4);
+ * Home/End jump to the min/max of the allowed range. Returns null for any key
+ * the handle does not own.
+ */
+var keyboardResize = exports.keyboardResize = function keyboardResize(key, size, policy, contentMin) {
+  var opts = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
+  var base = policy.step && policy.step > 0 ? policy.step : DEFAULT_KEYBOARD_STEP;
+  var step = base * (opts.shiftKey ? SHIFT_STEP_MULTIPLIER : 1);
+  var start = makeStart(size, contentMin);
+  var b = effectiveBounds(policy, contentMin);
+  switch (key) {
+    case "ArrowRight":
+      return applyResize(start, {
+        dx: step,
+        dy: 0
+      }, policy);
+    case "ArrowLeft":
+      return applyResize(start, {
+        dx: -step,
+        dy: 0
+      }, policy);
+    case "ArrowDown":
+      return applyResize(start, {
+        dx: 0,
+        dy: step
+      }, policy);
+    case "ArrowUp":
+      return applyResize(start, {
+        dx: 0,
+        dy: -step
+      }, policy);
+    case "Home":
+      // jump to the min corner (a huge negative delta clamps to the floor)
+      return applyResize(start, {
+        dx: b.wMin - size.w,
+        dy: b.hMin - size.h
+      }, policy);
+    case "End":
+      // jump to the max corner; an unbounded axis simply doesn't move
+      return applyResize(start, {
+        dx: Number.isFinite(b.wMax) ? b.wMax - size.w : 0,
+        dy: Number.isFinite(b.hMax) ? b.hMax - size.h : 0
+      }, policy);
+    default:
+      return null;
+  }
+};
+
+/**
+ * The handle's `aria-valuenow`: the current size as a percent (0–100) of its
+ * allowed range. The corner resizes both axes, but the value must be a single
+ * number, so it reports the WIDTH axis — the one axis both the fixed-box and the
+ * width-only cards share. Returns 0 when the range isn't finite (no max bound).
+ */
+var measurePercent = exports.measurePercent = function measurePercent(size, policy, contentMin) {
+  var _effectiveBounds2 = effectiveBounds(policy, contentMin),
+    wMin = _effectiveBounds2.wMin,
+    wMax = _effectiveBounds2.wMax;
+  if (!Number.isFinite(wMax) || wMax <= wMin) return 0;
+  return Math.round(clamp((size.w - wMin) / (wMax - wMin) * 100, 0, 100));
+};
+//# sourceMappingURL=resizePolicy.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resizePolicy.js","names":["DEFAULT_KEYBOARD_STEP","exports","SHIFT_STEP_MULTIPLIER","RESIZE_KEYS","isResizeKey","key","includes","clamp","v","lo","hi","Math","min","Number","POSITIVE_INFINITY","max","snap","step","round","makeStart","size","contentMin","w","h","effectiveBounds","policy","_policy$minW","_policy$minH","_policy$maxW","_policy$maxH","wMin","minW","hMin","minH","wMax","maxW","hMax","maxH","applyResize","start","delta","opts","arguments","length","undefined","_effectiveBounds","proportional","constrain","sW","dx","sH","dy","scale","abs","scaleMin","scaleMax","snappedScale","keyboardResize","base","shiftKey","b","isFinite","measurePercent","_effectiveBounds2"],"sources":["../../../../src/presentation/stackedCard/resizePolicy.ts"],"sourcesContent":["/**\n * StackedCard resize policy — pure math (story-local, presentation-only).\n *\n * The card only reports deltas; the HOST applies a resize policy (note 52097\n * §7). This module is that policy, packaged as pure functions so the SAME code\n * path serves both the pointer drag and the keyboard resize (task 5/8). Nothing\n * here touches the DOM, React, or the content — it takes a start size, a delta,\n * and a policy, and returns a clamped size. The story wires events to it; the\n * card's intrinsic content minimum is measured story-side and passed in as\n * `contentMin`, so this module knows nothing about heroes or footers.\n *\n * The policy has four parts, all preserved from the concept:\n *  - bounds        — optional min/max per axis; unset means unbounded.\n *  - proportional  — lock the aspect ratio captured at the start of the gesture;\n *                    the scale is clamped by the BINDING axis so the ratio never\n *                    distorts at a bound.\n *  - step          — optional grid snap; proportion wins over the grid.\n *  - content min   — the effective min is max(policyMin, contentMin) per axis,\n *                    so the card can never be crushed below what its content needs.\n */\n\nexport interface Size {\n  w: number;\n  h: number;\n}\n\n/** The card's intrinsic minimum, measured from its real content. */\nexport interface ContentMin {\n  w: number;\n  h: number;\n}\n\nexport interface Policy {\n  minW?: number;\n  maxW?: number;\n  minH?: number;\n  maxH?: number;\n  /** Lock the aspect ratio for the whole gesture. */\n  proportional: boolean;\n  /** Grid snap increment in px; omitted / 0 means continuous. */\n  step?: number;\n}\n\n/** The size captured at the start of a gesture (pointer down or a key press). */\nexport interface ResizeStart {\n  w: number;\n  h: number;\n  contentMin: ContentMin;\n}\n\nexport interface ResizeDelta {\n  dx: number;\n  dy: number;\n}\n\nexport interface EffectiveBounds {\n  wMin: number;\n  wMax: number;\n  hMin: number;\n  hMax: number;\n}\n\n/** Keyboard resize nudges by the policy step, or this when no step is set. */\nexport const DEFAULT_KEYBOARD_STEP = 8;\n\n/** Shift + arrow resizes by a larger increment (the familiar coarse nudge). */\nexport const SHIFT_STEP_MULTIPLIER = 4;\n\n/** Keys the separator handles; everything else falls through to the browser. */\nexport const RESIZE_KEYS: ReadonlyArray<string> = [\n  \"ArrowLeft\",\n  \"ArrowRight\",\n  \"ArrowUp\",\n  \"ArrowDown\",\n  \"Home\",\n  \"End\",\n];\n\nexport const isResizeKey = (key: string): boolean => RESIZE_KEYS.includes(key);\n\nexport const clamp = (v: number, lo: number, hi?: number): number =>\n  Math.min(hi ?? Number.POSITIVE_INFINITY, Math.max(lo, v));\n\nexport const snap = (v: number, step?: number): number =>\n  step && step > 0 ? Math.round(v / step) * step : v;\n\nexport const makeStart = (size: Size, contentMin: ContentMin): ResizeStart => ({\n  w: size.w,\n  h: size.h,\n  contentMin,\n});\n\n/**\n * The effective bounds a size is clamped to: the policy min floored by the\n * content min, and the policy max (unbounded when unset). Independent of any\n * live gesture, so the story can also use it for the aria value and Home/End.\n */\nexport const effectiveBounds = (\n  policy: Policy,\n  contentMin: ContentMin\n): EffectiveBounds => ({\n  wMin: Math.max(policy.minW ?? 0, contentMin.w),\n  hMin: Math.max(policy.minH ?? 0, contentMin.h),\n  wMax: policy.maxW ?? Number.POSITIVE_INFINITY,\n  hMax: policy.maxH ?? Number.POSITIVE_INFINITY,\n});\n\n/**\n * Apply a delta to the start size under the policy — the single path for both\n * inputs. `constrain` is the transient Shift-to-constrain lock: a free-form\n * policy behaves proportionally for that one gesture; a proportional policy is\n * already locked and ignores it.\n */\nexport const applyResize = (\n  start: ResizeStart,\n  delta: ResizeDelta,\n  policy: Policy,\n  opts: { constrain?: boolean } = {}\n): Size => {\n  const { wMin, hMin, wMax, hMax } = effectiveBounds(policy, start.contentMin);\n  const proportional = policy.proportional || opts.constrain === true;\n\n  let w: number;\n  let h: number;\n\n  if (proportional) {\n    // one scale drives both axes; the corner's dominant direction wins, so a\n    // vertical drag is as effective as a horizontal one\n    const sW = (start.w + delta.dx) / start.w;\n    const sH = (start.h + delta.dy) / start.h;\n    let scale = Math.abs(sW - 1) >= Math.abs(sH - 1) ? sW : sH;\n\n    // clamp the SCALE so both axes stay in bounds (binding constraint): the\n    // ratio can never break at a bound — whichever edge is limiting stops both\n    const scaleMin = Math.max(wMin / start.w, hMin / start.h);\n    const scaleMax = Math.min(wMax / start.w, hMax / start.h);\n    scale = clamp(scale, scaleMin, Math.max(scaleMin, scaleMax));\n\n    // step: proportion wins. Snap via the scale (driven off the width edge) and\n    // re-clamp, so ratio and bounds always hold; the grid yields when honoring\n    // it would cost the ratio\n    if (policy.step) {\n      const snappedScale = snap(start.w * scale, policy.step) / start.w;\n      scale = clamp(snappedScale, scaleMin, Math.max(scaleMin, scaleMax));\n    }\n\n    w = start.w * scale;\n    h = start.h * scale;\n  } else {\n    w = clamp(snap(start.w + delta.dx, policy.step), wMin, wMax);\n    h = clamp(snap(start.h + delta.dy, policy.step), hMin, hMax);\n  }\n\n  return { w: Math.round(w), h: Math.round(h) };\n};\n\n/**\n * Translate a resize key into the next size, reusing `applyResize` so the\n * keyboard clamps exactly like the pointer. Arrows nudge by the step (Shift ×4);\n * Home/End jump to the min/max of the allowed range. Returns null for any key\n * the handle does not own.\n */\nexport const keyboardResize = (\n  key: string,\n  size: Size,\n  policy: Policy,\n  contentMin: ContentMin,\n  opts: { shiftKey?: boolean } = {}\n): Size | null => {\n  const base =\n    policy.step && policy.step > 0 ? policy.step : DEFAULT_KEYBOARD_STEP;\n  const step = base * (opts.shiftKey ? SHIFT_STEP_MULTIPLIER : 1);\n  const start = makeStart(size, contentMin);\n  const b = effectiveBounds(policy, contentMin);\n\n  switch (key) {\n    case \"ArrowRight\":\n      return applyResize(start, { dx: step, dy: 0 }, policy);\n    case \"ArrowLeft\":\n      return applyResize(start, { dx: -step, dy: 0 }, policy);\n    case \"ArrowDown\":\n      return applyResize(start, { dx: 0, dy: step }, policy);\n    case \"ArrowUp\":\n      return applyResize(start, { dx: 0, dy: -step }, policy);\n    case \"Home\":\n      // jump to the min corner (a huge negative delta clamps to the floor)\n      return applyResize(\n        start,\n        { dx: b.wMin - size.w, dy: b.hMin - size.h },\n        policy\n      );\n    case \"End\":\n      // jump to the max corner; an unbounded axis simply doesn't move\n      return applyResize(\n        start,\n        {\n          dx: Number.isFinite(b.wMax) ? b.wMax - size.w : 0,\n          dy: Number.isFinite(b.hMax) ? b.hMax - size.h : 0,\n        },\n        policy\n      );\n    default:\n      return null;\n  }\n};\n\n/**\n * The handle's `aria-valuenow`: the current size as a percent (0–100) of its\n * allowed range. The corner resizes both axes, but the value must be a single\n * number, so it reports the WIDTH axis — the one axis both the fixed-box and the\n * width-only cards share. Returns 0 when the range isn't finite (no max bound).\n */\nexport const measurePercent = (\n  size: Size,\n  policy: Policy,\n  contentMin: ContentMin\n): number => {\n  const { wMin, wMax } = effectiveBounds(policy, contentMin);\n  if (!Number.isFinite(wMax) || wMax <= wMin) return 0;\n  return Math.round(clamp(((size.w - wMin) / (wMax - wMin)) * 100, 0, 100));\n};\n"],"mappings":"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","ignoreList":[]}