@activecollab/components 2.0.369 → 2.0.370

package/dist/cjs/presentation/stackedCard/content/LinkCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkCard.js","names":["_react","_interopRequireDefault","require","_styledComponents","_shared","_unfurl","_Icons","_Loaders","_Typography","_Typography2","_primitives","_shell","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","StyledDomainRow","styled","div","withConfig","displayName","componentId","StyledChips","StyledStaleStrip","StyledReunfurl","button","StyledErrorBody","StyledRetry","StyledFooterTitle","Body2","StyledDisplayToggle","DisplayToggle","_ref","display","onToggle","createElement","type","className","onClick","LinkCard","exports","_ref2","_data$heroColor2","_data$faviconColor2","unfurl","_ref2$display","onToggleDisplay","status","tier","data","fetchedAt","retry","reunfurl","WarningTriangleIcon","Caption1","weight","color","StyledFavicon","$bg","url","ArrowRefreshIcon","Typography","as","variant","hasBasic","hasFull","toggle","undefined","_data$heroColor","_data$faviconColor","Fragment","Cover","aspectRatio","COVER_RATIO_HERO","centerSlot","playable","playControl","topRightSlot","coverManagement","StyledColorCover","$color","heroColor","SkeletonLoader","style","width","height","StackRow","role","direction","background","faviconColor","borderRadius","domain","flex","title","description","StaleStrip","onReunfurl","COVER_RATIO","StyledClamp","marginTop","kind","StyledChip","duration","_ref3","formatFetchedAt","LinkSkeleton","LinkPlaceholder","props","Placeholder","icon","InsertLinkIcon","label"],"sources":["../../../../../src/presentation/stackedCard/content/LinkCard.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport {\n  StyledChip,\n  StyledClamp,\n  StyledColorCover,\n  StyledFavicon,\n  coverManagement,\n  playControl,\n  Placeholder,\n} from \"./shared\";\nimport { UnfurlController, formatFetchedAt } from \"./unfurl\";\nimport {\n  ArrowRefreshIcon,\n  InsertLinkIcon,\n  WarningTriangleIcon,\n} from \"../../../components/Icons\";\nimport { SkeletonLoader } from \"../../../components/Loaders\";\nimport { Body2, Caption1 } from \"../../../components/Typography\";\nimport { Typography } from \"../../../components/Typography/Typography\";\nimport { Cover, StackRow } from \"../primitives\";\nimport { COVER_RATIO, COVER_RATIO_HERO } from \"../shell\";\n\n/**\n * LinkCard — a link preview as a LIFECYCLE, not two static layouts.\n *\n * Data climbs a progressive ladder (url → basic → full); the anatomy is\n * CONSTANT at every tier, so each slot swaps a skeleton for real content in\n * place and the card never reflows on upgrade. Four statuses layer on top:\n *   resolving — climbing the ladder, aspect + rows reserved by skeletons\n *   resolved  — the full card\n *   stale     — resolved, but past its cache window: shows `fetchedAt` and a\n *               re-unfurl affordance\n *   error     — the unfurl failed: favicon + raw URL + retry, NO media\n *\n * Compact ↔ expanded is a user-switchable DISPLAY LEVEL on the same link\n * entity (the data lives in the controller, so switching never refetches or\n * loses it) — not two separate card types.\n */\n\nexport type LinkDisplay = \"compact\" | \"expanded\";\n\n/* ------------------------------------------------------------------ */\n/* Small building blocks                                               */\n/* ------------------------------------------------------------------ */\n\nconst StyledDomainRow = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-height: 16px;\n`;\n\nconst StyledChips = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  min-height: 18px;\n`;\n\n/* The stale strip — a re-unfurl affordance with the fetch time. */\nconst StyledStaleStrip = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--color-theme-600);\n\n  > span {\n    flex: 1 1 auto;\n    min-width: 0;\n  }\n`;\n\nconst StyledReunfurl = styled.button`\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  flex: 0 0 auto;\n  padding: 3px 8px;\n  border: 1px solid var(--border-primary);\n  border-radius: 6px;\n  background: var(--page-paper-main);\n  color: var(--color-theme-800);\n  font-size: 11px;\n  cursor: pointer;\n\n  svg {\n    width: 12px;\n    height: 12px;\n  }\n\n  &:hover {\n    background: var(--color-theme-200);\n    border-color: var(--sc-selection-ring);\n  }\n`;\n\n/* The error body — favicon + raw URL + retry, no media (per spec §5). */\nconst StyledErrorBody = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  padding: 12px;\n\n  .err-head {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--red-alert);\n  }\n\n  .err-head svg {\n    width: 16px;\n    height: 16px;\n    flex: 0 0 auto;\n  }\n\n  .err-url {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    word-break: break-all;\n  }\n`;\n\nconst StyledRetry = styled.button`\n  align-self: flex-start;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 5px 10px;\n  border: 1px solid var(--border-primary);\n  border-radius: 6px;\n  background: var(--page-paper-main);\n  color: var(--color-theme-800);\n  cursor: pointer;\n\n  svg {\n    width: 14px;\n    height: 14px;\n  }\n\n  &:hover {\n    background: var(--color-theme-200);\n    border-color: var(--sc-selection-ring);\n  }\n`;\n\n/* The expanded footer band — tinted, holds the title + domain under the hero. */\nconst StyledFooterTitle = styled(Body2)`\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n`;\n\n/* ------------------------------------------------------------------ */\n/* The display-level switch — lives in the entity \"…\" slot             */\n/* ------------------------------------------------------------------ */\n\nconst StyledDisplayToggle = styled.button`\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 8px;\n  border: 1px solid var(--border-primary);\n  border-radius: 10px;\n  background: var(--color-theme-200);\n  color: var(--color-theme-700);\n  font-size: 11px;\n  cursor: pointer;\n  white-space: nowrap;\n\n  &:hover {\n    background: var(--color-theme-300);\n  }\n`;\n\nconst DisplayToggle = ({\n  display,\n  onToggle,\n}: {\n  display: LinkDisplay;\n  onToggle: () => void;\n}): ReactElement => (\n  <StyledDisplayToggle\n    type=\"button\"\n    data-fixed\n    className=\"sc-control\"\n    aria-label=\"Switch display level\"\n    onClick={onToggle}\n  >\n    {display === \"compact\" ? \"Expand ▾\" : \"Compact ▴\"}\n  </StyledDisplayToggle>\n);\n\n/* ------------------------------------------------------------------ */\n/* LinkCard                                                            */\n/* ------------------------------------------------------------------ */\n\nexport interface LinkCardProps {\n  unfurl: UnfurlController;\n  display?: LinkDisplay;\n  onToggleDisplay?: () => void;\n}\n\nexport const LinkCard = ({\n  unfurl,\n  display = \"compact\",\n  onToggleDisplay,\n}: LinkCardProps): ReactElement => {\n  const { status, tier, data, fetchedAt, retry, reunfurl } = unfurl;\n\n  // ── Error: favicon + raw URL + retry, no media ──────────────────\n  if (status === \"error\") {\n    return (\n      <StyledErrorBody>\n        <div className=\"err-head\">\n          <WarningTriangleIcon />\n          <Caption1 weight=\"bold\" color=\"tertiary\">\n            Couldn’t load a preview\n          </Caption1>\n        </div>\n        <div className=\"err-url\">\n          <StyledFavicon $bg=\"var(--color-theme-400)\" data-fixed />\n          <Caption1 color=\"secondary\">{data.url}</Caption1>\n        </div>\n        <StyledRetry type=\"button\" onClick={retry}>\n          <ArrowRefreshIcon />\n          <Typography as=\"span\" variant=\"Caption 1\">\n            Retry\n          </Typography>\n        </StyledRetry>\n      </StyledErrorBody>\n    );\n  }\n\n  const hasBasic = tier === \"basic\" || tier === \"full\";\n  const hasFull = tier === \"full\";\n  const toggle = onToggleDisplay ?? (() => undefined);\n\n  // ── Expanded: hero + tinted footer band (title + domain) ────────\n  if (display === \"expanded\") {\n    return (\n      <>\n        <Cover\n          aspectRatio={COVER_RATIO_HERO}\n          centerSlot={hasFull && data.playable ? playControl : undefined}\n          topRightSlot={coverManagement()}\n        >\n          {hasFull ? (\n            <StyledColorCover $color={data.heroColor ?? \"#1D9E75\"} />\n          ) : (\n            <SkeletonLoader style={{ width: \"100%\", height: \"100%\" }} />\n          )}\n        </Cover>\n        <StackRow\n          role=\"footer\"\n          direction=\"column\"\n          background=\"var(--color-theme-200)\"\n        >\n          <StyledDomainRow>\n            {hasBasic ? (\n              <StyledFavicon $bg={data.faviconColor ?? \"#0F6E56\"} data-fixed />\n            ) : (\n              <SkeletonLoader\n                data-fixed\n                style={{ width: 16, height: 16, borderRadius: 4 }}\n              />\n            )}\n            {hasBasic ? (\n              <Caption1 color=\"tertiary\">{data.domain}</Caption1>\n            ) : (\n              <Caption1 color=\"tertiary\">{data.url}</Caption1>\n            )}\n            <span style={{ flex: \"1 1 auto\" }} />\n            <DisplayToggle display={display} onToggle={toggle} />\n          </StyledDomainRow>\n          {hasBasic ? (\n            <StyledFooterTitle weight=\"bold\">{data.title}</StyledFooterTitle>\n          ) : (\n            <SkeletonLoader style={{ height: 14, width: \"90%\" }} />\n          )}\n          {hasFull ? (\n            <Caption1 color=\"tertiary\">{data.description}</Caption1>\n          ) : (\n            <SkeletonLoader style={{ height: 10, width: \"70%\" }} />\n          )}\n        </StackRow>\n        {status === \"stale\" ? (\n          <StackRow role=\"meta\">\n            <StaleStrip fetchedAt={fetchedAt} onReunfurl={reunfurl} />\n          </StackRow>\n        ) : null}\n      </>\n    );\n  }\n\n  // ── Compact: cover + favicon/domain + title + chips ─────────────\n  return (\n    <>\n      <Cover\n        aspectRatio={COVER_RATIO}\n        centerSlot={hasFull && data.playable ? playControl : undefined}\n      >\n        {hasFull ? (\n          <StyledColorCover $color={data.heroColor ?? \"#1D9E75\"} />\n        ) : (\n          <SkeletonLoader style={{ width: \"100%\", height: \"100%\" }} />\n        )}\n      </Cover>\n\n      <StackRow role=\"custom\">\n        <StyledDomainRow>\n          {hasBasic ? (\n            <StyledFavicon $bg={data.faviconColor ?? \"#0F6E56\"} data-fixed />\n          ) : (\n            <SkeletonLoader\n              data-fixed\n              style={{ width: 16, height: 16, borderRadius: 4 }}\n            />\n          )}\n          {hasBasic ? (\n            <Caption1 color=\"tertiary\">{data.domain}</Caption1>\n          ) : (\n            <Caption1 color=\"tertiary\">{data.url}</Caption1>\n          )}\n          <span style={{ flex: \"1 1 auto\" }} />\n          <DisplayToggle display={display} onToggle={toggle} />\n        </StyledDomainRow>\n      </StackRow>\n\n      <StackRow role=\"title\">\n        {hasBasic ? (\n          <StyledClamp>{data.title}</StyledClamp>\n        ) : (\n          <div style={{ width: \"100%\" }}>\n            <SkeletonLoader style={{ height: 14, width: \"92%\" }} />\n            <SkeletonLoader\n              style={{ height: 14, width: \"60%\", marginTop: 6 }}\n            />\n          </div>\n        )}\n      </StackRow>\n\n      <StackRow role=\"custom\">\n        <StyledChips>\n          {hasFull ? (\n            <>\n              {data.kind ? (\n                <StyledChip data-fixed>{data.kind}</StyledChip>\n              ) : null}\n              {data.duration ? (\n                <StyledChip data-fixed>{data.duration}</StyledChip>\n              ) : null}\n            </>\n          ) : (\n            <SkeletonLoader\n              style={{ height: 18, width: 96, borderRadius: 10 }}\n            />\n          )}\n        </StyledChips>\n      </StackRow>\n\n      {status === \"stale\" ? (\n        <StackRow role=\"meta\">\n          <StaleStrip fetchedAt={fetchedAt} onReunfurl={reunfurl} />\n        </StackRow>\n      ) : null}\n    </>\n  );\n};\n\n/* The stale affordance — fetch time + a manual re-unfurl button. */\nconst StaleStrip = ({\n  fetchedAt,\n  onReunfurl,\n}: {\n  fetchedAt: number | null;\n  onReunfurl: () => void;\n}): ReactElement => (\n  <StyledStaleStrip>\n    <Typography as=\"span\" variant=\"Caption 1\" color=\"tertiary\">\n      Preview may be out of date · fetched {formatFetchedAt(fetchedAt)}\n    </Typography>\n    <StyledReunfurl type=\"button\" onClick={onReunfurl}>\n      <ArrowRefreshIcon />\n      Re-unfurl\n    </StyledReunfurl>\n  </StyledStaleStrip>\n);\n\n/* ---- skeleton ---- */\n\n/* Mirrors the compact anatomy row for row (this is the `resolving` render at\n   tier `url`), so a resolving link never reflows as it climbs the ladder. */\nexport const LinkSkeleton = (): ReactElement => (\n  <>\n    <Cover aspectRatio={COVER_RATIO}>\n      <SkeletonLoader style={{ width: \"100%\", height: \"100%\" }} />\n    </Cover>\n    <StackRow role=\"custom\">\n      <StyledDomainRow>\n        <SkeletonLoader\n          data-fixed\n          style={{ width: 16, height: 16, borderRadius: 4 }}\n        />\n        <SkeletonLoader style={{ height: 10, width: \"40%\" }} />\n      </StyledDomainRow>\n    </StackRow>\n    <StackRow role=\"title\">\n      <div style={{ width: \"100%\" }}>\n        <SkeletonLoader style={{ height: 14, width: \"92%\" }} />\n        <SkeletonLoader style={{ height: 14, width: \"60%\", marginTop: 6 }} />\n      </div>\n    </StackRow>\n    <StackRow role=\"custom\">\n      <StyledChips>\n        <SkeletonLoader style={{ height: 18, width: 96, borderRadius: 10 }} />\n      </StyledChips>\n    </StackRow>\n  </>\n);\n\n/* ---- placeholder ---- */\n\nexport const LinkPlaceholder = (\n  props: React.ButtonHTMLAttributes<HTMLButtonElement>\n): ReactElement => (\n  <Placeholder icon={<InsertLinkIcon />} label=\"Add a link\" {...props} />\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"LinkCard.js","names":["_react","_interopRequireDefault","require","_styledComponents","_shared","_unfurl","_Icons","_Loaders","_StackedCard","_Typography","_Typography2","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","StyledDomainRow","styled","div","withConfig","displayName","componentId","StyledChips","StyledStaleStrip","StyledReunfurl","button","StyledErrorRow","StackRow","StyledRetry","StyledFooterTitle","Body2","StyledDisplayToggle","DisplayToggle","_ref","display","onToggle","createElement","type","className","STACKED_CARD_CONTROL_CLASS","onClick","LinkCard","exports","_ref2","_data$heroColor2","_data$faviconColor2","unfurl","_ref2$display","onToggleDisplay","status","tier","data","fetchedAt","retry","reunfurl","role","direction","WarningTriangleIcon","Caption1","weight","color","StyledFavicon","$bg","url","ArrowRefreshIcon","Typography","as","variant","hasBasic","hasFull","toggle","undefined","_data$heroColor","_data$faviconColor","Fragment","StackedCardCover","aspectRatio","COVER_RATIO_HERO","centerSlot","playable","playControl","topRightSlot","coverManagement","StyledColorCover","$color","heroColor","SkeletonLoader","style","width","height","StackedCardRow","background","faviconColor","borderRadius","domain","flex","title","description","StaleStrip","onReunfurl","COVER_RATIO","StyledClamp","marginTop","kind","StyledChip","duration","_ref3","formatFetchedAt","LinkSkeleton","LinkPlaceholder","props","Placeholder","icon","InsertLinkIcon","label"],"sources":["../../../../../src/presentation/stackedCard/content/LinkCard.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport {\n  COVER_RATIO_HERO,\n  StyledChip,\n  StyledClamp,\n  StyledColorCover,\n  StyledFavicon,\n  coverManagement,\n  playControl,\n  Placeholder,\n} from \"./shared\";\nimport { UnfurlController, formatFetchedAt } from \"./unfurl\";\nimport {\n  ArrowRefreshIcon,\n  InsertLinkIcon,\n  WarningTriangleIcon,\n} from \"../../../components/Icons\";\nimport { SkeletonLoader } from \"../../../components/Loaders\";\nimport {\n  STACKED_CARD_COVER_RATIO as COVER_RATIO,\n  STACKED_CARD_CONTROL_CLASS,\n  StackedCardCover as Cover,\n  StackedCardRow as StackRow,\n} from \"../../../components/StackedCard\";\nimport { Body2, Caption1 } from \"../../../components/Typography\";\nimport { Typography } from \"../../../components/Typography/Typography\";\n\n/**\n * LinkCard — a link preview as a LIFECYCLE, not two static layouts.\n *\n * Data climbs a progressive ladder (url → basic → full); the anatomy is\n * CONSTANT at every tier, so each slot swaps a skeleton for real content in\n * place and the card never reflows on upgrade. Four statuses layer on top:\n *   resolving — climbing the ladder, aspect + rows reserved by skeletons\n *   resolved  — the full card\n *   stale     — resolved, but past its cache window: shows `fetchedAt` and a\n *               re-unfurl affordance\n *   error     — the unfurl failed: favicon + raw URL + retry, NO media\n *\n * Compact ↔ expanded is a user-switchable DISPLAY LEVEL on the same link\n * entity (the data lives in the controller, so switching never refetches or\n * loses it) — not two separate card types.\n */\n\nexport type LinkDisplay = \"compact\" | \"expanded\";\n\n/* ------------------------------------------------------------------ */\n/* Small building blocks                                               */\n/* ------------------------------------------------------------------ */\n\nconst StyledDomainRow = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-height: 16px;\n`;\n\nconst StyledChips = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  min-height: 18px;\n`;\n\n/* The stale strip — a re-unfurl affordance with the fetch time. */\nconst StyledStaleStrip = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--color-theme-600);\n\n  > span {\n    flex: 1 1 auto;\n    min-width: 0;\n  }\n`;\n\nconst StyledReunfurl = styled.button`\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  flex: 0 0 auto;\n  padding: 3px 8px;\n  border: 1px solid var(--border-primary);\n  border-radius: 6px;\n  background: var(--page-paper-main);\n  color: var(--color-theme-800);\n  font-size: 11px;\n  cursor: pointer;\n\n  svg {\n    width: 12px;\n    height: 12px;\n  }\n\n  &:hover {\n    background: var(--color-theme-200);\n    border-color: var(--sc-selection-ring);\n  }\n`;\n\n/* The error body — favicon + raw URL + retry, no media (per spec §5). It is a\n   column row like any other: the padding comes from the role, so the error\n   state lines up with the states it replaces instead of setting its own inset.\n   Only the gap is widened — three stacked blocks, not four text lines. */\nconst StyledErrorRow = styled(StackRow)`\n  gap: 10px;\n\n  .err-head {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--red-alert);\n  }\n\n  .err-head svg {\n    width: 16px;\n    height: 16px;\n    flex: 0 0 auto;\n  }\n\n  .err-url {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    word-break: break-all;\n  }\n`;\n\nconst StyledRetry = styled.button`\n  align-self: flex-start;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 5px 10px;\n  border: 1px solid var(--border-primary);\n  border-radius: 6px;\n  background: var(--page-paper-main);\n  color: var(--color-theme-800);\n  cursor: pointer;\n\n  svg {\n    width: 14px;\n    height: 14px;\n  }\n\n  &:hover {\n    background: var(--color-theme-200);\n    border-color: var(--sc-selection-ring);\n  }\n`;\n\n/* The expanded footer band — tinted, holds the title + domain under the hero. */\nconst StyledFooterTitle = styled(Body2)`\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n`;\n\n/* ------------------------------------------------------------------ */\n/* The display-level switch — lives in the entity \"…\" slot             */\n/* ------------------------------------------------------------------ */\n\nconst StyledDisplayToggle = styled.button`\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 8px;\n  border: 1px solid var(--border-primary);\n  border-radius: 10px;\n  background: var(--color-theme-200);\n  color: var(--color-theme-700);\n  font-size: 11px;\n  cursor: pointer;\n  white-space: nowrap;\n\n  &:hover {\n    background: var(--color-theme-300);\n  }\n`;\n\nconst DisplayToggle = ({\n  display,\n  onToggle,\n}: {\n  display: LinkDisplay;\n  onToggle: () => void;\n}): ReactElement => (\n  <StyledDisplayToggle\n    type=\"button\"\n    data-fixed\n    className={STACKED_CARD_CONTROL_CLASS}\n    aria-label=\"Switch display level\"\n    onClick={onToggle}\n  >\n    {display === \"compact\" ? \"Expand ▾\" : \"Compact ▴\"}\n  </StyledDisplayToggle>\n);\n\n/* ------------------------------------------------------------------ */\n/* LinkCard                                                            */\n/* ------------------------------------------------------------------ */\n\nexport interface LinkCardProps {\n  unfurl: UnfurlController;\n  display?: LinkDisplay;\n  onToggleDisplay?: () => void;\n}\n\nexport const LinkCard = ({\n  unfurl,\n  display = \"compact\",\n  onToggleDisplay,\n}: LinkCardProps): ReactElement => {\n  const { status, tier, data, fetchedAt, retry, reunfurl } = unfurl;\n\n  // ── Error: favicon + raw URL + retry, no media ──────────────────\n  if (status === \"error\") {\n    return (\n      <StyledErrorRow role=\"custom\" direction=\"column\">\n        <div className=\"err-head\">\n          <WarningTriangleIcon />\n          <Caption1 weight=\"bold\" color=\"tertiary\">\n            Couldn’t load a preview\n          </Caption1>\n        </div>\n        <div className=\"err-url\">\n          <StyledFavicon $bg=\"var(--color-theme-400)\" data-fixed />\n          <Caption1 color=\"secondary\">{data.url}</Caption1>\n        </div>\n        <StyledRetry type=\"button\" onClick={retry}>\n          <ArrowRefreshIcon />\n          <Typography as=\"span\" variant=\"Caption 1\">\n            Retry\n          </Typography>\n        </StyledRetry>\n      </StyledErrorRow>\n    );\n  }\n\n  const hasBasic = tier === \"basic\" || tier === \"full\";\n  const hasFull = tier === \"full\";\n  const toggle = onToggleDisplay ?? (() => undefined);\n\n  // ── Expanded: hero + tinted footer band (title + domain) ────────\n  if (display === \"expanded\") {\n    return (\n      <>\n        <Cover\n          aspectRatio={COVER_RATIO_HERO}\n          centerSlot={hasFull && data.playable ? playControl : undefined}\n          topRightSlot={coverManagement()}\n        >\n          {hasFull ? (\n            <StyledColorCover $color={data.heroColor ?? \"#1D9E75\"} />\n          ) : (\n            <SkeletonLoader style={{ width: \"100%\", height: \"100%\" }} />\n          )}\n        </Cover>\n        <StackRow\n          role=\"footer\"\n          direction=\"column\"\n          background=\"var(--color-theme-200)\"\n        >\n          <StyledDomainRow>\n            {hasBasic ? (\n              <StyledFavicon $bg={data.faviconColor ?? \"#0F6E56\"} data-fixed />\n            ) : (\n              <SkeletonLoader\n                data-fixed\n                style={{ width: 16, height: 16, borderRadius: 4 }}\n              />\n            )}\n            {hasBasic ? (\n              <Caption1 color=\"tertiary\">{data.domain}</Caption1>\n            ) : (\n              <Caption1 color=\"tertiary\">{data.url}</Caption1>\n            )}\n            <span style={{ flex: \"1 1 auto\" }} />\n            <DisplayToggle display={display} onToggle={toggle} />\n          </StyledDomainRow>\n          {hasBasic ? (\n            <StyledFooterTitle weight=\"bold\">{data.title}</StyledFooterTitle>\n          ) : (\n            <SkeletonLoader style={{ height: 14, width: \"90%\" }} />\n          )}\n          {hasFull ? (\n            <Caption1 color=\"tertiary\">{data.description}</Caption1>\n          ) : (\n            <SkeletonLoader style={{ height: 10, width: \"70%\" }} />\n          )}\n        </StackRow>\n        {status === \"stale\" ? (\n          <StackRow role=\"meta\">\n            <StaleStrip fetchedAt={fetchedAt} onReunfurl={reunfurl} />\n          </StackRow>\n        ) : null}\n      </>\n    );\n  }\n\n  // ── Compact: cover + favicon/domain + title + chips ─────────────\n  return (\n    <>\n      <Cover\n        aspectRatio={COVER_RATIO}\n        centerSlot={hasFull && data.playable ? playControl : undefined}\n      >\n        {hasFull ? (\n          <StyledColorCover $color={data.heroColor ?? \"#1D9E75\"} />\n        ) : (\n          <SkeletonLoader style={{ width: \"100%\", height: \"100%\" }} />\n        )}\n      </Cover>\n\n      <StackRow role=\"custom\">\n        <StyledDomainRow>\n          {hasBasic ? (\n            <StyledFavicon $bg={data.faviconColor ?? \"#0F6E56\"} data-fixed />\n          ) : (\n            <SkeletonLoader\n              data-fixed\n              style={{ width: 16, height: 16, borderRadius: 4 }}\n            />\n          )}\n          {hasBasic ? (\n            <Caption1 color=\"tertiary\">{data.domain}</Caption1>\n          ) : (\n            <Caption1 color=\"tertiary\">{data.url}</Caption1>\n          )}\n          <span style={{ flex: \"1 1 auto\" }} />\n          <DisplayToggle display={display} onToggle={toggle} />\n        </StyledDomainRow>\n      </StackRow>\n\n      <StackRow role=\"title\">\n        {hasBasic ? (\n          <StyledClamp>{data.title}</StyledClamp>\n        ) : (\n          <div style={{ width: \"100%\" }}>\n            <SkeletonLoader style={{ height: 14, width: \"92%\" }} />\n            <SkeletonLoader\n              style={{ height: 14, width: \"60%\", marginTop: 6 }}\n            />\n          </div>\n        )}\n      </StackRow>\n\n      <StackRow role=\"custom\">\n        <StyledChips>\n          {hasFull ? (\n            <>\n              {data.kind ? (\n                <StyledChip data-fixed>{data.kind}</StyledChip>\n              ) : null}\n              {data.duration ? (\n                <StyledChip data-fixed>{data.duration}</StyledChip>\n              ) : null}\n            </>\n          ) : (\n            <SkeletonLoader\n              style={{ height: 18, width: 96, borderRadius: 10 }}\n            />\n          )}\n        </StyledChips>\n      </StackRow>\n\n      {status === \"stale\" ? (\n        <StackRow role=\"meta\">\n          <StaleStrip fetchedAt={fetchedAt} onReunfurl={reunfurl} />\n        </StackRow>\n      ) : null}\n    </>\n  );\n};\n\n/* The stale affordance — fetch time + a manual re-unfurl button. */\nconst StaleStrip = ({\n  fetchedAt,\n  onReunfurl,\n}: {\n  fetchedAt: number | null;\n  onReunfurl: () => void;\n}): ReactElement => (\n  <StyledStaleStrip>\n    <Typography as=\"span\" variant=\"Caption 1\" color=\"tertiary\">\n      Preview may be out of date · fetched {formatFetchedAt(fetchedAt)}\n    </Typography>\n    <StyledReunfurl type=\"button\" onClick={onReunfurl}>\n      <ArrowRefreshIcon />\n      Re-unfurl\n    </StyledReunfurl>\n  </StyledStaleStrip>\n);\n\n/* ---- skeleton ---- */\n\n/* Mirrors the compact anatomy row for row (this is the `resolving` render at\n   tier `url`), so a resolving link never reflows as it climbs the ladder. */\nexport const LinkSkeleton = (): ReactElement => (\n  <>\n    <Cover aspectRatio={COVER_RATIO}>\n      <SkeletonLoader style={{ width: \"100%\", height: \"100%\" }} />\n    </Cover>\n    <StackRow role=\"custom\">\n      <StyledDomainRow>\n        <SkeletonLoader\n          data-fixed\n          style={{ width: 16, height: 16, borderRadius: 4 }}\n        />\n        <SkeletonLoader style={{ height: 10, width: \"40%\" }} />\n      </StyledDomainRow>\n    </StackRow>\n    <StackRow role=\"title\">\n      <div style={{ width: \"100%\" }}>\n        <SkeletonLoader style={{ height: 14, width: \"92%\" }} />\n        <SkeletonLoader style={{ height: 14, width: \"60%\", marginTop: 6 }} />\n      </div>\n    </StackRow>\n    <StackRow role=\"custom\">\n      <StyledChips>\n        <SkeletonLoader style={{ height: 18, width: 96, borderRadius: 10 }} />\n      </StyledChips>\n    </StackRow>\n  </>\n);\n\n/* ---- placeholder ---- */\n\nexport const LinkPlaceholder = (\n  props: React.ButtonHTMLAttributes<HTMLButtonElement>\n): ReactElement => (\n  <Placeholder icon={<InsertLinkIcon />} label=\"Add a link\" {...props} />\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAUA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAKA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AAMA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;AAAuE,SAAAD,uBAAAU,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAEvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA;AACA;AACA;;AAEA,IAAMO,eAAe,GAAGC,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gEAKjC;AAED,IAAMC,WAAW,GAAGL,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gEAK7B;;AAED;AACA,IAAME,gBAAgB,GAAGN,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+GAUlC;AAED,IAAMG,cAAc,GAAGP,yBAAM,CAACQ,MAAM,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wVAsBnC;;AAED;AACA;AACA;AACA;AACA,IAAMK,cAAc,GAAG,IAAAT,yBAAM,EAACU,2BAAQ,CAAC,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sNAsBtC;AAED,IAAMO,WAAW,GAAGX,yBAAM,CAACQ,MAAM,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kVAqBhC;;AAED;AACA,IAAMQ,iBAAiB,GAAG,IAAAZ,yBAAM,EAACa,iBAAK,CAAC,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6FAKtC;;AAED;AACA;AACA;;AAEA,IAAMU,mBAAmB,GAAGd,yBAAM,CAACQ,MAAM,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oRAexC;AAED,IAAMW,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA;EAAA,IACjBC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAAA,oBAKR7C,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACL,mBAAmB;IAClBM,IAAI,EAAC,QAAQ;IACb,kBAAU;IACVC,SAAS,EAAEC,uCAA2B;IACtC,cAAW,sBAAsB;IACjCC,OAAO,EAAEL;EAAS,GAEjBD,OAAO,KAAK,SAAS,GAAG,UAAU,GAAG,WACnB,CAAC;AAAA,CACvB;;AAED;AACA;AACA;;AAQO,IAAMO,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAAE,KAAA,EAIc;EAAA,IAAAC,gBAAA,EAAAC,mBAAA;EAAA,IAHjCC,MAAM,GAAAH,KAAA,CAANG,MAAM;IAAAC,aAAA,GAAAJ,KAAA,CACNT,OAAO;IAAPA,OAAO,GAAAa,aAAA,cAAG,SAAS,GAAAA,aAAA;IACnBC,eAAe,GAAAL,KAAA,CAAfK,eAAe;EAEf,IAAQC,MAAM,GAA6CH,MAAM,CAAzDG,MAAM;IAAEC,IAAI,GAAuCJ,MAAM,CAAjDI,IAAI;IAAEC,IAAI,GAAiCL,MAAM,CAA3CK,IAAI;IAAEC,SAAS,GAAsBN,MAAM,CAArCM,SAAS;IAAEC,KAAK,GAAeP,MAAM,CAA1BO,KAAK;IAAEC,QAAQ,GAAKR,MAAM,CAAnBQ,QAAQ;;EAEtD;EACA,IAAIL,MAAM,KAAK,OAAO,EAAE;IACtB,oBACE3D,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACV,cAAc;MAAC6B,IAAI,EAAC,QAAQ;MAACC,SAAS,EAAC;IAAQ,gBAC9ClE,MAAA,CAAAa,OAAA,CAAAiC,aAAA;MAAKE,SAAS,EAAC;IAAU,gBACvBhD,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACxC,MAAA,CAAA6D,mBAAmB,MAAE,CAAC,eACvBnE,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACrC,WAAA,CAAA2D,QAAQ;MAACC,MAAM,EAAC,MAAM;MAACC,KAAK,EAAC;IAAU,GAAC,8BAE/B,CACP,CAAC,eACNtE,MAAA,CAAAa,OAAA,CAAAiC,aAAA;MAAKE,SAAS,EAAC;IAAS,gBACtBhD,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAAC1C,OAAA,CAAAmE,aAAa;MAACC,GAAG,EAAC,wBAAwB;MAAC;IAAU,CAAE,CAAC,eACzDxE,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACrC,WAAA,CAAA2D,QAAQ;MAACE,KAAK,EAAC;IAAW,GAAET,IAAI,CAACY,GAAc,CAC7C,CAAC,eACNzE,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACR,WAAW;MAACS,IAAI,EAAC,QAAQ;MAACG,OAAO,EAAEa;IAAM,gBACxC/D,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACxC,MAAA,CAAAoE,gBAAgB,MAAE,CAAC,eACpB1E,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACpC,YAAA,CAAAiE,UAAU;MAACC,EAAE,EAAC,MAAM;MAACC,OAAO,EAAC;IAAW,GAAC,OAE9B,CACD,CACC,CAAC;EAErB;EAEA,IAAMC,QAAQ,GAAGlB,IAAI,KAAK,OAAO,IAAIA,IAAI,KAAK,MAAM;EACpD,IAAMmB,OAAO,GAAGnB,IAAI,KAAK,MAAM;EAC/B,IAAMoB,MAAM,GAAGtB,eAAe,aAAfA,eAAe,cAAfA,eAAe,GAAK;IAAA,OAAMuB,SAAS;EAAA,CAAC;;EAEnD;EACA,IAAIrC,OAAO,KAAK,UAAU,EAAE;IAAA,IAAAsC,eAAA,EAAAC,kBAAA;IAC1B,oBACEnF,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAAA9C,MAAA,CAAAa,OAAA,CAAAuE,QAAA,qBACEpF,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACtC,YAAA,CAAA6E,gBAAK;MACJC,WAAW,EAAEC,wBAAiB;MAC9BC,UAAU,EAAET,OAAO,IAAIlB,IAAI,CAAC4B,QAAQ,GAAGC,mBAAW,GAAGT,SAAU;MAC/DU,YAAY,EAAE,IAAAC,uBAAe,EAAC;IAAE,GAE/Bb,OAAO,gBACN/E,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAAC1C,OAAA,CAAAyF,gBAAgB;MAACC,MAAM,GAAAZ,eAAA,GAAErB,IAAI,CAACkC,SAAS,cAAAb,eAAA,cAAAA,eAAA,GAAI;IAAU,CAAE,CAAC,gBAEzDlF,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACvC,QAAA,CAAAyF,cAAc;MAACC,KAAK,EAAE;QAAEC,KAAK,EAAE,MAAM;QAAEC,MAAM,EAAE;MAAO;IAAE,CAAE,CAExD,CAAC,eACRnG,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACtC,YAAA,CAAA4F,cAAQ;MACPnC,IAAI,EAAC,QAAQ;MACbC,SAAS,EAAC,QAAQ;MAClBmC,UAAU,EAAC;IAAwB,gBAEnCrG,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACpB,eAAe,QACboD,QAAQ,gBACP9E,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAAC1C,OAAA,CAAAmE,aAAa;MAACC,GAAG,GAAAW,kBAAA,GAAEtB,IAAI,CAACyC,YAAY,cAAAnB,kBAAA,cAAAA,kBAAA,GAAI,SAAU;MAAC;IAAU,CAAE,CAAC,gBAEjEnF,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACvC,QAAA,CAAAyF,cAAc;MACb,kBAAU;MACVC,KAAK,EAAE;QAAEC,KAAK,EAAE,EAAE;QAAEC,MAAM,EAAE,EAAE;QAAEI,YAAY,EAAE;MAAE;IAAE,CACnD,CACF,EACAzB,QAAQ,gBACP9E,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACrC,WAAA,CAAA2D,QAAQ;MAACE,KAAK,EAAC;IAAU,GAAET,IAAI,CAAC2C,MAAiB,CAAC,gBAEnDxG,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACrC,WAAA,CAAA2D,QAAQ;MAACE,KAAK,EAAC;IAAU,GAAET,IAAI,CAACY,GAAc,CAChD,eACDzE,MAAA,CAAAa,OAAA,CAAAiC,aAAA;MAAMmD,KAAK,EAAE;QAAEQ,IAAI,EAAE;MAAW;IAAE,CAAE,CAAC,eACrCzG,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACJ,aAAa;MAACE,OAAO,EAAEA,OAAQ;MAACC,QAAQ,EAAEmC;IAAO,CAAE,CACrC,CAAC,EACjBF,QAAQ,gBACP9E,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACP,iBAAiB;MAAC8B,MAAM,EAAC;IAAM,GAAER,IAAI,CAAC6C,KAAyB,CAAC,gBAEjE1G,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACvC,QAAA,CAAAyF,cAAc;MAACC,KAAK,EAAE;QAAEE,MAAM,EAAE,EAAE;QAAED,KAAK,EAAE;MAAM;IAAE,CAAE,CACvD,EACAnB,OAAO,gBACN/E,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACrC,WAAA,CAAA2D,QAAQ;MAACE,KAAK,EAAC;IAAU,GAAET,IAAI,CAAC8C,WAAsB,CAAC,gBAExD3G,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACvC,QAAA,CAAAyF,cAAc;MAACC,KAAK,EAAE;QAAEE,MAAM,EAAE,EAAE;QAAED,KAAK,EAAE;MAAM;IAAE,CAAE,CAEhD,CAAC,EACVvC,MAAM,KAAK,OAAO,gBACjB3D,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACtC,YAAA,CAAA4F,cAAQ;MAACnC,IAAI,EAAC;IAAM,gBACnBjE,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAAC8D,UAAU;MAAC9C,SAAS,EAAEA,SAAU;MAAC+C,UAAU,EAAE7C;IAAS,CAAE,CACjD,CAAC,GACT,IACJ,CAAC;EAEP;;EAEA;EACA,oBACEhE,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAAA9C,MAAA,CAAAa,OAAA,CAAAuE,QAAA,qBACEpF,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACtC,YAAA,CAAA6E,gBAAK;IACJC,WAAW,EAAEwB,qCAAY;IACzBtB,UAAU,EAAET,OAAO,IAAIlB,IAAI,CAAC4B,QAAQ,GAAGC,mBAAW,GAAGT;EAAU,GAE9DF,OAAO,gBACN/E,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAAC1C,OAAA,CAAAyF,gBAAgB;IAACC,MAAM,GAAAxC,gBAAA,GAAEO,IAAI,CAACkC,SAAS,cAAAzC,gBAAA,cAAAA,gBAAA,GAAI;EAAU,CAAE,CAAC,gBAEzDtD,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACvC,QAAA,CAAAyF,cAAc;IAACC,KAAK,EAAE;MAAEC,KAAK,EAAE,MAAM;MAAEC,MAAM,EAAE;IAAO;EAAE,CAAE,CAExD,CAAC,eAERnG,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACtC,YAAA,CAAA4F,cAAQ;IAACnC,IAAI,EAAC;EAAQ,gBACrBjE,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACpB,eAAe,QACboD,QAAQ,gBACP9E,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAAC1C,OAAA,CAAAmE,aAAa;IAACC,GAAG,GAAAjB,mBAAA,GAAEM,IAAI,CAACyC,YAAY,cAAA/C,mBAAA,cAAAA,mBAAA,GAAI,SAAU;IAAC;EAAU,CAAE,CAAC,gBAEjEvD,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACvC,QAAA,CAAAyF,cAAc;IACb,kBAAU;IACVC,KAAK,EAAE;MAAEC,KAAK,EAAE,EAAE;MAAEC,MAAM,EAAE,EAAE;MAAEI,YAAY,EAAE;IAAE;EAAE,CACnD,CACF,EACAzB,QAAQ,gBACP9E,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACrC,WAAA,CAAA2D,QAAQ;IAACE,KAAK,EAAC;EAAU,GAAET,IAAI,CAAC2C,MAAiB,CAAC,gBAEnDxG,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACrC,WAAA,CAAA2D,QAAQ;IAACE,KAAK,EAAC;EAAU,GAAET,IAAI,CAACY,GAAc,CAChD,eACDzE,MAAA,CAAAa,OAAA,CAAAiC,aAAA;IAAMmD,KAAK,EAAE;MAAEQ,IAAI,EAAE;IAAW;EAAE,CAAE,CAAC,eACrCzG,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACJ,aAAa;IAACE,OAAO,EAAEA,OAAQ;IAACC,QAAQ,EAAEmC;EAAO,CAAE,CACrC,CACT,CAAC,eAEXhF,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACtC,YAAA,CAAA4F,cAAQ;IAACnC,IAAI,EAAC;EAAO,GACnBa,QAAQ,gBACP9E,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAAC1C,OAAA,CAAA2G,WAAW,QAAElD,IAAI,CAAC6C,KAAmB,CAAC,gBAEvC1G,MAAA,CAAAa,OAAA,CAAAiC,aAAA;IAAKmD,KAAK,EAAE;MAAEC,KAAK,EAAE;IAAO;EAAE,gBAC5BlG,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACvC,QAAA,CAAAyF,cAAc;IAACC,KAAK,EAAE;MAAEE,MAAM,EAAE,EAAE;MAAED,KAAK,EAAE;IAAM;EAAE,CAAE,CAAC,eACvDlG,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACvC,QAAA,CAAAyF,cAAc;IACbC,KAAK,EAAE;MAAEE,MAAM,EAAE,EAAE;MAAED,KAAK,EAAE,KAAK;MAAEc,SAAS,EAAE;IAAE;EAAE,CACnD,CACE,CAEC,CAAC,eAEXhH,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACtC,YAAA,CAAA4F,cAAQ;IAACnC,IAAI,EAAC;EAAQ,gBACrBjE,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACd,WAAW,QACT+C,OAAO,gBACN/E,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAAA9C,MAAA,CAAAa,OAAA,CAAAuE,QAAA,QACGvB,IAAI,CAACoD,IAAI,gBACRjH,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAAC1C,OAAA,CAAA8G,UAAU;IAAC;EAAU,GAAErD,IAAI,CAACoD,IAAiB,CAAC,GAC7C,IAAI,EACPpD,IAAI,CAACsD,QAAQ,gBACZnH,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAAC1C,OAAA,CAAA8G,UAAU;IAAC;EAAU,GAAErD,IAAI,CAACsD,QAAqB,CAAC,GACjD,IACJ,CAAC,gBAEHnH,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACvC,QAAA,CAAAyF,cAAc;IACbC,KAAK,EAAE;MAAEE,MAAM,EAAE,EAAE;MAAED,KAAK,EAAE,EAAE;MAAEK,YAAY,EAAE;IAAG;EAAE,CACpD,CAEQ,CACL,CAAC,EAEV5C,MAAM,KAAK,OAAO,gBACjB3D,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACtC,YAAA,CAAA4F,cAAQ;IAACnC,IAAI,EAAC;EAAM,gBACnBjE,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAAC8D,UAAU;IAAC9C,SAAS,EAAEA,SAAU;IAAC+C,UAAU,EAAE7C;EAAS,CAAE,CACjD,CAAC,GACT,IACJ,CAAC;AAEP,CAAC;;AAED;AACA,IAAM4C,UAAU,GAAG,SAAbA,UAAUA,CAAAQ,KAAA;EAAA,IACdtD,SAAS,GAAAsD,KAAA,CAATtD,SAAS;IACT+C,UAAU,GAAAO,KAAA,CAAVP,UAAU;EAAA,oBAKV7G,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACb,gBAAgB,qBACfjC,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACpC,YAAA,CAAAiE,UAAU;IAACC,EAAE,EAAC,MAAM;IAACC,OAAO,EAAC,WAAW;IAACP,KAAK,EAAC;EAAU,GAAC,0CACpB,EAAC,IAAA+C,uBAAe,EAACvD,SAAS,CACrD,CAAC,eACb9D,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACZ,cAAc;IAACa,IAAI,EAAC,QAAQ;IAACG,OAAO,EAAE2D;EAAW,gBAChD7G,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACxC,MAAA,CAAAoE,gBAAgB,MAAE,CAAC,aAEN,CACA,CAAC;AAAA,CACpB;;AAED;;AAEA;AACA;AACO,IAAM4C,YAAY,GAAAlE,OAAA,CAAAkE,YAAA,GAAG,SAAfA,YAAYA,CAAA;EAAA,oBACvBtH,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAAA9C,MAAA,CAAAa,OAAA,CAAAuE,QAAA,qBACEpF,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACtC,YAAA,CAAA6E,gBAAK;IAACC,WAAW,EAAEwB;EAAY,gBAC9B9G,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACvC,QAAA,CAAAyF,cAAc;IAACC,KAAK,EAAE;MAAEC,KAAK,EAAE,MAAM;MAAEC,MAAM,EAAE;IAAO;EAAE,CAAE,CACtD,CAAC,eACRnG,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACtC,YAAA,CAAA4F,cAAQ;IAACnC,IAAI,EAAC;EAAQ,gBACrBjE,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACpB,eAAe,qBACd1B,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACvC,QAAA,CAAAyF,cAAc;IACb,kBAAU;IACVC,KAAK,EAAE;MAAEC,KAAK,EAAE,EAAE;MAAEC,MAAM,EAAE,EAAE;MAAEI,YAAY,EAAE;IAAE;EAAE,CACnD,CAAC,eACFvG,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACvC,QAAA,CAAAyF,cAAc;IAACC,KAAK,EAAE;MAAEE,MAAM,EAAE,EAAE;MAAED,KAAK,EAAE;IAAM;EAAE,CAAE,CACvC,CACT,CAAC,eACXlG,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACtC,YAAA,CAAA4F,cAAQ;IAACnC,IAAI,EAAC;EAAO,gBACpBjE,MAAA,CAAAa,OAAA,CAAAiC,aAAA;IAAKmD,KAAK,EAAE;MAAEC,KAAK,EAAE;IAAO;EAAE,gBAC5BlG,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACvC,QAAA,CAAAyF,cAAc;IAACC,KAAK,EAAE;MAAEE,MAAM,EAAE,EAAE;MAAED,KAAK,EAAE;IAAM;EAAE,CAAE,CAAC,eACvDlG,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACvC,QAAA,CAAAyF,cAAc;IAACC,KAAK,EAAE;MAAEE,MAAM,EAAE,EAAE;MAAED,KAAK,EAAE,KAAK;MAAEc,SAAS,EAAE;IAAE;EAAE,CAAE,CACjE,CACG,CAAC,eACXhH,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACtC,YAAA,CAAA4F,cAAQ;IAACnC,IAAI,EAAC;EAAQ,gBACrBjE,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACd,WAAW,qBACVhC,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACvC,QAAA,CAAAyF,cAAc;IAACC,KAAK,EAAE;MAAEE,MAAM,EAAE,EAAE;MAAED,KAAK,EAAE,EAAE;MAAEK,YAAY,EAAE;IAAG;EAAE,CAAE,CAC1D,CACL,CACV,CAAC;AAAA,CACJ;;AAED;;AAEO,IAAMgB,eAAe,GAAAnE,OAAA,CAAAmE,eAAA,GAAG,SAAlBA,eAAeA,CAC1BC,KAAoD;EAAA,oBAEpDxH,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAAC1C,OAAA,CAAAqH,WAAW,EAAA3G,QAAA;IAAC4G,IAAI,eAAE1H,MAAA,CAAAa,OAAA,CAAAiC,aAAA,CAACxC,MAAA,CAAAqH,cAAc,MAAE,CAAE;IAACC,KAAK,EAAC;EAAY,GAAKJ,KAAK,CAAG,CAAC;AAAA,CACxE","ignoreList":[]}

