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

package/dist/stories/a/NotificationStack.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 t } from "../../FormBuilder-DFK61jJk.js";
+import { b 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 Z = {
+const Y = {
   title: "a/NotificationStack",
   component: t,
   decorators: [
@@ -77,7 +76,7 @@ const Z = {
     type: "success",
     isVisible: !0
   }
-], $ = {
+], Z = {
   render: (o) => /* @__PURE__ */ i(
     "div",
     {
@@ -100,6 +99,6 @@ const Z = {
   }
 };
 export {
-  $ as Base,
-  Z as default
+  Z as Base,
+  Y as default
 };

package/dist/stories/a/People.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 X = {
   title: "a/People",
   component: e,
   subcomponents: {
@@ -58,7 +57,7 @@ const Z = {
   argTypes: {
     backgroundColor: { control: "color" }
   }
-}, $ = () => /* @__PURE__ */ o("div", { className: "x-background-far b-x v1 p-v", children: /* @__PURE__ */ o(e, { children: [
+}, Z = () => /* @__PURE__ */ o("div", { className: "x-background-far b-x v1 p-v", children: /* @__PURE__ */ o(e, { children: [
   {
     image: "https://lh3.googleusercontent.com/a-/AOh14GiVivY1C3gxFz1kjHfih0jzpV08rlIIfMIgBvPs",
     name: "Phoebe Yao",
@@ -77,14 +76,14 @@ const Z = {
     role: "Pareto Partner",
     color: "background4"
   }
-].map((r) => /* @__PURE__ */ o(e.Person, { ...r }, r.name)) }) }), oo = () => /* @__PURE__ */ o("div", { className: "x-background-far b-x v1 p-v", children: /* @__PURE__ */ o(e, { children: [
+].map((r) => /* @__PURE__ */ o(e.Person, { ...r }, r.name)) }) }), $ = () => /* @__PURE__ */ o("div", { className: "x-background-far b-x v1 p-v", children: /* @__PURE__ */ o(e, { children: [
   {
     image: "https://pareto-v1.s3.us-west-2.amazonaws.com/profile-pictures/Camille-Arigo.jpg",
     name: "Camillie Arigo",
     role: "Pareto Partner",
     color: "background4"
   }
-].map((r) => /* @__PURE__ */ o(e.Person, { ...r }, r.name)) }) }), ro = () => /* @__PURE__ */ o("div", { className: "x-background-far b-x v1 p-v", children: /* @__PURE__ */ o(e, { children: [
+].map((r) => /* @__PURE__ */ o(e.Person, { ...r }, r.name)) }) }), oo = () => /* @__PURE__ */ o("div", { className: "x-background-far b-x v1 p-v", children: /* @__PURE__ */ o(e, { children: [
   {
     image: "https://pareto-v1.s3.us-west-2.amazonaws.com/profile-pictures/Camille-Arigo.jpg",
     name: "Camillie Arigo",
@@ -92,8 +91,8 @@ const Z = {
   }
 ].map((r) => /* @__PURE__ */ o(e.Person, { ...r }, r.name)) }) });
 export {
-  $ as Base,
-  oo as OnePerson,
-  ro as WithoutRole,
-  Z as default
+  Z as Base,
+  $ as OnePerson,
+  oo as WithoutRole,
+  X as default
 };

package/dist/stories/a/PieChart.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,19 +45,18 @@ 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 ot = {
+const rt = {
   title: "a/Charts/PieChart",
   component: r
-}, m = [
+}, e = [
   { status: "pendingReview", value: 230 },
   { status: "accepted", value: 350 },
   { status: "rejected", value: 80 },
   { status: "toRevise", value: 10 },
   { status: "revised", value: 60 }
-], e = (i) => /* @__PURE__ */ t("div", { style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ t(r, { ...i }) }), o = e.bind({});
+], m = (i) => /* @__PURE__ */ t("div", { style: { height: "100%", width: "100%" }, children: /* @__PURE__ */ t(r, { ...i }) }), o = m.bind({});
 o.args = {
-  data: m,
+  data: e,
   valueKey: "value",
   labelKey: "status",
   colors: ["#8CB0F8", "#7F7CF6", "#FFD66E", "#E8E9ED", "#F6BC7E"],
@@ -78,5 +77,5 @@ a.args = [
 export {
   o as Default,
   a as SideBySide,
-  ot as default
+  rt as default
 };

package/dist/stories/a/Popover.stories.js

@@ -3,7 +3,7 @@ import { useRef as l, useState as c } 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 o from "../utils/lorem.js";
-const ar = {
+const cr = {
   title: "a/Popover",
   component: m,
   // subcomponents:{
@@ -146,5 +145,5 @@ export {
   s as BottomRight,
   f as TopLeft,
   h as TopRight,
-  ar as default
+  cr as default
 };

package/dist/stories/a/ProgressBar.stories.js

@@ -3,7 +3,7 @@ import { useState as g } 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 st = {
+const et = {
   title: "a/ProgressBar",
   component: i,
   subcomponents: {
@@ -61,7 +60,7 @@ const st = {
     color: { control: "text" },
     height: { control: "text" }
   }
-}, p = (t) => /* @__PURE__ */ o(i, { ...t }), nt = () => {
+}, p = (t) => /* @__PURE__ */ o(i, { ...t }), st = () => {
   const [t, m] = g(40), s = (r) => m(Math.max(t - r, 0)), n = (r) => {
     m(Math.min(t + r, 100));
   };
@@ -82,8 +81,8 @@ l.args = {
   height: "5em"
 };
 export {
-  nt as Base,
+  st as Base,
   e as Color,
   l as Height,
-  st as default
+  et as default
 };

package/dist/stories/a/Quote.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 $ = {
+const Z = {
   title: "a/Quote",
   component: t,
   subcomponents: {
@@ -86,5 +85,5 @@ i.args = {
 };
 export {
   i as Base,
-  $ as default
+  Z as default
 };

package/dist/stories/a/Removable.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 W = {
   title: "a/Removable",
   component: o,
   subcomponents: {
@@ -58,8 +57,8 @@ const X = {
   argTypes: {
     backgroundColor: { control: "color" }
   }
-}, Y = () => /* @__PURE__ */ r(o, { children: "Sample Removable" });
+}, X = () => /* @__PURE__ */ r(o, { children: "Sample Removable" });
 export {
-  Y as Base,
-  X as default
+  X as Base,
+  W as default
 };

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-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/SVG",
   component: t,
   subcomponents: {
@@ -58,7 +57,7 @@ const Z = {
   argTypes: {
     backgroundColor: { control: "color" }
   }
-}, $ = () => /* @__PURE__ */ o(
+}, Z = () => /* @__PURE__ */ o(
   t,
   {
     height: "200",
@@ -66,7 +65,7 @@ const Z = {
     target: "engine",
     className: "x-black"
   }
-), tt = () => /* @__PURE__ */ i(r, { children: [
+), $ = () => /* @__PURE__ */ i(r, { children: [
   /* @__PURE__ */ i("p", { children: [
     "The logo can be used as a simple SVG, but you are probably looking for",
     " ",
@@ -84,7 +83,7 @@ const Z = {
       className: "x-green"
     }
   )
-] }), ot = () => /* @__PURE__ */ o(
+] }), tt = () => /* @__PURE__ */ o(
   t,
   {
     height: "200",
@@ -92,7 +91,7 @@ const Z = {
     target: "engine",
     className: "y-green"
   }
-), it = () => /* @__PURE__ */ i(r, { children: [
+), ot = () => /* @__PURE__ */ i(r, { children: [
   /* @__PURE__ */ o(
     t,
     {
@@ -150,9 +149,9 @@ const Z = {
   )
 ] });
 export {
-  it as Animated,
-  $ as Base,
-  tt as Logo,
-  ot as Stroke,
-  Z as default
+  ot as Animated,
+  Z as Base,
+  $ as Logo,
+  tt as Stroke,
+  Y 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-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 $ = {
+const Z = {
   title: "a/SnapScroller",
   component: t,
   subcomponents: {
@@ -58,7 +57,7 @@ const $ = {
   argTypes: {
     backgroundColor: { control: "color" }
   }
-}, ii = () => {
+}, $ = () => {
   const e = ({ children: r }) => /* @__PURE__ */ i(
     "div",
     {
@@ -79,7 +78,7 @@ const $ = {
     /* @__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." })
   ] });
-}, ei = () => {
+}, ii = () => {
   const e = ({ children: r }) => /* @__PURE__ */ i(
     "div",
     {
@@ -102,7 +101,7 @@ const $ = {
   ] });
 };
 export {
-  ii as Base,
-  ei as NoScrollOnDesktop,
-  $ as default
+  $ as Base,
+  ii as NoScrollOnDesktop,
+  Z 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-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 W = {
   title: "a/Spinner",
   component: r,
   subcomponents: {
@@ -58,8 +57,8 @@ const X = {
   argTypes: {
     backgroundColor: { control: "color" }
   }
-}, Y = () => /* @__PURE__ */ o("div", { className: "y-background-far b-y", children: /* @__PURE__ */ o(r, {}) });
+}, X = () => /* @__PURE__ */ o("div", { className: "y-background-far b-y", children: /* @__PURE__ */ o(r, {}) });
 export {
-  Y as Base,
-  X as default
+  X as Base,
+  W 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-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,16 +45,15 @@ 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 Y = {
+const X = {
   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."
-], Z = () => /* @__PURE__ */ t("div", { className: "grid span-8 md-span-14", children: /* @__PURE__ */ t(o, { items: i }) });
+], Y = () => /* @__PURE__ */ t("div", { className: "grid span-8 md-span-14", children: /* @__PURE__ */ t(o, { items: i }) });
 export {
-  Z as Base,
-  Y as default
+  Y as Base,
+  X 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-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 pt = {
+const it = {
   title: "a/Timestamp",
   component: m,
   subcomponents: {
@@ -91,5 +90,5 @@ export {
   p as DistanceFormat,
   d as Prefix,
   n as RelativeFormat,
-  pt as default
+  it 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-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 $ = {
+const Z = {
   title: "a/Tip",
   component: o,
   subcomponents: {
@@ -66,5 +65,5 @@ m.args = {
 };
 export {
   m as Base,
-  $ as default
+  Z 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-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/ToggleSwitch",
   component: o,
   subcomponents: {
@@ -58,13 +57,13 @@ const Z = {
   argTypes: {
     size: { control: "string" }
   }
-}, $ = () => /* @__PURE__ */ t(o, {}), oo = () => /* @__PURE__ */ i(p, { children: [
+}, Z = () => /* @__PURE__ */ t(o, {}), $ = () => /* @__PURE__ */ i(p, { children: [
   /* @__PURE__ */ t(o, { inputId: "option1" }),
   /* @__PURE__ */ t(o, { inputId: "option2" }),
   /* @__PURE__ */ t(o, { inputId: "option3" })
 ] });
 export {
-  oo as Multiple,
-  $ as Single,
-  Z as default
+  $ as Multiple,
+  Z as Single,
+  Y 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-DFK61jJk.js";
+import { B as m } 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 oo = {
+const $ = {
   title: "a/Tooltip",
   component: i,
   subcomponents: {
@@ -82,19 +81,19 @@ const oo = {
       children: /* @__PURE__ */ o(i, { ...r })
     }
   )
-}, to = {
+}, oo = {
   ...t,
   args: {
     ...t.args,
     position: "left"
   }
-}, io = {
+}, to = {
   ...t,
   args: {
     ...t.args,
     position: "right"
   }
-}, ro = {
+}, io = {
   ...t,
   args: {
     ...t.args,
@@ -103,8 +102,8 @@ const oo = {
 };
 export {
   t as Base,
-  to as Left,
-  io as Right,
-  ro as Top,
-  oo as default
+  oo as Left,
+  to as Right,
+  io as Top,
+  $ 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-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 $ = {
+const Z = {
   title: "a/XMLEditor",
   component: t,
   decorators: [
@@ -58,5 +57,5 @@ const $ = {
 p.args = {};
 export {
   p as Base,
-  $ as default
+  Z 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-DFK61jJk.js";
+import { B as i } 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 e } from "../../colors.js";
-const ft = {
+const wt = {
   title: "b/Button",
   component: i,
   subcomponents: {
@@ -73,7 +72,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")), Dt = t.bind({}), l = t.bind({});
+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({});
 l.args = {
   isGhost: !0
 };
@@ -150,8 +149,8 @@ export {
   l as Ghosts,
   c as Gradient,
   S as Loading,
-  Dt as Normal,
+  ft as Normal,
   d as Simple,
   h as SimpleDisabled,
-  ft as default
+  wt as default
 };