@pareto-engineering/design-system 5.2.1 → 5.4.0

package/dist/stories/a/BarChart.stories.js

@@ -0,0 +1,173 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import "react";
+import "../../ui/a/AppContext/Context.js";
+import "../../ui/a/AppContext/ContextProvider.js";
+import "../../ui/a/BlurOverlay/BlurOverlay.js";
+import "../../FormBuilder-653sa2uJ.js";
+import "../../ui/a/Conversation/Context.js";
+import "../../ui/a/DotInfo/DotInfo.js";
+import "../../ui/a/Figure/Figure.js";
+import "../../ui/a/HamburgerButton/HamburgerButton.js";
+import "../../ui/a/IconList/IconList.js";
+import "../../ui/a/Label/Label.js";
+import "../../ui/a/LoadingCircle/LoadingCircle.js";
+import "../../ui/a/People/People.js";
+import "../../ui/a/Popover/Popover.js";
+import "../../ui/a/ProgressBar/ProgressBar.js";
+import "../../ui/a/Quote/Quote.js";
+import "../../ui/a/SVG/SVG.js";
+import "../../ui/a/SnapScroller/SnapScroller.js";
+import "../../ui/a/Spinner/Spinner.js";
+import "../../ui/a/Timestamp/Timestamp.js";
+import "../../ui/a/MetaCard/MetaCard.js";
+import "../../ui/a/AnimatedBlobs/AnimatedBlobs.js";
+import "../../ui/a/Tip/Tip.js";
+import "../../ui/a/TextSteps/TextSteps.js";
+import "../../ui/a/Removable/Removable.js";
+import "../../ui/a/ToggleSwitch/ToggleSwitch.js";
+import "../../ui/a/XMLEditor/XMLEditor.js";
+import "../../DatePicker-DHuh_8q6.js";
+import "../../ui/a/Tooltip/Tooltip.js";
+import "../../ui/a/Charts/AreaChart/AreaChart.js";
+import i from "../../ui/a/Charts/BarChart/BarChart.js";
+import "../../ui/a/Charts/PieChart/PieChart.js";
+import "../../ui/a/ThroughPutIndicator/ThroughPutIndicator.js";
+import "../../ui/b/Page/Context.js";
+import "../../ui/b/Title/Title.js";
+import "../../ui/c/SocialMediaShareButton/SocialMediaShareButton.js";
+import "../../ui/f/common/Label/Label.js";
+import "../../ui/f/common/Description/Description.js";
+import "../../ui/f/fields/LatexPreviewInput/convertLatexToHtml.js";
+import "../../ui/f/fields/RadioInput/RadioInput.js";
+import "../../ui/g/DragAndDrop/DragAndDrop.js";
+import "../../debounce-Cm69Z_cF.js";
+import "../../throttle-BCrS-Wew.js";
+import "../../ui/utils/formatting.js";
+const ee = {
+  title: "a/Charts/BarChart",
+  component: i
+}, p = [
+  {
+    date: "Jan",
+    pendingReview: 200,
+    accepted: 150,
+    rejected: 100,
+    toRevise: 250,
+    revised: 50
+  },
+  {
+    date: "Feb",
+    pendingReview: 180,
+    accepted: 160,
+    rejected: 120,
+    toRevise: 240,
+    revised: 60
+  },
+  {
+    date: "Mar",
+    pendingReview: 220,
+    accepted: 140,
+    rejected: 110,
+    toRevise: 230,
+    revised: 70
+  },
+  {
+    date: "Apr",
+    pendingReview: 210,
+    accepted: 130,
+    rejected: 130,
+    toRevise: 220,
+    revised: 80
+  },
+  {
+    date: "May",
+    pendingReview: 230,
+    accepted: 120,
+    rejected: 140,
+    toRevise: 210,
+    revised: 90
+  },
+  {
+    date: "Jun",
+    pendingReview: 240,
+    accepted: 110,
+    rejected: 150,
+    toRevise: 200,
+    revised: 100
+  },
+  {
+    date: "Jul",
+    pendingReview: 250,
+    accepted: 100,
+    rejected: 160,
+    toRevise: 190,
+    revised: 110
+  },
+  {
+    date: "Aug",
+    pendingReview: 260,
+    accepted: 90,
+    rejected: 170,
+    toRevise: 180,
+    revised: 120
+  },
+  {
+    date: "Sep",
+    pendingReview: 270,
+    accepted: 80,
+    rejected: 180,
+    toRevise: 170,
+    revised: 130
+  },
+  {
+    date: "Oct",
+    pendingReview: 280,
+    accepted: 70,
+    rejected: 190,
+    toRevise: 160,
+    revised: 140
+  },
+  {
+    date: "Nov",
+    pendingReview: 290,
+    accepted: 60,
+    rejected: 200,
+    toRevise: 150,
+    revised: 150
+  },
+  {
+    date: "Dec",
+    pendingReview: 300,
+    accepted: 50,
+    rejected: 210,
+    toRevise: 140,
+    revised: 160
+  }
+], o = (t) => /* @__PURE__ */ e("div", { style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ e(i, { ...t }) }), r = o.bind({});
+r.args = {
+  data: p,
+  title: "Throughput",
+  xKey: "date",
+  yKeys: ["pendingReview", "accepted", "rejected", "toRevise", "revised"],
+  xLabel: "Date",
+  yLabel: "Submissions",
+  colors: ["purple", "green", "orange", "blue", "red"],
+  height: 400
+};
+const a = (t) => /* @__PURE__ */ d("div", { style: { display: "flex", gap: "20px" }, children: [
+  /* @__PURE__ */ e("div", { style: { flex: 1 }, children: /* @__PURE__ */ e(i, { ...t[0] }) }),
+  /* @__PURE__ */ e("div", { style: { flex: 1 }, children: /* @__PURE__ */ e(i, { ...t[1] }) })
+] }), c = a.bind({});
+c.args = [
+  {
+    ...r.args
+  },
+  {
+    ...r.args
+  }
+];
+export {
+  r as Default,
+  c as SideBySide,
+  ee as default
+};

