@activecollab/components 2.0.415 → 2.0.417

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

@@ -0,0 +1,203 @@
+import React from "react";
+import styled from "styled-components";
+
+/**
+ * FeatureAvailability — a compact, data-driven block that states where a
+ * feature is available: on which hosting, on which plans and to which roles.
+ *
+ * It is the reusable version of the availability panel used in the Help Docs
+ * example articles, extracted so several stories (and, later, the real
+ * PortableText renderer) can share one implementation and one visual language:
+ *
+ *   • green check   → available
+ *   • analog clock  → decided but not shipped yet ("to be determined")
+ *   • strikethrough → not included
+ *
+ * The component is theme-agnostic (all colors come from `--color-*` tokens) and
+ * self-contained (it carries its own typography, so it renders correctly
+ * outside the article body as well).
+ */
+
+/* ------------------------------------------------------------------ */
+/* Marks                                                               */
+/* ------------------------------------------------------------------ */
+
+const CheckMark = () => /*#__PURE__*/React.createElement("svg", {
+  className: "ap-ic ap-yes",
+  viewBox: "0 0 16 16",
+  width: "15",
+  height: "15",
+  "aria-hidden": true
+}, /*#__PURE__*/React.createElement("path", {
+  d: "M13 4.6 L6.5 11.4 L3 8",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: "2",
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+}));
+const ClockMark = () => /*#__PURE__*/React.createElement("svg", {
+  className: "ap-ic ap-clock",
+  viewBox: "0 0 16 16",
+  width: "14",
+  height: "14",
+  "aria-hidden": true
+}, /*#__PURE__*/React.createElement("circle", {
+  cx: "8",
+  cy: "8",
+  r: "6.2",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: "1.4"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M8 8 L8 4.4 M8 8 L10.5 9.3",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: "1.4",
+  strokeLinecap: "round"
+}));
+const StatusIcon = _ref => {
+  let status = _ref.status;
+  if (status === "available") {
+    return /*#__PURE__*/React.createElement(CheckMark, null);
+  }
+  if (status === "pending") {
+    return /*#__PURE__*/React.createElement(ClockMark, null);
+  }
+  return null;
+};
+
+/** A nested mark inside parentheses, e.g. "PM ✓". */
+const ChildMark = _ref2 => {
+  let mark = _ref2.mark;
+  return mark.status === "excluded" ? /*#__PURE__*/React.createElement("span", {
+    className: "ap-excluded"
+  }, mark.label) : /*#__PURE__*/React.createElement(React.Fragment, null, mark.label, " ", /*#__PURE__*/React.createElement(StatusIcon, {
+    status: mark.status
+  }));
+};
+const Mark = _ref3 => {
+  var _mark$children;
+  let mark = _ref3.mark,
+    iconPosition = _ref3.iconPosition;
+  const hasChildren = Boolean(mark.children && mark.children.length > 0);
+  const excluded = mark.status === "excluded";
+  const icon = hasChildren ? null : /*#__PURE__*/React.createElement(StatusIcon, {
+    status: mark.status
+  });
+  return /*#__PURE__*/React.createElement("span", {
+    className: excluded ? "ap-item ap-excluded" : "ap-item"
+  }, iconPosition === "before" && icon, mark.label, mark.note && /*#__PURE__*/React.createElement("span", {
+    className: "ap-sub"
+  }, mark.note), mark.pending && /*#__PURE__*/React.createElement("span", {
+    className: "ap-tbd"
+  }, mark.pending), hasChildren && /*#__PURE__*/React.createElement("span", {
+    className: "ap-sub"
+  }, "(", (_mark$children = mark.children) == null ? void 0 : _mark$children.map((child, index) => /*#__PURE__*/React.createElement(React.Fragment, {
+    key: child.label
+  }, index > 0 && " / ", /*#__PURE__*/React.createElement(ChildMark, {
+    mark: child
+  }))), ")"), iconPosition === "after" && icon);
+};
+
+/* ------------------------------------------------------------------ */
+/* Panel                                                               */
+/* ------------------------------------------------------------------ */
+
+const StyledPanel = styled.div.withConfig({
+  displayName: "FeatureAvailability__StyledPanel",
+  componentId: "sc-42kyhy-0"
+})(["font-family:-apple-system,BlinkMacSystemFont,\"Roboto\",\"Helvetica Neue\",Arial,sans-serif;font-size:13px;line-height:20px;color:var(--color-theme-900);padding:12px 16px;border:1px solid var(--color-theme-300);border-radius:10px;background:var(--color-theme-100);.ap-row{display:flex;gap:10px;padding:6px 0;align-items:baseline;flex-wrap:wrap;}.ap-row:first-of-type{padding-top:0;}.ap-row:last-of-type{padding-bottom:0;}.ap-row + .ap-row{border-top:1px dashed var(--color-theme-300);}.ap-label{flex:0 0 84px;color:var(--color-theme-700);font-weight:600;font-size:13px;}.ap-vals{flex:1 1 240px;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;}.ap-item{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;}.ap-sub{color:var(--color-theme-600);}.ap-tbd{color:var(--color-theme-600);font-style:italic;}.ap-sep{color:var(--color-theme-400);}.ap-excluded{text-decoration:line-through;color:var(--color-theme-500);}.ap-ic{flex:none;vertical-align:-2px;}.ap-yes{color:var(--color-green-olive-drab);}.ap-clock{color:var(--color-theme-600);}"]);
+export const FeatureAvailability = _ref4 => {
+  let rows = _ref4.rows,
+    className = _ref4.className;
+  return /*#__PURE__*/React.createElement(StyledPanel, {
+    className: className,
+    "aria-label": "Feature availability"
+  }, rows.map(row => {
+    var _row$iconPosition;
+    const iconPosition = (_row$iconPosition = row.iconPosition) != null ? _row$iconPosition : "after";
+    return /*#__PURE__*/React.createElement("div", {
+      className: "ap-row",
+      key: row.label
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "ap-label"
+    }, row.label), /*#__PURE__*/React.createElement("span", {
+      className: "ap-vals"
+    }, row.items.map((item, index) => /*#__PURE__*/React.createElement(React.Fragment, {
+      key: item.label
+    }, index > 0 && row.separated && /*#__PURE__*/React.createElement("span", {
+      className: "ap-sep"
+    }, "\xB7"), /*#__PURE__*/React.createElement(Mark, {
+      mark: item,
+      iconPosition: iconPosition
+    })))));
+  }));
+};
+
+/* ------------------------------------------------------------------ */
+/* Illustrative defaults                                               */
+/* ------------------------------------------------------------------ */
+
+/**
+ * A realistic GA feature: shipped on Cloud, self-hosted still to be scheduled,
+ * on every plan, for internal roles but not for clients. Exercises all three
+ * marks (check / clock / strikethrough) out of the box.
+ */
+export const DEFAULT_FEATURE_AVAILABILITY = {
+  rows: [{
+    label: "Availability",
+    iconPosition: "before",
+    separated: true,
+    items: [{
+      label: "Cloud",
+      status: "available",
+      note: "(stable, since Jun 17 2026)"
+    }, {
+      label: "Self-Hosted",
+      status: "pending",
+      pending: "to be determined"
+    }]
+  }, {
+    label: "Plans",
+    items: [{
+      label: "S–Mega",
+      status: "available"
+    }, {
+      label: "Plus",
+      status: "available"
+    }, {
+      label: "Pro",
+      status: "available"
+    }, {
+      label: "Pro+Get-Paid",
+      status: "available"
+    }]
+  }, {
+    label: "Roles",
+    items: [{
+      label: "Owner",
+      status: "available"
+    }, {
+      label: "Member",
+      status: "available"
+    }, {
+      label: "Member+",
+      status: "available",
+      children: [{
+        label: "PM",
+        status: "available"
+      }, {
+        label: "FM",
+        status: "available"
+      }]
+    }, {
+      label: "Client",
+      status: "excluded"
+    }, {
+      label: "Client+",
+      status: "excluded"
+    }]
+  }]
+};
+//# sourceMappingURL=FeatureAvailability.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureAvailability.js","names":["React","styled","CheckMark","createElement","className","viewBox","width","height","d","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","ClockMark","cx","cy","r","StatusIcon","_ref","status","ChildMark","_ref2","mark","label","Fragment","Mark","_ref3","_mark$children","iconPosition","hasChildren","Boolean","children","length","excluded","icon","note","pending","map","child","index","key","StyledPanel","div","withConfig","displayName","componentId","FeatureAvailability","_ref4","rows","row","_row$iconPosition","items","item","separated","DEFAULT_FEATURE_AVAILABILITY"],"sources":["../../../../src/presentation/shared/FeatureAvailability.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\n\nimport styled from \"styled-components\";\n\n/**\n * FeatureAvailability — a compact, data-driven block that states where a\n * feature is available: on which hosting, on which plans and to which roles.\n *\n * It is the reusable version of the availability panel used in the Help Docs\n * example articles, extracted so several stories (and, later, the real\n * PortableText renderer) can share one implementation and one visual language:\n *\n *   • green check   → available\n *   • analog clock  → decided but not shipped yet (\"to be determined\")\n *   • strikethrough → not included\n *\n * The component is theme-agnostic (all colors come from `--color-*` tokens) and\n * self-contained (it carries its own typography, so it renders correctly\n * outside the article body as well).\n */\n\nexport type AvailabilityStatus = \"available\" | \"pending\" | \"excluded\";\n\nexport interface AvailabilityMark {\n  label: string;\n  status: AvailabilityStatus;\n  /** Muted parenthetical, e.g. \"(stable, since Jun 17 2026)\". Include the parens. */\n  note?: string;\n  /** Italic muted trailing text for the pending state, e.g. \"to be determined\". */\n  pending?: string;\n  /**\n   * Nested marks rendered in parentheses, e.g. Member+ (PM ✓ / FM ✓). When a\n   * mark has children it does not render its own status icon — the children\n   * carry the marks.\n   */\n  children?: AvailabilityMark[];\n}\n\nexport interface AvailabilityRow {\n  label: string;\n  items: AvailabilityMark[];\n  /** Icon before the label (Availability row) or after it (Plans / Roles). Default \"after\". */\n  iconPosition?: \"before\" | \"after\";\n  /** Separate items with a middot (used on the Availability row). Default false. */\n  separated?: boolean;\n}\n\nexport interface FeatureAvailabilityProps {\n  rows: AvailabilityRow[];\n  className?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Marks                                                               */\n/* ------------------------------------------------------------------ */\n\nconst CheckMark = (): ReactElement => (\n  <svg\n    className=\"ap-ic ap-yes\"\n    viewBox=\"0 0 16 16\"\n    width=\"15\"\n    height=\"15\"\n    aria-hidden\n  >\n    <path\n      d=\"M13 4.6 L6.5 11.4 L3 8\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n);\n\nconst ClockMark = (): ReactElement => (\n  <svg\n    className=\"ap-ic ap-clock\"\n    viewBox=\"0 0 16 16\"\n    width=\"14\"\n    height=\"14\"\n    aria-hidden\n  >\n    <circle\n      cx=\"8\"\n      cy=\"8\"\n      r=\"6.2\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.4\"\n    />\n    <path\n      d=\"M8 8 L8 4.4 M8 8 L10.5 9.3\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.4\"\n      strokeLinecap=\"round\"\n    />\n  </svg>\n);\n\nconst StatusIcon = ({\n  status,\n}: {\n  status: AvailabilityStatus;\n}): ReactElement | null => {\n  if (status === \"available\") {\n    return <CheckMark />;\n  }\n  if (status === \"pending\") {\n    return <ClockMark />;\n  }\n  return null;\n};\n\n/** A nested mark inside parentheses, e.g. \"PM ✓\". */\nconst ChildMark = ({ mark }: { mark: AvailabilityMark }): ReactElement =>\n  mark.status === \"excluded\" ? (\n    <span className=\"ap-excluded\">{mark.label}</span>\n  ) : (\n    <>\n      {mark.label} <StatusIcon status={mark.status} />\n    </>\n  );\n\nconst Mark = ({\n  mark,\n  iconPosition,\n}: {\n  mark: AvailabilityMark;\n  iconPosition: \"before\" | \"after\";\n}): ReactElement => {\n  const hasChildren = Boolean(mark.children && mark.children.length > 0);\n  const excluded = mark.status === \"excluded\";\n  const icon = hasChildren ? null : <StatusIcon status={mark.status} />;\n\n  return (\n    <span className={excluded ? \"ap-item ap-excluded\" : \"ap-item\"}>\n      {iconPosition === \"before\" && icon}\n      {mark.label}\n      {mark.note && <span className=\"ap-sub\">{mark.note}</span>}\n      {mark.pending && <span className=\"ap-tbd\">{mark.pending}</span>}\n      {hasChildren && (\n        <span className=\"ap-sub\">\n          (\n          {mark.children?.map((child, index) => (\n            <React.Fragment key={child.label}>\n              {index > 0 && \" / \"}\n              <ChildMark mark={child} />\n            </React.Fragment>\n          ))}\n          )\n        </span>\n      )}\n      {iconPosition === \"after\" && icon}\n    </span>\n  );\n};\n\n/* ------------------------------------------------------------------ */\n/* Panel                                                               */\n/* ------------------------------------------------------------------ */\n\nconst StyledPanel = styled.div`\n  font-family: -apple-system, BlinkMacSystemFont, \"Roboto\", \"Helvetica Neue\",\n    Arial, sans-serif;\n  font-size: 13px;\n  line-height: 20px;\n  color: var(--color-theme-900);\n  padding: 12px 16px;\n  border: 1px solid var(--color-theme-300);\n  border-radius: 10px;\n  background: var(--color-theme-100);\n\n  .ap-row {\n    display: flex;\n    gap: 10px;\n    padding: 6px 0;\n    align-items: baseline;\n    flex-wrap: wrap;\n  }\n\n  .ap-row:first-of-type {\n    padding-top: 0;\n  }\n\n  .ap-row:last-of-type {\n    padding-bottom: 0;\n  }\n\n  .ap-row + .ap-row {\n    border-top: 1px dashed var(--color-theme-300);\n  }\n\n  .ap-label {\n    flex: 0 0 84px;\n    color: var(--color-theme-700);\n    font-weight: 600;\n    font-size: 13px;\n  }\n\n  .ap-vals {\n    flex: 1 1 240px;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px 14px;\n    align-items: center;\n  }\n\n  .ap-item {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    white-space: nowrap;\n  }\n\n  .ap-sub {\n    color: var(--color-theme-600);\n  }\n\n  .ap-tbd {\n    color: var(--color-theme-600);\n    font-style: italic;\n  }\n\n  .ap-sep {\n    color: var(--color-theme-400);\n  }\n\n  .ap-excluded {\n    text-decoration: line-through;\n    color: var(--color-theme-500);\n  }\n\n  .ap-ic {\n    flex: none;\n    vertical-align: -2px;\n  }\n\n  .ap-yes {\n    color: var(--color-green-olive-drab);\n  }\n\n  .ap-clock {\n    color: var(--color-theme-600);\n  }\n`;\n\nexport const FeatureAvailability = ({\n  rows,\n  className,\n}: FeatureAvailabilityProps): ReactElement => (\n  <StyledPanel className={className} aria-label=\"Feature availability\">\n    {rows.map((row) => {\n      const iconPosition = row.iconPosition ?? \"after\";\n\n      return (\n        <div className=\"ap-row\" key={row.label}>\n          <span className=\"ap-label\">{row.label}</span>\n          <span className=\"ap-vals\">\n            {row.items.map((item, index) => (\n              <React.Fragment key={item.label}>\n                {index > 0 && row.separated && (\n                  <span className=\"ap-sep\">·</span>\n                )}\n                <Mark mark={item} iconPosition={iconPosition} />\n              </React.Fragment>\n            ))}\n          </span>\n        </div>\n      );\n    })}\n  </StyledPanel>\n);\n\n/* ------------------------------------------------------------------ */\n/* Illustrative defaults                                               */\n/* ------------------------------------------------------------------ */\n\n/**\n * A realistic GA feature: shipped on Cloud, self-hosted still to be scheduled,\n * on every plan, for internal roles but not for clients. Exercises all three\n * marks (check / clock / strikethrough) out of the box.\n */\nexport const DEFAULT_FEATURE_AVAILABILITY: FeatureAvailabilityProps = {\n  rows: [\n    {\n      label: \"Availability\",\n      iconPosition: \"before\",\n      separated: true,\n      items: [\n        {\n          label: \"Cloud\",\n          status: \"available\",\n          note: \"(stable, since Jun 17 2026)\",\n        },\n        {\n          label: \"Self-Hosted\",\n          status: \"pending\",\n          pending: \"to be determined\",\n        },\n      ],\n    },\n    {\n      label: \"Plans\",\n      items: [\n        { label: \"S–Mega\", status: \"available\" },\n        { label: \"Plus\", status: \"available\" },\n        { label: \"Pro\", status: \"available\" },\n        { label: \"Pro+Get-Paid\", status: \"available\" },\n      ],\n    },\n    {\n      label: \"Roles\",\n      items: [\n        { label: \"Owner\", status: \"available\" },\n        { label: \"Member\", status: \"available\" },\n        {\n          label: \"Member+\",\n          status: \"available\",\n          children: [\n            { label: \"PM\", status: \"available\" },\n            { label: \"FM\", status: \"available\" },\n          ],\n        },\n        { label: \"Client\", status: \"excluded\" },\n        { label: \"Client+\", status: \"excluded\" },\n      ],\n    },\n  ],\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -36,4 +36,6 @@ export { BackupCodesDialogs, CreateLoginCodeDialogs } from "./TwoFactorDialogs";
 export type { BackupCodesDialogsProps, CreateLoginCodeDialogsProps, } from "./TwoFactorDialogs";
 export { SettingsHeader, SettingsContent, StyledSettingRow, RowText, SettingRow, } from "./settings";
 export type { SettingsHeaderProps, SettingRowProps } from "./settings";
