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

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-Dph10A1v.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-Dph10A1v.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-Dph10A1v.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-Dph10A1v.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-Dph10A1v.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-Dph10A1v.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-Dph10A1v.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-Dph10A1v.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-Dph10A1v.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-Dph10A1v.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
 };

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

@@ -3,7 +3,7 @@ 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-Dph10A1v.js";
+import { B as s, M as p } 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 c } from "../colors.js";
-const lo = {
+const no = {
   title: "c/Modal",
   component: p,
   subcomponents: {
@@ -74,5 +75,5 @@ d.args = {
 };
 export {
   d as Base,
-  lo as default
+  no as default
 };

package/dist/stories/c/Shortener.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 { d as t } from "../../FormBuilder-Dph10A1v.js";
+import { d 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 Z = {
+import "../../ui/utils/ScrollArea/ScrollArea.js";
+const $ = {
   title: "c/Shortener",
   component: t,
   subcomponents: {
@@ -71,5 +72,5 @@ m.args = {
 };
 export {
   m as Base,
-  Z as default
+  $ as default
 };

package/dist/stories/c/SocialMediaShareButton.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-Dph10A1v.js";
+import "../../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 p from "../utils/Router.js";
-const ot = {
+const rt = {
   title: "c/SocialMediaShareButton",
   component: r,
   subcomponents: {
@@ -70,5 +71,5 @@ e.args = {
 export {
   m as Facebook,
   e as Twitter,
-  ot as default
+  rt as default
 };

package/dist/stories/f/Checkbox.stories.js

@@ -4,7 +4,7 @@ import { useField as b, Formik as d, Form as g } from "formik";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import { j as p, D as u } from "../../FormBuilder-Dph10A1v.js";
+import { j as p, D as u } 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 fo = {
+import "../../ui/utils/ScrollArea/ScrollArea.js";
+const xo = {
   title: "f/fields/Checkbox",
   component: p,
   subcomponents: {
@@ -130,5 +131,5 @@ export {
   h as WithDefaultFormikValue,
   x as WithDescription,
   e as WithLabel,
-  fo as default
+  xo as default
 };

package/dist/stories/f/ChoicesInput.stories.js

@@ -3,7 +3,7 @@ import { useEffect as s } from "react";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import { g as i, D as c } from "../../FormBuilder-Dph10A1v.js";
+import { g as i, D as c } 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 Co = {
+import "../../ui/utils/ScrollArea/ScrollArea.js";
+const fo = {
   title: "f/fields/ChoicesInput",
   component: i,
   subcomponents: {
@@ -101,9 +102,9 @@ const Co = {
     label: "Color Black"
   }
 ], o = ({ defaultValue: t, ...e }) => /* @__PURE__ */ l(() => {
-  const [, , a] = u(e.name), { setValue: m } = a;
+  const [, , m] = u(e.name), { setValue: a } = m;
   return s(() => {
-    t && m(t);
+    t && a(t);
   }, [t]), /* @__PURE__ */ n(
     "div",
     {
@@ -164,5 +165,5 @@ export {
   h as MultipleWithDefaultFormikValue,
   v as Optional,
   C as WithDefaultFormikValue,
-  Co as default
+  fo as default
 };

package/dist/stories/f/Combobox.stories.js

@@ -4,7 +4,7 @@ import { Formik as r, Form as m } from "formik";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import { Q as e, D as l } from "../../FormBuilder-Dph10A1v.js";
+import { Q as e, D as l } from "../../FormBuilder-DFK61jJk.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -44,7 +44,8 @@ import "../../ui/g/DragAndDrop/DragAndDrop.js";
 import "../../debounce-Cm69Z_cF.js";
 import "../../throttle-BCrS-Wew.js";
 import "../../ui/utils/formatting.js";
-const io = {
+import "../../ui/utils/ScrollArea/ScrollArea.js";
+const po = {
   title: "f/fields/Combobox",
   component: e,
   subcomponents: {
@@ -81,7 +82,7 @@ const io = {
     promptCreateNewOption: !0,
     validate: n
   }
-}, po = {
+}, ro = {
   args: {
     ...a.args,
     multiple: !0
@@ -89,7 +90,7 @@ const io = {
 };
 export {
   a as Base,
-  po as Multiple,
-  io as default,
+  ro as Multiple,
+  po as default,
   n as isNotEmpty
 };

package/dist/stories/f/Description.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-Dph10A1v.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 oo = {
+import "../../ui/utils/ScrollArea/ScrollArea.js";
+const to = {
   title: "f/common/Description",
   component: i,
   subcomponents: {
@@ -72,5 +73,5 @@ e.args = {
 };
 export {
   e as Base,
-  oo as default
+  to as default
 };

package/dist/stories/f/DragAndDropFileUpload.stories.js

@@ -4,7 +4,7 @@ import { Formik as i, Form as m } from "formik";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import { q as t } from "../../FormBuilder-Dph10A1v.js";
+import { q 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 rr = {
+import "../../ui/utils/ScrollArea/ScrollArea.js";
+const or = {
   title: "f/fields/DragAndDropFileUpload",
   component: t,
   subcomponents: {
@@ -81,7 +82,7 @@ const rr = {
     filePreviewAlignment: "bottom",
     newRegistration: !0
   }
-}, or = {
+}, tr = {
   args: {
     ...o.args,
     name: "documents",
@@ -93,7 +94,7 @@ const rr = {
     maxSize: 10 * 1024 * 1024
     // 10MB
   }
-}, tr = {
+}, er = {
   args: {
     name: "images",
     label: "Upload images",
@@ -107,7 +108,7 @@ const rr = {
     maxCount: 3,
     multiple: !0
   }
-}, er = {
+}, ir = {
   args: {
     ...o.args,
     uploadStatus: {
@@ -115,7 +116,7 @@ const rr = {
       "cover-letter.pdf": { status: "pending", progress: 45 }
     }
   }
-}, ir = {
+}, mr = {
   args: {
     ...o.args,
     disabled: !0
@@ -125,15 +126,15 @@ const rr = {
   name: "resume.pdf",
   url: "https://example.com/resume.pdf",
   writeOnly: !1
-}, mr = {
+}, pr = {
   render: () => /* @__PURE__ */ r(t.Preview, { file: p })
 };
 export {
   o as Base,
-  ir as Disabled,
-  tr as ImageUpload,
-  or as Multiple,
-  mr as Preview,
-  er as WithUploadStatus,
-  rr as default
+  mr as Disabled,
+  er as ImageUpload,
+  tr as Multiple,
+  pr as Preview,
+  ir as WithUploadStatus,
+  or as default
 };

package/dist/stories/f/EditorInput.stories.js

@@ -4,7 +4,7 @@ import { Formik as e, Form as n } from "formik";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import { E as p, D as l } from "../../FormBuilder-Dph10A1v.js";
+import { E as p, D as l } 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 po = {
+import "../../ui/utils/ScrollArea/ScrollArea.js";
+const mo = {
   title: "f/fields/EditorInput",
   component: p,
   subcomponents: {
@@ -101,5 +102,5 @@ export {
   i as Base,
   a as Disabled,
   s as Optional,
-  po as default
+  mo as default
 };