package/dist/stories/a/BlurOverlay.stories.js

@@ -0,0 +1,79 @@
+import { jsx as o } from "react/jsx-runtime";
+import "react";
+import "../../ui/a/AppContext/Context.js";
+import "../../ui/a/AppContext/ContextProvider.js";
+import r from "../../ui/a/BlurOverlay/BlurOverlay.js";
+import "../../FormBuilder-653sa2uJ.js";
+import "../../ui/a/Conversation/Context.js";
+import "../../ui/a/DotInfo/DotInfo.js";
+import "../../ui/a/Figure/Figure.js";
+import "../../ui/a/HamburgerButton/HamburgerButton.js";
+import "../../ui/a/IconList/IconList.js";
+import "../../ui/a/Label/Label.js";
+import "../../ui/a/LoadingCircle/LoadingCircle.js";
+import "../../ui/a/People/People.js";
+import "../../ui/a/Popover/Popover.js";
+import "../../ui/a/ProgressBar/ProgressBar.js";
+import "../../ui/a/Quote/Quote.js";
+import "../../ui/a/SVG/SVG.js";
+import "../../ui/a/SnapScroller/SnapScroller.js";
+import "../../ui/a/Spinner/Spinner.js";
+import "../../ui/a/Timestamp/Timestamp.js";
+import "../../ui/a/MetaCard/MetaCard.js";
+import "../../ui/a/AnimatedBlobs/AnimatedBlobs.js";
+import "../../ui/a/Tip/Tip.js";
+import "../../ui/a/TextSteps/TextSteps.js";
+import "../../ui/a/Removable/Removable.js";
+import "../../ui/a/ToggleSwitch/ToggleSwitch.js";
+import "../../ui/a/XMLEditor/XMLEditor.js";
+import "../../DatePicker-DHuh_8q6.js";
+import "../../ui/a/Tooltip/Tooltip.js";
+import "../../ui/a/Charts/AreaChart/AreaChart.js";
+import "../../ui/a/Charts/BarChart/BarChart.js";
+import "../../ui/a/Charts/PieChart/PieChart.js";
+import "../../ui/a/ThroughPutIndicator/ThroughPutIndicator.js";
+import "../../ui/b/Page/Context.js";
+import "../../ui/b/Title/Title.js";
+import "../../ui/c/SocialMediaShareButton/SocialMediaShareButton.js";
+import "../../ui/f/common/Label/Label.js";
+import "../../ui/f/common/Description/Description.js";
+import "../../ui/f/fields/LatexPreviewInput/convertLatexToHtml.js";
+import "../../ui/f/fields/RadioInput/RadioInput.js";
+import "../../ui/g/DragAndDrop/DragAndDrop.js";
+import "../../debounce-Cm69Z_cF.js";
+import "../../throttle-BCrS-Wew.js";
+import "../../ui/utils/formatting.js";
+const V = {
+  title: "a/BlurOverlay",
+  component: r,
+  subcomponents: {
+    // Item:BlurOverlay.Item
+  },
+  decorators: [
+    // storyfn => <div className="">{ storyfn() }</div>,
+  ],
+  argTypes: {},
+  controls: {
+    blur: { type: "boolean" }
+  }
+}, i = (t) => /* @__PURE__ */ o(r, { ...t, children: /* @__PURE__ */ o(
+  "div",
+  {
+    style: {
+      height: "100px",
+      bottom: "0",
+      minWidth: "100%",
+      position: "fixed",
+      backgroundColor: "blue",
+      color: "white"
+    },
+    children: "Sample Foreground Component"
+  }
+) });
+i.args = {
+  blur: !0
+};
+export {
+  i as Base,
+  V as default
+};

