@pareto-engineering/design-system 5.3.0 → 5.5.0

package/dist/stories/a/Tip.stories.js

@@ -0,0 +1,67 @@
+import { jsx as r } 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 o from "../../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/Tip",
+  component: o,
+  subcomponents: {
+    // Item:Quote.Item
+  },
+  decorators: [
+    // storyfn => <div className="">{ storyfn() }</div>,
+  ],
+  argTypes: {
+    color: { control: "text" },
+    backgroundColor: { control: "text" }
+  }
+}, i = (t) => /* @__PURE__ */ r(o, { ...t }), m = i.bind({});
+m.args = {
+  children: "Remember to wash your vegetables before eating them.",
+  color: "interactive"
+};
+export {
+  m as Base,
+  X as default
+};

package/dist/stories/a/ToggleSwitch.stories.js

@@ -0,0 +1,67 @@
+import { jsx as t, jsxs as i, Fragment as p } 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 o from "../../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 W = {
+  title: "a/ToggleSwitch",
+  component: o,
+  subcomponents: {
+    // Item:ToggleSwitch.Item
+  },
+  decorators: [
+    // storyfn => <div className="">{ storyfn() }</div>,
+  ],
+  argTypes: {
+    size: { control: "string" }
+  }
+}, X = () => /* @__PURE__ */ t(o, {}), Y = () => /* @__PURE__ */ i(p, { children: [
+  /* @__PURE__ */ t(o, { inputId: "option1" }),
+  /* @__PURE__ */ t(o, { inputId: "option2" }),
+  /* @__PURE__ */ t(o, { inputId: "option3" })
+] });
+export {
+  Y as Multiple,
+  X as Single,
+  W as default
+};

package/dist/stories/a/Tooltip.stories.js

@@ -0,0 +1,107 @@
+import { jsx as o, jsxs as p } 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 { B as m } 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 i from "../../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 Y = {
+  title: "a/Tooltip",
+  component: i,
+  subcomponents: {
+    // Item:Tooltip.Item
+  },
+  decorators: [
+    // storyfn => <div className="">{ storyfn() }</div>,
+  ],
+  argTypes: {
+    backgroundColor: { control: "color" }
+  }
+}, t = {
+  args: {
+    children: /* @__PURE__ */ o(m, { children: "Hover on me!" }),
+    content: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ p("ul", { children: [
+      /* @__PURE__ */ o("li", { children: "This is the tooltips content" }),
+      /* @__PURE__ */ o("li", { children: "Style it the way you want!" }),
+      /* @__PURE__ */ o("li", { children: "It's a tooltip, no interactive elements please" })
+    ] }) }),
+    description: "test-tooltip"
+  },
+  render: (r) => /* @__PURE__ */ o(
+    "div",
+    {
+      style: {
+        paddingTop: "10rem",
+        width: "50%",
+        margin: "auto",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center"
+      },
+      children: /* @__PURE__ */ o(i, { ...r })
+    }
+  )
+}, Z = {
+  ...t,
+  args: {
+    ...t.args,
+    position: "left"
+  }
+}, $ = {
+  ...t,
+  args: {
+    ...t.args,
+    position: "right"
+  }
+}, oo = {
+  ...t,
+  args: {
+    ...t.args,
+    position: "top"
+  }
+};
+export {
+  t as Base,
+  Z as Left,
+  $ as Right,
+  oo as Top,
+  Y as default
+};

package/dist/stories/a/XMLEditor.stories.js

@@ -0,0 +1,59 @@
+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 "../../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 t from "../../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 W = {
+  title: "a/XMLEditor",
+  component: t,
+  decorators: [
+    // storyfn => <div className="">{ storyfn() }</div>,
+  ],
+  argTypes: {},
+  controls: {}
+}, i = (r) => /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("pre", { children: JSON.stringify(r, null, 2) }) }), p = i.bind({});
+p.args = {};
+export {
+  p as Base,
+  W as default
+};

package/dist/stories/b/Button/Button.stories.js