+export { FeatureAvailability, DEFAULT_FEATURE_AVAILABILITY, } from "./FeatureAvailability";
+export type { FeatureAvailabilityProps, AvailabilityRow, AvailabilityMark, AvailabilityStatus, } from "./FeatureAvailability";
 //# sourceMappingURL=index.d.ts.map

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

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

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

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

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

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

package/dist/index.js

@@ -25321,11 +25321,29 @@
   })(["margin:0;border:none;border-top:1px solid var(--border-primary);"]);
   StyledDivider.displayName = "StyledDivider";
 
-  /** The default `list` block; rendered as ul or ol through the `as` prop. */
+  /**
+   * The default `list` block; rendered as ul or ol through the `as` prop, and
+   * tagged `data-portable-list` so the depth rules below scope to design-system
+   * lists — a stray `<ul>`/`<ol>` from an injected renderer is left untouched.
+   *
+   * Nesting works structurally: each level is its own StyledList inside a parent
+   * `<li>`, so it re-applies its own `padding-left` (indentation compounds) and,
+   * for ordered levels, restarts numbering. A nested list carries no vertical
+   * margin, so it hugs the item it belongs to.
+   *
+   * Both bullet and numbered levels change their marker by nesting depth, so
+   * levels stay distinct even where the two interleave:
+   *   bullets   disc → circle → square → (disc)
+   *   numbers   decimal → lower-alpha → lower-roman → (upper-alpha)
+   * Depth is counted from the list ancestors themselves (not per-tag), so an
+   * intervening `<ol>` never throws off a `<ul>`'s depth and vice-versa. The
+   * rules are ordered shallow-to-deep; a deeper rule is more specific, so it
+   * wins the cascade for the levels it applies to.
+   */
   var StyledList$1 = styled__default["default"].ul.withConfig({
     displayName: "Styles__StyledList",
     componentId: "sc-1fss4z4-5"
-  })(["margin:0;padding-left:", ";list-style:", " outside;li + li{margin-top:", ";}"], "1.25rem", function (_ref) {
+  })(["margin:0;padding-left:", ";list-style:", " outside;li + li{margin-top:", ";}& ul[data-portable-list]{list-style-type:circle;}& ol[data-portable-list]{list-style-type:lower-alpha;}& [data-portable-list] ul[data-portable-list]{list-style-type:square;}& [data-portable-list] ol[data-portable-list]{list-style-type:lower-roman;}& [data-portable-list] [data-portable-list] ul[data-portable-list]{list-style-type:disc;}& [data-portable-list] [data-portable-list] ol[data-portable-list]{list-style-type:upper-alpha;}"], "1.25rem", function (_ref) {
     var $ordered = _ref.$ordered;
     return $ordered ? "decimal" : "disc";
   }, SPACE.xs);
