@pareto-engineering/design-system 5.3.0 → 5.5.0

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

@@ -0,0 +1,83 @@
+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 $ = {
+  title: "b/Card/Group",
+  component: o.Group,
+  decorators: [
+    // (storyfn) => <Router>{storyfn()}</Router>,
+  ],
+  argTypes: {
+    type: { control: "select", options: ["vertical-flexbox", "grid", "snap-scroller"] },
+    desktopType: { control: "select", options: ["vertical-flexbox", "grid"] }
+  }
+}, t = ({ ...i }) => /* @__PURE__ */ p(
+  o.Group,
+  {
+    className: "span-8",
+    ...i,
+    children: [
+      /* @__PURE__ */ r(o, { className: "span-2", children: /* @__PURE__ */ r(o.Section, { children: /* @__PURE__ */ r("h1", { children: "Span Two on Grid" }) }) }),
+      /* @__PURE__ */ r(o, { children: /* @__PURE__ */ r(o.Section, { children: /* @__PURE__ */ r("h1", { children: "Card Two" }) }) }),
+      /* @__PURE__ */ r(o, { children: /* @__PURE__ */ r(o.Section, { children: /* @__PURE__ */ r("h1", { children: "Card Three" }) }) })
+    ]
+  }
+), m = t.bind({});
+m.args = {};
+const e = t.bind({});
+e.args = {
+  desktopType: "grid"
+};
+const n = t.bind({});
+n.args = {
+  type: "vertical-flexbox",
+  desktopType: "vertical-flexbox"
+};
+export {
+  m as Base,
+  e as CardGroupGridOnDesktop,
+  n as CardGroupNotSnapScroller,
+  $ as default
+};

package/dist/stories/b/Logo.stories.js