package/dist/cjs/presentation/stackedCard/content/NoteCard.js

@@ -9,8 +9,8 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _shared = require("./shared");
 var _Icons = require("../../../components/Icons");
 var _Loaders = require("../../../components/Loaders");
+var _StackedCard = require("../../../components/StackedCard");
 var _Typography = require("../../../components/Typography");
-var _primitives = require("../primitives");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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); }
 /**
@@ -32,13 +32,13 @@ var NoteCard = exports.NoteCard = function NoteCard(_ref) {
     title = _ref$title === void 0 ? "Kickoff notes" : _ref$title,
     _ref$body = _ref.body,
     body = _ref$body === void 0 ? SAMPLE_NOTE : _ref$body;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_primitives.StackRow, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardRow, {
     role: "title"
   }, /*#__PURE__*/_react.default.createElement(_Typography.Body2, {
     weight: "bold"
   }, title), /*#__PURE__*/_react.default.createElement(_shared.EntityDots, {
     "aria-label": "Note options"
-  })), /*#__PURE__*/_react.default.createElement(_primitives.StackRow, {
+  })), /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardRow, {
     role: "custom",
     direction: "column"
   }, /*#__PURE__*/_react.default.createElement(StyledNoteBody, {
@@ -57,14 +57,14 @@ var NotePlaceholder = exports.NotePlaceholder = function NotePlaceholder(props)
 
 /* Skeleton mirrors the note anatomy: a title line, then several body lines. */
 var NoteSkeleton = exports.NoteSkeleton = function NoteSkeleton() {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_primitives.StackRow, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardRow, {
     role: "title"
   }, /*#__PURE__*/_react.default.createElement(_Loaders.SkeletonLoader, {
     style: {
       height: 14,
       width: "50%"
     }
-  })), /*#__PURE__*/_react.default.createElement(_primitives.StackRow, {
+  })), /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardRow, {
     role: "custom",
     direction: "column"
   }, /*#__PURE__*/_react.default.createElement(_Loaders.SkeletonLoader, {

package/dist/cjs/presentation/stackedCard/content/NoteCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoteCard.js","names":["_react","_interopRequireDefault","require","_styledComponents","_shared","_Icons","_Loaders","_Typography","_primitives","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","StyledNoteBody","styled","Body2","withConfig","displayName","componentId","SAMPLE_NOTE","exports","NoteCard","_ref","_ref$title","title","_ref$body","body","createElement","Fragment","StackRow","role","weight","EntityDots","direction","color","NotePlaceholder","props","Placeholder","icon","NoteIcon","label","NoteSkeleton","SkeletonLoader","style","height","width"],"sources":["../../../../../src/presentation/stackedCard/content/NoteCard.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { EntityDots, Placeholder } from \"./shared\";\nimport { NoteIcon } from \"../../../components/Icons\";\nimport { SkeletonLoader } from \"../../../components/Loaders\";\nimport { Body2 } from \"../../../components/Typography\";\nimport { StackRow } from \"../primitives\";\n\n/**\n * NoteCard — the new fifth type. A multi-line text card (Milanote-style): a\n * title row that owns the \"…\" menu, then padded body rows. The body clamps at a\n * line limit and fades out; auto-height, so the card grows with its content.\n * Inline editing lands in task 4/8 — this is the read view + placeholder.\n */\n\n/* The body clamps at a max height and fades out with a mask so long notes end\n   softly instead of hard-cropping. white-space: pre-line keeps authored breaks. */\nconst StyledNoteBody = styled(Body2)`\n  display: block;\n  max-height: 132px;\n  overflow: hidden;\n  white-space: pre-line;\n  -webkit-mask-image: linear-gradient(180deg, #000 72%, transparent);\n  mask-image: linear-gradient(180deg, #000 72%, transparent);\n`;\n\nexport const SAMPLE_NOTE = `Kickoff open questions before we lock the columns:\n\n• Who owns the migration off react-dnd, and does it block the canvas work or run in parallel?\n• Confirm the outline-placeholder choreography reads the same in a scrolled column.\n• Do we ship the note type in v1, or defer inline editing?`;\n\nexport interface NoteCardProps {\n  title?: string;\n  body?: string;\n}\n\nexport const NoteCard = ({\n  title = \"Kickoff notes\",\n  body = SAMPLE_NOTE,\n}: NoteCardProps): ReactElement => (\n  <>\n    <StackRow role=\"title\">\n      <Body2 weight=\"bold\">{title}</Body2>\n      <EntityDots aria-label=\"Note options\" />\n    </StackRow>\n    <StackRow role=\"custom\" direction=\"column\">\n      <StyledNoteBody color=\"secondary\">{body}</StyledNoteBody>\n    </StackRow>\n  </>\n);\n\n/* ---- placeholder + skeleton ---- */\n\nexport const NotePlaceholder = (\n  props: React.ButtonHTMLAttributes<HTMLButtonElement>\n): ReactElement => (\n  <Placeholder icon={<NoteIcon />} label=\"Write a note\" {...props} />\n);\n\n/* Skeleton mirrors the note anatomy: a title line, then several body lines. */\nexport const NoteSkeleton = (): ReactElement => (\n  <>\n    <StackRow role=\"title\">\n      <SkeletonLoader style={{ height: 14, width: \"50%\" }} />\n    </StackRow>\n    <StackRow role=\"custom\" direction=\"column\">\n      <SkeletonLoader style={{ height: 10, width: \"100%\" }} />\n      <SkeletonLoader style={{ height: 10, width: \"96%\" }} />\n      <SkeletonLoader style={{ height: 10, width: \"88%\" }} />\n      <SkeletonLoader style={{ height: 10, width: \"70%\" }} />\n    </StackRow>\n  </>\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAAyC,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAEzC;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,IAAMO,cAAc,GAAG,IAAAC,yBAAM,EAACC,iBAAK,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oMAOnC;AAEM,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,wTAImC;AAOpD,IAAME,QAAQ,GAAAD,OAAA,CAAAC,QAAA,GAAG,SAAXA,QAAQA,CAAAC,IAAA;EAAA,IAAAC,UAAA,GAAAD,IAAA,CACnBE,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,eAAe,GAAAA,UAAA;IAAAE,SAAA,GAAAH,IAAA,CACvBI,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAGN,WAAW,GAAAM,SAAA;EAAA,oBAElBpC,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAAAtC,MAAA,CAAAW,OAAA,CAAA4B,QAAA,qBACEvC,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAAC9B,WAAA,CAAAgC,QAAQ;IAACC,IAAI,EAAC;EAAO,gBACpBzC,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAAC/B,WAAA,CAAAmB,KAAK;IAACgB,MAAM,EAAC;EAAM,GAAEP,KAAa,CAAC,eACpCnC,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAAClC,OAAA,CAAAuC,UAAU;IAAC,cAAW;EAAc,CAAE,CAC/B,CAAC,eACX3C,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAAC9B,WAAA,CAAAgC,QAAQ;IAACC,IAAI,EAAC,QAAQ;IAACG,SAAS,EAAC;EAAQ,gBACxC5C,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAACd,cAAc;IAACqB,KAAK,EAAC;EAAW,GAAER,IAAqB,CAChD,CACV,CAAC;AAAA,CACJ;;AAED;;AAEO,IAAMS,eAAe,GAAAf,OAAA,CAAAe,eAAA,GAAG,SAAlBA,eAAeA,CAC1BC,KAAoD;EAAA,oBAEpD/C,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAAClC,OAAA,CAAA4C,WAAW,EAAApC,QAAA;IAACqC,IAAI,eAAEjD,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAACjC,MAAA,CAAA6C,QAAQ,MAAE,CAAE;IAACC,KAAK,EAAC;EAAc,GAAKJ,KAAK,CAAG,CAAC;AAAA,CACpE;;AAED;AACO,IAAMK,YAAY,GAAArB,OAAA,CAAAqB,YAAA,GAAG,SAAfA,YAAYA,CAAA;EAAA,oBACvBpD,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAAAtC,MAAA,CAAAW,OAAA,CAAA4B,QAAA,qBACEvC,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAAC9B,WAAA,CAAAgC,QAAQ;IAACC,IAAI,EAAC;EAAO,gBACpBzC,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAAChC,QAAA,CAAA+C,cAAc;IAACC,KAAK,EAAE;MAAEC,MAAM,EAAE,EAAE;MAAEC,KAAK,EAAE;IAAM;EAAE,CAAE,CAC9C,CAAC,eACXxD,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAAC9B,WAAA,CAAAgC,QAAQ;IAACC,IAAI,EAAC,QAAQ;IAACG,SAAS,EAAC;EAAQ,gBACxC5C,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAAChC,QAAA,CAAA+C,cAAc;IAACC,KAAK,EAAE;MAAEC,MAAM,EAAE,EAAE;MAAEC,KAAK,EAAE;IAAO;EAAE,CAAE,CAAC,eACxDxD,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAAChC,QAAA,CAAA+C,cAAc;IAACC,KAAK,EAAE;MAAEC,MAAM,EAAE,EAAE;MAAEC,KAAK,EAAE;IAAM;EAAE,CAAE,CAAC,eACvDxD,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAAChC,QAAA,CAAA+C,cAAc;IAACC,KAAK,EAAE;MAAEC,MAAM,EAAE,EAAE;MAAEC,KAAK,EAAE;IAAM;EAAE,CAAE,CAAC,eACvDxD,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAAChC,QAAA,CAAA+C,cAAc;IAACC,KAAK,EAAE;MAAEC,MAAM,EAAE,EAAE;MAAEC,KAAK,EAAE;IAAM;EAAE,CAAE,CAC9C,CACV,CAAC;AAAA,CACJ","ignoreList":[]}
+{"version":3,"file":"NoteCard.js","names":["_react","_interopRequireDefault","require","_styledComponents","_shared","_Icons","_Loaders","_StackedCard","_Typography","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","StyledNoteBody","styled","Body2","withConfig","displayName","componentId","SAMPLE_NOTE","exports","NoteCard","_ref","_ref$title","title","_ref$body","body","createElement","Fragment","StackedCardRow","role","weight","EntityDots","direction","color","NotePlaceholder","props","Placeholder","icon","NoteIcon","label","NoteSkeleton","SkeletonLoader","style","height","width"],"sources":["../../../../../src/presentation/stackedCard/content/NoteCard.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { EntityDots, Placeholder } from \"./shared\";\nimport { NoteIcon } from \"../../../components/Icons\";\nimport { SkeletonLoader } from \"../../../components/Loaders\";\nimport { StackedCardRow as StackRow } from \"../../../components/StackedCard\";\nimport { Body2 } from \"../../../components/Typography\";\n\n/**\n * NoteCard — the new fifth type. A multi-line text card (Milanote-style): a\n * title row that owns the \"…\" menu, then padded body rows. The body clamps at a\n * line limit and fades out; auto-height, so the card grows with its content.\n * Inline editing lands in task 4/8 — this is the read view + placeholder.\n */\n\n/* The body clamps at a max height and fades out with a mask so long notes end\n   softly instead of hard-cropping. white-space: pre-line keeps authored breaks. */\nconst StyledNoteBody = styled(Body2)`\n  display: block;\n  max-height: 132px;\n  overflow: hidden;\n  white-space: pre-line;\n  -webkit-mask-image: linear-gradient(180deg, #000 72%, transparent);\n  mask-image: linear-gradient(180deg, #000 72%, transparent);\n`;\n\nexport const SAMPLE_NOTE = `Kickoff open questions before we lock the columns:\n\n• Who owns the migration off react-dnd, and does it block the canvas work or run in parallel?\n• Confirm the outline-placeholder choreography reads the same in a scrolled column.\n• Do we ship the note type in v1, or defer inline editing?`;\n\nexport interface NoteCardProps {\n  title?: string;\n  body?: string;\n}\n\nexport const NoteCard = ({\n  title = \"Kickoff notes\",\n  body = SAMPLE_NOTE,\n}: NoteCardProps): ReactElement => (\n  <>\n    <StackRow role=\"title\">\n      <Body2 weight=\"bold\">{title}</Body2>\n      <EntityDots aria-label=\"Note options\" />\n    </StackRow>\n    <StackRow role=\"custom\" direction=\"column\">\n      <StyledNoteBody color=\"secondary\">{body}</StyledNoteBody>\n    </StackRow>\n  </>\n);\n\n/* ---- placeholder + skeleton ---- */\n\nexport const NotePlaceholder = (\n  props: React.ButtonHTMLAttributes<HTMLButtonElement>\n): ReactElement => (\n  <Placeholder icon={<NoteIcon />} label=\"Write a note\" {...props} />\n);\n\n/* Skeleton mirrors the note anatomy: a title line, then several body lines. */\nexport const NoteSkeleton = (): ReactElement => (\n  <>\n    <StackRow role=\"title\">\n      <SkeletonLoader style={{ height: 14, width: \"50%\" }} />\n    </StackRow>\n    <StackRow role=\"custom\" direction=\"column\">\n      <SkeletonLoader style={{ height: 10, width: \"100%\" }} />\n      <SkeletonLoader style={{ height: 10, width: \"96%\" }} />\n      <SkeletonLoader style={{ height: 10, width: \"88%\" }} />\n      <SkeletonLoader style={{ height: 10, width: \"70%\" }} />\n    </StackRow>\n  </>\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/presentation/stackedCard/content/SwatchCard.js

@@ -8,9 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _shared = require("./shared");
 var _Icons = require("../../../components/Icons");
 var _Loaders = require("../../../components/Loaders");
+var _StackedCard = require("../../../components/StackedCard");
 var _Typography = require("../../../components/Typography");
-var _primitives = require("../primitives");
-var _shell = require("../shell");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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); }
 /**
@@ -25,11 +24,11 @@ var SwatchCard = exports.SwatchCard = function SwatchCard(_ref) {
     name = _ref$name === void 0 ? "Teal" : _ref$name,
     _ref$hex = _ref.hex,
     hex = _ref$hex === void 0 ? "#1D9E75" : _ref$hex;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_primitives.Cover, {
-    aspectRatio: _shell.COVER_RATIO_SWATCH
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardCover, {
+    aspectRatio: _shared.COVER_RATIO_SWATCH
   }, /*#__PURE__*/_react.default.createElement(_shared.StyledColorCover, {
     $color: color
-  })), /*#__PURE__*/_react.default.createElement(_primitives.StackRow, {
+  })), /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardRow, {
     role: "title"
   }, /*#__PURE__*/_react.default.createElement(_Typography.Body2, null, name), /*#__PURE__*/_react.default.createElement(_Typography.Caption1, {
     color: "tertiary",
@@ -49,14 +48,14 @@ var SwatchPlaceholder = exports.SwatchPlaceholder = function SwatchPlaceholder(p
   }, props));
 };
 var SwatchSkeleton = exports.SwatchSkeleton = function SwatchSkeleton() {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_primitives.Cover, {
-    aspectRatio: _shell.COVER_RATIO_SWATCH
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardCover, {
+    aspectRatio: _shared.COVER_RATIO_SWATCH
   }, /*#__PURE__*/_react.default.createElement(_Loaders.SkeletonLoader, {
     style: {
       width: "100%",
       height: "100%"
     }
-  })), /*#__PURE__*/_react.default.createElement(_primitives.StackRow, {
+  })), /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardRow, {
     role: "title"
   }, /*#__PURE__*/_react.default.createElement(_Loaders.SkeletonLoader, {
     style: {

package/dist/cjs/presentation/stackedCard/content/SwatchCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwatchCard.js","names":["_react","_interopRequireDefault","require","_shared","_Icons","_Loaders","_Typography","_primitives","_shell","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","SwatchCard","exports","_ref","_ref$color","color","_ref$name","name","_ref$hex","hex","createElement","Fragment","Cover","aspectRatio","COVER_RATIO_SWATCH","StyledColorCover","$color","StackRow","role","Body2","Caption1","style","fontFamily","SwatchPlaceholder","props","Placeholder","icon","ImageIcon","label","SwatchSkeleton","SkeletonLoader","width","height"],"sources":["../../../../../src/presentation/stackedCard/content/SwatchCard.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\n\nimport { StyledColorCover, Placeholder } from \"./shared\";\nimport { ImageIcon } from \"../../../components/Icons\";\nimport { SkeletonLoader } from \"../../../components/Loaders\";\nimport { Body2, Caption1 } from \"../../../components/Typography\";\nimport { Cover, StackRow } from \"../primitives\";\nimport { COVER_RATIO_SWATCH } from \"../shell\";\n\n/**\n * SwatchCard — the cover IS the colour; a title row states its name and hex.\n * The swatch value is a literal data colour by design (not a theme token).\n */\n\nexport interface SwatchCardProps {\n  color?: string;\n  name?: string;\n  hex?: string;\n}\n\nexport const SwatchCard = ({\n  color = \"#1D9E75\",\n  name = \"Teal\",\n  hex = \"#1D9E75\",\n}: SwatchCardProps): ReactElement => (\n  <>\n    <Cover aspectRatio={COVER_RATIO_SWATCH}>\n      <StyledColorCover $color={color} />\n    </Cover>\n    <StackRow role=\"title\">\n      <Body2>{name}</Body2>\n      <Caption1 color=\"tertiary\" data-fixed style={{ fontFamily: \"monospace\" }}>\n        {hex}\n      </Caption1>\n    </StackRow>\n  </>\n);\n\n/* ---- placeholder + skeleton ---- */\n\nexport const SwatchPlaceholder = (\n  props: React.ButtonHTMLAttributes<HTMLButtonElement>\n): ReactElement => (\n  <Placeholder icon={<ImageIcon />} label=\"Pick a colour\" {...props} />\n);\n\nexport const SwatchSkeleton = (): ReactElement => (\n  <>\n    <Cover aspectRatio={COVER_RATIO_SWATCH}>\n      <SkeletonLoader style={{ width: \"100%\", height: \"100%\" }} />\n    </Cover>\n    <StackRow role=\"title\">\n      <SkeletonLoader style={{ height: 14, width: \"40%\" }} />\n      <SkeletonLoader data-fixed style={{ height: 12, width: 60 }} />\n    </StackRow>\n  </>\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SwatchCard.js","names":["_react","_interopRequireDefault","require","_shared","_Icons","_Loaders","_StackedCard","_Typography","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","SwatchCard","exports","_ref","_ref$color","color","_ref$name","name","_ref$hex","hex","createElement","Fragment","StackedCardCover","aspectRatio","COVER_RATIO_SWATCH","StyledColorCover","$color","StackedCardRow","role","Body2","Caption1","style","fontFamily","SwatchPlaceholder","props","Placeholder","icon","ImageIcon","label","SwatchSkeleton","SkeletonLoader","width","height"],"sources":["../../../../../src/presentation/stackedCard/content/SwatchCard.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\n\nimport { COVER_RATIO_SWATCH, StyledColorCover, Placeholder } from \"./shared\";\nimport { ImageIcon } from \"../../../components/Icons\";\nimport { SkeletonLoader } from \"../../../components/Loaders\";\nimport {\n  StackedCardCover as Cover,\n  StackedCardRow as StackRow,\n} from \"../../../components/StackedCard\";\nimport { Body2, Caption1 } from \"../../../components/Typography\";\n\n/**\n * SwatchCard — the cover IS the colour; a title row states its name and hex.\n * The swatch value is a literal data colour by design (not a theme token).\n */\n\nexport interface SwatchCardProps {\n  color?: string;\n  name?: string;\n  hex?: string;\n}\n\nexport const SwatchCard = ({\n  color = \"#1D9E75\",\n  name = \"Teal\",\n  hex = \"#1D9E75\",\n}: SwatchCardProps): ReactElement => (\n  <>\n    <Cover aspectRatio={COVER_RATIO_SWATCH}>\n      <StyledColorCover $color={color} />\n    </Cover>\n    <StackRow role=\"title\">\n      <Body2>{name}</Body2>\n      <Caption1 color=\"tertiary\" data-fixed style={{ fontFamily: \"monospace\" }}>\n        {hex}\n      </Caption1>\n    </StackRow>\n  </>\n);\n\n/* ---- placeholder + skeleton ---- */\n\nexport const SwatchPlaceholder = (\n  props: React.ButtonHTMLAttributes<HTMLButtonElement>\n): ReactElement => (\n  <Placeholder icon={<ImageIcon />} label=\"Pick a colour\" {...props} />\n);\n\nexport const SwatchSkeleton = (): ReactElement => (\n  <>\n    <Cover aspectRatio={COVER_RATIO_SWATCH}>\n      <SkeletonLoader style={{ width: \"100%\", height: \"100%\" }} />\n    </Cover>\n    <StackRow role=\"title\">\n      <SkeletonLoader style={{ height: 14, width: \"40%\" }} />\n      <SkeletonLoader data-fixed style={{ height: 12, width: 60 }} />\n    </StackRow>\n  </>\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/presentation/stackedCard/content/TaskCard.js

@@ -9,11 +9,10 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _shared = require("./shared");
 var _Icons = require("../../../components/Icons");
 var _Loaders = require("../../../components/Loaders");
+var _StackedCard = require("../../../components/StackedCard");
 var _Typography = require("../../../components/Typography");
 var _Typography2 = require("../../../components/Typography/Typography");
 var _shared2 = require("../../shared");
-var _primitives = require("../primitives");
-var _shell = require("../shell");
 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 }; }
 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); }
