@pareto-engineering/design-system 5.11.25-alpha.0 → 5.12.1-alpha.0

package/dist/stories/a/SVG.stories.js

@@ -3,7 +3,7 @@ import "react";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import "../../FormBuilder-DWGBenzf.js";
+import "../../FormBuilder-DFK61jJk.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -45,7 +45,8 @@ import "../../ui/f/fields/RadioInput/RadioInput.js";
 import "../../ui/g/DragAndDrop/DragAndDrop.js";
 import "../../throttle-BCrS-Wew.js";
 import "../../ui/utils/formatting.js";
-const Y = {
+import "../../ui/utils/ScrollArea/ScrollArea.js";
+const Z = {
   title: "a/SVG",
   component: t,
   subcomponents: {
@@ -57,7 +58,7 @@ const Y = {
   argTypes: {
     backgroundColor: { control: "color" }
   }
-}, Z = () => /* @__PURE__ */ o(
+}, $ = () => /* @__PURE__ */ o(
   t,
   {
     height: "200",
@@ -65,7 +66,7 @@ const Y = {
     target: "engine",
     className: "x-black"
   }
-), $ = () => /* @__PURE__ */ i(r, { children: [
+), tt = () => /* @__PURE__ */ i(r, { children: [
   /* @__PURE__ */ i("p", { children: [
     "The logo can be used as a simple SVG, but you are probably looking for",
     " ",
@@ -83,7 +84,7 @@ const Y = {
       className: "x-green"
     }
   )
-] }), tt = () => /* @__PURE__ */ o(
+] }), ot = () => /* @__PURE__ */ o(
   t,
   {
     height: "200",
@@ -91,7 +92,7 @@ const Y = {
     target: "engine",
     className: "y-green"
   }
-), ot = () => /* @__PURE__ */ i(r, { children: [
+), it = () => /* @__PURE__ */ i(r, { children: [
   /* @__PURE__ */ o(
     t,
     {
@@ -149,9 +150,9 @@ const Y = {
   )
 ] });
 export {
-  ot as Animated,
-  Z as Base,
-  $ as Logo,
-  tt as Stroke,
-  Y as default
+  it as Animated,
+  $ as Base,
+  tt as Logo,
+  ot as Stroke,
+  Z as default
 };

package/dist/stories/a/SnapScroller.stories.js

@@ -3,7 +3,7 @@ import "react";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import "../../FormBuilder-DWGBenzf.js";
+import "../../FormBuilder-DFK61jJk.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -45,7 +45,8 @@ import "../../ui/f/fields/RadioInput/RadioInput.js";
 import "../../ui/g/DragAndDrop/DragAndDrop.js";
 import "../../throttle-BCrS-Wew.js";
 import "../../ui/utils/formatting.js";
-const Z = {
+import "../../ui/utils/ScrollArea/ScrollArea.js";
+const $ = {
   title: "a/SnapScroller",
   component: t,
   subcomponents: {
@@ -57,7 +58,7 @@ const Z = {
   argTypes: {
     backgroundColor: { control: "color" }
   }
-}, $ = () => {
+}, ii = () => {
   const e = ({ children: r }) => /* @__PURE__ */ i(
     "div",
     {
@@ -78,7 +79,7 @@ const Z = {
     /* @__PURE__ */ i(e, { children: "Nam quis enim egestas, posuere felis ut, egestas tellus. Nulla facilisi. Pellentesque euismod bibendum ex ac euismod. Etiam rutrum quam nec nisi bibendum, sodales facilisis nunc dapibus. Nullam molestie magna efficitur dapibus pharetra." }),
     /* @__PURE__ */ i(e, { children: "Sed quis lacinia lacus. Nam id faucibus nisi, quis imperdiet erat. Sed ac iaculis elit." })
   ] });
-}, ii = () => {
+}, ei = () => {
   const e = ({ children: r }) => /* @__PURE__ */ i(
     "div",
     {
@@ -101,7 +102,7 @@ const Z = {
   ] });
 };
 export {
-  $ as Base,
-  ii as NoScrollOnDesktop,
-  Z as default
+  ii as Base,
+  ei as NoScrollOnDesktop,
+  $ as default
 };

package/dist/stories/a/Spinner.stories.js

@@ -3,7 +3,7 @@ import "react";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import "../../FormBuilder-DWGBenzf.js";
+import "../../FormBuilder-DFK61jJk.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -45,7 +45,8 @@ import "../../ui/f/fields/RadioInput/RadioInput.js";
 import "../../ui/g/DragAndDrop/DragAndDrop.js";
 import "../../throttle-BCrS-Wew.js";
 import "../../ui/utils/formatting.js";
-const W = {
+import "../../ui/utils/ScrollArea/ScrollArea.js";
+const X = {
   title: "a/Spinner",
   component: r,
   subcomponents: {
@@ -57,8 +58,8 @@ const W = {
   argTypes: {
     backgroundColor: { control: "color" }
   }
-}, X = () => /* @__PURE__ */ o("div", { className: "y-background-far b-y", children: /* @__PURE__ */ o(r, {}) });
+}, Y = () => /* @__PURE__ */ o("div", { className: "y-background-far b-y", children: /* @__PURE__ */ o(r, {}) });
 export {
-  X as Base,
-  W as default
+  Y as Base,
+  X as default
 };

package/dist/stories/a/TextSteps.stories.js

@@ -3,7 +3,7 @@ import "react";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import "../../FormBuilder-DWGBenzf.js";
+import "../../FormBuilder-DFK61jJk.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -45,15 +45,16 @@ import "../../ui/f/fields/RadioInput/RadioInput.js";
 import "../../ui/g/DragAndDrop/DragAndDrop.js";
 import "../../throttle-BCrS-Wew.js";
 import "../../ui/utils/formatting.js";
-const X = {
+import "../../ui/utils/ScrollArea/ScrollArea.js";
+const Y = {
   title: "a/TextSteps",
   component: o
 }, i = [
   "Join Pareto in minutes. Share your business goals to match with a Project Partner.",
   "Receive initial output in 24 hours. Give feedback to fine-tune results and level up your Pareto team.",
   "Tap into economies of scale with tried and true playbooks: Benefit from strategic project recommendations. Enjoy continuous workflow improvement and documented learnings."
-], Y = () => /* @__PURE__ */ t("div", { className: "grid span-8 md-span-14", children: /* @__PURE__ */ t(o, { items: i }) });
+], Z = () => /* @__PURE__ */ t("div", { className: "grid span-8 md-span-14", children: /* @__PURE__ */ t(o, { items: i }) });
 export {
-  Y as Base,
-  X as default
+  Z as Base,
+  Y as default
 };

package/dist/stories/a/Timestamp.stories.js

@@ -3,7 +3,7 @@ import "react";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import "../../FormBuilder-DWGBenzf.js";
+import "../../FormBuilder-DFK61jJk.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -45,7 +45,8 @@ import "../../ui/f/fields/RadioInput/RadioInput.js";
 import "../../ui/g/DragAndDrop/DragAndDrop.js";
 import "../../throttle-BCrS-Wew.js";
 import "../../ui/utils/formatting.js";
-const it = {
+import "../../ui/utils/ScrollArea/ScrollArea.js";
+const pt = {
   title: "a/Timestamp",
   component: m,
   subcomponents: {
@@ -90,5 +91,5 @@ export {
   p as DistanceFormat,
   d as Prefix,
   n as RelativeFormat,
-  it as default
+  pt as default
 };

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

@@ -3,7 +3,7 @@ import "react";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import "../../FormBuilder-DWGBenzf.js";
+import "../../FormBuilder-DFK61jJk.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -45,7 +45,8 @@ import "../../ui/f/fields/RadioInput/RadioInput.js";
 import "../../ui/g/DragAndDrop/DragAndDrop.js";
 import "../../throttle-BCrS-Wew.js";
 import "../../ui/utils/formatting.js";
-const Z = {
+import "../../ui/utils/ScrollArea/ScrollArea.js";
+const $ = {
   title: "a/Tip",
   component: o,
   subcomponents: {
@@ -65,5 +66,5 @@ m.args = {
 };
 export {
   m as Base,
-  Z as default
+  $ as default
 };

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

@@ -3,7 +3,7 @@ import "react";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import "../../FormBuilder-DWGBenzf.js";
+import "../../FormBuilder-DFK61jJk.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -45,7 +45,8 @@ import "../../ui/f/fields/RadioInput/RadioInput.js";
 import "../../ui/g/DragAndDrop/DragAndDrop.js";
 import "../../throttle-BCrS-Wew.js";
 import "../../ui/utils/formatting.js";
-const Y = {
+import "../../ui/utils/ScrollArea/ScrollArea.js";
+const Z = {
   title: "a/ToggleSwitch",
   component: o,
   subcomponents: {
@@ -57,13 +58,13 @@ const Y = {
   argTypes: {
     size: { control: "string" }
   }
-}, Z = () => /* @__PURE__ */ t(o, {}), $ = () => /* @__PURE__ */ i(p, { children: [
+}, $ = () => /* @__PURE__ */ t(o, {}), oo = () => /* @__PURE__ */ i(p, { children: [
   /* @__PURE__ */ t(o, { inputId: "option1" }),
   /* @__PURE__ */ t(o, { inputId: "option2" }),
   /* @__PURE__ */ t(o, { inputId: "option3" })
 ] });
 export {
-  $ as Multiple,
-  Z as Single,
-  Y as default
+  oo as Multiple,
+  $ as Single,
+  Z as default
 };

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

@@ -3,7 +3,7 @@ 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-DWGBenzf.js";
+import { B as m } from "../../FormBuilder-DFK61jJk.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -45,7 +45,8 @@ import "../../ui/f/fields/RadioInput/RadioInput.js";
 import "../../ui/g/DragAndDrop/DragAndDrop.js";
 import "../../throttle-BCrS-Wew.js";
 import "../../ui/utils/formatting.js";
-const $ = {
+import "../../ui/utils/ScrollArea/ScrollArea.js";
+const oo = {
   title: "a/Tooltip",
   component: i,
   subcomponents: {
@@ -81,19 +82,19 @@ const $ = {
       children: /* @__PURE__ */ o(i, { ...r })
     }
   )
-}, oo = {
+}, to = {
   ...t,
   args: {
     ...t.args,
     position: "left"
   }
-}, to = {
+}, io = {
   ...t,
   args: {
     ...t.args,
     position: "right"
   }
-}, io = {
+}, ro = {
   ...t,
   args: {
     ...t.args,
@@ -102,8 +103,8 @@ const $ = {
 };
 export {
   t as Base,
-  oo as Left,
-  to as Right,
-  io as Top,
-  $ as default
+  to as Left,
+  io as Right,
+  ro as Top,
+  oo as default
 };

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

@@ -3,7 +3,7 @@ import "react";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import "../../FormBuilder-DWGBenzf.js";
+import "../../FormBuilder-DFK61jJk.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -45,7 +45,8 @@ import "../../ui/f/fields/RadioInput/RadioInput.js";
 import "../../ui/g/DragAndDrop/DragAndDrop.js";
 import "../../throttle-BCrS-Wew.js";
 import "../../ui/utils/formatting.js";
-const Z = {
+import "../../ui/utils/ScrollArea/ScrollArea.js";
+const $ = {
   title: "a/XMLEditor",
   component: t,
   decorators: [
@@ -57,5 +58,5 @@ const Z = {
 p.args = {};
 export {
   p as Base,
-  Z as default
+  $ as default
 };

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

@@ -3,7 +3,7 @@ import { createElement 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 i } from "../../../FormBuilder-DWGBenzf.js";
+import { B as i } from "../../../FormBuilder-DFK61jJk.js";
 import "../../../ui/a/Conversation/Context.js";
 import "../../../ui/a/DotInfo/DotInfo.js";
 import "../../../ui/a/Figure/Figure.js";
@@ -45,8 +45,9 @@ import "../../../ui/f/fields/RadioInput/RadioInput.js";
 import "../../../ui/g/DragAndDrop/DragAndDrop.js";
 import "../../../throttle-BCrS-Wew.js";
 import "../../../ui/utils/formatting.js";
+import "../../../ui/utils/ScrollArea/ScrollArea.js";
 import { ALL_COLORS as e } from "../../colors.js";
-const wt = {
+const ft = {
   title: "b/Button",
   component: i,
   subcomponents: {
@@ -72,7 +73,7 @@ a.args = {
   isGhost: !0,
   children: "Sample Button"
 };
-const t = (o) => e.map((r) => /* @__PURE__ */ n(i, { ...o, color: r, key: r }, "This is a", " ", r, " ", "button")), ft = t.bind({}), l = t.bind({});
+const t = (o) => e.map((r) => /* @__PURE__ */ n(i, { ...o, color: r, key: r }, "This is a", " ", r, " ", "button")), Dt = t.bind({}), l = t.bind({});
 l.args = {
   isGhost: !0
 };
@@ -149,8 +150,8 @@ export {
   l as Ghosts,
   c as Gradient,
   S as Loading,
-  ft as Normal,
+  Dt as Normal,
   d as Simple,
   h as SimpleDisabled,
-  wt as default
+  ft as default
 };

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

@@ -3,7 +3,7 @@ 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-DWGBenzf.js";
+import { B as o } from "../../../FormBuilder-DFK61jJk.js";
 import "../../../ui/a/Conversation/Context.js";
 import "../../../ui/a/DotInfo/DotInfo.js";
 import "../../../ui/a/Figure/Figure.js";
@@ -45,8 +45,9 @@ import "../../../ui/f/fields/RadioInput/RadioInput.js";
 import "../../../ui/g/DragAndDrop/DragAndDrop.js";
 import "../../../throttle-BCrS-Wew.js";
 import "../../../ui/utils/formatting.js";
+import "../../../ui/utils/ScrollArea/ScrollArea.js";
 import { ALL_COLORS as m } from "../../colors.js";
-const rt = {
+const pt = {
   title: "b/Button/Group",
   component: o.Group,
   decorators: [
@@ -57,5 +58,5 @@ const rt = {
 s.args = {};
 export {
   s as Base,
-  rt as default
+  pt as default
 };

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

@@ -3,7 +3,7 @@ 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-DWGBenzf.js";
+import { c as o } from "../../../FormBuilder-DFK61jJk.js";
 import "../../../ui/a/Conversation/Context.js";
 import "../../../ui/a/DotInfo/DotInfo.js";
 import "../../../ui/a/Figure/Figure.js";
@@ -45,7 +45,8 @@ import "../../../ui/f/fields/RadioInput/RadioInput.js";
 import "../../../ui/g/DragAndDrop/DragAndDrop.js";
 import "../../../throttle-BCrS-Wew.js";
 import "../../../ui/utils/formatting.js";
-const tr = {
+import "../../../ui/utils/ScrollArea/ScrollArea.js";
+const ir = {
   title: "b/Card",
   component: o,
   subcomponents: {
@@ -83,5 +84,5 @@ export {
   e as Base,
   c as CardWithImageSection,
   n as CardWithProgress,
-  tr as default
+  ir as default
 };

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

@@ -3,7 +3,7 @@ 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-DWGBenzf.js";
+import { c as o } from "../../../FormBuilder-DFK61jJk.js";
 import "../../../ui/a/Conversation/Context.js";
 import "../../../ui/a/DotInfo/DotInfo.js";
 import "../../../ui/a/Figure/Figure.js";
@@ -45,7 +45,8 @@ import "../../../ui/f/fields/RadioInput/RadioInput.js";
 import "../../../ui/g/DragAndDrop/DragAndDrop.js";
 import "../../../throttle-BCrS-Wew.js";
 import "../../../ui/utils/formatting.js";
-const or = {
+import "../../../ui/utils/ScrollArea/ScrollArea.js";
+const tr = {
   title: "b/Card/Group",
   component: o.Group,
   decorators: [
@@ -81,5 +82,5 @@ export {
   m as Base,
   e as CardGroupGridOnDesktop,
   n as CardGroupNotSnapScroller,
-  or as default
+  tr as default
 };

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

@@ -3,7 +3,7 @@ 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-DWGBenzf.js";
+import { L as t } from "../../FormBuilder-DFK61jJk.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -45,8 +45,9 @@ import "../../ui/f/fields/RadioInput/RadioInput.js";
 import "../../ui/g/DragAndDrop/DragAndDrop.js";
 import "../../throttle-BCrS-Wew.js";
 import "../../ui/utils/formatting.js";
+import "../../ui/utils/ScrollArea/ScrollArea.js";
 import { ALL_COLORS as i } from "../colors.js";
-const ro = {
+const mo = {
   title: "b/Logo",
   component: t,
   subcomponents: {
@@ -59,13 +60,13 @@ const ro = {
     // backgroundColor:{ control: 'color' },
     square: { control: "boolean" }
   }
-}, e = (o) => /* @__PURE__ */ m(t, { ...o }), mo = e.bind({}), p = (o) => i.map((r) => /* @__PURE__ */ m(t, { color: r, ...o }, r)), po = p.bind({}), s = p.bind({});
+}, e = (o) => /* @__PURE__ */ m(t, { ...o }), po = e.bind({}), p = (o) => i.map((r) => /* @__PURE__ */ m(t, { color: r, ...o }, r)), io = p.bind({}), s = p.bind({});
 s.args = {
   square: !0
 };
 export {
-  mo as Base,
-  po as Color,
+  po as Base,
+  io as Color,
   s as Square,
-  ro as default
+  mo as default
 };

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

@@ -3,7 +3,7 @@ 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-DWGBenzf.js";
+import { P as t } from "../../FormBuilder-DFK61jJk.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -45,8 +45,9 @@ import "../../ui/f/fields/RadioInput/RadioInput.js";
 import "../../ui/g/DragAndDrop/DragAndDrop.js";
 import "../../throttle-BCrS-Wew.js";
 import "../../ui/utils/formatting.js";
+import "../../ui/utils/ScrollArea/ScrollArea.js";
 import { HelmetProvider as r } from "react-helmet-async";
-const $ = {
+const tt = {
   title: "b/Page",
   component: t,
   subcomponents: {
@@ -61,7 +62,7 @@ const $ = {
     as: { control: "text" },
     itemType: { control: "text" }
   }
-}, tt = () => /* @__PURE__ */ o(t, { id: "default", children: "Inspect source for details." }), ot = () => /* @__PURE__ */ i(
+}, ot = () => /* @__PURE__ */ o(t, { id: "default", children: "Inspect source for details." }), it = () => /* @__PURE__ */ i(
   t,
   {
     id: "itemtype",
@@ -78,7 +79,7 @@ const $ = {
       "needs to be provided as well."
     ]
   }
-), it = () => /* @__PURE__ */ i(
+), et = () => /* @__PURE__ */ i(
   t,
   {
     id: "with-sections",
@@ -89,8 +90,8 @@ const $ = {
   }
 );
 export {
-  tt as Base,
-  ot as ItemType,
-  it as WithSections,
-  $ as default
+  ot as Base,
+  it as ItemType,
+  et as WithSections,
+  tt as default
 };

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

@@ -3,7 +3,7 @@ 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-DWGBenzf.js";
+import { S as t } from "../../FormBuilder-DFK61jJk.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -45,7 +45,8 @@ import "../../ui/f/fields/RadioInput/RadioInput.js";
 import "../../ui/g/DragAndDrop/DragAndDrop.js";
 import "../../throttle-BCrS-Wew.js";
 import "../../ui/utils/formatting.js";
-const rt = {
+import "../../ui/utils/ScrollArea/ScrollArea.js";
+const pt = {
   title: "b/SocialMediaButton",
   component: t,
   subcomponents: {
@@ -93,5 +94,5 @@ s.args = {
 export {
   i as Base,
   s as Transparent,
-  rt as default
+  pt as default
 };

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

@@ -4,7 +4,7 @@ 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-DWGBenzf.js";
+import { T as t } from "../../FormBuilder-DFK61jJk.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -46,7 +46,8 @@ import "../../ui/f/fields/RadioInput/RadioInput.js";
 import "../../ui/g/DragAndDrop/DragAndDrop.js";
 import "../../throttle-BCrS-Wew.js";
 import "../../ui/utils/formatting.js";
-const ro = {
+import "../../ui/utils/ScrollArea/ScrollArea.js";
+const to = {
   title: "b/ThemeSelector",
   component: t,
   subcomponents: {
@@ -69,7 +70,7 @@ const ro = {
   argTypes: {
     // backgroundColor:{ control: 'color' },
   }
-}, to = () => /* @__PURE__ */ o(() => {
+}, mo = () => /* @__PURE__ */ o(() => {
   const { userTheme: m } = e();
   return /* @__PURE__ */ o(
     "div",
@@ -83,6 +84,6 @@ const ro = {
   );
 }, {});
 export {
-  to as Base,
-  ro as default
+  mo as Base,
+  to as default
 };

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

@@ -3,7 +3,7 @@ import "react";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import "../../FormBuilder-DWGBenzf.js";
+import "../../FormBuilder-DFK61jJk.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -45,7 +45,8 @@ import "../../ui/f/fields/RadioInput/RadioInput.js";
 import "../../ui/g/DragAndDrop/DragAndDrop.js";
 import "../../throttle-BCrS-Wew.js";
 import "../../ui/utils/formatting.js";
-const tt = {
+import "../../ui/utils/ScrollArea/ScrollArea.js";
+const it = {
   title: "b/Title",
   component: r,
   subcomponents: {
@@ -67,7 +68,7 @@ e.args = {
   heading: "Test",
   subtitle: "This will appear as the subtitle"
 };
-const it = (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(
+const ot = (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}`,
@@ -78,7 +79,7 @@ const it = (i) => ["h1", "h2", "h3", "h4", "h5"].map((o) => /* @__PURE__ */ t("d
 ) }) }, o));
 export {
   m as Base,
-  it as Sizes,
+  ot as Sizes,
   e as WithSubtitle,
-  tt as default
+  it as default
 };