@@ -0,0 +1,69 @@
+import { jsx as m } 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 { L 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";
+import { ALL_COLORS as i } from "../colors.js";
+const oo = {
+  title: "b/Logo",
+  component: t,
+  subcomponents: {
+    // Item:Logo.Item
+  },
+  decorators: [
+    // storyfn => <div className="">{ storyfn() }</div>,
+  ],
+  argTypes: {
+    // backgroundColor:{ control: 'color' },
+    square: { control: "boolean" }
+  }
+}, e = (o) => /* @__PURE__ */ m(t, { ...o }), to = e.bind({}), p = (o) => i.map((r) => /* @__PURE__ */ m(t, { color: r, ...o }, r)), ro = p.bind({}), s = p.bind({});
+s.args = {
+  square: !0
+};
+export {
+  to as Base,
+  ro as Color,
+  s as Square,
+  oo as default
+};

package/dist/stories/b/Page.stories.js

@@ -0,0 +1,94 @@
+import { jsx as o, jsxs as i } 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 { P 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";
+import { HelmetProvider as r } from "react-helmet-async";
+const Y = {
+  title: "b/Page",
+  component: t,
+  subcomponents: {
+    "Page.Helmet": t.Helmet,
+    "Page.Section": t.Section
+  },
+  decorators: [
+    (e) => /* @__PURE__ */ o(r, { children: e() })
+  ],
+  argTypes: {
+    id: { control: "text" },
+    as: { control: "text" },
+    itemType: { control: "text" }
+  }
+}, Z = () => /* @__PURE__ */ o(t, { id: "default", children: "Inspect source for details." }), $ = () => /* @__PURE__ */ i(
+  t,
+  {
+    id: "itemtype",
+    itemType: "https://schema.org/Movie",
+    helmetProps: {
+      title: "The title of the page",
+      canonical: "https://mysite.com/movie"
+    },
+    children: [
+      "Inspect source for details. Please note that when itemType is provided,",
+      " ",
+      /* @__PURE__ */ o("code", { children: "helmetProps.canonical" }),
+      " ",
+      "needs to be provided as well."
+    ]
+  }
+), tt = () => /* @__PURE__ */ i(
+  t,
+  {
+    id: "with-sections",
+    children: [
+      /* @__PURE__ */ o(t.Section, { id: "s1", children: "Section 1" }),
+      /* @__PURE__ */ o(t.Section, { id: "s2", spaced: !0, className: "x-main b-x", children: "Section 2. This section is spaced" })
+    ]
+  }
+);
+export {
+  Z as Base,
+  $ as ItemType,
+  tt as WithSections,
+  Y as default
+};

package/dist/stories/b/SocialMediaButton.stories.js

@@ -0,0 +1,95 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import "react";
+import "../../ui/a/AppContext/Context.js";
+import a from "../../ui/a/AppContext/ContextProvider.js";
+import "../../ui/a/BlurOverlay/BlurOverlay.js";
+import { S 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 tt = {
+  title: "b/SocialMediaButton",
+  component: t,
+  subcomponents: {
+    // Item:SocialMediaButton.Item
+  },
+  decorators: [
+    // storyfn => <div className="">{ storyfn() }</div>,
+  ],
+  argTypes: {
+    // backgroundColor:{ control: 'color' },
+    isTransparent: { control: "boolean" }
+  }
+}, p = ({ isTransparent: o = !1, ...m }) => /* @__PURE__ */ e(a, { ...m, children: [
+  /* @__PURE__ */ r(t, { type: "facebook", isTransparent: o }),
+  /* @__PURE__ */ r(t, { type: "twitter", isTransparent: o }),
+  /* @__PURE__ */ r(t, { type: "instagram", isTransparent: o }),
+  /* @__PURE__ */ r(t, { type: "linkedin", isTransparent: o }),
+  /* @__PURE__ */ r(t, { type: "threads", isTransparent: o })
+] }), i = p.bind({});
+i.args = {
+  config: {
+    SITE: {
+      NAME: "Pareto",
+      CANONICAL: "https://pareto.ai",
+      SUPPORT_EMAIL: "support@hellopareto.com",
+      TITLE_SUFFIX: "| Pareto"
+    },
+    SOCIAL: {
+      FACEBOOK: "https://www.facebook.com/hellopareto",
+      INSTAGRAM: "https://www.instagram.com/hellopareto",
+      TWITTER: "https://www.twitter.com/hellopareto",
+      LINKEDIN: "https://www.linkedin.com/company/hellopareto",
+      THREADS: "https://www.threads.net/@hellopareto"
+    },
+    EXTRA: {
+      SURVEY: "https://survey.pareto.ai"
+    }
+  }
+};
+const s = p.bind({});
+s.args = {
+  ...i.args,
+  isTransparent: !0
+};
+export {
+  i as Base,
+  s as Transparent,
+  tt as default
+};

package/dist/stories/b/ThemeSelector.stories.js

@@ -0,0 +1,86 @@
+import { jsx as o } from "react/jsx-runtime";
+import "react";
+import "../../ui/a/AppContext/Context.js";
+import p from "../../ui/a/AppContext/ContextProvider.js";
+import e from "../../ui/a/AppContext/useApp.js";
+import "../../ui/a/BlurOverlay/BlurOverlay.js";
+import { T 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 Z = {
+  title: "b/ThemeSelector",
+  component: t,
+  subcomponents: {
+    // Item:ThemeSelector.Item
+  },
+  decorators: [
+    (r) => /* @__PURE__ */ o(
+      p,
+      {
+        config: {
+          APP: {
+            NAME: "name of my site",
+            CANONICAL: "https://mysite.com"
+          }
+        },
+        children: r()
+      }
+    )
+  ],
+  argTypes: {
+    // backgroundColor:{ control: 'color' },
+  }
+}, oo = () => /* @__PURE__ */ o(() => {
+  const { userTheme: m } = e();
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: [
+        `ui-${m}`,
+        "y-background-far b-y"
+      ].filter((i) => i).join(" "),
+      children: /* @__PURE__ */ o(t, {})
+    }
+  );
+}, {});
+export {
+  oo as Base,
+  Z as default
+};

package/dist/stories/b/Title.stories.js

@@ -0,0 +1,82 @@
+import { jsx as t } 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 "../../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 r from "../../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 Z = {
+  title: "b/Title",
+  component: r,
+  subcomponents: {
+    // Item:Title.Item
+  },
+  decorators: [
+    // storyfn => <div className="">{ storyfn() }</div>,
+  ],
+  argTypes: {
+    heading: { control: "text" },
+    subtitle: { control: "text" }
+  }
+}, p = (i) => /* @__PURE__ */ t(r, { ...i }), m = p.bind({});
+m.args = {
+  heading: "Test"
+};
+const e = p.bind({});
+e.args = {
+  heading: "Test",
+  subtitle: "This will appear as the subtitle"
+};
+const z = (i) => ["h1", "h2", "h3", "h4", "h5"].map((o) => /* @__PURE__ */ t("div", { className: "u2 pv-u", children: /* @__PURE__ */ t("div", { className: "y-background-far b-hard-y", children: /* @__PURE__ */ t(
+  r,
+  {
+    heading: `This is a title in ${o}`,
+    headingAs: o,
+    subtitle: "Here goes the subtitle",
+    ...i
+  }
+) }) }, o));
+export {
+  m as Base,
+  z as Sizes,
+  e as WithSubtitle,
+  Z as default
+};

package/dist/stories/c/Modal.stories.js

@@ -0,0 +1,76 @@
+import { jsx as o, jsxs as e, Fragment as l } from "react/jsx-runtime";
+import { useState as n } from "react";
+import "../../ui/a/AppContext/Context.js";
+import "../../ui/a/AppContext/ContextProvider.js";
+import "../../ui/a/BlurOverlay/BlurOverlay.js";
+import { B as s, M as p } 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 c } from "../colors.js";
+const mo = {
+  title: "c/Modal",
+  component: p,
+  subcomponents: {
+    // Item:ModalButton.Item
+  },
+  decorators: [
+    // (storyfn) => <ModalContextProvider>{storyfn()}</ModalContextProvider>,
+  ],
+  argTypes: {
+    children: { control: { type: "text" } },
+    color: { control: { type: "select" }, options: c },
+    title: { control: { type: "text" } }
+  }
+}, a = (t) => {
+  const { children: m } = t, [r, i] = n(!1);
+  return /* @__PURE__ */ e(l, { children: [
+    /* @__PURE__ */ o(s, { onClick: () => i(!r), color: "anchor", children: "Click to open modal" }),
+    r && /* @__PURE__ */ o(p, { ...t, close: () => i(!1), children: m })
+  ] });
+}, d = a.bind({});
+d.args = {
+  color: "anchor",
+  title: "Modal Title",
+  children: /* @__PURE__ */ o("div", { children: "This is a modal." })
+};
+export {
+  d as Base,
+  mo as default
+};

package/dist/stories/c/Shortener.stories.js

@@ -0,0 +1,73 @@
+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 { d 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: "c/Shortener",
+  component: t,
+  subcomponents: {
+    // Item:Shortener.Item
+  },
+  decorators: [
+    // storyfn => <div className="">{ storyfn() }</div>,
+  ],
+  argTypes: {
+    // backgroundColor:{ control: 'color' },
+    // limit:{ control: 'number' },
+  }
+}, i = (o) => /* @__PURE__ */ r(
+  t,
+  {
+    style: { maxWidth: "300px" },
+    ...o,
+    children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+  }
+), m = i.bind({});
+m.args = {
+  limit: 10
+};
+export {
+  m as Base,
+  X as default
+};