@pareto-engineering/design-system 5.12.2 → 5.12.4

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-Cn9TX6jo.js";
+import { n as i } from "../../FormBuilder-B0O9NnhC.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -38,6 +38,7 @@ import "../../ui/b/Title/Title.js";
 import "../../ui/c/SocialMediaShareButton/SocialMediaShareButton.js";
 import "../../ui/f/common/Label/Label.js";
 import "../../ui/f/common/Description/Description.js";
+import "../../ui/f/common/CharacterCount/CharacterCount.js";
 import "../../ui/f/fields/QueryCombobox/common/Menu/Menu.js";
 import "../../debounce-Cm69Z_cF.js";
 import "../../ui/f/fields/LatexPreviewInput/convertLatexToHtml.js";
@@ -45,7 +46,7 @@ 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 = {
+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-Cn9TX6jo.js";
+import "../../FormBuilder-B0O9NnhC.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -38,6 +38,7 @@ import "../../ui/c/SocialMediaShareButton/SocialMediaShareButton.js";
 import o from "../../ui/f/common/Label/Label.js";
 import "../../ui/f/common/Description/Description.js";
 import "formik";
+import "../../ui/f/common/CharacterCount/CharacterCount.js";
 import "../../ui/f/fields/QueryCombobox/common/Menu/Menu.js";
 import "../../debounce-Cm69Z_cF.js";
 import "../../ui/f/fields/LatexPreviewInput/convertLatexToHtml.js";
@@ -45,7 +46,7 @@ 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 = {
+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-Cn9TX6jo.js";
+import { l as p, D as n } from "../../FormBuilder-B0O9NnhC.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -38,6 +38,7 @@ import "../../ui/b/Title/Title.js";
 import "../../ui/c/SocialMediaShareButton/SocialMediaShareButton.js";
 import "../../ui/f/common/Label/Label.js";
 import "../../ui/f/common/Description/Description.js";
+import "../../ui/f/common/CharacterCount/CharacterCount.js";
 import "../../ui/f/fields/QueryCombobox/common/Menu/Menu.js";
 import "../../debounce-Cm69Z_cF.js";
 import "../../ui/f/fields/LatexPreviewInput/convertLatexToHtml.js";
@@ -45,7 +46,7 @@ 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 = {
+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-Cn9TX6jo.js";
+import "../../FormBuilder-B0O9NnhC.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -38,6 +38,7 @@ import "../../ui/b/Title/Title.js";
 import "../../ui/c/SocialMediaShareButton/SocialMediaShareButton.js";
 import "../../ui/f/common/Label/Label.js";
 import "../../ui/f/common/Description/Description.js";
+import "../../ui/f/common/CharacterCount/CharacterCount.js";
 import "../../ui/f/fields/QueryCombobox/common/Menu/Menu.js";
 import "../../debounce-Cm69Z_cF.js";
 import "../../ui/f/fields/LatexPreviewInput/convertLatexToHtml.js";
@@ -45,7 +46,7 @@ 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 = {
+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-Cn9TX6jo.js";
+import { R as p, D as l } from "../../FormBuilder-B0O9NnhC.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -38,6 +38,7 @@ import "../../ui/b/Title/Title.js";
 import "../../ui/c/SocialMediaShareButton/SocialMediaShareButton.js";
 import "../../ui/f/common/Label/Label.js";
 import "../../ui/f/common/Description/Description.js";
+import "../../ui/f/common/CharacterCount/CharacterCount.js";
 import "../../ui/f/fields/QueryCombobox/common/Menu/Menu.js";
 import "../../debounce-Cm69Z_cF.js";
 import "../../ui/f/fields/LatexPreviewInput/convertLatexToHtml.js";
@@ -45,7 +46,7 @@ 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 = {
+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-Cn9TX6jo.js";
+import { f as p, D as m } from "../../FormBuilder-B0O9NnhC.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -38,6 +38,7 @@ import "../../ui/b/Title/Title.js";
 import "../../ui/c/SocialMediaShareButton/SocialMediaShareButton.js";
 import "../../ui/f/common/Label/Label.js";
 import "../../ui/f/common/Description/Description.js";
+import "../../ui/f/common/CharacterCount/CharacterCount.js";
 import "../../ui/f/fields/QueryCombobox/common/Menu/Menu.js";
 import "../../debounce-Cm69Z_cF.js";
 import "../../ui/f/fields/LatexPreviewInput/convertLatexToHtml.js";
@@ -45,7 +46,7 @@ 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 = {
+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 p, jsx as e } from "react/jsx-runtime";
 import "react";
-import { Formik as p, Form as l } from "formik";
+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 { e as m, D as n } from "../../FormBuilder-Cn9TX6jo.js";
+import { e as a, D as c } from "../../FormBuilder-B0O9NnhC.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -38,6 +38,7 @@ import "../../ui/b/Title/Title.js";
 import "../../ui/c/SocialMediaShareButton/SocialMediaShareButton.js";
 import "../../ui/f/common/Label/Label.js";
 import "../../ui/f/common/Description/Description.js";
+import "../../ui/f/common/CharacterCount/CharacterCount.js";
 import "../../ui/f/fields/QueryCombobox/common/Menu/Menu.js";
 import "../../debounce-Cm69Z_cF.js";
 import "../../ui/f/fields/LatexPreviewInput/convertLatexToHtml.js";
@@ -45,18 +46,18 @@ 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 = {
+const ut = {
   title: "f/fields/TextInput",
-  component: m,
+  component: a,
   subcomponents: {
     // Item:TextInput.Item
   },
   decorators: [
     (r) => /* @__PURE__ */ e(
-      p,
+      n,
       {
         initialValues: { email: "", name: "", company: "" },
-        children: /* @__PURE__ */ e(l, { children: r() })
+        children: /* @__PURE__ */ e(s, { children: r() })
       }
     )
   ],
@@ -72,7 +73,7 @@ const bt = {
     optional: { control: "boolean" },
     symbol: { control: "text" }
   }
-}, t = (r) => /* @__PURE__ */ a(
+}, t = (r) => /* @__PURE__ */ p(
   "div",
   {
     style: {
@@ -81,8 +82,8 @@ const bt = {
       gap: "1rem"
     },
     children: [
-      /* @__PURE__ */ e(m, { ...r }),
-      /* @__PURE__ */ e(n, {})
+      /* @__PURE__ */ e(a, { ...r }),
+      /* @__PURE__ */ e(c, {})
     ]
   }
 ), o = t.bind({});
@@ -90,26 +91,26 @@ o.args = {
   name: "email",
   label: "How can we reach you ?"
 };
-const s = t.bind({});
-s.args = {
+const d = t.bind({});
+d.args = {
   ...o.args,
   optional: !0
 };
-const c = (r) => {
+const m = (r) => {
   let i = "";
   return r.length > 3 || (i = "Value should be greater than 3 characters"), i;
-}, d = t.bind({});
-d.args = {
+}, g = t.bind({});
+g.args = {
   ...o.args,
-  validate: c
+  validate: m
 };
 const b = t.bind({});
 b.args = {
   ...o.args,
   placeholder: "Email address"
 };
-const g = t.bind({});
-g.args = {
+const h = t.bind({});
+h.args = {
   ...o.args,
   autoComplete: "off"
 };
@@ -124,26 +125,39 @@ f.args = {
   name: "date",
   label: "Select date"
 };
-const h = t.bind({});
-h.args = {
+const x = t.bind({});
+x.args = {
   type: "time",
   name: "time",
   label: "Select time"
 };
-const x = t.bind({});
-x.args = {
+const y = t.bind({});
+y.args = {
   ...o.args,
   symbol: "'$'"
 };
+const l = t.bind({});
+l.args = {
+  ...o.args,
+  maxLength: 10,
+  validate: m
+};
+const C = t.bind({});
+C.args = {
+  ...l.args,
+  shouldShowCharacterCount: !1
+};
 export {
   o as Base,
   f as Date,
-  x as HasSymbol,
-  s as Optional,
-  h as Time,
-  g as WithAutoCompleteOff,
+  y as HasSymbol,
+  d as Optional,
+  x as Time,
+  h as WithAutoCompleteOff,
   u as WithDisabled,
+  l as WithMaxLength,
   b as WithPlaceholder,
-  d as WithValidation,
-  bt as default
+  C as WithShouldShowCharacterCountFalse,
+  g as WithValidation,
+  ut as default
 };

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

@@ -1,10 +1,10 @@
-import { jsxs as p, jsx as i } from "react/jsx-runtime";
+import { jsxs as n, jsx as i } from "react/jsx-runtime";
 import "react";
-import { Formik as s, Form as m } from "formik";
+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 { h as a, D as n } from "../../FormBuilder-Cn9TX6jo.js";
+import { h as a, D as m } from "../../FormBuilder-B0O9NnhC.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -38,6 +38,7 @@ import "../../ui/b/Title/Title.js";
 import "../../ui/c/SocialMediaShareButton/SocialMediaShareButton.js";
 import "../../ui/f/common/Label/Label.js";
 import "../../ui/f/common/Description/Description.js";
+import "../../ui/f/common/CharacterCount/CharacterCount.js";
 import "../../ui/f/fields/QueryCombobox/common/Menu/Menu.js";
 import "../../debounce-Cm69Z_cF.js";
 import "../../ui/f/fields/LatexPreviewInput/convertLatexToHtml.js";
@@ -45,7 +46,7 @@ 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 = {
+const uo = {
   title: "f/fields/TextareaInput",
   component: a,
   subcomponents: {
@@ -53,10 +54,10 @@ const bo = {
   },
   decorators: [
     (t) => /* @__PURE__ */ i(
-      s,
+      p,
       {
         initialValues: { feedback: "" },
-        children: /* @__PURE__ */ i(m, { children: t() })
+        children: /* @__PURE__ */ i(l, { children: t() })
       }
     )
   ],
@@ -70,7 +71,7 @@ const bo = {
     labelAsDescription: { control: "boolean" },
     optional: { control: "boolean" }
   }
-}, o = (t) => /* @__PURE__ */ p(
+}, o = (t) => /* @__PURE__ */ n(
   "div",
   {
     style: {
@@ -80,7 +81,7 @@ const bo = {
     },
     children: [
       /* @__PURE__ */ i(a, { ...t }),
-      /* @__PURE__ */ i(n, {})
+      /* @__PURE__ */ i(m, {})
     ]
   }
 ), r = o.bind({});
@@ -88,36 +89,36 @@ r.args = {
   name: "feedback",
   label: "What can we improve on?"
 };
-const l = o.bind({});
-l.args = {
+const c = o.bind({});
+c.args = {
   ...r.args,
   optional: !0
 };
-const c = o.bind({});
-c.args = {
+const d = o.bind({});
+d.args = {
   ...r.args,
   placeholder: "Type your feedback here..."
 };
-const d = (t) => {
+const g = (t) => {
   let e = "";
   return t.length > 3 || (e = "Value should be greater than 3 characters"), e;
 }, b = o.bind({});
 b.args = {
   ...r.args,
-  validate: d
-};
-const g = o.bind({});
-g.args = {
-  ...r.args,
-  disabled: !0
+  validate: g
 };
 const h = o.bind({});
 h.args = {
   ...r.args,
-  resize: "vertical"
+  disabled: !0
 };
 const u = o.bind({});
 u.args = {
+  ...r.args,
+  resize: "vertical"
+};
+const x = o.bind({});
+x.args = {
   ...r.args,
   resize: "horizontal"
 };
@@ -126,14 +127,26 @@ f.args = {
   ...r.args,
   resize: "none"
 };
+const s = o.bind({});
+s.args = {
+  ...r.args,
+  maxLength: 10
+};
+const z = o.bind({});
+z.args = {
+  ...s.args,
+  shouldShowCharacterCount: !1
+};
 export {
   r as Base,
   f as DisableResize,
-  g as Disabled,
-  u as HorizontalResize,
-  l as Optional,
-  c as Placeholder,
+  h as Disabled,
+  x as HorizontalResize,
+  c as Optional,
+  d as Placeholder,
   b as Validation,
-  h as VerticalResize,
-  bo as default
+  u as VerticalResize,
+  s as WithMaxLength,
+  z as WithShouldShowCharacterCountFalse,
+  uo as default
 };

package/dist/stories/g/DragAndDrop.stories.js

@@ -3,7 +3,7 @@ import { useRef as d } from "react";
 import "../../ui/a/AppContext/Context.js";
 import "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import { e as c, D as g } from "../../FormBuilder-Cn9TX6jo.js";
+import { e as c, D as g } from "../../FormBuilder-B0O9NnhC.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -38,6 +38,7 @@ import "../../ui/c/SocialMediaShareButton/SocialMediaShareButton.js";
 import "../../ui/f/common/Label/Label.js";
 import "../../ui/f/common/Description/Description.js";
 import { Formik as u, Form as h } from "formik";
+import "../../ui/f/common/CharacterCount/CharacterCount.js";
 import "../../ui/f/fields/QueryCombobox/common/Menu/Menu.js";
 import "../../debounce-Cm69Z_cF.js";
 import "../../ui/f/fields/LatexPreviewInput/convertLatexToHtml.js";
@@ -45,7 +46,7 @@ import "../../ui/f/fields/RadioInput/RadioInput.js";
 import p from "../../ui/g/DragAndDrop/DragAndDrop.js";
 import "../../throttle-BCrS-Wew.js";
 import "../../ui/utils/formatting.js";
-const dr = {
+const cr = {
   title: "g/DragAndDrop",
   component: p,
   subcomponents: {
@@ -70,7 +71,7 @@ const dr = {
       t
     ]
   }
-), cr = {
+), gr = {
   args: {
     items: Array(8).fill().map((t, r) => ({
       disabled: r === 0,
@@ -123,7 +124,7 @@ const dr = {
       )
     ]
   }
-), gr = {
+), ur = {
   render: ({ items: t }) => {
     const r = d();
     return /* @__PURE__ */ o(
@@ -149,7 +150,7 @@ const dr = {
   }
 };
 export {
-  cr as Base,
-  gr as WithFormikInputs,
-  dr as default
+  gr as Base,
+  ur as WithFormikInputs,
+  cr as default
 };

package/dist/stories/g/ExpandableLexicalPreview.stories.js

@@ -3,7 +3,7 @@ import "react";
 import "../../ui/a/AppContext/Context.js";
 import e from "../../ui/a/AppContext/ContextProvider.js";
 import "../../ui/a/BlurOverlay/BlurOverlay.js";
-import { s as r } from "../../FormBuilder-Cn9TX6jo.js";
+import { s as r } from "../../FormBuilder-B0O9NnhC.js";
 import "../../ui/a/Conversation/Context.js";
 import "../../ui/a/DotInfo/DotInfo.js";
 import "../../ui/a/Figure/Figure.js";
@@ -38,6 +38,7 @@ import "../../ui/c/SocialMediaShareButton/SocialMediaShareButton.js";
 import "../../ui/f/common/Label/Label.js";
 import "../../ui/f/common/Description/Description.js";
 import "formik";
+import "../../ui/f/common/CharacterCount/CharacterCount.js";
 import "../../ui/f/fields/QueryCombobox/common/Menu/Menu.js";
 import "../../debounce-Cm69Z_cF.js";
 import "../../ui/f/fields/LatexPreviewInput/convertLatexToHtml.js";
@@ -45,7 +46,7 @@ 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 = {
+const it = {
   title: "g/ExpandableLexicalPreview",
   component: r,
   subcomponents: {
@@ -66,5 +67,5 @@ p.args = {
 };
 export {
   p as Base,
-  tt as default
+  it as default
 };