package/dist/stories/a/ContentTree.stories.js

@@ -0,0 +1,112 @@
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
+import { useRef as a } from "react";
+import "../../ui/a/AppContext/Context.js";
+import "../../ui/a/AppContext/ContextProvider.js";
+import "../../ui/a/BlurOverlay/BlurOverlay.js";
+import { C as t } from "../../FormBuilder-653sa2uJ.js";
+import "../../ui/a/Conversation/Context.js";
+import "../../ui/a/DotInfo/DotInfo.js";
+import "../../ui/a/Figure/Figure.js";
+import "../../ui/a/HamburgerButton/HamburgerButton.js";
+import "../../ui/a/IconList/IconList.js";
+import "../../ui/a/Label/Label.js";
+import "../../ui/a/LoadingCircle/LoadingCircle.js";
+import "../../ui/a/People/People.js";
+import "../../ui/a/Popover/Popover.js";
+import "../../ui/a/ProgressBar/ProgressBar.js";
+import "../../ui/a/Quote/Quote.js";
+import "../../ui/a/SVG/SVG.js";
+import "../../ui/a/SnapScroller/SnapScroller.js";
+import "../../ui/a/Spinner/Spinner.js";
+import "../../ui/a/Timestamp/Timestamp.js";
+import "../../ui/a/MetaCard/MetaCard.js";
+import "../../ui/a/AnimatedBlobs/AnimatedBlobs.js";
+import "../../ui/a/Tip/Tip.js";
+import "../../ui/a/TextSteps/TextSteps.js";
+import "../../ui/a/Removable/Removable.js";
+import "../../ui/a/ToggleSwitch/ToggleSwitch.js";
+import "../../ui/a/XMLEditor/XMLEditor.js";
+import "../../DatePicker-DHuh_8q6.js";
+import "../../ui/a/Tooltip/Tooltip.js";
+import "../../ui/a/Charts/AreaChart/AreaChart.js";
+import "../../ui/a/Charts/BarChart/BarChart.js";
+import "../../ui/a/Charts/PieChart/PieChart.js";
+import "../../ui/a/ThroughPutIndicator/ThroughPutIndicator.js";
+import "../../ui/b/Page/Context.js";
+import "../../ui/b/Title/Title.js";
+import "../../ui/c/SocialMediaShareButton/SocialMediaShareButton.js";
+import "../../ui/f/common/Label/Label.js";
+import "../../ui/f/common/Description/Description.js";
+import "../../ui/f/fields/LatexPreviewInput/convertLatexToHtml.js";
+import "../../ui/f/fields/RadioInput/RadioInput.js";
+import "../../ui/g/DragAndDrop/DragAndDrop.js";
+import "../../debounce-Cm69Z_cF.js";
+import "../../throttle-BCrS-Wew.js";
+import "../../ui/utils/formatting.js";
+const X = {
+  title: "a/ContentTree",
+  component: t,
+  subcomponents: {
+    // Item:ContentTree.Item
+  },
+  decorators: [
+    // storyfn => <div className="">{ storyfn() }</div>,
+  ],
+  argTypes: {
+    backgroundColor: { control: "color" }
+  }
+}, Y = () => {
+  const e = a(null);
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      style: {
+        display: "grid",
+        gridTemplateColumns: "5fr 2fr"
+      },
+      children: [
+        /* @__PURE__ */ s("main", { ref: e, children: [
+          /* @__PURE__ */ i("h2", { id: "some-id-0", children: "Heading 1" }),
+          /* @__PURE__ */ i("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae." }),
+          /* @__PURE__ */ i("h3", { id: "some-id-1", children: "Heading 1.1" }),
+          /* @__PURE__ */ i("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet," }),
+          /* @__PURE__ */ i("h3", { id: "some-id-2", children: "Heading 1.2" }),
+          /* @__PURE__ */ i("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet," }),
+          /* @__PURE__ */ i("h4", { id: "some-id-3", children: "Heading 1.2.1" }),
+          /* @__PURE__ */ i("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet," }),
+          /* @__PURE__ */ i("h4", { id: "some-id-4", children: "Heading 1.2.2" }),
+          /* @__PURE__ */ i("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet," }),
+          /* @__PURE__ */ i("h2", { id: "some-id-5", children: "Heading 2" }),
+          /* @__PURE__ */ i("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet," }),
+          /* @__PURE__ */ i("h3", { id: "some-id-6", children: "Heading 2.1" }),
+          /* @__PURE__ */ i("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet," }),
+          /* @__PURE__ */ i("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet," }),
+          /* @__PURE__ */ i("h3", { id: "some-id-7", children: "Heading 2.2" }),
+          /* @__PURE__ */ i("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet," }),
+          /* @__PURE__ */ i("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet," }),
+          /* @__PURE__ */ i("h2", { id: "some-id-8", children: "Heading 3" }),
+          /* @__PURE__ */ i("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet," }),
+          /* @__PURE__ */ i("h2", { id: "some-id-9", children: "Heading 4" }),
+          /* @__PURE__ */ i("p", { children: "Lorem ipsum sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet," }),
+          /* @__PURE__ */ i("h3", { id: "some-id-10", children: "Heading 4.1" }),
+          /* @__PURE__ */ i("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet," }),
+          /* @__PURE__ */ i("h4", { id: "some-id-11", children: "Heading 4.1.1" }),
+          /* @__PURE__ */ i("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet," }),
+          /* @__PURE__ */ i("h3", { id: "some-id-12", children: "Heading 4.2" }),
+          /* @__PURE__ */ i("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae." }),
+          /* @__PURE__ */ i("h3", { id: "some-id-13", children: "Heading 4.3" }),
+          /* @__PURE__ */ i("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae." }),
+          /* @__PURE__ */ i("h4", { id: "some-id-14", children: "Heading 4.3.1" }),
+          /* @__PURE__ */ i("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae." }),
+          /* @__PURE__ */ i("h3", { id: "some-id-15", children: "Heading 4.4" }),
+          /* @__PURE__ */ i("p", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dapibus lectus nisl, ac maximus ex convallis sed. Donec quis eros vehicula, hendrerit enim sit amet, Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga porro, aliquid excepturi inciduntitaque, nam blanditiis amet dolores fugiat ullam ad dignissimos debitis rerum, culpa repellendus illo nisi hic. Vitae." })
+        ] }),
+        /* @__PURE__ */ i(t, { className: "v5 ml-v", target: e, selectors: ["h1", "h2", "h3", "h4", "h5", "h6"] })
+      ]
+    }
+  );
+};
+export {
+  Y as Base,
+  X as default
+};