@@ -25360,6 +25378,12 @@
 
   /** 1 maps to Title1, 2 to Title2, 3 to Header2 typography. */
 
+  /**
+   * A list item's children are its own spans first, then any nested `list`
+   * block(s) — the shape that carries multi-level lists. A spans-only item (no
+   * nested list) is the common, flat case and stays valid unchanged.
+   */
+
   /** Screenshots render framed (border, no shadow); illustrations render flat. */
 
   /**
@@ -25457,11 +25481,25 @@
     }
     switch (value.type) {
       case "paragraph":
+        return Array.isArray(value.children) && value.children.every(isPortableTextSpan);
       case "heading":
+        return (value.id === undefined || typeof value.id === "string") && Array.isArray(value.children) && value.children.every(isPortableTextSpan);
       case "list-item":
-        return Array.isArray(value.children) && value.children.every(isPortableTextSpan);
+        // The item's spans, plus optional nested `list` block(s). Widened only
+        // for nested lists: any other block child (a stray paragraph, an object)
+        // still fails, so a serializer bug is caught here, not at render.
+        return Array.isArray(value.children) && value.children.every(function (child) {
+          return isPortableTextSpan(child) || _isPortableTextBlock(child) && child.type === "list";
+        });
       case "list":
-        return Array.isArray(value.children) && value.children.every(_isPortableTextBlock);
+        // A list holds `list-item`s only. A sublist emitted as a sibling of the
+        // items (the classic half-implemented-nesting bug) renders invalid HTML
+        // — <ul> with a direct <ul> child — so it fails here, not at render.
+        // `list-item` is validated but sits outside the PortableTextBlock union,
+        // so the discriminator is checked before isPortableTextBlock narrows it.
+        return Array.isArray(value.children) && value.children.every(function (child) {
+          return isRecord(child) && child.type === "list-item" && _isPortableTextBlock(child);
+        });
       case "media":
         return typeof value.src === "string";
       case "titled-text":
@@ -25554,9 +25592,13 @@
 
   /** Heading typography of a TitledText — a component prop, not wire data. */
 
