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

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-DWGBenzf.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-DWGBenzf.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-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,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-DWGBenzf.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-DWGBenzf.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-DWGBenzf.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-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 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-DWGBenzf.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-DWGBenzf.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
 };

package/dist/stories/f/FileUpload.stories.js

@@ -4,7 +4,7 @@ import { Formik as p, Form as m } from "formik";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import { n as i } from "../../FormBuilder-DWGBenzf.js";
+import { n 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,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 io = {
   title: "f/fields/FileUpload",
   component: i,
   subcomponents: {
@@ -74,12 +75,12 @@ const oo = {
       ".pdf,application/pdf"
     ]
   }
-}, io = {
+}, to = {
   args: {
     ...t.args,
     multiple: !0
   }
-}, to = {
+}, ro = {
   args: {
     ...t.args,
     maxCount: 2
@@ -89,13 +90,13 @@ const oo = {
   name: "test.tar",
   url: "https://forte-development-assets.pareto.ai/task/73/101568dad8544564901830661183e281.tar?Expires=1725387927&Signature=D8wIYnCQKyS6kkZbumgHHJ8fXnciwz1f31YGpKUH47InfPFDqGTDpEDub4xsjDPlxlDWomNj05xJs~uiaef49ZuRnPKRgcUFzw86Pn9A81Rw5gawfmuIpJPaUIkhG6VpsmH5pKnnEX2jWb0t5OqD~jMiL1aQU8f7HS241E9qdLy1kG9BHAHYR8IxSz9mHeZD3k~cjVW3I4QtB1PuN3nOgLH1ebBHI0Y1bk6kyVT1Bihz0bpbdg6o5KkoV6DKqLUGbsxvYliWOX8XCjkoDujtl8hDnTFS6Hix75a9idf3qVbTA7IDhoGodzVRw8MbyIHashxQ5-5XRF0mAblJr~2QTQ__&Key-Pair-Id=K3IY7IU3GPUR0N",
   writeOnly: !1
-}, ro = {
+}, po = {
   render: () => /* @__PURE__ */ o(i.Preview, { file: e })
 };
 export {
   t as Base,
-  io as Multiple,
-  ro as Preview,
-  to as WithLimitedCount,
-  oo as default
+  to as Multiple,
+  po as Preview,
+  ro as WithLimitedCount,
+  io as default
 };

package/dist/stories/f/Label.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: "f/common/Label",
   component: o,
   subcomponents: {
@@ -57,12 +58,12 @@ const Z = {
   argTypes: {
     backgroundColor: { control: "color" }
   }
-}, t = (r) => /* @__PURE__ */ m(o, { ...r, children: "Sample Label" }), $ = t.bind(), p = t.bind({});
+}, t = (r) => /* @__PURE__ */ m(o, { ...r, children: "Sample Label" }), oo = t.bind(), p = t.bind({});
 p.args = {
   optional: !0
 };
 export {
-  $ as Base,
+  oo as Base,
   p as Optional,
-  Z as default
+  $ as default
 };

package/dist/stories/f/LinkInput.stories.js

@@ -4,7 +4,7 @@ import { Formik as l, Form as a } from "formik";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import { l as p, D as n } from "../../FormBuilder-DWGBenzf.js";
+import { l as p, D as n } 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 no = {
+import "../../ui/utils/ScrollArea/ScrollArea.js";
+const so = {
   title: "f/fields/LinkInput",
   component: p,
   subcomponents: {
@@ -118,5 +119,5 @@ export {
   g as WithDisabled,
   b as WithPlaceholder,
   d as WithValidation,
-  no as default
+  so as default
 };

package/dist/stories/f/RadioInput.stories.js

@@ -4,7 +4,7 @@ import { Formik as t, Form as i } from "formik";
 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 p from "../../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: "f/fields/RadioInput",
   component: p,
   subcomponents: {
@@ -63,13 +64,13 @@ const Z = {
   argTypes: {
     backgroundColor: { control: "color" }
   }
-}, $ = {
+}, oo = {
   args: {
     label: "Radio Input",
     name: "option"
   }
 };
 export {
-  $ as Base,
-  Z as default
+  oo as Base,
+  $ as default
 };

package/dist/stories/f/RatingsInput.stories.js

@@ -4,7 +4,7 @@ import { Formik as a, Form as e } from "formik";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import { R as p, D as l } from "../../FormBuilder-DWGBenzf.js";
+import { R 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 mt = {
+import "../../ui/utils/ScrollArea/ScrollArea.js";
+const nt = {
   title: "f/fields/RatingsInput",
   component: p,
   subcomponents: {
@@ -113,5 +114,5 @@ export {
   c as Labels,
   m as Numbers,
   s as Optional,
-  mt as default
+  nt as default
 };

package/dist/stories/f/SelectInput.stories.js

@@ -4,7 +4,7 @@ import { Formik as n, Form as s } from "formik";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import { f as p, D as m } from "../../FormBuilder-DWGBenzf.js";
+import { f as p, D 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 co = {
+import "../../ui/utils/ScrollArea/ScrollArea.js";
+const bo = {
   title: "f/fields/SelectInput",
   component: p,
   subcomponents: {
@@ -140,7 +141,7 @@ const l = {
     hasDefault: !0,
     options: [...t.args.options.map((o, r) => r === 2 ? { ...o, isDefault: !0 } : o)]
   }
-}, bo = {
+}, uo = {
   ...l,
   args: {
     ...l.args,
@@ -156,6 +157,6 @@ export {
   u as Required,
   d as StringAndObjects,
   l as WithDefault,
-  bo as WithDefaultNoOverride,
-  co as default
+  uo as WithDefaultNoOverride,
+  bo as default
 };

package/dist/stories/f/TextInput.stories.js

@@ -1,10 +1,10 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { jsxs as a, jsx as i } from "react/jsx-runtime";
 import "react";
 import { Formik as p, Form as l } from "formik";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import { e as m, D as n } from "../../FormBuilder-DWGBenzf.js";
+import { e as m, D as n } from "../../FormBuilder-DFK61jJk.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -45,18 +45,19 @@ import "../../ui/f/fields/RadioInput/RadioInput.js";
 import "../../ui/g/DragAndDrop/DragAndDrop.js";
 import "../../throttle-BCrS-Wew.js";
 import "../../ui/utils/formatting.js";
-const bt = {
+import "../../ui/utils/ScrollArea/ScrollArea.js";
+const gt = {
   title: "f/fields/TextInput",
   component: m,
   subcomponents: {
     // Item:TextInput.Item
   },
   decorators: [
-    (r) => /* @__PURE__ */ e(
+    (r) => /* @__PURE__ */ i(
       p,
       {
         initialValues: { email: "", name: "", company: "" },
-        children: /* @__PURE__ */ e(l, { children: r() })
+        children: /* @__PURE__ */ i(l, { children: r() })
       }
     )
   ],
@@ -81,8 +82,8 @@ const bt = {
       gap: "1rem"
     },
     children: [
-      /* @__PURE__ */ e(m, { ...r }),
-      /* @__PURE__ */ e(n, {})
+      /* @__PURE__ */ i(m, { ...r }),
+      /* @__PURE__ */ i(n, {})
     ]
   }
 ), o = t.bind({});
@@ -96,8 +97,8 @@ s.args = {
   optional: !0
 };
 const c = (r) => {
-  let i = "";
-  return r.length > 3 || (i = "Value should be greater than 3 characters"), i;
+  let e = "";
+  return r.length > 3 || (e = "Value should be greater than 3 characters"), e;
 }, d = t.bind({});
 d.args = {
   ...o.args,
@@ -145,5 +146,5 @@ export {
   u as WithDisabled,
   b as WithPlaceholder,
   d as WithValidation,
-  bt as default
+  gt as default
 };

package/dist/stories/f/TextareaInput.stories.js

@@ -4,7 +4,7 @@ import { Formik as s, Form as m } from "formik";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import { h as a, D as n } from "../../FormBuilder-DWGBenzf.js";
+import { h as a, D as n } 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 bo = {
+import "../../ui/utils/ScrollArea/ScrollArea.js";
+const go = {
   title: "f/fields/TextareaInput",
   component: a,
   subcomponents: {
@@ -135,5 +136,5 @@ export {
   c as Placeholder,
   b as Validation,
   h as VerticalResize,
-  bo as default
+  go as default
 };