@activecollab/components 2.0.414 → 2.0.416

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/MessageDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageDialog.d.ts","sourceRoot":"","sources":["../../../../src/presentation/shared/MessageDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,YAAY,EACZ,SAAS,EAIV,MAAM,OAAO,CAAC;AAaf,OAAO,EAEL,sBAAsB,EAKvB,MAAM,+BAA+B,CAAC;AAUvC;;;;;;;;;;;;;GAaG;AAIH,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAiInD,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,wEAAwE;IACxE,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,GAAI,4CAM3B,kBAAkB,KAAG,YAmBvB,CAAC;AAIF;;qDAEqD;AACrD,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;AAE5D,eAAO,MAAM,cAAc,mCAE1B,CAAC;AAoNF;kEACkE;AAClE,eAAO,MAAM,iBAAiB,EAAE,sBAkB/B,CAAC"}
+{"version":3,"file":"MessageDialog.d.ts","sourceRoot":"","sources":["../../../../src/presentation/shared/MessageDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,YAAY,EACZ,SAAS,EAIV,MAAM,OAAO,CAAC;AAaf,OAAO,EAEL,sBAAsB,EAKvB,MAAM,+BAA+B,CAAC;AAUvC;;;;;;;;;;;;;GAaG;AAIH,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAiInD,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,wEAAwE;IACxE,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,GAAI,4CAM3B,kBAAkB,KAAG,YAmBvB,CAAC;AAIF;;qDAEqD;AACrD,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;AAE5D,eAAO,MAAM,cAAc,mCAE1B,CAAC;AAqNF;kEACkE;AAClE,eAAO,MAAM,iBAAiB,EAAE,sBAkB/B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"MessageDialog.js","names":["React","useCallback","useContext","useState","styled","screenBelow","Button","Columns","IconButton","CancelCrossIcon","ThumbUpOutlineIcon","InfoBox","Media","Modal","StyledLink","InlineLink","Row","Stack","Tiles","TitledText","Tooltip","Body2","Typography","DIALOG_WIDTH","sm","md","lg","StyledFeedback","div","withConfig","displayName","componentId","DialogFeedback","_ref","onVote","_useState","voted","setVoted","vote","value","createElement","color","Fragment","className","title","type","variant","onClick","StyledDialog","_ref2","$size","MessageDialog","_ref3","open","onClose","_ref3$size","size","children","DocLinkContext","createContext","undefined","StyledInterfaceName","span","InterfaceNameMark","_ref4","StyledKeyboardKey","kbd","KeyboardKeyMark","_ref5","StyledDocLink","DocLinkMark","_ref6","mark","openArticle","href","event","preventDefault","article","CALLOUT_TYPE","info","note","success","CalloutObject","_ref7","_ref8","node","tone","showIcon","StyledButtonReference","ButtonReferenceObject","_ref9","_ref0","label","tabIndex","RowObject","_ref1","_ref10","space","TilesObject","_ref11","_ref12","columns","collapseBelow","SplitObject","_ref13","_ref14","media","widths","textColumn","src","screenshot","mediaColumn","alt","caption","reverse","alignY","ParagraphBlock","_ref15","lineHeight","ListItemBlock","_ref16","as","TitledTextBlock","_ref17","block","_ref18","level","messageComponents","marks","objects","callout","row","tiles","split","blocks","paragraph"],"sources":["../../../../src/presentation/shared/MessageDialog.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useContext,\n  useState,\n} from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { screenBelow } from \"../../components/BreakPoints\";\nimport { Button } from \"../../components/Button\";\nimport { Columns } from \"../../components/Columns\";\nimport { IconButton } from \"../../components/IconButton\";\nimport { CancelCrossIcon, ThumbUpOutlineIcon } from \"../../components/Icons\";\nimport { InfoBox, InfoBoxType } from \"../../components/InfoBox\";\nimport { Space } from \"../../components/LayoutTokens\";\nimport { Media } from \"../../components/Media\";\nimport { Modal } from \"../../components/Modal\";\nimport {\n  PortableTextBlockRenderer,\n  PortableTextComponents,\n  PortableTextMarkRenderer,\n  PortableTextMediaVariant,\n  PortableTextObjectRenderer,\n  PortableTextTitledTextBlock,\n} from \"../../components/PortableText\";\nimport { StyledLink as InlineLink } from \"../../components/PortableText/Styles\";\nimport { Row } from \"../../components/Row\";\nimport { Stack } from \"../../components/Stack\";\nimport { Tiles } from \"../../components/Tiles\";\nimport { TitledText } from \"../../components/TitledText\";\nimport { Tooltip } from \"../../components/Tooltip\";\nimport { Body2 } from \"../../components/Typography\";\nimport { Typography } from \"../../components/Typography/Typography\";\n\n/**\n * The in-app message dialog, as a Presentation mock.\n *\n * Two pieces, mirroring how the product is split:\n *\n * - {@link MessageDialog} — the hollow dialog shell (width, closing,\n *   feedback), built only from design-system parts. In the product this shell\n *   lives in the application as `InAppMessageDialog`.\n * - {@link messageComponents} — a demo message element catalog injected into\n *   the design-system Portable Text engine, exactly like the typed cards\n *   injected into the hollow StackedCard shell. In the product the catalog is\n *   application code; the presentation ships this demo copy so the stories\n *   need no app imports.\n */\n\n/* ---- the dialog shell ---------------------------------------------- */\n\nexport type MessageDialogSize = \"sm\" | \"md\" | \"lg\";\n\nconst DIALOG_WIDTH: Record<MessageDialogSize, string> = {\n  sm: \"520px\",\n  md: \"720px\",\n  lg: \"880px\",\n};\n\n/* Feedback — the thumbs up / down slot. Down-vote reuses the up icon,\n   rotated (the DS set only ships ThumbUpOutlineIcon). */\nconst StyledFeedback = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 8px 24px 28px;\n\n  ${screenBelow.sm} {\n    padding: 4px 24px 24px;\n  }\n\n  .fb-question {\n    margin-right: 4px;\n  }\n\n  .fb-btn svg {\n    width: 18px;\n    height: 18px;\n  }\n\n  .fb-down svg {\n    transform: rotate(180deg);\n  }\n`;\n\nconst DialogFeedback = ({\n  onVote,\n}: {\n  onVote?: (vote: \"up\" | \"down\") => void;\n}): ReactElement => {\n  const [voted, setVoted] = useState<\"up\" | \"down\" | null>(null);\n  const vote = useCallback(\n    (value: \"up\" | \"down\") => {\n      setVoted(value);\n      onVote?.(value);\n    },\n    [onVote]\n  );\n\n  return (\n    <StyledFeedback>\n      {voted ? (\n        <Body2 color=\"secondary\">Thanks for your feedback!</Body2>\n      ) : (\n        <>\n          <Body2 color=\"secondary\" className=\"fb-question\">\n            Was this helpful?\n          </Body2>\n          <Tooltip title=\"Yes, helpful\">\n            <IconButton\n              type=\"button\"\n              variant=\"text gray\"\n              className=\"fb-btn\"\n              aria-label=\"Yes, helpful\"\n              onClick={() => vote(\"up\")}\n            >\n              <ThumbUpOutlineIcon />\n            </IconButton>\n          </Tooltip>\n          <Tooltip title=\"No, not helpful\">\n            <IconButton\n              type=\"button\"\n              variant=\"text gray\"\n              className=\"fb-btn fb-down\"\n              aria-label=\"No, not helpful\"\n              onClick={() => vote(\"down\")}\n            >\n              <ThumbUpOutlineIcon />\n            </IconButton>\n          </Tooltip>\n        </>\n      )}\n    </StyledFeedback>\n  );\n};\n\n/* The shell is behaviour only: it sizes itself, closes on click-outside /\n   Esc (DS Modal) / the X, and shows the feedback slot when an onVote handler\n   is supplied. Content is whatever the caller renders as children — usually\n   the Portable Text engine with the demo catalog injected. */\nconst StyledDialog = styled.div<{ $size: MessageDialogSize }>`\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 32px);\n  max-width: ${({ $size }) => DIALOG_WIDTH[$size]};\n  max-height: calc(100vh - 96px);\n  margin: 56px auto 40px;\n  overflow-y: auto;\n  background-color: var(--page-paper-main);\n  color: var(--color-theme-900);\n  border-radius: 12px;\n  box-shadow: var(--shadow-primary);\n\n  ${screenBelow.sm} {\n    margin: 16px auto;\n  }\n\n  /* X floats in the corner and overlaps the content padding — it does not\n     reserve a row of its own. */\n  .dlg-close {\n    position: absolute;\n    top: 12px;\n    right: 12px;\n    z-index: 2;\n  }\n\n  .dlg-content {\n    padding: 40px;\n  }\n\n  ${screenBelow.sm} {\n    .dlg-content {\n      padding: 32px 20px 24px;\n    }\n  }\n`;\n\nexport interface MessageDialogProps {\n  open: boolean;\n  onClose: () => void;\n  size?: MessageDialogSize;\n  /** Supplying a handler shows the centred helpful / not-helpful vote. */\n  onVote?: (vote: \"up\" | \"down\") => void;\n  children: ReactNode;\n}\n\nexport const MessageDialog = ({\n  open,\n  onClose,\n  size = \"md\",\n  onVote,\n  children,\n}: MessageDialogProps): ReactElement => (\n  <Modal open={open} onClose={onClose}>\n    <StyledDialog $size={size}>\n      <div className=\"dlg-close\">\n        <Tooltip title=\"Close\">\n          <IconButton\n            type=\"button\"\n            variant=\"text gray\"\n            aria-label=\"Close\"\n            onClick={onClose}\n          >\n            <CancelCrossIcon />\n          </IconButton>\n        </Tooltip>\n      </div>\n      <div className=\"dlg-content\">{children}</div>\n      {onVote ? <DialogFeedback onVote={onVote} /> : null}\n    </StyledDialog>\n  </Modal>\n);\n\n/* ---- doc-link wiring ------------------------------------------------ */\n\n/** How a doc-link mark opens its article (by a slug-like reference). The\n    surface that renders the message supplies the handler — in the product it\n    closes the dialog and opens the article Sheet. */\nexport type OpenArticleHandler = (article?: string) => void;\n\nexport const DocLinkContext = React.createContext<OpenArticleHandler>(\n  () => undefined\n);\n\n/* ---- the demo message element catalog ------------------------------- */\n\n/* Inline marks ------------------------------------------------------- */\n\n/* interface-name — the name of an interface element, e.g. the Security page. */\nconst StyledInterfaceName = styled.span`\n  padding: 0 4px;\n  border-radius: 4px;\n  background-color: var(--color-theme-300);\n  color: var(--color-theme-900);\n  font-weight: 600;\n  white-space: nowrap;\n`;\nconst InterfaceNameMark: PortableTextMarkRenderer = ({ children }) => (\n  <StyledInterfaceName>{children}</StyledInterfaceName>\n);\n\n/* keyboard-key — a keyboard key cap. */\nconst StyledKeyboardKey = styled.kbd`\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 20px;\n  height: 20px;\n  padding: 0 6px;\n  border: 1px solid var(--border-primary);\n  border-bottom-width: 2px;\n  border-radius: 5px;\n  background-color: var(--color-theme-200);\n  color: var(--color-theme-900);\n  font-family: ui-monospace, \"SFMono-Regular\", Menlo, Consolas, monospace;\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 1;\n  vertical-align: baseline;\n`;\nconst KeyboardKeyMark: PortableTextMarkRenderer = ({ children }) => (\n  <StyledKeyboardKey>{children}</StyledKeyboardKey>\n);\n\n/* doc-link — an inline link that opens a full help article. The mark carries\n   an article reference; the open behaviour comes from DocLinkContext, so the\n   authored content stays declarative. */\n/* Built on the engine's inline anchor so a doc-link sits in the sentence\n   exactly like a default link mark — same size, weight and line box as the\n   surrounding copy — just recoloured. */\nconst StyledDocLink = styled(InlineLink)`\n  color: var(--color-secondary);\n  text-decoration-color: var(--color-secondary);\n`;\nconst DocLinkMark: PortableTextMarkRenderer = ({ mark, children }) => {\n  const openArticle = useContext(DocLinkContext);\n  return (\n    <StyledDocLink\n      href=\"#\"\n      onClick={(event: React.MouseEvent) => {\n        event.preventDefault();\n        openArticle(mark?.article as string | undefined);\n      }}\n    >\n      {children}\n    </StyledDocLink>\n  );\n};\n\n/* Component objects --------------------------------------------------- */\n\n/* callout — rendered with the DS InfoBox; the catalog keeps its own tone\n   vocabulary and maps it to InfoBox types. */\ntype CalloutTone = \"info\" | \"note\" | \"success\";\nconst CALLOUT_TYPE: Record<CalloutTone, InfoBoxType> = {\n  info: \"default\",\n  note: \"note\",\n  success: \"success\",\n};\nconst CalloutObject: PortableTextObjectRenderer = ({ node, children }) => (\n  <InfoBox\n    type={CALLOUT_TYPE[(node.tone as CalloutTone | undefined) ?? \"info\"]}\n    title={node.title as string | undefined}\n    showIcon\n  >\n    {children}\n  </InfoBox>\n);\n\n/* button-reference — a real DS Button shown for reference as its own block,\n   so a message can point at a button instead of screenshotting it. It is\n   intentionally non-interactive. */\nconst StyledButtonReference = styled.div`\n  display: flex;\n\n  .c-button {\n    pointer-events: none;\n  }\n`;\ntype ButtonReferenceVariant =\n  | \"primary\"\n  | \"secondary\"\n  | \"text colored\"\n  | \"text gray\";\nconst ButtonReferenceObject: PortableTextObjectRenderer = ({ node }) => {\n  if (typeof node.label !== \"string\") {\n    return null;\n  }\n\n  return (\n    <StyledButtonReference aria-hidden=\"true\">\n      <Button\n        variant={\n          (node.variant as ButtonReferenceVariant | undefined) ?? \"primary\"\n        }\n        size=\"small\"\n        type=\"button\"\n        tabIndex={-1}\n      >\n        {node.label}\n      </Button>\n    </StyledButtonReference>\n  );\n};\n\n/* row — a horizontal run of blocks (e.g. two button references). */\nconst RowObject: PortableTextObjectRenderer = ({ node, children }) => (\n  <Row space={(node.space as Space | undefined) ?? \"sm\"}>{children}</Row>\n);\n\n/* tiles — an equal-size mosaic of blocks. */\nconst TilesObject: PortableTextObjectRenderer = ({ node, children }) => (\n  <Tiles\n    columns={(node.columns as number | undefined) ?? 3}\n    space=\"md\"\n    collapseBelow=\"sm\"\n  >\n    {children}\n  </Tiles>\n);\n\n/* split — text beside media, with the one layout rule the messages follow:\n   screenshots sit on the right, flat illustrations on the left. `widths` is\n   authored as [text, media] and reordered with the columns. */\ninterface SplitMedia {\n  src: string;\n  alt?: string;\n  variant?: PortableTextMediaVariant;\n  caption?: string;\n}\nconst SplitObject: PortableTextObjectRenderer = ({ node, children }) => {\n  const media = node.media as SplitMedia | undefined;\n  const widths = (node.widths as number[] | undefined) ?? [1, 1];\n  const textColumn = <Stack space=\"lg\">{children}</Stack>;\n\n  // A split without media degrades to its text column instead of crashing.\n  if (!media?.src) {\n    return textColumn;\n  }\n\n  const screenshot = media.variant === \"screenshot\";\n\n  const mediaColumn = (\n    <Media\n      src={media.src}\n      alt={media.alt}\n      variant={media.variant}\n      caption={media.caption}\n    />\n  );\n\n  return (\n    <Columns\n      widths={screenshot ? widths : [...widths].reverse()}\n      space=\"xl\"\n      alignY=\"center\"\n      collapseBelow=\"md\"\n    >\n      {screenshot ? textColumn : mediaColumn}\n      {screenshot ? mediaColumn : textColumn}\n    </Columns>\n  );\n};\n\n/* Default-block overrides --------------------------------------------- */\n\n/* The engine's defaults use Body 1 primary; the messages are designed on the\n   quieter Body 2 secondary voice, so the catalog overrides the text blocks —\n   demonstrating the `blocks` half of the injection contract. */\nconst ParagraphBlock: PortableTextBlockRenderer = ({ children }) => (\n  <Body2 color=\"secondary\" lineHeight=\"loose\">\n    {children}\n  </Body2>\n);\n\nconst ListItemBlock: PortableTextBlockRenderer = ({ children }) => (\n  <Typography variant=\"Body 2\" as=\"li\" color=\"secondary\" lineHeight=\"loose\">\n    {children}\n  </Typography>\n);\n\n/* Titled sections speak in the quiet Header2 subhead voice rather than the\n   engine's default Title2 for level 2, and keep a roomier rhythm between a\n   titled section's content nodes. */\nconst TitledTextBlock: PortableTextBlockRenderer = ({ block, children }) => {\n  const { title, level } = block as PortableTextTitledTextBlock;\n\n  return (\n    <TitledText title={title} variant={level === 1 ? \"title1\" : \"header2\"}>\n      {children ? <Stack space=\"sm\">{children}</Stack> : undefined}\n    </TitledText>\n  );\n};\n\n/** The demo catalog the presentations inject into the Portable Text engine —\n    the stand-in for the application's `messageComponents` map. */\nexport const messageComponents: PortableTextComponents = {\n  marks: {\n    \"interface-name\": InterfaceNameMark,\n    \"keyboard-key\": KeyboardKeyMark,\n    \"doc-link\": DocLinkMark,\n  },\n  objects: {\n    callout: CalloutObject,\n    \"button-reference\": ButtonReferenceObject,\n    row: RowObject,\n    tiles: TilesObject,\n    split: SplitObject,\n  },\n  blocks: {\n    paragraph: ParagraphBlock,\n    \"list-item\": ListItemBlock,\n    \"titled-text\": TitledTextBlock,\n  },\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MessageDialog.js","names":["React","useCallback","useContext","useState","styled","screenBelow","Button","Columns","IconButton","CancelCrossIcon","ThumbUpOutlineIcon","InfoBox","Media","Modal","StyledLink","InlineLink","Row","Stack","Tiles","TitledText","Tooltip","Body2","Typography","DIALOG_WIDTH","sm","md","lg","StyledFeedback","div","withConfig","displayName","componentId","DialogFeedback","_ref","onVote","_useState","voted","setVoted","vote","value","createElement","color","Fragment","className","title","type","variant","onClick","StyledDialog","_ref2","$size","MessageDialog","_ref3","open","onClose","_ref3$size","size","children","DocLinkContext","createContext","undefined","StyledInterfaceName","span","InterfaceNameMark","_ref4","StyledKeyboardKey","kbd","KeyboardKeyMark","_ref5","StyledDocLink","DocLinkMark","_ref6","mark","openArticle","href","event","preventDefault","article","CALLOUT_TYPE","info","note","success","CalloutObject","_ref7","_ref8","node","tone","showIcon","StyledButtonReference","ButtonReferenceObject","_ref9","_ref0","label","tabIndex","RowObject","_ref1","_ref10","space","TilesObject","_ref11","_ref12","columns","collapseBelow","SplitObject","_ref13","_ref14","media","widths","textColumn","src","screenshot","mediaColumn","alt","caption","reverse","alignY","ParagraphBlock","_ref15","lineHeight","ListItemBlock","_ref16","as","TitledTextBlock","_ref17","block","_ref18","level","messageComponents","marks","objects","callout","row","tiles","split","blocks","paragraph"],"sources":["../../../../src/presentation/shared/MessageDialog.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useContext,\n  useState,\n} from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { screenBelow } from \"../../components/BreakPoints\";\nimport { Button } from \"../../components/Button\";\nimport { Columns } from \"../../components/Columns\";\nimport { IconButton } from \"../../components/IconButton\";\nimport { CancelCrossIcon, ThumbUpOutlineIcon } from \"../../components/Icons\";\nimport { InfoBox, InfoBoxType } from \"../../components/InfoBox\";\nimport { Space } from \"../../components/LayoutTokens\";\nimport { Media } from \"../../components/Media\";\nimport { Modal } from \"../../components/Modal\";\nimport {\n  PortableTextBlockRenderer,\n  PortableTextComponents,\n  PortableTextMarkRenderer,\n  PortableTextMediaImageVariant,\n  PortableTextObjectRenderer,\n  PortableTextTitledTextBlock,\n} from \"../../components/PortableText\";\nimport { StyledLink as InlineLink } from \"../../components/PortableText/Styles\";\nimport { Row } from \"../../components/Row\";\nimport { Stack } from \"../../components/Stack\";\nimport { Tiles } from \"../../components/Tiles\";\nimport { TitledText } from \"../../components/TitledText\";\nimport { Tooltip } from \"../../components/Tooltip\";\nimport { Body2 } from \"../../components/Typography\";\nimport { Typography } from \"../../components/Typography/Typography\";\n\n/**\n * The in-app message dialog, as a Presentation mock.\n *\n * Two pieces, mirroring how the product is split:\n *\n * - {@link MessageDialog} — the hollow dialog shell (width, closing,\n *   feedback), built only from design-system parts. In the product this shell\n *   lives in the application as `InAppMessageDialog`.\n * - {@link messageComponents} — a demo message element catalog injected into\n *   the design-system Portable Text engine, exactly like the typed cards\n *   injected into the hollow StackedCard shell. In the product the catalog is\n *   application code; the presentation ships this demo copy so the stories\n *   need no app imports.\n */\n\n/* ---- the dialog shell ---------------------------------------------- */\n\nexport type MessageDialogSize = \"sm\" | \"md\" | \"lg\";\n\nconst DIALOG_WIDTH: Record<MessageDialogSize, string> = {\n  sm: \"520px\",\n  md: \"720px\",\n  lg: \"880px\",\n};\n\n/* Feedback — the thumbs up / down slot. Down-vote reuses the up icon,\n   rotated (the DS set only ships ThumbUpOutlineIcon). */\nconst StyledFeedback = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  padding: 8px 24px 28px;\n\n  ${screenBelow.sm} {\n    padding: 4px 24px 24px;\n  }\n\n  .fb-question {\n    margin-right: 4px;\n  }\n\n  .fb-btn svg {\n    width: 18px;\n    height: 18px;\n  }\n\n  .fb-down svg {\n    transform: rotate(180deg);\n  }\n`;\n\nconst DialogFeedback = ({\n  onVote,\n}: {\n  onVote?: (vote: \"up\" | \"down\") => void;\n}): ReactElement => {\n  const [voted, setVoted] = useState<\"up\" | \"down\" | null>(null);\n  const vote = useCallback(\n    (value: \"up\" | \"down\") => {\n      setVoted(value);\n      onVote?.(value);\n    },\n    [onVote]\n  );\n\n  return (\n    <StyledFeedback>\n      {voted ? (\n        <Body2 color=\"secondary\">Thanks for your feedback!</Body2>\n      ) : (\n        <>\n          <Body2 color=\"secondary\" className=\"fb-question\">\n            Was this helpful?\n          </Body2>\n          <Tooltip title=\"Yes, helpful\">\n            <IconButton\n              type=\"button\"\n              variant=\"text gray\"\n              className=\"fb-btn\"\n              aria-label=\"Yes, helpful\"\n              onClick={() => vote(\"up\")}\n            >\n              <ThumbUpOutlineIcon />\n            </IconButton>\n          </Tooltip>\n          <Tooltip title=\"No, not helpful\">\n            <IconButton\n              type=\"button\"\n              variant=\"text gray\"\n              className=\"fb-btn fb-down\"\n              aria-label=\"No, not helpful\"\n              onClick={() => vote(\"down\")}\n            >\n              <ThumbUpOutlineIcon />\n            </IconButton>\n          </Tooltip>\n        </>\n      )}\n    </StyledFeedback>\n  );\n};\n\n/* The shell is behaviour only: it sizes itself, closes on click-outside /\n   Esc (DS Modal) / the X, and shows the feedback slot when an onVote handler\n   is supplied. Content is whatever the caller renders as children — usually\n   the Portable Text engine with the demo catalog injected. */\nconst StyledDialog = styled.div<{ $size: MessageDialogSize }>`\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  width: calc(100% - 32px);\n  max-width: ${({ $size }) => DIALOG_WIDTH[$size]};\n  max-height: calc(100vh - 96px);\n  margin: 56px auto 40px;\n  overflow-y: auto;\n  background-color: var(--page-paper-main);\n  color: var(--color-theme-900);\n  border-radius: 12px;\n  box-shadow: var(--shadow-primary);\n\n  ${screenBelow.sm} {\n    margin: 16px auto;\n  }\n\n  /* X floats in the corner and overlaps the content padding — it does not\n     reserve a row of its own. */\n  .dlg-close {\n    position: absolute;\n    top: 12px;\n    right: 12px;\n    z-index: 2;\n  }\n\n  .dlg-content {\n    padding: 40px;\n  }\n\n  ${screenBelow.sm} {\n    .dlg-content {\n      padding: 32px 20px 24px;\n    }\n  }\n`;\n\nexport interface MessageDialogProps {\n  open: boolean;\n  onClose: () => void;\n  size?: MessageDialogSize;\n  /** Supplying a handler shows the centred helpful / not-helpful vote. */\n  onVote?: (vote: \"up\" | \"down\") => void;\n  children: ReactNode;\n}\n\nexport const MessageDialog = ({\n  open,\n  onClose,\n  size = \"md\",\n  onVote,\n  children,\n}: MessageDialogProps): ReactElement => (\n  <Modal open={open} onClose={onClose}>\n    <StyledDialog $size={size}>\n      <div className=\"dlg-close\">\n        <Tooltip title=\"Close\">\n          <IconButton\n            type=\"button\"\n            variant=\"text gray\"\n            aria-label=\"Close\"\n            onClick={onClose}\n          >\n            <CancelCrossIcon />\n          </IconButton>\n        </Tooltip>\n      </div>\n      <div className=\"dlg-content\">{children}</div>\n      {onVote ? <DialogFeedback onVote={onVote} /> : null}\n    </StyledDialog>\n  </Modal>\n);\n\n/* ---- doc-link wiring ------------------------------------------------ */\n\n/** How a doc-link mark opens its article (by a slug-like reference). The\n    surface that renders the message supplies the handler — in the product it\n    closes the dialog and opens the article Sheet. */\nexport type OpenArticleHandler = (article?: string) => void;\n\nexport const DocLinkContext = React.createContext<OpenArticleHandler>(\n  () => undefined\n);\n\n/* ---- the demo message element catalog ------------------------------- */\n\n/* Inline marks ------------------------------------------------------- */\n\n/* interface-name — the name of an interface element, e.g. the Security page. */\nconst StyledInterfaceName = styled.span`\n  padding: 0 4px;\n  border-radius: 4px;\n  background-color: var(--color-theme-300);\n  color: var(--color-theme-900);\n  font-weight: 600;\n  white-space: nowrap;\n`;\nconst InterfaceNameMark: PortableTextMarkRenderer = ({ children }) => (\n  <StyledInterfaceName>{children}</StyledInterfaceName>\n);\n\n/* keyboard-key — a keyboard key cap. */\nconst StyledKeyboardKey = styled.kbd`\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 20px;\n  height: 20px;\n  padding: 0 6px;\n  border: 1px solid var(--border-primary);\n  border-bottom-width: 2px;\n  border-radius: 5px;\n  background-color: var(--color-theme-200);\n  color: var(--color-theme-900);\n  font-family: ui-monospace, \"SFMono-Regular\", Menlo, Consolas, monospace;\n  font-size: 11px;\n  font-weight: 600;\n  line-height: 1;\n  vertical-align: baseline;\n`;\nconst KeyboardKeyMark: PortableTextMarkRenderer = ({ children }) => (\n  <StyledKeyboardKey>{children}</StyledKeyboardKey>\n);\n\n/* doc-link — an inline link that opens a full help article. The mark carries\n   an article reference; the open behaviour comes from DocLinkContext, so the\n   authored content stays declarative. */\n/* Built on the engine's inline anchor so a doc-link sits in the sentence\n   exactly like a default link mark — same size, weight and line box as the\n   surrounding copy — just recoloured. */\nconst StyledDocLink = styled(InlineLink)`\n  color: var(--color-secondary);\n  text-decoration-color: var(--color-secondary);\n`;\nconst DocLinkMark: PortableTextMarkRenderer = ({ mark, children }) => {\n  const openArticle = useContext(DocLinkContext);\n  return (\n    <StyledDocLink\n      href=\"#\"\n      onClick={(event: React.MouseEvent) => {\n        event.preventDefault();\n        openArticle(mark?.article as string | undefined);\n      }}\n    >\n      {children}\n    </StyledDocLink>\n  );\n};\n\n/* Component objects --------------------------------------------------- */\n\n/* callout — rendered with the DS InfoBox; the catalog keeps its own tone\n   vocabulary and maps it to InfoBox types. */\ntype CalloutTone = \"info\" | \"note\" | \"success\";\nconst CALLOUT_TYPE: Record<CalloutTone, InfoBoxType> = {\n  info: \"default\",\n  note: \"note\",\n  success: \"success\",\n};\nconst CalloutObject: PortableTextObjectRenderer = ({ node, children }) => (\n  <InfoBox\n    type={CALLOUT_TYPE[(node.tone as CalloutTone | undefined) ?? \"info\"]}\n    title={node.title as string | undefined}\n    showIcon\n  >\n    {children}\n  </InfoBox>\n);\n\n/* button-reference — a real DS Button shown for reference as its own block,\n   so a message can point at a button instead of screenshotting it. It is\n   intentionally non-interactive. */\nconst StyledButtonReference = styled.div`\n  display: flex;\n\n  .c-button {\n    pointer-events: none;\n  }\n`;\ntype ButtonReferenceVariant =\n  | \"primary\"\n  | \"secondary\"\n  | \"text colored\"\n  | \"text gray\";\nconst ButtonReferenceObject: PortableTextObjectRenderer = ({ node }) => {\n  if (typeof node.label !== \"string\") {\n    return null;\n  }\n\n  return (\n    <StyledButtonReference aria-hidden=\"true\">\n      <Button\n        variant={\n          (node.variant as ButtonReferenceVariant | undefined) ?? \"primary\"\n        }\n        size=\"small\"\n        type=\"button\"\n        tabIndex={-1}\n      >\n        {node.label}\n      </Button>\n    </StyledButtonReference>\n  );\n};\n\n/* row — a horizontal run of blocks (e.g. two button references). */\nconst RowObject: PortableTextObjectRenderer = ({ node, children }) => (\n  <Row space={(node.space as Space | undefined) ?? \"sm\"}>{children}</Row>\n);\n\n/* tiles — an equal-size mosaic of blocks. */\nconst TilesObject: PortableTextObjectRenderer = ({ node, children }) => (\n  <Tiles\n    columns={(node.columns as number | undefined) ?? 3}\n    space=\"md\"\n    collapseBelow=\"sm\"\n  >\n    {children}\n  </Tiles>\n);\n\n/* split — text beside media, with the one layout rule the messages follow:\n   screenshots sit on the right, flat illustrations on the left. `widths` is\n   authored as [text, media] and reordered with the columns. */\ninterface SplitMedia {\n  src: string;\n  alt?: string;\n  // Split never carries a video: video media always stays in the vertical flow.\n  variant?: PortableTextMediaImageVariant;\n  caption?: string;\n}\nconst SplitObject: PortableTextObjectRenderer = ({ node, children }) => {\n  const media = node.media as SplitMedia | undefined;\n  const widths = (node.widths as number[] | undefined) ?? [1, 1];\n  const textColumn = <Stack space=\"lg\">{children}</Stack>;\n\n  // A split without media degrades to its text column instead of crashing.\n  if (!media?.src) {\n    return textColumn;\n  }\n\n  const screenshot = media.variant === \"screenshot\";\n\n  const mediaColumn = (\n    <Media\n      src={media.src}\n      alt={media.alt}\n      variant={media.variant}\n      caption={media.caption}\n    />\n  );\n\n  return (\n    <Columns\n      widths={screenshot ? widths : [...widths].reverse()}\n      space=\"xl\"\n      alignY=\"center\"\n      collapseBelow=\"md\"\n    >\n      {screenshot ? textColumn : mediaColumn}\n      {screenshot ? mediaColumn : textColumn}\n    </Columns>\n  );\n};\n\n/* Default-block overrides --------------------------------------------- */\n\n/* The engine's defaults use Body 1 primary; the messages are designed on the\n   quieter Body 2 secondary voice, so the catalog overrides the text blocks —\n   demonstrating the `blocks` half of the injection contract. */\nconst ParagraphBlock: PortableTextBlockRenderer = ({ children }) => (\n  <Body2 color=\"secondary\" lineHeight=\"loose\">\n    {children}\n  </Body2>\n);\n\nconst ListItemBlock: PortableTextBlockRenderer = ({ children }) => (\n  <Typography variant=\"Body 2\" as=\"li\" color=\"secondary\" lineHeight=\"loose\">\n    {children}\n  </Typography>\n);\n\n/* Titled sections speak in the quiet Header2 subhead voice rather than the\n   engine's default Title2 for level 2, and keep a roomier rhythm between a\n   titled section's content nodes. */\nconst TitledTextBlock: PortableTextBlockRenderer = ({ block, children }) => {\n  const { title, level } = block as PortableTextTitledTextBlock;\n\n  return (\n    <TitledText title={title} variant={level === 1 ? \"title1\" : \"header2\"}>\n      {children ? <Stack space=\"sm\">{children}</Stack> : undefined}\n    </TitledText>\n  );\n};\n\n/** The demo catalog the presentations inject into the Portable Text engine —\n    the stand-in for the application's `messageComponents` map. */\nexport const messageComponents: PortableTextComponents = {\n  marks: {\n    \"interface-name\": InterfaceNameMark,\n    \"keyboard-key\": KeyboardKeyMark,\n    \"doc-link\": DocLinkMark,\n  },\n  objects: {\n    callout: CalloutObject,\n    \"button-reference\": ButtonReferenceObject,\n    row: RowObject,\n    tiles: TilesObject,\n    split: SplitObject,\n  },\n  blocks: {\n    paragraph: ParagraphBlock,\n    \"list-item\": ListItemBlock,\n    \"titled-text\": TitledTextBlock,\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":[]}