@@ -118,8 +117,8 @@ var TaskCard = exports.TaskCard = function TaskCard(_ref4) {
   var dateIsOverdue = overdue && !completed;
   return /*#__PURE__*/_react.default.createElement(StyledBody, {
     $completed: completed
-  }, cover ? /*#__PURE__*/_react.default.createElement(_primitives.Cover, {
-    aspectRatio: _shell.COVER_RATIO,
+  }, cover ? /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardCover, {
+    aspectRatio: _StackedCard.STACKED_CARD_COVER_RATIO,
     centerSlot: playable ? _shared.playControl : undefined,
     topRightSlot: coverControls ? (0, _shared.coverManagement)() : undefined
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -128,7 +127,7 @@ var TaskCard = exports.TaskCard = function TaskCard(_ref4) {
       height: "100%",
       background: "var(--color-theme-300)"
     }
-  })) : null, /*#__PURE__*/_react.default.createElement(_primitives.StackRow, {
+  })) : null, /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardRow, {
     role: "title"
   }, /*#__PURE__*/_react.default.createElement(_shared.StyledClamp, null, showTaskId ? /*#__PURE__*/_react.default.createElement(_Typography2.Typography, {
     as: "span",
@@ -136,7 +135,7 @@ var TaskCard = exports.TaskCard = function TaskCard(_ref4) {
     color: "tertiary"
   }, "#".concat(taskId, " ")) : null, title), completed ? null : /*#__PURE__*/_react.default.createElement(_shared.EntityDots, {
     "aria-label": "Task options"
-  })), /*#__PURE__*/_react.default.createElement(_primitives.StackRow, {
+  })), /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardRow, {
     role: "meta"
   }, /*#__PURE__*/_react.default.createElement(StyledMetaCluster, null, /*#__PURE__*/_react.default.createElement("span", {
     className: "sc-dots"
@@ -170,7 +169,7 @@ var TaskCard = exports.TaskCard = function TaskCard(_ref4) {
     className: "sc-sep"
   }, "\xB7"), /*#__PURE__*/_react.default.createElement(StyledHiddenBadge, {
     title: "Hidden from clients"
-  }, /*#__PURE__*/_react.default.createElement(_Icons.EyeOffIcon, null))) : null)), /*#__PURE__*/_react.default.createElement(_primitives.StackRow, {
+  }, /*#__PURE__*/_react.default.createElement(_Icons.EyeOffIcon, null))) : null)), /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardRow, {
     role: "footer"
   }, /*#__PURE__*/_react.default.createElement(StyledDate, {
     $overdue: dateIsOverdue
@@ -197,21 +196,21 @@ var TaskPlaceholder = exports.TaskPlaceholder = function TaskPlaceholder(props)
 
 /* Skeleton mirrors the task anatomy row for row: title, meta, footer. */
 var TaskSkeleton = exports.TaskSkeleton = function TaskSkeleton() {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_primitives.StackRow, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardRow, {
     role: "title"
   }, /*#__PURE__*/_react.default.createElement(_Loaders.SkeletonLoader, {
     style: {
       height: 14,
       width: "90%"
     }
-  })), /*#__PURE__*/_react.default.createElement(_primitives.StackRow, {
+  })), /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardRow, {
     role: "meta"
   }, /*#__PURE__*/_react.default.createElement(_Loaders.SkeletonLoader, {
     style: {
       height: 10,
       width: "55%"
     }
-  })), /*#__PURE__*/_react.default.createElement(_primitives.StackRow, {
+  })), /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardRow, {
     role: "footer"
   }, /*#__PURE__*/_react.default.createElement(_Loaders.SkeletonLoader, {
     style: {

package/dist/cjs/presentation/stackedCard/content/TaskCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"TaskCard.js","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_shared","_Icons","_Loaders","_Typography","_Typography2","_shared2","_primitives","_shell","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","LABEL_DOTS","StyledBody","styled","div","withConfig","displayName","componentId","_ref","$completed","css","StyledMetaCluster","StyledDot","span","_ref2","$color","StyledHiddenBadge","StyledDate","_ref3","$overdue","StyledAddAssignee","button","TaskCard","exports","_ref4","_ref4$title","title","_ref4$cover","cover","_ref4$playable","playable","_ref4$coverControls","coverControls","_ref4$showTaskId","showTaskId","_ref4$taskId","taskId","_ref4$dateLabel","dateLabel","_ref4$overdue","overdue","_ref4$showDependencie","showDependencies","_ref4$dependencyCount","dependencyCount","_ref4$hiddenFromClien","hiddenFromClients","_ref4$projectDefaultH","projectDefaultHidden","_ref4$assigned","assigned","_ref4$completed","completed","showHiddenSignifier","dateIsOverdue","createElement","Cover","aspectRatio","COVER_RATIO","centerSlot","playControl","undefined","topRightSlot","coverManagement","style","width","height","background","StackRow","role","StyledClamp","Typography","as","variant","color","concat","EntityDots","className","map","key","Caption1","MessageSmallIcon","ChecklistSmallIcon","Fragment","InsertLinkIcon","EyeOffIcon","RoundAvatar","$bg","AVATAR_COLORS","teal","$size","$bordered","type","PersonPlusIcon","TaskPlaceholder","props","Placeholder","icon","label","TaskSkeleton","SkeletonLoader","borderRadius"],"sources":["../../../../../src/presentation/stackedCard/content/TaskCard.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\n\nimport styled, { css } from \"styled-components\";\n\nimport {\n  EntityDots,\n  StyledClamp,\n  coverManagement,\n  playControl,\n  Placeholder,\n} from \"./shared\";\nimport {\n  ChecklistSmallIcon,\n  EyeOffIcon,\n  InsertLinkIcon,\n  MessageSmallIcon,\n  PersonPlusIcon,\n} from \"../../../components/Icons\";\nimport { SkeletonLoader } from \"../../../components/Loaders\";\nimport { Caption1 } from \"../../../components/Typography\";\nimport { Typography } from \"../../../components/Typography/Typography\";\nimport { RoundAvatar, AVATAR_COLORS } from \"../../shared\";\nimport { Cover, StackRow } from \"../primitives\";\nimport { COVER_RATIO } from \"../shell\";\n\n/**\n * TaskCard — the baseline-preservation card.\n *\n * This is the replacement for today's column card, so it must reproduce every\n * behavior that card has (note 52104 §B2) — none of them are optional, each is\n * a silent-regression risk. Every one is a prop here so the story can toggle it:\n *\n *  - task-number prefix in the title      (config-gated, mirrors `show_task_id`)\n *  - overdue date colouring               (red ONLY when overdue AND not completed)\n *  - dependency counter                   (behind a feature-flag prop)\n *  - hidden-from-clients signifier        (shown only when it DIFFERS from the\n *                                          project default)\n *  - inline assignee affordance           (avatar, or an add-assignee placeholder)\n *  - completed                            (teal tint, no \"…\" menu, no overdue colour)\n *\n * The pending/optimistic and priority states are SHELL states (dimmed +\n * pointer-events off; red left bar), so the card is wrapped in a `<StackedCard\n * pending>` / `<StackedCard priorityColor>` by the host — they are not the\n * card's own concern and live on the shell, not here.\n */\n\nconst LABEL_DOTS = [\"#378ADD\", \"#D85A30\", \"#639922\", \"#EF9F27\", \"#7F77DD\"];\n\n/* The completed tint fills the card body; the shell keeps the priority bar and\n   selection ring on top of it. */\nconst StyledBody = styled.div<{ $completed?: boolean }>`\n  display: flex;\n  flex-direction: column;\n\n  ${({ $completed }) =>\n    $completed &&\n    css`\n      background: var(--sc-completed-tint, rgba(72, 201, 176, 0.16));\n    `}\n`;\n\nconst StyledMetaCluster = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--color-theme-600);\n\n  .sc-dots {\n    display: flex;\n    gap: 4px;\n  }\n\n  .sc-sep {\n    opacity: 0.6;\n  }\n\n  .sc-count {\n    display: inline-flex;\n    align-items: center;\n    gap: 3px;\n  }\n\n  svg {\n    width: 14px;\n    height: 14px;\n  }\n`;\n\nconst StyledDot = styled.span<{ $color: string }>`\n  width: 11px;\n  height: 11px;\n  border-radius: 50%;\n  background: ${({ $color }) => $color};\n`;\n\n/* Hidden-from-clients signifier — an eye-off badge, shown only when the task's\n   visibility differs from the project default. */\nconst StyledHiddenBadge = styled.span`\n  display: inline-flex;\n  align-items: center;\n  gap: 3px;\n  color: var(--color-theme-600);\n\n  svg {\n    width: 14px;\n    height: 14px;\n  }\n`;\n\n/* Date — bold; turns red only when overdue AND the task is not completed. */\nconst StyledDate = styled.span<{ $overdue?: boolean }>`\n  font-weight: bold;\n  color: ${({ $overdue }) =>\n    $overdue ? \"var(--red-alert)\" : \"var(--color-theme-900)\"};\n`;\n\n/* Inline assignee affordance placeholder — a dashed add-assignee target that\n   stands in until the real picker is wired at integration. */\nconst StyledAddAssignee = styled.button`\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  border: 1.5px dashed var(--color-theme-400);\n  border-radius: 50%;\n  background: transparent;\n  color: var(--color-theme-600);\n  cursor: pointer;\n\n  svg {\n    width: 14px;\n    height: 14px;\n    display: block;\n  }\n\n  &:hover {\n    border-color: var(--sc-selection-ring);\n    color: var(--color-theme-800);\n  }\n`;\n\nexport interface TaskCardProps {\n  title?: string;\n  /** Optional cover — task cards in a column usually have none. */\n  cover?: boolean;\n  playable?: boolean;\n  coverControls?: boolean;\n  /** Config-gated task-number prefix (mirrors `show_task_id`). */\n  showTaskId?: boolean;\n  taskId?: number;\n  dateLabel?: string;\n  /** Overdue date — colours the date red, but only when NOT completed. */\n  overdue?: boolean;\n  /** Dependency counter, gated behind a feature flag. */\n  showDependencies?: boolean;\n  dependencyCount?: number;\n  /** The task's hidden-from-clients flag. */\n  hiddenFromClients?: boolean;\n  /** The project default for client visibility; the signifier shows on a diff. */\n  projectDefaultHidden?: boolean;\n  /** Whether the task has an assignee (avatar) or shows the add affordance. */\n  assigned?: boolean;\n  /** Completed — teal tint, no \"…\" menu, no overdue colour. */\n  completed?: boolean;\n}\n\nexport const TaskCard = ({\n  title = \"Implement the design from the reference on this page\",\n  cover = false,\n  playable = false,\n  coverControls = false,\n  showTaskId = false,\n  taskId = 4521,\n  dateLabel = \"May 8 – Sep 10\",\n  overdue = false,\n  showDependencies = false,\n  dependencyCount = 2,\n  hiddenFromClients = false,\n  projectDefaultHidden = false,\n  assigned = true,\n  completed = false,\n}: TaskCardProps): ReactElement => {\n  // Signifier appears only when the task's visibility differs from the default.\n  const showHiddenSignifier = hiddenFromClients !== projectDefaultHidden;\n  // Overdue colour is suppressed on completed tasks.\n  const dateIsOverdue = overdue && !completed;\n\n  return (\n    <StyledBody $completed={completed}>\n      {cover ? (\n        <Cover\n          aspectRatio={COVER_RATIO}\n          centerSlot={playable ? playControl : undefined}\n          topRightSlot={coverControls ? coverManagement() : undefined}\n        >\n          <div\n            style={{\n              width: \"100%\",\n              height: \"100%\",\n              background: \"var(--color-theme-300)\",\n            }}\n          />\n        </Cover>\n      ) : null}\n\n      <StackRow role=\"title\">\n        <StyledClamp>\n          {showTaskId ? (\n            <Typography as=\"span\" variant=\"Caption 1\" color=\"tertiary\">\n              {`#${taskId} `}\n            </Typography>\n          ) : null}\n          {title}\n        </StyledClamp>\n        {/* Completed tasks drop the \"…\" menu. */}\n        {completed ? null : <EntityDots aria-label=\"Task options\" />}\n      </StackRow>\n\n      <StackRow role=\"meta\">\n        <StyledMetaCluster>\n          <span className=\"sc-dots\">\n            {LABEL_DOTS.map((color) => (\n              <StyledDot key={color} $color={color} />\n            ))}\n          </span>\n          <Caption1 color=\"tertiary\">+3</Caption1>\n          <span className=\"sc-sep\">·</span>\n          <span className=\"sc-count\">\n            <MessageSmallIcon />\n            <Caption1 color=\"tertiary\">7</Caption1>\n          </span>\n          <span className=\"sc-sep\">·</span>\n          <span className=\"sc-count\">\n            <ChecklistSmallIcon />\n            <Caption1 color=\"tertiary\">2</Caption1>\n          </span>\n          {showDependencies ? (\n            <>\n              <span className=\"sc-sep\">·</span>\n              <span className=\"sc-count\" title=\"Dependencies\">\n                <InsertLinkIcon />\n                <Caption1 color=\"tertiary\">{dependencyCount}</Caption1>\n              </span>\n            </>\n          ) : null}\n          {showHiddenSignifier ? (\n            <>\n              <span className=\"sc-sep\">·</span>\n              <StyledHiddenBadge title=\"Hidden from clients\">\n                <EyeOffIcon />\n              </StyledHiddenBadge>\n            </>\n          ) : null}\n        </StyledMetaCluster>\n      </StackRow>\n\n      <StackRow role=\"footer\">\n        <StyledDate $overdue={dateIsOverdue}>{dateLabel}</StyledDate>\n        <span />\n        {assigned ? (\n          <RoundAvatar\n            $bg={AVATAR_COLORS.teal}\n            $size={24}\n            $bordered={false}\n            data-fixed\n          >\n            MS\n          </RoundAvatar>\n        ) : (\n          <StyledAddAssignee type=\"button\" aria-label=\"Assign task\" data-fixed>\n            <PersonPlusIcon />\n          </StyledAddAssignee>\n        )}\n      </StackRow>\n    </StyledBody>\n  );\n};\n\n/* ---- placeholder + skeleton ---- */\n\nexport const TaskPlaceholder = (\n  props: React.ButtonHTMLAttributes<HTMLButtonElement>\n): ReactElement => (\n  <Placeholder\n    icon={<ChecklistSmallIcon />}\n    label=\"Name this task\"\n    {...props}\n  />\n);\n\n/* Skeleton mirrors the task anatomy row for row: title, meta, footer. */\nexport const TaskSkeleton = (): ReactElement => (\n  <>\n    <StackRow role=\"title\">\n      <SkeletonLoader style={{ height: 14, width: \"90%\" }} />\n    </StackRow>\n    <StackRow role=\"meta\">\n      <SkeletonLoader style={{ height: 10, width: \"55%\" }} />\n    </StackRow>\n    <StackRow role=\"footer\">\n      <SkeletonLoader style={{ height: 12, width: 64 }} data-fixed />\n      <span />\n      <SkeletonLoader\n        data-fixed\n        style={{ width: 24, height: 24, borderRadius: \"50%\" }}\n      />\n    </StackRow>\n  </>\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAOA,IAAAI,MAAA,GAAAJ,OAAA;AAOA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AAAuC,SAAAE,wBAAAS,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAX,uBAAA,YAAAA,wBAAAS,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAb,uBAAAY,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA;AAAA,SAAAoB,SAAA,WAAAA,QAAA,GAAAH,MAAA,CAAAI,MAAA,GAAAJ,MAAA,CAAAI,MAAA,CAAAC,IAAA,eAAAlB,CAAA,aAAAJ,CAAA,MAAAA,CAAA,GAAAuB,SAAA,CAAAC,MAAA,EAAAxB,CAAA,UAAAC,CAAA,GAAAsB,SAAA,CAAAvB,CAAA,YAAAG,CAAA,IAAAF,CAAA,OAAAc,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAE,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAF,CAAA,CAAAE,CAAA,aAAAC,CAAA,KAAAgB,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAEvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAMG,UAAU,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;;AAE1E;AACA;AACA,IAAMC,UAAU,GAAGC,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gDAIzB,UAAAC,IAAA;EAAA,IAAGC,UAAU,GAAAD,IAAA,CAAVC,UAAU;EAAA,OACbA,UAAU,QACVC,qBAAG,iEAEF;AAAA,EACJ;AAED,IAAMC,iBAAiB,GAAGR,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uNAyBnC;AAED,IAAMK,SAAS,GAAGT,yBAAM,CAACU,IAAI,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kEAIb,UAAAO,KAAA;EAAA,IAAGC,MAAM,GAAAD,KAAA,CAANC,MAAM;EAAA,OAAOA,MAAM;AAAA,EACrC;;AAED;AACA;AACA,IAAMC,iBAAiB,GAAGb,yBAAM,CAACU,IAAI,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gHAUpC;;AAED;AACA,IAAMU,UAAU,GAAGd,yBAAM,CAACU,IAAI,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qCAEnB,UAAAW,KAAA;EAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;EAAA,OAClBA,QAAQ,GAAG,kBAAkB,GAAG,wBAAwB;AAAA,EAC3D;;AAED;AACA;AACA,IAAMC,iBAAiB,GAAGjB,yBAAM,CAACkB,MAAM,CAAAhB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6VAuBtC;AA2BM,IAAMe,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAAE,KAAA,EAec;EAAA,IAAAC,WAAA,GAAAD,KAAA,CAdjCE,KAAK;IAALA,KAAK,GAAAD,WAAA,cAAG,sDAAsD,GAAAA,WAAA;IAAAE,WAAA,GAAAH,KAAA,CAC9DI,KAAK;IAALA,KAAK,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAAE,cAAA,GAAAL,KAAA,CACbM,QAAQ;IAARA,QAAQ,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAAE,mBAAA,GAAAP,KAAA,CAChBQ,aAAa;IAAbA,aAAa,GAAAD,mBAAA,cAAG,KAAK,GAAAA,mBAAA;IAAAE,gBAAA,GAAAT,KAAA,CACrBU,UAAU;IAAVA,UAAU,GAAAD,gBAAA,cAAG,KAAK,GAAAA,gBAAA;IAAAE,YAAA,GAAAX,KAAA,CAClBY,MAAM;IAANA,MAAM,GAAAD,YAAA,cAAG,IAAI,GAAAA,YAAA;IAAAE,eAAA,GAAAb,KAAA,CACbc,SAAS;IAATA,SAAS,GAAAD,eAAA,cAAG,gBAAgB,GAAAA,eAAA;IAAAE,aAAA,GAAAf,KAAA,CAC5BgB,OAAO;IAAPA,OAAO,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,qBAAA,GAAAjB,KAAA,CACfkB,gBAAgB;IAAhBA,gBAAgB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,qBAAA,GAAAnB,KAAA,CACxBoB,eAAe;IAAfA,eAAe,GAAAD,qBAAA,cAAG,CAAC,GAAAA,qBAAA;IAAAE,qBAAA,GAAArB,KAAA,CACnBsB,iBAAiB;IAAjBA,iBAAiB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,qBAAA,GAAAvB,KAAA,CACzBwB,oBAAoB;IAApBA,oBAAoB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,cAAA,GAAAzB,KAAA,CAC5B0B,QAAQ;IAARA,QAAQ,GAAAD,cAAA,cAAG,IAAI,GAAAA,cAAA;IAAAE,eAAA,GAAA3B,KAAA,CACf4B,SAAS;IAATA,SAAS,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;EAEjB;EACA,IAAME,mBAAmB,GAAGP,iBAAiB,KAAKE,oBAAoB;EACtE;EACA,IAAMM,aAAa,GAAGd,OAAO,IAAI,CAACY,SAAS;EAE3C,oBACE1F,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAACrD,UAAU;IAACO,UAAU,EAAE2C;EAAU,GAC/BxB,KAAK,gBACJlE,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAAClF,WAAA,CAAAmF,KAAK;IACJC,WAAW,EAAEC,kBAAY;IACzBC,UAAU,EAAE7B,QAAQ,GAAG8B,mBAAW,GAAGC,SAAU;IAC/CC,YAAY,EAAE9B,aAAa,GAAG,IAAA+B,uBAAe,EAAC,CAAC,GAAGF;EAAU,gBAE5DnG,MAAA,CAAAuB,OAAA,CAAAsE,aAAA;IACES,KAAK,EAAE;MACLC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdC,UAAU,EAAE;IACd;EAAE,CACH,CACI,CAAC,GACN,IAAI,eAERzG,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAAClF,WAAA,CAAA+F,QAAQ;IAACC,IAAI,EAAC;EAAO,gBACpB3G,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAACxF,OAAA,CAAAuG,WAAW,QACTpC,UAAU,gBACTxE,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAACpF,YAAA,CAAAoG,UAAU;IAACC,EAAE,EAAC,MAAM;IAACC,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC;EAAU,OAAAC,MAAA,CACnDvC,MAAM,MACD,CAAC,GACX,IAAI,EACPV,KACU,CAAC,EAEb0B,SAAS,GAAG,IAAI,gBAAG1F,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAACxF,OAAA,CAAA6G,UAAU;IAAC,cAAW;EAAc,CAAE,CACnD,CAAC,eAEXlH,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAAClF,WAAA,CAAA+F,QAAQ;IAACC,IAAI,EAAC;EAAM,gBACnB3G,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAAC5C,iBAAiB,qBAChBjD,MAAA,CAAAuB,OAAA,CAAAsE,aAAA;IAAMsB,SAAS,EAAC;EAAS,GACtB5E,UAAU,CAAC6E,GAAG,CAAC,UAACJ,KAAK;IAAA,oBACpBhH,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAAC3C,SAAS;MAACmE,GAAG,EAAEL,KAAM;MAAC3D,MAAM,EAAE2D;IAAM,CAAE,CAAC;EAAA,CACzC,CACG,CAAC,eACPhH,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAACrF,WAAA,CAAA8G,QAAQ;IAACN,KAAK,EAAC;EAAU,GAAC,IAAY,CAAC,eACxChH,MAAA,CAAAuB,OAAA,CAAAsE,aAAA;IAAMsB,SAAS,EAAC;EAAQ,GAAC,MAAO,CAAC,eACjCnH,MAAA,CAAAuB,OAAA,CAAAsE,aAAA;IAAMsB,SAAS,EAAC;EAAU,gBACxBnH,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAACvF,MAAA,CAAAiH,gBAAgB,MAAE,CAAC,eACpBvH,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAACrF,WAAA,CAAA8G,QAAQ;IAACN,KAAK,EAAC;EAAU,GAAC,GAAW,CAClC,CAAC,eACPhH,MAAA,CAAAuB,OAAA,CAAAsE,aAAA;IAAMsB,SAAS,EAAC;EAAQ,GAAC,MAAO,CAAC,eACjCnH,MAAA,CAAAuB,OAAA,CAAAsE,aAAA;IAAMsB,SAAS,EAAC;EAAU,gBACxBnH,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAACvF,MAAA,CAAAkH,kBAAkB,MAAE,CAAC,eACtBxH,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAACrF,WAAA,CAAA8G,QAAQ;IAACN,KAAK,EAAC;EAAU,GAAC,GAAW,CAClC,CAAC,EACNhC,gBAAgB,gBACfhF,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAAA7F,MAAA,CAAAuB,OAAA,CAAAkG,QAAA,qBACEzH,MAAA,CAAAuB,OAAA,CAAAsE,aAAA;IAAMsB,SAAS,EAAC;EAAQ,GAAC,MAAO,CAAC,eACjCnH,MAAA,CAAAuB,OAAA,CAAAsE,aAAA;IAAMsB,SAAS,EAAC,UAAU;IAACnD,KAAK,EAAC;EAAc,gBAC7ChE,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAACvF,MAAA,CAAAoH,cAAc,MAAE,CAAC,eAClB1H,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAACrF,WAAA,CAAA8G,QAAQ;IAACN,KAAK,EAAC;EAAU,GAAE9B,eAA0B,CAClD,CACN,CAAC,GACD,IAAI,EACPS,mBAAmB,gBAClB3F,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAAA7F,MAAA,CAAAuB,OAAA,CAAAkG,QAAA,qBACEzH,MAAA,CAAAuB,OAAA,CAAAsE,aAAA;IAAMsB,SAAS,EAAC;EAAQ,GAAC,MAAO,CAAC,eACjCnH,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAACvC,iBAAiB;IAACU,KAAK,EAAC;EAAqB,gBAC5ChE,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAACvF,MAAA,CAAAqH,UAAU,MAAE,CACI,CACnB,CAAC,GACD,IACa,CACX,CAAC,eAEX3H,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAAClF,WAAA,CAAA+F,QAAQ;IAACC,IAAI,EAAC;EAAQ,gBACrB3G,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAACtC,UAAU;IAACE,QAAQ,EAAEmC;EAAc,GAAEhB,SAAsB,CAAC,eAC7D5E,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,aAAO,CAAC,EACPL,QAAQ,gBACPxF,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAACnF,QAAA,CAAAkH,WAAW;IACVC,GAAG,EAAEC,sBAAa,CAACC,IAAK;IACxBC,KAAK,EAAE,EAAG;IACVC,SAAS,EAAE,KAAM;IACjB;EAAU,GACX,IAEY,CAAC,gBAEdjI,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAACnC,iBAAiB;IAACwE,IAAI,EAAC,QAAQ;IAAC,cAAW,aAAa;IAAC;EAAU,gBAClElI,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAACvF,MAAA,CAAA6H,cAAc,MAAE,CACA,CAEb,CACA,CAAC;AAEjB,CAAC;;AAED;;AAEO,IAAMC,eAAe,GAAAvE,OAAA,CAAAuE,eAAA,GAAG,SAAlBA,eAAeA,CAC1BC,KAAoD;EAAA,oBAEpDrI,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAACxF,OAAA,CAAAiI,WAAW,EAAArG,QAAA;IACVsG,IAAI,eAAEvI,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAACvF,MAAA,CAAAkH,kBAAkB,MAAE,CAAE;IAC7BgB,KAAK,EAAC;EAAgB,GAClBH,KAAK,CACV,CAAC;AAAA,CACH;;AAED;AACO,IAAMI,YAAY,GAAA5E,OAAA,CAAA4E,YAAA,GAAG,SAAfA,YAAYA,CAAA;EAAA,oBACvBzI,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAAA7F,MAAA,CAAAuB,OAAA,CAAAkG,QAAA,qBACEzH,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAAClF,WAAA,CAAA+F,QAAQ;IAACC,IAAI,EAAC;EAAO,gBACpB3G,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAACtF,QAAA,CAAAmI,cAAc;IAACpC,KAAK,EAAE;MAAEE,MAAM,EAAE,EAAE;MAAED,KAAK,EAAE;IAAM;EAAE,CAAE,CAC9C,CAAC,eACXvG,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAAClF,WAAA,CAAA+F,QAAQ;IAACC,IAAI,EAAC;EAAM,gBACnB3G,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAACtF,QAAA,CAAAmI,cAAc;IAACpC,KAAK,EAAE;MAAEE,MAAM,EAAE,EAAE;MAAED,KAAK,EAAE;IAAM;EAAE,CAAE,CAC9C,CAAC,eACXvG,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAAClF,WAAA,CAAA+F,QAAQ;IAACC,IAAI,EAAC;EAAQ,gBACrB3G,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAACtF,QAAA,CAAAmI,cAAc;IAACpC,KAAK,EAAE;MAAEE,MAAM,EAAE,EAAE;MAAED,KAAK,EAAE;IAAG,CAAE;IAAC;EAAU,CAAE,CAAC,eAC/DvG,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,aAAO,CAAC,eACR7F,MAAA,CAAAuB,OAAA,CAAAsE,aAAA,CAACtF,QAAA,CAAAmI,cAAc;IACb,kBAAU;IACVpC,KAAK,EAAE;MAAEC,KAAK,EAAE,EAAE;MAAEC,MAAM,EAAE,EAAE;MAAEmC,YAAY,EAAE;IAAM;EAAE,CACvD,CACO,CACV,CAAC;AAAA,CACJ","ignoreList":[]}
+{"version":3,"file":"TaskCard.js","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_shared","_Icons","_Loaders","_StackedCard","_Typography","_Typography2","_shared2","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","LABEL_DOTS","StyledBody","styled","div","withConfig","displayName","componentId","_ref","$completed","css","StyledMetaCluster","StyledDot","span","_ref2","$color","StyledHiddenBadge","StyledDate","_ref3","$overdue","StyledAddAssignee","button","TaskCard","exports","_ref4","_ref4$title","title","_ref4$cover","cover","_ref4$playable","playable","_ref4$coverControls","coverControls","_ref4$showTaskId","showTaskId","_ref4$taskId","taskId","_ref4$dateLabel","dateLabel","_ref4$overdue","overdue","_ref4$showDependencie","showDependencies","_ref4$dependencyCount","dependencyCount","_ref4$hiddenFromClien","hiddenFromClients","_ref4$projectDefaultH","projectDefaultHidden","_ref4$assigned","assigned","_ref4$completed","completed","showHiddenSignifier","dateIsOverdue","createElement","StackedCardCover","aspectRatio","COVER_RATIO","centerSlot","playControl","undefined","topRightSlot","coverManagement","style","width","height","background","StackedCardRow","role","StyledClamp","Typography","as","variant","color","concat","EntityDots","className","map","key","Caption1","MessageSmallIcon","ChecklistSmallIcon","Fragment","InsertLinkIcon","EyeOffIcon","RoundAvatar","$bg","AVATAR_COLORS","teal","$size","$bordered","type","PersonPlusIcon","TaskPlaceholder","props","Placeholder","icon","label","TaskSkeleton","SkeletonLoader","borderRadius"],"sources":["../../../../../src/presentation/stackedCard/content/TaskCard.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\n\nimport styled, { css } from \"styled-components\";\n\nimport {\n  EntityDots,\n  StyledClamp,\n  coverManagement,\n  playControl,\n  Placeholder,\n} from \"./shared\";\nimport {\n  ChecklistSmallIcon,\n  EyeOffIcon,\n  InsertLinkIcon,\n  MessageSmallIcon,\n  PersonPlusIcon,\n} from \"../../../components/Icons\";\nimport { SkeletonLoader } from \"../../../components/Loaders\";\nimport {\n  STACKED_CARD_COVER_RATIO as COVER_RATIO,\n  StackedCardCover as Cover,\n  StackedCardRow as StackRow,\n} from \"../../../components/StackedCard\";\nimport { Caption1 } from \"../../../components/Typography\";\nimport { Typography } from \"../../../components/Typography/Typography\";\nimport { RoundAvatar, AVATAR_COLORS } from \"../../shared\";\n\n/**\n * TaskCard — the baseline-preservation card.\n *\n * This is the replacement for today's column card, so it must reproduce every\n * behavior that card has (note 52104 §B2) — none of them are optional, each is\n * a silent-regression risk. Every one is a prop here so the story can toggle it:\n *\n *  - task-number prefix in the title      (config-gated, mirrors `show_task_id`)\n *  - overdue date colouring               (red ONLY when overdue AND not completed)\n *  - dependency counter                   (behind a feature-flag prop)\n *  - hidden-from-clients signifier        (shown only when it DIFFERS from the\n *                                          project default)\n *  - inline assignee affordance           (avatar, or an add-assignee placeholder)\n *  - completed                            (teal tint, no \"…\" menu, no overdue colour)\n *\n * The pending/optimistic and priority states are SHELL states (dimmed +\n * pointer-events off; red left bar), so the card is wrapped in a `<StackedCard\n * pending>` / `<StackedCard priorityColor>` by the host — they are not the\n * card's own concern and live on the shell, not here.\n */\n\nconst LABEL_DOTS = [\"#378ADD\", \"#D85A30\", \"#639922\", \"#EF9F27\", \"#7F77DD\"];\n\n/* The completed tint fills the card body; the shell keeps the priority bar and\n   selection ring on top of it. */\nconst StyledBody = styled.div<{ $completed?: boolean }>`\n  display: flex;\n  flex-direction: column;\n\n  ${({ $completed }) =>\n    $completed &&\n    css`\n      background: var(--sc-completed-tint, rgba(72, 201, 176, 0.16));\n    `}\n`;\n\nconst StyledMetaCluster = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--color-theme-600);\n\n  .sc-dots {\n    display: flex;\n    gap: 4px;\n  }\n\n  .sc-sep {\n    opacity: 0.6;\n  }\n\n  .sc-count {\n    display: inline-flex;\n    align-items: center;\n    gap: 3px;\n  }\n\n  svg {\n    width: 14px;\n    height: 14px;\n  }\n`;\n\nconst StyledDot = styled.span<{ $color: string }>`\n  width: 11px;\n  height: 11px;\n  border-radius: 50%;\n  background: ${({ $color }) => $color};\n`;\n\n/* Hidden-from-clients signifier — an eye-off badge, shown only when the task's\n   visibility differs from the project default. */\nconst StyledHiddenBadge = styled.span`\n  display: inline-flex;\n  align-items: center;\n  gap: 3px;\n  color: var(--color-theme-600);\n\n  svg {\n    width: 14px;\n    height: 14px;\n  }\n`;\n\n/* Date — bold; turns red only when overdue AND the task is not completed. */\nconst StyledDate = styled.span<{ $overdue?: boolean }>`\n  font-weight: bold;\n  color: ${({ $overdue }) =>\n    $overdue ? \"var(--red-alert)\" : \"var(--color-theme-900)\"};\n`;\n\n/* Inline assignee affordance placeholder — a dashed add-assignee target that\n   stands in until the real picker is wired at integration. */\nconst StyledAddAssignee = styled.button`\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  border: 1.5px dashed var(--color-theme-400);\n  border-radius: 50%;\n  background: transparent;\n  color: var(--color-theme-600);\n  cursor: pointer;\n\n  svg {\n    width: 14px;\n    height: 14px;\n    display: block;\n  }\n\n  &:hover {\n    border-color: var(--sc-selection-ring);\n    color: var(--color-theme-800);\n  }\n`;\n\nexport interface TaskCardProps {\n  title?: string;\n  /** Optional cover — task cards in a column usually have none. */\n  cover?: boolean;\n  playable?: boolean;\n  coverControls?: boolean;\n  /** Config-gated task-number prefix (mirrors `show_task_id`). */\n  showTaskId?: boolean;\n  taskId?: number;\n  dateLabel?: string;\n  /** Overdue date — colours the date red, but only when NOT completed. */\n  overdue?: boolean;\n  /** Dependency counter, gated behind a feature flag. */\n  showDependencies?: boolean;\n  dependencyCount?: number;\n  /** The task's hidden-from-clients flag. */\n  hiddenFromClients?: boolean;\n  /** The project default for client visibility; the signifier shows on a diff. */\n  projectDefaultHidden?: boolean;\n  /** Whether the task has an assignee (avatar) or shows the add affordance. */\n  assigned?: boolean;\n  /** Completed — teal tint, no \"…\" menu, no overdue colour. */\n  completed?: boolean;\n}\n\nexport const TaskCard = ({\n  title = \"Implement the design from the reference on this page\",\n  cover = false,\n  playable = false,\n  coverControls = false,\n  showTaskId = false,\n  taskId = 4521,\n  dateLabel = \"May 8 – Sep 10\",\n  overdue = false,\n  showDependencies = false,\n  dependencyCount = 2,\n  hiddenFromClients = false,\n  projectDefaultHidden = false,\n  assigned = true,\n  completed = false,\n}: TaskCardProps): ReactElement => {\n  // Signifier appears only when the task's visibility differs from the default.\n  const showHiddenSignifier = hiddenFromClients !== projectDefaultHidden;\n  // Overdue colour is suppressed on completed tasks.\n  const dateIsOverdue = overdue && !completed;\n\n  return (\n    <StyledBody $completed={completed}>\n      {cover ? (\n        <Cover\n          aspectRatio={COVER_RATIO}\n          centerSlot={playable ? playControl : undefined}\n          topRightSlot={coverControls ? coverManagement() : undefined}\n        >\n          <div\n            style={{\n              width: \"100%\",\n              height: \"100%\",\n              background: \"var(--color-theme-300)\",\n            }}\n          />\n        </Cover>\n      ) : null}\n\n      <StackRow role=\"title\">\n        <StyledClamp>\n          {showTaskId ? (\n            <Typography as=\"span\" variant=\"Caption 1\" color=\"tertiary\">\n              {`#${taskId} `}\n            </Typography>\n          ) : null}\n          {title}\n        </StyledClamp>\n        {/* Completed tasks drop the \"…\" menu. */}\n        {completed ? null : <EntityDots aria-label=\"Task options\" />}\n      </StackRow>\n\n      <StackRow role=\"meta\">\n        <StyledMetaCluster>\n          <span className=\"sc-dots\">\n            {LABEL_DOTS.map((color) => (\n              <StyledDot key={color} $color={color} />\n            ))}\n          </span>\n          <Caption1 color=\"tertiary\">+3</Caption1>\n          <span className=\"sc-sep\">·</span>\n          <span className=\"sc-count\">\n            <MessageSmallIcon />\n            <Caption1 color=\"tertiary\">7</Caption1>\n          </span>\n          <span className=\"sc-sep\">·</span>\n          <span className=\"sc-count\">\n            <ChecklistSmallIcon />\n            <Caption1 color=\"tertiary\">2</Caption1>\n          </span>\n          {showDependencies ? (\n            <>\n              <span className=\"sc-sep\">·</span>\n              <span className=\"sc-count\" title=\"Dependencies\">\n                <InsertLinkIcon />\n                <Caption1 color=\"tertiary\">{dependencyCount}</Caption1>\n              </span>\n            </>\n          ) : null}\n          {showHiddenSignifier ? (\n            <>\n              <span className=\"sc-sep\">·</span>\n              <StyledHiddenBadge title=\"Hidden from clients\">\n                <EyeOffIcon />\n              </StyledHiddenBadge>\n            </>\n          ) : null}\n        </StyledMetaCluster>\n      </StackRow>\n\n      <StackRow role=\"footer\">\n        <StyledDate $overdue={dateIsOverdue}>{dateLabel}</StyledDate>\n        <span />\n        {assigned ? (\n          <RoundAvatar\n            $bg={AVATAR_COLORS.teal}\n            $size={24}\n            $bordered={false}\n            data-fixed\n          >\n            MS\n          </RoundAvatar>\n        ) : (\n          <StyledAddAssignee type=\"button\" aria-label=\"Assign task\" data-fixed>\n            <PersonPlusIcon />\n          </StyledAddAssignee>\n        )}\n      </StackRow>\n    </StyledBody>\n  );\n};\n\n/* ---- placeholder + skeleton ---- */\n\nexport const TaskPlaceholder = (\n  props: React.ButtonHTMLAttributes<HTMLButtonElement>\n): ReactElement => (\n  <Placeholder\n    icon={<ChecklistSmallIcon />}\n    label=\"Name this task\"\n    {...props}\n  />\n);\n\n/* Skeleton mirrors the task anatomy row for row: title, meta, footer. */\nexport const TaskSkeleton = (): ReactElement => (\n  <>\n    <StackRow role=\"title\">\n      <SkeletonLoader style={{ height: 14, width: \"90%\" }} />\n    </StackRow>\n    <StackRow role=\"meta\">\n      <SkeletonLoader style={{ height: 10, width: \"55%\" }} />\n    </StackRow>\n    <StackRow role=\"footer\">\n      <SkeletonLoader style={{ height: 12, width: 64 }} data-fixed />\n      <span />\n      <SkeletonLoader\n        data-fixed\n        style={{ width: 24, height: 24, borderRadius: \"50%\" }}\n      />\n    </StackRow>\n  </>\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAOA,IAAAI,MAAA,GAAAJ,OAAA;AAOA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AAKA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;AACA,IAAAS,QAAA,GAAAT,OAAA;AAA0D,SAAAE,wBAAAQ,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,wBAAAQ,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAZ,uBAAAW,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA;AAAA,SAAAoB,SAAA,WAAAA,QAAA,GAAAH,MAAA,CAAAI,MAAA,GAAAJ,MAAA,CAAAI,MAAA,CAAAC,IAAA,eAAAlB,CAAA,aAAAJ,CAAA,MAAAA,CAAA,GAAAuB,SAAA,CAAAC,MAAA,EAAAxB,CAAA,UAAAC,CAAA,GAAAsB,SAAA,CAAAvB,CAAA,YAAAG,CAAA,IAAAF,CAAA,OAAAc,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAE,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAF,CAAA,CAAAE,CAAA,aAAAC,CAAA,KAAAgB,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAE1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAMG,UAAU,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;;AAE1E;AACA;AACA,IAAMC,UAAU,GAAGC,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gDAIzB,UAAAC,IAAA;EAAA,IAAGC,UAAU,GAAAD,IAAA,CAAVC,UAAU;EAAA,OACbA,UAAU,QACVC,qBAAG,iEAEF;AAAA,EACJ;AAED,IAAMC,iBAAiB,GAAGR,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uNAyBnC;AAED,IAAMK,SAAS,GAAGT,yBAAM,CAACU,IAAI,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kEAIb,UAAAO,KAAA;EAAA,IAAGC,MAAM,GAAAD,KAAA,CAANC,MAAM;EAAA,OAAOA,MAAM;AAAA,EACrC;;AAED;AACA;AACA,IAAMC,iBAAiB,GAAGb,yBAAM,CAACU,IAAI,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gHAUpC;;AAED;AACA,IAAMU,UAAU,GAAGd,yBAAM,CAACU,IAAI,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qCAEnB,UAAAW,KAAA;EAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;EAAA,OAClBA,QAAQ,GAAG,kBAAkB,GAAG,wBAAwB;AAAA,EAC3D;;AAED;AACA;AACA,IAAMC,iBAAiB,GAAGjB,yBAAM,CAACkB,MAAM,CAAAhB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6VAuBtC;AA2BM,IAAMe,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAAE,KAAA,EAec;EAAA,IAAAC,WAAA,GAAAD,KAAA,CAdjCE,KAAK;IAALA,KAAK,GAAAD,WAAA,cAAG,sDAAsD,GAAAA,WAAA;IAAAE,WAAA,GAAAH,KAAA,CAC9DI,KAAK;IAALA,KAAK,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAAE,cAAA,GAAAL,KAAA,CACbM,QAAQ;IAARA,QAAQ,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IAAAE,mBAAA,GAAAP,KAAA,CAChBQ,aAAa;IAAbA,aAAa,GAAAD,mBAAA,cAAG,KAAK,GAAAA,mBAAA;IAAAE,gBAAA,GAAAT,KAAA,CACrBU,UAAU;IAAVA,UAAU,GAAAD,gBAAA,cAAG,KAAK,GAAAA,gBAAA;IAAAE,YAAA,GAAAX,KAAA,CAClBY,MAAM;IAANA,MAAM,GAAAD,YAAA,cAAG,IAAI,GAAAA,YAAA;IAAAE,eAAA,GAAAb,KAAA,CACbc,SAAS;IAATA,SAAS,GAAAD,eAAA,cAAG,gBAAgB,GAAAA,eAAA;IAAAE,aAAA,GAAAf,KAAA,CAC5BgB,OAAO;IAAPA,OAAO,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,qBAAA,GAAAjB,KAAA,CACfkB,gBAAgB;IAAhBA,gBAAgB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,qBAAA,GAAAnB,KAAA,CACxBoB,eAAe;IAAfA,eAAe,GAAAD,qBAAA,cAAG,CAAC,GAAAA,qBAAA;IAAAE,qBAAA,GAAArB,KAAA,CACnBsB,iBAAiB;IAAjBA,iBAAiB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,qBAAA,GAAAvB,KAAA,CACzBwB,oBAAoB;IAApBA,oBAAoB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,cAAA,GAAAzB,KAAA,CAC5B0B,QAAQ;IAARA,QAAQ,GAAAD,cAAA,cAAG,IAAI,GAAAA,cAAA;IAAAE,eAAA,GAAA3B,KAAA,CACf4B,SAAS;IAATA,SAAS,GAAAD,eAAA,cAAG,KAAK,GAAAA,eAAA;EAEjB;EACA,IAAME,mBAAmB,GAAGP,iBAAiB,KAAKE,oBAAoB;EACtE;EACA,IAAMM,aAAa,GAAGd,OAAO,IAAI,CAACY,SAAS;EAE3C,oBACEzF,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAACrD,UAAU;IAACO,UAAU,EAAE2C;EAAU,GAC/BxB,KAAK,gBACJjE,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAACpF,YAAA,CAAAqF,gBAAK;IACJC,WAAW,EAAEC,qCAAY;IACzBC,UAAU,EAAE7B,QAAQ,GAAG8B,mBAAW,GAAGC,SAAU;IAC/CC,YAAY,EAAE9B,aAAa,GAAG,IAAA+B,uBAAe,EAAC,CAAC,GAAGF;EAAU,gBAE5DlG,MAAA,CAAAsB,OAAA,CAAAsE,aAAA;IACES,KAAK,EAAE;MACLC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdC,UAAU,EAAE;IACd;EAAE,CACH,CACI,CAAC,GACN,IAAI,eAERxG,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAACpF,YAAA,CAAAiG,cAAQ;IAACC,IAAI,EAAC;EAAO,gBACpB1G,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAACvF,OAAA,CAAAsG,WAAW,QACTpC,UAAU,gBACTvE,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAAClF,YAAA,CAAAkG,UAAU;IAACC,EAAE,EAAC,MAAM;IAACC,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC;EAAU,OAAAC,MAAA,CACnDvC,MAAM,MACD,CAAC,GACX,IAAI,EACPV,KACU,CAAC,EAEb0B,SAAS,GAAG,IAAI,gBAAGzF,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAACvF,OAAA,CAAA4G,UAAU;IAAC,cAAW;EAAc,CAAE,CACnD,CAAC,eAEXjH,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAACpF,YAAA,CAAAiG,cAAQ;IAACC,IAAI,EAAC;EAAM,gBACnB1G,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAAC5C,iBAAiB,qBAChBhD,MAAA,CAAAsB,OAAA,CAAAsE,aAAA;IAAMsB,SAAS,EAAC;EAAS,GACtB5E,UAAU,CAAC6E,GAAG,CAAC,UAACJ,KAAK;IAAA,oBACpB/G,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAAC3C,SAAS;MAACmE,GAAG,EAAEL,KAAM;MAAC3D,MAAM,EAAE2D;IAAM,CAAE,CAAC;EAAA,CACzC,CACG,CAAC,eACP/G,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAACnF,WAAA,CAAA4G,QAAQ;IAACN,KAAK,EAAC;EAAU,GAAC,IAAY,CAAC,eACxC/G,MAAA,CAAAsB,OAAA,CAAAsE,aAAA;IAAMsB,SAAS,EAAC;EAAQ,GAAC,MAAO,CAAC,eACjClH,MAAA,CAAAsB,OAAA,CAAAsE,aAAA;IAAMsB,SAAS,EAAC;EAAU,gBACxBlH,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAACtF,MAAA,CAAAgH,gBAAgB,MAAE,CAAC,eACpBtH,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAACnF,WAAA,CAAA4G,QAAQ;IAACN,KAAK,EAAC;EAAU,GAAC,GAAW,CAClC,CAAC,eACP/G,MAAA,CAAAsB,OAAA,CAAAsE,aAAA;IAAMsB,SAAS,EAAC;EAAQ,GAAC,MAAO,CAAC,eACjClH,MAAA,CAAAsB,OAAA,CAAAsE,aAAA;IAAMsB,SAAS,EAAC;EAAU,gBACxBlH,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAACtF,MAAA,CAAAiH,kBAAkB,MAAE,CAAC,eACtBvH,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAACnF,WAAA,CAAA4G,QAAQ;IAACN,KAAK,EAAC;EAAU,GAAC,GAAW,CAClC,CAAC,EACNhC,gBAAgB,gBACf/E,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAAA5F,MAAA,CAAAsB,OAAA,CAAAkG,QAAA,qBACExH,MAAA,CAAAsB,OAAA,CAAAsE,aAAA;IAAMsB,SAAS,EAAC;EAAQ,GAAC,MAAO,CAAC,eACjClH,MAAA,CAAAsB,OAAA,CAAAsE,aAAA;IAAMsB,SAAS,EAAC,UAAU;IAACnD,KAAK,EAAC;EAAc,gBAC7C/D,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAACtF,MAAA,CAAAmH,cAAc,MAAE,CAAC,eAClBzH,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAACnF,WAAA,CAAA4G,QAAQ;IAACN,KAAK,EAAC;EAAU,GAAE9B,eAA0B,CAClD,CACN,CAAC,GACD,IAAI,EACPS,mBAAmB,gBAClB1F,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAAA5F,MAAA,CAAAsB,OAAA,CAAAkG,QAAA,qBACExH,MAAA,CAAAsB,OAAA,CAAAsE,aAAA;IAAMsB,SAAS,EAAC;EAAQ,GAAC,MAAO,CAAC,eACjClH,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAACvC,iBAAiB;IAACU,KAAK,EAAC;EAAqB,gBAC5C/D,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAACtF,MAAA,CAAAoH,UAAU,MAAE,CACI,CACnB,CAAC,GACD,IACa,CACX,CAAC,eAEX1H,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAACpF,YAAA,CAAAiG,cAAQ;IAACC,IAAI,EAAC;EAAQ,gBACrB1G,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAACtC,UAAU;IAACE,QAAQ,EAAEmC;EAAc,GAAEhB,SAAsB,CAAC,eAC7D3E,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,aAAO,CAAC,EACPL,QAAQ,gBACPvF,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAACjF,QAAA,CAAAgH,WAAW;IACVC,GAAG,EAAEC,sBAAa,CAACC,IAAK;IACxBC,KAAK,EAAE,EAAG;IACVC,SAAS,EAAE,KAAM;IACjB;EAAU,GACX,IAEY,CAAC,gBAEdhI,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAACnC,iBAAiB;IAACwE,IAAI,EAAC,QAAQ;IAAC,cAAW,aAAa;IAAC;EAAU,gBAClEjI,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAACtF,MAAA,CAAA4H,cAAc,MAAE,CACA,CAEb,CACA,CAAC;AAEjB,CAAC;;AAED;;AAEO,IAAMC,eAAe,GAAAvE,OAAA,CAAAuE,eAAA,GAAG,SAAlBA,eAAeA,CAC1BC,KAAoD;EAAA,oBAEpDpI,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAACvF,OAAA,CAAAgI,WAAW,EAAArG,QAAA;IACVsG,IAAI,eAAEtI,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAACtF,MAAA,CAAAiH,kBAAkB,MAAE,CAAE;IAC7BgB,KAAK,EAAC;EAAgB,GAClBH,KAAK,CACV,CAAC;AAAA,CACH;;AAED;AACO,IAAMI,YAAY,GAAA5E,OAAA,CAAA4E,YAAA,GAAG,SAAfA,YAAYA,CAAA;EAAA,oBACvBxI,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAAA5F,MAAA,CAAAsB,OAAA,CAAAkG,QAAA,qBACExH,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAACpF,YAAA,CAAAiG,cAAQ;IAACC,IAAI,EAAC;EAAO,gBACpB1G,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAACrF,QAAA,CAAAkI,cAAc;IAACpC,KAAK,EAAE;MAAEE,MAAM,EAAE,EAAE;MAAED,KAAK,EAAE;IAAM;EAAE,CAAE,CAC9C,CAAC,eACXtG,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAACpF,YAAA,CAAAiG,cAAQ;IAACC,IAAI,EAAC;EAAM,gBACnB1G,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAACrF,QAAA,CAAAkI,cAAc;IAACpC,KAAK,EAAE;MAAEE,MAAM,EAAE,EAAE;MAAED,KAAK,EAAE;IAAM;EAAE,CAAE,CAC9C,CAAC,eACXtG,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAACpF,YAAA,CAAAiG,cAAQ;IAACC,IAAI,EAAC;EAAQ,gBACrB1G,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAACrF,QAAA,CAAAkI,cAAc;IAACpC,KAAK,EAAE;MAAEE,MAAM,EAAE,EAAE;MAAED,KAAK,EAAE;IAAG,CAAE;IAAC;EAAU,CAAE,CAAC,eAC/DtG,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,aAAO,CAAC,eACR5F,MAAA,CAAAsB,OAAA,CAAAsE,aAAA,CAACrF,QAAA,CAAAkI,cAAc;IACb,kBAAU;IACVpC,KAAK,EAAE;MAAEC,KAAK,EAAE,EAAE;MAAEC,MAAM,EAAE,EAAE;MAAEmC,YAAY,EAAE;IAAM;EAAE,CACvD,CACO,CACV,CAAC;AAAA,CACJ","ignoreList":[]}

package/dist/cjs/presentation/stackedCard/content/shared.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.playControl = exports.coverManagement = exports.StyledFavicon = exports.StyledColorCover = exports.StyledClamp = exports.StyledChip = exports.Placeholder = exports.EntityDots = void 0;
+exports.playControl = exports.coverManagement = exports.StyledFavicon = exports.StyledColorCover = exports.StyledClamp = exports.StyledChip = exports.Placeholder = exports.EntityDots = exports.COVER_RATIO_SWATCH = exports.COVER_RATIO_IMAGE = exports.COVER_RATIO_HERO = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _Icons = require("../../../components/Icons");
+var _StackedCard = require("../../../components/StackedCard");
 var _Typography = require("../../../components/Typography");
 var _Typography2 = require("../../../components/Typography/Typography");
-var _primitives = require("../primitives");
 var _excluded = ["icon", "label", "height", "dashed"];
 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 }; }