@@ -0,0 +1,154 @@
+import { jsx as n } from "react/jsx-runtime";
+import { createElement as p } from "react";
+import "../../../ui/a/AppContext/Context.js";
+import "../../../ui/a/AppContext/ContextProvider.js";
+import "../../../ui/a/BlurOverlay/BlurOverlay.js";
+import { B as i } 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";
+import { ALL_COLORS as e } from "../../colors.js";
+const ht = {
+  title: "b/Button",
+  component: i,
+  subcomponents: {
+    // Item:Button.Item
+  },
+  decorators: [
+    // storyfn => <div className="">{ storyfn() }</div>,
+  ],
+  argTypes: {
+    color: { control: { type: "select" }, options: e },
+    disabled: { control: { type: "boolean" } },
+    isGhost: { control: { type: "boolean" } },
+    isSimple: { control: { type: "boolean" } },
+    isAnimated: { control: { type: "boolean" } },
+    isGradient: { control: { type: "boolean" } }
+  }
+}, s = (o) => /* @__PURE__ */ n(i, { ...o }), m = s.bind({});
+m.args = {
+  children: "Sample Button"
+};
+const a = s.bind({});
+a.args = {
+  isGhost: !0,
+  children: "Sample Button"
+};
+const t = (o) => e.map((r) => /* @__PURE__ */ p(i, { ...o, color: r, key: r }, "This is a", " ", r, " ", "button")), St = t.bind({}), l = t.bind({});
+l.args = {
+  isGhost: !0
+};
+const d = t.bind({});
+d.args = {
+  isSimple: !0
+};
+const c = t.bind({});
+c.args = {
+  isGradient: !0
+};
+const b = t.bind({});
+b.args = {
+  isCompact: !0
+};
+const g = t.bind({});
+g.args = {
+  disabled: !0
+};
+const u = t.bind({});
+u.args = {
+  isGhost: !0,
+  disabled: !0
+};
+const h = t.bind({});
+h.args = {
+  isSimple: !0,
+  disabled: !0
+};
+const S = t.bind({});
+S.args = {
+  isLoading: !0
+};
+const w = t.bind({});
+w.args = {
+  arrowDirection: "left"
+};
+const f = t.bind({});
+f.args = {
+  arrowDirection: "right"
+};
+const D = t.bind({});
+D.args = {
+  arrowDirection: "left",
+  isSimple: !0
+};
+const G = t.bind({});
+G.args = {
+  arrowDirection: "right",
+  isSimple: !0
+};
+const y = t.bind({});
+y.args = {
+  arrowDirection: "left",
+  disabled: !0
+};
+const A = t.bind({});
+A.args = {
+  arrowDirection: "right",
+  disabled: !0
+};
+export {
+  w as ArrowLeft,
+  D as ArrowLeftSimple,
+  f as ArrowRight,
+  G as ArrowRightSimple,
+  m as Base,
+  b as Compact,
+  g as Disabled,
+  y as DisabledArrowLeft,
+  A as DisabledArrowRight,
+  a as Ghost,
+  u as GhostDisabled,
+  l as Ghosts,
+  c as Gradient,
+  S as Loading,
+  St as Normal,
+  d as Simple,
+  h as SimpleDisabled,
+  ht as default
+};

package/dist/stories/b/Button/Group.stories.js

@@ -0,0 +1,59 @@
+import { jsx as p } from "react/jsx-runtime";
+import { createElement as i } from "react";
+import "../../../ui/a/AppContext/Context.js";
+import "../../../ui/a/AppContext/ContextProvider.js";
+import "../../../ui/a/BlurOverlay/BlurOverlay.js";
+import { B as o } 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";
+import { ALL_COLORS as m } from "../../colors.js";
+const tt = {
+  title: "b/Button/Group",
+  component: o.Group,
+  decorators: [
+    // (storyfn) => <Router>{storyfn()}</Router>,
+  ],
+  argTypes: {}
+}, e = (r) => /* @__PURE__ */ p(o.Group, { ...r, children: m.map((t) => /* @__PURE__ */ i(o, { ...r, color: t, key: t }, "This is a", " ", t, " ", "button")) }), s = e.bind({});
+s.args = {};
+export {
+  s as Base,
+  tt as default
+};

package/dist/stories/b/Card/Card.stories.js

@@ -0,0 +1,85 @@
+import { jsxs as p, jsx as r } 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 { c as o } 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 rr = {
+  title: "b/Card",
+  component: o,
+  subcomponents: {
+    "Card.Section": o.Section,
+    "Card.Group": o.Group
+  },
+  decorators: [
+    // (storyfn) => <Router>{storyfn()}</Router>,
+  ],
+  argTypes: {
+    progress: { control: "number" }
+  }
+}, t = ({ isImage: i, ...m }) => /* @__PURE__ */ p(
+  o,
+  {
+    ...m,
+    children: [
+      i && /* @__PURE__ */ r(o.Section, { isImage: !0, children: /* @__PURE__ */ r("img", { src: "https://miro.medium.com/max/1124/1*v9We8Bevk2FFA5YadZNwcQ.jpeg", alt: "test" }) }),
+      /* @__PURE__ */ r(o.Section, { children: /* @__PURE__ */ r("h1", { children: "Section One" }) }),
+      /* @__PURE__ */ r(o.Section, { children: /* @__PURE__ */ r("h2", { children: "Section Two" }) }),
+      /* @__PURE__ */ r(o.Section, { children: /* @__PURE__ */ r("h3", { children: "Section Three" }) })
+    ]
+  }
+), e = t.bind({});
+e.args = {};
+const n = t.bind({});
+n.args = {
+  progress: 50
+};
+const c = t.bind({});
+c.args = {
+  isImage: !0
+};
+export {
+  e as Base,
+  c as CardWithImageSection,
+  n as CardWithProgress,
+  rr as default
+};