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

package/dist/assets/People.css

@@ -1 +1 @@
-:export{base:ds;elementcontent:content;elementheading:heading;elementitem:item;elementsection:section;elementsubtitle:subtitle;modifieractive:active;modifieranimated:animated;modifierattached:attached;modifierblur:blur;modifierclear:clear;modifiercompact:compact;modifierdisabled:disabled;modifierimage:image;modifierghost:ghost;modifieropen:open;modifiersimple:simple;modifierspaced:spaced;modifierunderlined:underlined;wrappergroup:group}.ds.people{display:grid;gap:1em;grid-template-columns:repeat(auto-fill,minmax(var(--column-width),1fr))}.ds.people .person{align-items:center;border-radius:2em;display:flex;padding-right:var(--u)}.ds.people .person .image{border-radius:50%;height:var(--image-size);margin-right:var(--default-image-margin, 1em);width:var(--image-size)}.ds.people .person .details{align-items:flex-start;color:var(--default-color, var(--paragraph));display:flex;flex-direction:column}.ds.people .person .details p:only-child{margin:0}.ds.people .person .details .name{color:var(--default-color, var(--paragraph));margin-bottom:.1em}.ds.people .person .details .role{opacity:.5}
+:export{base:ds;elementcontent:content;elementheading:heading;elementitem:item;elementsection:section;elementsubtitle:subtitle;modifieractive:active;modifieranimated:animated;modifierattached:attached;modifierblur:blur;modifierclear:clear;modifiercompact:compact;modifierdisabled:disabled;modifierimage:image;modifierghost:ghost;modifieropen:open;modifiersimple:simple;modifierspaced:spaced;modifierunderlined:underlined;wrappergroup:group}.ds.people .person{align-items:center;border-radius:2em;display:flex;min-width:var(--column-width);padding-right:var(--u)}.ds.people .person .image{border-radius:50%;height:var(--image-size);margin-right:var(--default-image-margin, 1em);width:var(--image-size)}.ds.people .person .details{align-items:flex-start;color:var(--default-color, var(--paragraph));display:flex;flex:1;flex-direction:column}.ds.people .person .details p:only-child{margin:0}.ds.people .person .details .name{color:var(--default-color, var(--paragraph));margin-bottom:.1em}.ds.people .person .details .role{opacity:.5}

package/dist/index.js

@@ -3,7 +3,7 @@ import { default as p } from "./ui/a/AppContext/ContextProvider.js";
 import { default as u } from "./ui/a/AppContext/useApp.js";
 import { default as d } from "./ui/a/AppContext/useTheme.js";
 import { default as x } from "./ui/a/BlurOverlay/BlurOverlay.js";
-import { A as c, B as T, c as g, j as S, g as C, C as h, a as I, q as D, E as F, s as A, n as P, t as L, D as b, F as B, m as k, l as v, L as y, M, N as w, b as E, P as O, r as Q, k as R, Q as U, i as G, R as N, p as H, f as V, d as j, S as q, e as z, h as W, T as X, o as Z } from "./FormBuilder-DFK61jJk.js";
+import { A as c, B as T, c as g, j as S, g as C, C as h, a as I, q as D, E as F, s as P, n as A, t as L, D as b, F as B, m as k, l as v, L as y, M, N as w, b as E, P as O, r as Q, k as R, Q as U, i as G, R as N, p as H, f as V, d as j, S as q, e as z, h as W, T as X, o as Z } from "./FormBuilder-Cn9TX6jo.js";
 import "./ui/a/Conversation/Context.js";
 import "react";
 import { default as J } from "./ui/a/DotInfo/DotInfo.js";
@@ -20,7 +20,7 @@ import { default as Te } from "./ui/a/SVG/SVG.js";
 import { default as Se } from "./ui/a/SnapScroller/SnapScroller.js";
 import { default as he } from "./ui/a/Spinner/Spinner.js";
 import { default as De } from "./ui/a/Timestamp/Timestamp.js";