+  /** Props every heading in the trio accepts: content plus an optional anchor id. */
+
   var BoldTitle2 = function BoldTitle2(_ref) {
-    var children = _ref.children;
+    var id = _ref.id,
+      children = _ref.children;
     return /*#__PURE__*/React__default["default"].createElement(Title2, {
+      id: id,
       weight: "bold"
     }, children);
   };
@@ -25657,9 +25699,12 @@
     var block = _ref5.block,
       children = _ref5.children;
     var _ref6 = block,
-      level = _ref6.level;
+      level = _ref6.level,
+      id = _ref6.id;
     var Heading = titledTextHeadings[headingVariantForLevel(level)];
-    return /*#__PURE__*/React__default["default"].createElement(Heading, null, children);
+    return /*#__PURE__*/React__default["default"].createElement(Heading, {
+      id: id
+    }, children);
   };
   var portableTextDefaultBlockRenderers = {
     paragraph: function paragraph(_ref7) {
@@ -25671,10 +25716,16 @@
       var block = _ref8.block,
         children = _ref8.children;
       var ordered = block.style === "number";
-      return /*#__PURE__*/React__default["default"].createElement(StyledList$1, {
-        as: ordered ? "ol" : "ul",
-        $ordered: ordered
-      }, children);
+      return (
+        /*#__PURE__*/
+        // `data-portable-list` scopes the depth-marker rules in Styles.ts to
+        // design-system lists, and marks the ancestors those rules count.
+        React__default["default"].createElement(StyledList$1, {
+          as: ordered ? "ol" : "ul",
+          $ordered: ordered,
+          "data-portable-list": ""
+        }, children)
+      );
     },
     "list-item": function listItem(_ref9) {
       var children = _ref9.children;