App reorganization

stories/sections/CommunityRuleDocument.stories.js

@@ -0,0 +1,58 @@
+import CommunityRuleDocument from "../../app/components/sections/CommunityRuleDocument";
+
+const sampleSections = [
+  {
+    categoryName: "Decision making",
+    entries: [
+      {
+        title: "How proposals pass",
+        body: "Important decisions require unanimous agreement. Proposals pass only if no serious objections remain.",
+      },
+      {
+        title: "Blocks",
+        body: "Anyone with a serious objection may block consensus and require further discussion.",
+      },
+    ],
+  },
+  {
+    categoryName: "Membership",
+    entries: [
+      {
+        title: "Joining",
+        body: "New members are welcomed by consensus of existing members.",
+      },
+    ],
+  },
+];
+
+export default {
+  title: "Components/Sections/CommunityRuleDocument",
+  component: CommunityRuleDocument,
+  parameters: {
+    layout: "padded",
+  },
+  argTypes: {
+    sections: {
+      control: false,
+      description: "Document sections, each with a categoryName and entries.",
+    },
+    useCardStyle: {
+      control: "boolean",
+      description: "When true, wraps the document in a white card with a teal bar",
+    },
+  },
+};
+
+export const Default = {
+  args: {
+    sections: sampleSections,
+    useCardStyle: false,
+  },
+};
+
+export const CardStyle = {
+  args: {
+    sections: sampleSections,
+    useCardStyle: true,
+  },
+};

stories/sections/GovernanceTemplateGrid.stories.js

@@ -0,0 +1,29 @@
+import { GovernanceTemplateGrid } from "../../app/components/sections/GovernanceTemplateGrid";
+import { GOVERNANCE_TEMPLATE_CATALOG } from "../../lib/templates/governanceTemplateCatalog";
+
+export default {
+  title: "Components/Sections/GovernanceTemplateGrid",
+  component: GovernanceTemplateGrid,
+  parameters: {
+    layout: "fullscreen",
+  },
+  argTypes: {
+    entries: {
+      control: false,
+      description: "Catalog entries to render as a 2-column grid of RuleCards",
+    },
+    onTemplateClick: { action: "template-clicked" },
+  },
+};
+
+export const Default = {
+  args: {
+    entries: GOVERNANCE_TEMPLATE_CATALOG.slice(0, 4),
+  },
+};
+
+export const SingleEntry = {
+  args: {
+    entries: GOVERNANCE_TEMPLATE_CATALOG.slice(0, 1),
+  },
+};