-import { default as Ae } from "./ui/a/MetaCard/MetaCard.js";
+import { default as Pe } from "./ui/a/MetaCard/MetaCard.js";
 import { default as Le } from "./ui/a/AnimatedBlobs/AnimatedBlobs.js";
 import { default as Be } from "./ui/a/Tip/Tip.js";
 import { default as ve } from "./ui/a/TextSteps/TextSteps.js";
@@ -47,11 +47,10 @@ import { default as Ta } from "./ui/f/fields/RadioInput/RadioInput.js";
 import { default as Sa } from "./ui/g/DragAndDrop/DragAndDrop.js";
 import { default as ha } from "./ui/utils/hooks/useWindowSize.js";
 import { default as Da } from "./ui/utils/hooks/useDynamicPosition.js";
-import { default as Aa } from "./ui/utils/hooks/useOutsideClick.js";
+import { default as Pa } from "./ui/utils/hooks/useOutsideClick.js";
 import { DATE_FORMATS as La, formatDate as ba, formatTime as Ba, parseDate as ka, snakeCaseToTitleCase as va } from "./ui/utils/formatting.js";
 import { applyCharacterLimit as Ma } from "./ui/utils/applyCharacterLimit.js";
-import { ScrollArea as Ea } from "./ui/utils/ScrollArea/ScrollArea.js";
-import './assets/index.css';export {
+export {
   Le as AnimatedBlobs,
   c as AnimatedGradient,
   s as AppContext,
@@ -71,9 +70,9 @@ import './assets/index.css';export {
   Sa as DragAndDrop,
   D as DragAndDropFileUpload,
   F as EditorInput,
-  A as ExpandableLexicalPreview,
+  P as ExpandableLexicalPreview,
   Y as Figure,
-  P as FileUpload,
+  A as FileUpload,
   L as FormBuilder,
   b as FormDebugger,
   oa as FormDescription,
@@ -86,7 +85,7 @@ import './assets/index.css';export {
   v as LinkInput,
   fe as LoadingCircle,
   y as Logo,
-  Ae as MetaCard,
+  Pe as MetaCard,
   M as Modal,
   w as Notification,
   E as NotificationStack,
@@ -104,7 +103,6 @@ import './assets/index.css';export {
   N as RatingsInput,
   Me as Removable,
   Te as SVG,
-  Ea as ScrollArea,
   H as SearchDropdown,
   V as SelectInput,
   la as SelectSingle,
@@ -138,7 +136,7 @@ import './assets/index.css';export {
   va as snakeCaseToTitleCase,
   u as useApp,
   Da as useDynamicPosition,
-  Aa as useOutsideClick,
+  Pa as useOutsideClick,
   d as useTheme,
   ha as useWindowSize
 };

package/dist/stories/a/AppContext.stories.js

@@ -3,7 +3,7 @@ import "react";
 import "../../ui/a/AppContext/Context.js";
 import t from "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import "../../FormBuilder-DFK61jJk.js";
+import "../../FormBuilder-Cn9TX6jo.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -45,8 +45,7 @@ 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";
-const J = {
+const z = {
   title: "a/AppContext",
   component: t,
   subcomponents: {
@@ -58,7 +57,7 @@ const J = {
   argTypes: {
     // backgroundColor:{ control: 'color' },
   }
-}, Q = () => /* @__PURE__ */ o(
+}, J = () => /* @__PURE__ */ o(
   t,
   {
     config: {
@@ -83,6 +82,6 @@ const J = {
   }
 );
 export {
-  Q as Base,
-  J as default
+  J as Base,
+  z as default
 };

package/dist/stories/a/AreaChart.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-DFK61jJk.js";
+import "../../FormBuilder-Cn9TX6jo.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -45,8 +45,7 @@ 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";
-const st = {
+const at = {
   title: "a/Charts/AreaChart",
   component: r
 }, d = [
@@ -181,5 +180,5 @@ export {
   i as Filled,
   l as SideBySide,
   g as SideBySideFilled,
-  st as default
+  at as default
 };

package/dist/stories/a/BarChart.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-DFK61jJk.js";
+import "../../FormBuilder-Cn9TX6jo.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -45,8 +45,7 @@ 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";
-const re = {
+const ie = {
   title: "a/Charts/BarChart",
   component: i
 }, d = [
@@ -157,11 +156,11 @@ r.args = {
   colors: ["purple", "green", "orange", "blue", "red"],
   height: 400
 };
-const m = (t) => /* @__PURE__ */ p("div", { style: { display: "flex", gap: "20px" }, children: [
+const a = (t) => /* @__PURE__ */ p("div", { style: { display: "flex", gap: "20px" }, children: [
   /* @__PURE__ */ e("div", { style: { flex: 1 }, children: /* @__PURE__ */ e(i, { ...t[0] }) }),
   /* @__PURE__ */ e("div", { style: { flex: 1 }, children: /* @__PURE__ */ e(i, { ...t[1] }) })
-] }), a = m.bind({});
-a.args = [
+] }), c = a.bind({});
+c.args = [
   {
     ...r.args
   },
@@ -171,6 +170,6 @@ a.args = [
 ];
 export {
   r as Default,
-  a as SideBySide,
-  re as default
+  c as SideBySide,
+  ie as default
 };

package/dist/stories/a/BlurOverlay.stories.js

@@ -3,7 +3,7 @@ import "react";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import r from "../../ui/a/BlurOverlay/BlurOverlay.js";
-import "../../FormBuilder-DFK61jJk.js";
+import "../../FormBuilder-Cn9TX6jo.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -45,8 +45,7 @@ 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";
-const Z = {
+const Y = {
   title: "a/BlurOverlay",
   component: r,
   subcomponents: {
@@ -78,5 +77,5 @@ i.args = {
 };
 export {
   i as Base,
-  Z as default
+  Y as default
 };

package/dist/stories/a/ContentTree.stories.js

@@ -3,7 +3,7 @@ import { useRef as a } from "react";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import { C as t } from "../../FormBuilder-DFK61jJk.js";
+import { C as t } from "../../FormBuilder-Cn9TX6jo.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -45,8 +45,7 @@ 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";
-const $ = {
+const Z = {
   title: "a/ContentTree",
   component: t,
   subcomponents: {
@@ -58,7 +57,7 @@ const $ = {
   argTypes: {
     backgroundColor: { control: "color" }
   }
-}, ii = () => {
+}, $ = () => {
   const e = a(null);
   return /* @__PURE__ */ s(
     "div",
@@ -110,6 +109,6 @@ const $ = {
   );
 };
 export {
-  ii as Base,
-  $ as default
+  $ as Base,
+  Z as default
 };

package/dist/stories/a/Conversation.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 { a as e } from "../../FormBuilder-DFK61jJk.js";
+import { a as e } from "../../FormBuilder-Cn9TX6jo.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -45,8 +45,7 @@ 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";
-const Z = {
+const Y = {
   title: "a/Conversation",
   component: e,
   subcomponents: {
@@ -58,7 +57,7 @@ const Z = {
   argTypes: {
     backgroundColor: { control: "color" }
   }
-}, $ = () => /* @__PURE__ */ o(e, { children: [
+}, Z = () => /* @__PURE__ */ o(e, { children: [
   {
     message: "Hi Camille, please compile an assesment of top 5 firms/brand providers for the listed fields in the US.",
     sender: "Humbl",
@@ -83,7 +82,7 @@ const Z = {
     sender: "Camille",
     from: "ours"
   }
-].map((r) => /* @__PURE__ */ o(e.Message, { ...r }, r.message)) }), ee = () => /* @__PURE__ */ o(e, { children: [
+].map((r) => /* @__PURE__ */ o(e.Message, { ...r }, r.message)) }), $ = () => /* @__PURE__ */ o(e, { children: [
   {
     message: "Hi Camille, please compile an assesment of top 5 firms/brand providers for the listed fields in the US.",
     sender: "Humbl",
@@ -110,7 +109,7 @@ const Z = {
   }
 ].map((r) => /* @__PURE__ */ o(e.Message, { ...r }, r.message)) });
 export {
-  $ as Base,
-  ee as WithAttachment,
-  Z as default
+  Z as Base,
+  $ as WithAttachment,
+  Y as default
 };

package/dist/stories/a/DatePicker.stories.js

@@ -3,7 +3,7 @@ import { useState as o } from "react";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import "../../FormBuilder-DFK61jJk.js";
+import "../../FormBuilder-Cn9TX6jo.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -45,8 +45,7 @@ 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";
-const gt = {
+const ut = {
   title: "a/DatePicker",
   component: p,
   decorators: [
@@ -127,5 +126,5 @@ export {
   D as TimeRangeSelection,
   S as TimeSelection,
   f as WithCustomFooter,
-  gt as default
+  ut as default
 };

package/dist/stories/a/DotInfo.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-DFK61jJk.js";
+import "../../FormBuilder-Cn9TX6jo.js";
 import "../../ui/a/Conversation/Context.js";
 import t from "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -45,8 +45,7 @@ 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";
-const oo = {
+const $ = {
   title: "a/DotInfo",
   component: t,
   subcomponents: {
@@ -67,10 +66,10 @@ const p = o.bind({});
 p.args = {
   booleanValue: !1
 };
-const to = o.bind({});
+const oo = o.bind({});
 export {
   p as False,
-  to as Nullish,
+  oo as Nullish,
   m as True,
-  oo as default
+  $ as default
 };

package/dist/stories/a/Figure.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-DFK61jJk.js";
+import "../../FormBuilder-Cn9TX6jo.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import o from "../../ui/a/Figure/Figure.js";
@@ -45,8 +45,7 @@ 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";
-const W = {
+const V = {
   title: "a/Figure",
   component: o,
   subcomponents: {
@@ -58,7 +57,7 @@ const W = {
   argTypes: {
     backgroundColor: { control: "color" }
   }
-}, X = () => /* @__PURE__ */ r(
+}, W = () => /* @__PURE__ */ r(
   o,
   {
     src: "https://cdn.mos.cms.futurecdn.net/92keBiQNU4EtZemm4wfw8h.jpg",
@@ -67,6 +66,6 @@ const W = {
   }
 );
 export {
-  X as Base,
-  W as default
+  W as Base,
+  V as default
 };

package/dist/stories/a/HamburgerButton.stories.js

@@ -3,7 +3,7 @@ import { useState as p } from "react";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import "../../FormBuilder-DFK61jJk.js";
+import "../../FormBuilder-Cn9TX6jo.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -45,8 +45,7 @@ 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";
-const oo = {
+const $ = {
   title: "a/HamburgerButton",
   component: t,
   subcomponents: {
@@ -58,11 +57,11 @@ const oo = {
   argTypes: {
     backgroundColor: { control: "color" }
   }
-}, to = () => {
+}, oo = () => {
   const [o, r] = p(!1);
   return /* @__PURE__ */ m(t, { isOpen: o, onClick: () => r(!o) });
 };
 export {
-  to as Base,
-  oo as default
+  oo as Base,
+  $ as default
 };

package/dist/stories/a/IconList.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-DFK61jJk.js";
+import "../../FormBuilder-Cn9TX6jo.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -45,8 +45,7 @@ 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";
-const Z = {
+const Y = {
   title: "a/IconList",
   component: o,
   subcomponents: {
@@ -58,7 +57,7 @@ const Z = {
   argTypes: {
     // backgroundColor:{ control: 'color' },
   }
-}, $ = () => /* @__PURE__ */ i(o, { children: [
+}, Z = () => /* @__PURE__ */ i(o, { children: [
   {
     key: "a",
     children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
@@ -83,6 +82,6 @@ const Z = {
   }
 ].map((t) => /* @__PURE__ */ i(o.Item, { ...t })) });
 export {
-  $ as Base,
-  Z as default
+  Z as Base,
+  Y as default
 };

package/dist/stories/a/Label.stories.js

@@ -3,7 +3,7 @@ import { createElement as e } from "react";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import "../../FormBuilder-DFK61jJk.js";
+import "../../FormBuilder-Cn9TX6jo.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -45,9 +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";
-import "../../ui/utils/ScrollArea/ScrollArea.js";
 import { ALL_COLORS as m } from "../colors.js";
-const eo = {
+const po = {
   title: "a/Label",
   component: r,
   subcomponents: {
@@ -65,7 +64,7 @@ const eo = {
 a.args = {
   children: "Label Value"
 };
-const i = (o) => m.map((t) => /* @__PURE__ */ e(r, { ...o, color: t, key: t }, "This is a", " ", t, " ", "label")), so = i.bind({}), n = i.bind({});
+const i = (o) => m.map((t) => /* @__PURE__ */ e(r, { ...o, color: t, key: t }, "This is a", " ", t, " ", "label")), eo = i.bind({}), n = i.bind({});
 n.args = {
   isGhost: !0
 };
@@ -77,6 +76,6 @@ export {
   a as Base,
   l as Compact,
   n as Ghost,
-  so as Normal,
-  eo as default
+  eo as Normal,
+  po as default
 };

package/dist/stories/a/LoadingCircle.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-DFK61jJk.js";
+import "../../FormBuilder-Cn9TX6jo.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -45,8 +45,7 @@ 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";
-const X = {
+const V = {
   title: "a/LoadingCircle",
   component: r,
   subcomponents: {
@@ -58,7 +57,7 @@ const X = {
   argTypes: {
     backgroundColor: { control: "color" }
   }
-}, Y = () => /* @__PURE__ */ o("div", { className: "x-main1 b-x", children: /* @__PURE__ */ o(
+}, X = () => /* @__PURE__ */ o("div", { className: "x-main1 b-x", children: /* @__PURE__ */ o(
   r,
   {
     strokeLinecap: "square",
@@ -67,6 +66,6 @@ const X = {
   }
 ) });
 export {
-  Y as Base,
-  X as default
+  X as Base,
+  V as default
 };

package/dist/stories/a/MetaCard.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-DFK61jJk.js";
+import "../../FormBuilder-Cn9TX6jo.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -45,8 +45,7 @@ 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";
-const or = {
+const rr = {
   title: "a/MetaCard",
   component: o,
   subcomponents: {},
@@ -66,5 +65,5 @@ e.args = {
 export {
   p as Base,
   e as WithBlur,
-  or as default
+  rr as default
 };

package/dist/stories/a/Notification.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 { N as t } from "../../FormBuilder-DFK61jJk.js";
+import { N as t } from "../../FormBuilder-Cn9TX6jo.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -45,9 +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";
-import "../../ui/utils/ScrollArea/ScrollArea.js";
 import { ALL_COLORS as s } from "../colors.js";
-const e = ["success", "error", "blocked", "in-progress"], io = {
+const e = ["success", "error", "blocked", "in-progress"], oo = {
   title: "a/Notification",
   component: t,
   decorators: [
@@ -84,7 +83,7 @@ const e = ["success", "error", "blocked", "in-progress"], io = {
     color: "deepblue",
     isVisible: !0
   }
-}, to = {
+}, io = {
   ...o,
   args: {
     ...o.args,
@@ -92,7 +91,7 @@ const e = ["success", "error", "blocked", "in-progress"], io = {
     type: "error",
     color: null
   }
-}, ro = {
+}, to = {
   ...o,
   args: {
     ...o.args,
@@ -100,7 +99,7 @@ const e = ["success", "error", "blocked", "in-progress"], io = {
     type: "warning",
     color: null
   }
-}, so = {
+}, ro = {
   ...o,
   args: {
     ...o.args,
@@ -108,7 +107,7 @@ const e = ["success", "error", "blocked", "in-progress"], io = {
     type: "info",
     color: null
   }
-}, eo = {
+}, so = {
   ...o,
   args: {
     ...o.args,
@@ -119,9 +118,9 @@ const e = ["success", "error", "blocked", "in-progress"], io = {
 };
 export {
   o as Base,
-  to as Error,
-  so as Info,
-  eo as Success,
-  ro as Warning,
-  io as default
+  io as Error,
+  ro as Info,
+  so as Success,
+  to as Warning,
+  oo as default
 };