@@ -23,14 +23,34 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
  * menu, the cover-management controls, the clamp, the favicon, the chips and
  * the placeholder frame are content concerns, so they belong here where the
  * typed cards (TaskCard, LinkCard, …) compose them.
+ *
+ * The card itself — the shell, the Stack/StackRow/Cover primitives and the
+ * cover chrome — is the shipped design-system component,
+ * `components/StackedCard`. These stories import it under the concept
+ * vocabulary (Cover, StackRow, …) so the spec prose and the code keep using
+ * the same words.
+ */
+
+/* ------------------------------------------------------------------ */
+/* Per-type cover ratios                                               */
+/* ------------------------------------------------------------------ */
+
+/**
+ * The design system ships one default cover ratio
+ * (`STACKED_CARD_COVER_RATIO`). How tall a cover reads is a decision of the
+ * content type, so the variants live here with the content: a link hero, a
+ * full-bleed image, a colour swatch band.
  */
+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";
 
 /* ------------------------------------------------------------------ */
 /* Cover chrome — media control + cover management                     */
 /* ------------------------------------------------------------------ */
 
 /** Centered media control (play), for a cover that wraps audio/video. */
-var playControl = exports.playControl = /*#__PURE__*/_react.default.createElement(_primitives.PlayBadge, null, /*#__PURE__*/_react.default.createElement(_Icons.PlayIcon, null));
+var playControl = exports.playControl = /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardPlayBadge, null, /*#__PURE__*/_react.default.createElement(_Icons.PlayIcon, null));
 
 /**
  * Top-right cover management. Acts on the COVER (collapse it, remove it) — not
@@ -43,15 +63,15 @@ var coverManagement = exports.coverManagement = function coverManagement() {
     removeLabel = _ref$removeLabel === void 0 ? "Remove cover" : _ref$removeLabel,
     onCollapse = _ref.onCollapse,
     onRemove = _ref.onRemove;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_primitives.CoverButton, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardCoverButton, {
     type: "button",
     "aria-label": "Collapse cover",
     onClick: onCollapse
-  }, /*#__PURE__*/_react.default.createElement(_primitives.CollapseGlyph, null)), /*#__PURE__*/_react.default.createElement(_primitives.CoverButton, {
+  }, /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardCollapseGlyph, null)), /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardCoverButton, {
     type: "button",
     "aria-label": removeLabel,
     onClick: onRemove
-  }, /*#__PURE__*/_react.default.createElement(_primitives.RemoveCoverGlyph, null)));
+  }, /*#__PURE__*/_react.default.createElement(_StackedCard.StackedCardRemoveCoverGlyph, null)));
 };
 
 /* ------------------------------------------------------------------ */
@@ -67,7 +87,7 @@ var EntityDots = exports.EntityDots = function EntityDots(props) {
     type: "button",
     "aria-label": "Options",
     "data-fixed": true,
-    className: "sc-control"
+    className: _StackedCard.STACKED_CARD_CONTROL_CLASS
   }, props), /*#__PURE__*/_react.default.createElement(_Icons.TreeDotsIcon, null));
 };