package/dist/stories/a/Conversation.stories.js

@@ -0,0 +1,113 @@
+import { jsx as o } from "react/jsx-runtime";
+import "react";
+import "../../ui/a/AppContext/Context.js";
+import "../../ui/a/AppContext/ContextProvider.js";
+import "../../ui/a/BlurOverlay/BlurOverlay.js";
+import { a as e } from "../../FormBuilder-653sa2uJ.js";
+import "../../ui/a/Conversation/Context.js";
+import "../../ui/a/DotInfo/DotInfo.js";
+import "../../ui/a/Figure/Figure.js";
+import "../../ui/a/HamburgerButton/HamburgerButton.js";
+import "../../ui/a/IconList/IconList.js";
+import "../../ui/a/Label/Label.js";
+import "../../ui/a/LoadingCircle/LoadingCircle.js";
+import "../../ui/a/People/People.js";
+import "../../ui/a/Popover/Popover.js";
+import "../../ui/a/ProgressBar/ProgressBar.js";
+import "../../ui/a/Quote/Quote.js";
+import "../../ui/a/SVG/SVG.js";
+import "../../ui/a/SnapScroller/SnapScroller.js";
+import "../../ui/a/Spinner/Spinner.js";
+import "../../ui/a/Timestamp/Timestamp.js";
+import "../../ui/a/MetaCard/MetaCard.js";
+import "../../ui/a/AnimatedBlobs/AnimatedBlobs.js";
+import "../../ui/a/Tip/Tip.js";
+import "../../ui/a/TextSteps/TextSteps.js";
+import "../../ui/a/Removable/Removable.js";
+import "../../ui/a/ToggleSwitch/ToggleSwitch.js";
+import "../../ui/a/XMLEditor/XMLEditor.js";
+import "../../DatePicker-DHuh_8q6.js";
+import "../../ui/a/Tooltip/Tooltip.js";
+import "../../ui/a/Charts/AreaChart/AreaChart.js";
+import "../../ui/a/Charts/BarChart/BarChart.js";
+import "../../ui/a/Charts/PieChart/PieChart.js";
+import "../../ui/a/ThroughPutIndicator/ThroughPutIndicator.js";
+import "../../ui/b/Page/Context.js";
+import "../../ui/b/Title/Title.js";
+import "../../ui/c/SocialMediaShareButton/SocialMediaShareButton.js";
+import "../../ui/f/common/Label/Label.js";
+import "../../ui/f/common/Description/Description.js";
+import "../../ui/f/fields/LatexPreviewInput/convertLatexToHtml.js";
+import "../../ui/f/fields/RadioInput/RadioInput.js";
+import "../../ui/g/DragAndDrop/DragAndDrop.js";
+import "../../debounce-Cm69Z_cF.js";
+import "../../throttle-BCrS-Wew.js";
+import "../../ui/utils/formatting.js";
+const V = {
+  title: "a/Conversation",
+  component: e,
+  subcomponents: {
+    "Conversation.Message": e.Message
+  },
+  decorators: [
+    // storyfn => <div className="">{ storyfn() }</div>,
+  ],
+  argTypes: {
+    backgroundColor: { control: "color" }
+  }
+}, X = () => /* @__PURE__ */ o(e, { children: [
+  {
+    message: "Hi Camille, please compile an assesment of top 5 firms/brand providers for the listed fields in the US.",
+    sender: "Humbl",
+    from: "theirs"
+  },
+  {
+    message: "Hi Morgan! Here is the database we prepared for you.",
+    sender: "Camille",
+    from: "ours"
+  },
+  {
+    message: "That looks amazing",
+    sender: "Humbl",
+    from: "theirs"
+  },
+  {
+    message: "Thank you for the great work, can we also get this information in a spreadsheet?",
+    from: "theirs"
+  },
+  {
+    message: "Hi Morgan! Here is the spreadsheet we prepared for you.",
+    sender: "Camille",
+    from: "ours"
+  }
+].map((r) => /* @__PURE__ */ o(e.Message, { ...r }, r.message)) }), Y = () => /* @__PURE__ */ o(e, { children: [
+  {
+    message: "Hi Camille, please compile an assesment of top 5 firms/brand providers for the listed fields in the US.",
+    sender: "Humbl",
+    from: "theirs"
+  },
+  {
+    message: "Hi Morgan! Here is the database we prepared for you.",
+    sender: "Camille",
+    from: "ours",
+    attachment: "spreadsheet.xlsx",
+    attachmentColor: "main4"
+  },
+  {
+    message: "Hi Camille, please compile an assesment of top 6 firms/brand providers for the listed fields in the US.",
+    sender: "Humbl",
+    from: "theirs"
+  },
+  {
+    message: "Hi Morgan! Here is the spreadsheet we prepared for you.",
+    sender: "Camille",
+    from: "ours",
+    attachment: "spreadsheet.xlsx",
+    attachmentColor: "main4"
+  }
+].map((r) => /* @__PURE__ */ o(e.Message, { ...r }, r.message)) });
+export {
+  X as Base,
+  Y as WithAttachment,
+  V as default
+};