@julseb-lib/react 1.1.10 → 1.1.12

package/dist/{Image-SUXJNFL6.js → Image-PU6L33RI.js}

@@ -1,6 +1,6 @@
 import {
   Image
-} from "./chunk-BGER7RTC.js";
+} from "./chunk-YKOO6XXS.js";
 
 // src/lib/components/LazyImage/Image.tsx
 import { jsx } from "react/jsx-runtime";
@@ -11,4 +11,4 @@ var Image_default = Image2;
 export {
   Image_default as default
 };
-//# sourceMappingURL=Image-SUXJNFL6.js.map
+//# sourceMappingURL=Image-PU6L33RI.js.map

package/dist/{chunk-BGER7RTC.js → chunk-YKOO6XXS.js}

@@ -1295,7 +1295,65 @@ import "react";
 // src/lib/components/Table/Table.tsx
 import "react";
 import { uuid as uuid2 } from "@julseb-lib/utils";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+
+// src/lib/components/Flexbox/Flexbox.tsx
+import "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Flexbox = ({
+  className,
+  element = "div",
+  ref,
+  children,
+  inline,
+  flexDirection = "row",
+  flexWrap = "nowrap",
+  justifyContent = "start",
+  alignItems = "stretch",
+  justifyItems = "stretch",
+  alignContent = "normal",
+  gap = "0px",
+  colGap = "0px",
+  rowGap = "0px",
+  ...rest
+}) => {
+  const Element = element;
+  return /* @__PURE__ */ jsx2(
+    Element,
+    {
+      ref,
+      className: clsx(
+        inline ? "inline-flex" : "flex",
+        genFlexWrap[flexWrap],
+        genFlexDirection[flexDirection],
+        genJustifyContent[justifyContent],
+        genAlignItems[alignItems],
+        genJustifyItems[justifyItems],
+        genAlignContent[alignContent],
+        genGap[gap],
+        genColGap[colGap],
+        genRowGap[rowGap],
+        "flexbox",
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+};
+var genFlexDirection = {
+  row: "flex-row",
+  "row-reverse": "flex-row-reverse",
+  col: "flex-col",
+  "col-reverse": "flex-col-reverse"
+};
+var genFlexWrap = {
+  nowrap: "flex-nowrap",
+  wrap: "flex-wrap",
+  "wrap-reverse": "flex-wrap-reverse"
+};
+
+// src/lib/components/Table/Table.tsx
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var Table = ({
   className,
   ref,
@@ -1310,72 +1368,114 @@ var Table = ({
   data,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsxs2(
-    "table",
-    {
-      ref,
-      className: clsx(
-        "table bg-background w-full h-px border-collapse border-spacing-0 table-fixed",
-        TEXT_BASE_CLASSES,
-        "text-(length:--font-size-small)",
-        genLinkColor["primary"],
-        genButtonColor["primary"],
-        "[&_thead]:bg-primary-500 [&_thead]:text-white [&_thead]:font-bold",
-        "[&_td]:overflow-x-scroll [&_td]:px-2 [&_td]:py-1 [&_th]:overflow-x-scroll [&_th]:px-2 [&_th]:py-1",
-        "md:[&_td]:table-cell md:[&_th]:table-cell [&_td]:block [&_th]:block",
-        variant === "bordered" && [
-          "border border-gray-200",
-          "[&_thead_th:not(:last-child)]:border-r [&_thead_th:not(:last-child)]:border-background [&_td]:border [&_td]:border-gray-200"
-        ],
-        variant === "stripped" && [
-          "[&_tbody_tr:nth-child(even)]:bg-gray-100"
-        ],
-        variant === "border-bottom" && [
-          "[&_tbody_tr]:border-b [&_tbody_tr]:border-b-gray-200"
-        ],
-        genVAlign[vAlign],
-        genTextAlign[textAlign],
-        "table",
-        className
-      ),
-      ...rest,
-      children: [
-        headers && /* @__PURE__ */ jsx2("thead", { className: clsx(genVAlign[vAlign]), children: /* @__PURE__ */ jsx2("tr", { className: clsx(genVAlign[vAlign]), children: headers.map((header) => /* @__PURE__ */ jsx2(
-          "th",
-          {
-            className: clsx(
-              genVAlign[vAlign],
-              "no-scrollbar"
-            ),
-            children: linkify && typeof header === "string" ? linkifyText(header, blank) : header
-          },
-          uuid2()
-        )) }) }),
-        data ? /* @__PURE__ */ jsx2("tbody", { className: clsx(genVAlign[vAlign]), children: data.map((row) => /* @__PURE__ */ jsx2("tr", { children: row.map((col) => /* @__PURE__ */ jsx2("td", { className: "no-scrollbar", children: linkify && typeof col === "string" ? linkifyText(col, blank) : col }, uuid2())) }, uuid2())) }) : /* @__PURE__ */ jsx2("tbody", { children }),
-        footers && /* @__PURE__ */ jsx2("tfoot", { children: /* @__PURE__ */ jsx2("tr", { children: footers.map((footer) => /* @__PURE__ */ jsx2("td", { className: "no-scrollbar", children: linkify && typeof footer === "string" ? linkifyText(footer, blank) : footer }, uuid2())) }) })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsxs2(
+      "table",
+      {
+        ref,
+        className: clsx(
+          "bg-background w-full h-px border-collapse border-spacing-0 table-fixed",
+          TEXT_BASE_CLASSES,
+          data ? "hidden! md:table!" : "table",
+          "text-(length:--font-size-small)",
+          genLinkColor["primary"],
+          genButtonColor["primary"],
+          "[&_thead]:bg-primary-500 [&_thead]:text-white [&_thead]:font-bold",
+          "[&_td]:overflow-x-scroll [&_td]:px-2 [&_td]:py-1 [&_th]:overflow-x-scroll [&_th]:px-2 [&_th]:py-1",
+          "md:[&_td]:table-cell md:[&_th]:table-cell [&_td]:block [&_th]:block",
+          variant === "bordered" && [
+            "border border-gray-200",
+            "[&_thead_th:not(:last-child)]:border-r [&_thead_th:not(:last-child)]:border-background [&_td]:border [&_td]:border-gray-200"
+          ],
+          variant === "stripped" && [
+            "[&_tbody_tr:nth-child(even)]:bg-gray-100"
+          ],
+          variant === "border-bottom" && [
+            "[&_tbody_tr]:border-b [&_tbody_tr]:border-b-gray-200"
+          ],
+          genVAlign[vAlign],
+          genTextAlign[textAlign],
+          "table",
+          className
+        ),
+        ...rest,
+        children: [
+          headers && /* @__PURE__ */ jsx3("thead", { className: clsx(genVAlign[vAlign]), children: /* @__PURE__ */ jsx3("tr", { className: clsx(genVAlign[vAlign]), children: headers.map((header) => /* @__PURE__ */ jsx3(
+            "th",
+            {
+              className: clsx(
+                genVAlign[vAlign],
+                "no-scrollbar"
+              ),
+              children: linkify && typeof header === "string" ? linkifyText(header, blank) : header
+            },
+            uuid2()
+          )) }) }),
+          data ? /* @__PURE__ */ jsx3("tbody", { className: clsx(genVAlign[vAlign]), children: data.map((row) => /* @__PURE__ */ jsx3("tr", { children: row.map((col) => /* @__PURE__ */ jsx3("td", { className: "no-scrollbar", children: linkify && typeof col === "string" ? linkifyText(col, blank) : col }, uuid2())) }, uuid2())) }) : /* @__PURE__ */ jsx3("tbody", { children }),
+          footers && /* @__PURE__ */ jsx3("tfoot", { children: /* @__PURE__ */ jsx3("tr", { children: footers.map((footer) => /* @__PURE__ */ jsx3("td", { className: "no-scrollbar", children: linkify && typeof footer === "string" ? linkifyText(footer, blank) : footer }, uuid2())) }) })
+        ]
+      }
+    ),
+    data && /* @__PURE__ */ jsx3(Flexbox, { className: "md:hidden", flexDirection: "col", gap: "md", children: data.map((row, i) => /* @__PURE__ */ jsxs2(
+      Flexbox,
+      {
+        flexDirection: "col",
+        gap: "xs",
+        className: clsx("border border-gray-200"),
+        children: [
+          /* @__PURE__ */ jsx3(
+            Text,
+            {
+              tag: "small",
+              className: "bg-primary-500 w-full font-bold text-white",
+              children: row[0]
+            }
+          ),
+          headers.slice(1).map((header, j) => /* @__PURE__ */ jsxs2(
+            Flexbox,
+            {
+              className: clsx(
+                "flex gap-6 overflow-x-scroll",
+                (variant === "bordered" || variant === "border-bottom") && [
+                  "border-b border-b-gray-200"
+                ],
+                variant === "stripped" && [
+                  j % 2 === 0 && "bg-gray-100"
+                ]
+              ),
+              gap: "sm",
+              children: [
+                /* @__PURE__ */ jsx3(Text, { tag: "small", children: /* @__PURE__ */ jsx3(Text, { tag: "strong", children: header }) }),
+                /* @__PURE__ */ jsx3(Text, { tag: "small", children: linkifyText(row[j + 1]) })
+              ]
+            },
+            j
+          ))
+        ]
+      },
+      i
+    )) })
+  ] });
 };
 
 // src/lib/utils/options-markdown.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 var libMarkdownComponents = {
-  h1: (props) => /* @__PURE__ */ jsx3(Text, { tag: "h1", ...props }),
-  h2: (props) => /* @__PURE__ */ jsx3(Text, { tag: "h2", ...props }),
-  h3: (props) => /* @__PURE__ */ jsx3(Text, { tag: "h3", ...props }),
-  h4: (props) => /* @__PURE__ */ jsx3(Text, { tag: "h4", ...props }),
-  h5: (props) => /* @__PURE__ */ jsx3(Text, { tag: "h5", ...props }),
-  h6: (props) => /* @__PURE__ */ jsx3(Text, { tag: "h6", ...props }),
-  p: (props) => /* @__PURE__ */ jsx3(Text, { tag: "p", ...props }),
-  small: (props) => /* @__PURE__ */ jsx3(Text, { tag: "small", ...props }),
-  strong: (props) => /* @__PURE__ */ jsx3(Text, { tag: "strong", ...props }),
-  em: (props) => /* @__PURE__ */ jsx3(Text, { tag: "em", ...props }),
-  blockquote: (props) => /* @__PURE__ */ jsx3(Text, { tag: "blockquote", ...props }),
-  ul: (props) => /* @__PURE__ */ jsx3(Text, { tag: "ul", ...props }),
-  ol: (props) => /* @__PURE__ */ jsx3(Text, { tag: "ol", ...props }),
-  dl: (props) => /* @__PURE__ */ jsx3(Text, { tag: "dl", ...props }),
-  table: (props) => /* @__PURE__ */ jsx3(Table, { ...props })
+  h1: (props) => /* @__PURE__ */ jsx4(Text, { tag: "h1", ...props }),
+  h2: (props) => /* @__PURE__ */ jsx4(Text, { tag: "h2", ...props }),
+  h3: (props) => /* @__PURE__ */ jsx4(Text, { tag: "h3", ...props }),
+  h4: (props) => /* @__PURE__ */ jsx4(Text, { tag: "h4", ...props }),
+  h5: (props) => /* @__PURE__ */ jsx4(Text, { tag: "h5", ...props }),
+  h6: (props) => /* @__PURE__ */ jsx4(Text, { tag: "h6", ...props }),
+  p: (props) => /* @__PURE__ */ jsx4(Text, { tag: "p", ...props }),
+  small: (props) => /* @__PURE__ */ jsx4(Text, { tag: "small", ...props }),
+  strong: (props) => /* @__PURE__ */ jsx4(Text, { tag: "strong", ...props }),
+  em: (props) => /* @__PURE__ */ jsx4(Text, { tag: "em", ...props }),
+  blockquote: (props) => /* @__PURE__ */ jsx4(Text, { tag: "blockquote", ...props }),
+  ul: (props) => /* @__PURE__ */ jsx4(Text, { tag: "ul", ...props }),
+  ol: (props) => /* @__PURE__ */ jsx4(Text, { tag: "ol", ...props }),
+  dl: (props) => /* @__PURE__ */ jsx4(Text, { tag: "dl", ...props }),
+  table: (props) => /* @__PURE__ */ jsx4(Table, { ...props })
 };
 var libMarkdownEditorOptions = {
   bold: true,
@@ -1441,6 +1541,8 @@ function disableScroll() {
     );
     document.body.style.overflow = "hidden";
     document.body.style.height = "100vh";
+    const scrollPosition = window.scrollY;
+    document.body.style.top = `-${scrollPosition}px`;
   }
 }
 
@@ -1466,7 +1568,7 @@ function scrollToTop() {
 }
 
 // src/lib/components/Text/templates/H1.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 var H1 = ({
   element = "h1",
   className,
@@ -1478,7 +1580,7 @@ var H1 = ({
   ...rest
 }) => {
   const Element = element;
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     Element,
     {
       className: clsx(
@@ -1499,7 +1601,7 @@ var H1 = ({
 };
 
 // src/lib/components/Text/templates/H2.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var H2 = ({
   element = "h2",
   className,
@@ -1511,7 +1613,7 @@ var H2 = ({
   ...rest
 }) => {
   const Element = element;
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     Element,
     {
       className: clsx(
@@ -1532,7 +1634,7 @@ var H2 = ({
 };
 
 // src/lib/components/Text/templates/H3.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var H3 = ({
   element = "h3",
   className,
@@ -1544,7 +1646,7 @@ var H3 = ({
   ...rest
 }) => {
   const Element = element;
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     Element,
     {
       className: clsx(
@@ -1565,7 +1667,7 @@ var H3 = ({
 };
 
 // src/lib/components/Text/templates/H4.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var H4 = ({
   element = "h4",
   className,
@@ -1577,7 +1679,7 @@ var H4 = ({
   ...rest
 }) => {
   const Element = element;
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     Element,
     {
       className: clsx(
@@ -1598,7 +1700,7 @@ var H4 = ({
 };
 
 // src/lib/components/Text/templates/H5.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var H5 = ({
   element = "h5",
   className,
@@ -1610,7 +1712,7 @@ var H5 = ({
   ...rest
 }) => {
   const Element = element;
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     Element,
     {
       className: clsx(
@@ -1631,7 +1733,7 @@ var H5 = ({
 };
 
 // src/lib/components/Text/templates/H6.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var H6 = ({
   element = "h6",
   className,
@@ -1642,7 +1744,7 @@ var H6 = ({
   ...rest
 }) => {
   const Element = element;
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     Element,
     {
       className: clsx(
@@ -1663,7 +1765,7 @@ var H6 = ({
 };
 
 // src/lib/components/Text/templates/P.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var P = ({
   element = "p",
   className,
@@ -1674,7 +1776,7 @@ var P = ({
   ...rest
 }) => {
   const Element = element;
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     Element,
     {
       className: clsx(
@@ -1694,7 +1796,7 @@ var P = ({
 };
 
 // src/lib/components/Text/templates/Small.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var Small = ({
   element = "small",
   className,
@@ -1705,7 +1807,7 @@ var Small = ({
   ...rest
 }) => {
   const Element = element;
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     Element,
     {
       className: clsx(
@@ -1725,7 +1827,7 @@ var Small = ({
 };
 
 // src/lib/components/Text/templates/Strong.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var Strong = ({
   element = "strong",
   className,
@@ -1736,7 +1838,7 @@ var Strong = ({
   ...rest
 }) => {
   const Element = element;
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     Element,
     {
       className: clsx(
@@ -1756,7 +1858,7 @@ var Strong = ({
 };
 
 // src/lib/components/Text/templates/Em.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var Em = ({
   element = "em",
   className,
@@ -1767,7 +1869,7 @@ var Em = ({
   ...rest
 }) => {
   const Element = element;
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     Element,
     {
       className: clsx(
@@ -1787,7 +1889,7 @@ var Em = ({
 };
 
 // src/lib/components/Text/templates/Blockquote.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var Blockquote = ({
   element = "blockquote",
   className,
@@ -1798,7 +1900,7 @@ var Blockquote = ({
   ...rest
 }) => {
   const Element = element;
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     Element,
     {
       className: clsx(
@@ -1819,7 +1921,7 @@ var Blockquote = ({
 };
 
 // src/lib/components/Text/templates/Ul.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var Ul = ({
   element = "ul",
   className,
@@ -1830,7 +1932,7 @@ var Ul = ({
   ...rest
 }) => {
   const Element = element;
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     Element,
     {
       className: clsx(
@@ -1851,7 +1953,7 @@ var Ul = ({
 };
 
 // src/lib/components/Text/templates/Ol.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var Ol = ({
   element = "ol",
   className,
@@ -1862,7 +1964,7 @@ var Ol = ({
   ...rest
 }) => {
   const Element = element;
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     Element,
     {
       className: clsx(
@@ -1883,7 +1985,7 @@ var Ol = ({
 };
 
 // src/lib/components/Text/templates/Dl.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var Dl = ({
   element = "dl",
   className,
@@ -1894,7 +1996,7 @@ var Dl = ({
   ...rest
 }) => {
   const Element = element;
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     Element,
     {
       className: clsx(
@@ -1916,7 +2018,7 @@ var Dl = ({
 };
 
 // src/lib/components/Text/Text.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var TEXT_BASE_CLASSES = clsx(
   "font-family-body",
   "[&_code]:font-family-code [&_code]:leading-8 [&_code]:p-1 [&_code]:text-primary-500 [&_code]:bg-gray-50 [&_code]:rounded-xs"
@@ -1924,40 +2026,40 @@ var TEXT_BASE_CLASSES = clsx(
 var Text = ({ tag = "p", ...rest }) => {
   switch (tag) {
     case "h1":
-      return /* @__PURE__ */ jsx18(H1, { ...rest });
+      return /* @__PURE__ */ jsx19(H1, { ...rest });
     case "h2":
-      return /* @__PURE__ */ jsx18(H2, { ...rest });
+      return /* @__PURE__ */ jsx19(H2, { ...rest });
     case "h3":
-      return /* @__PURE__ */ jsx18(H3, { ...rest });
+      return /* @__PURE__ */ jsx19(H3, { ...rest });
     case "h4":
-      return /* @__PURE__ */ jsx18(H4, { ...rest });
+      return /* @__PURE__ */ jsx19(H4, { ...rest });
     case "h5":
-      return /* @__PURE__ */ jsx18(H5, { ...rest });
+      return /* @__PURE__ */ jsx19(H5, { ...rest });
     case "h6":
-      return /* @__PURE__ */ jsx18(H6, { ...rest });
+      return /* @__PURE__ */ jsx19(H6, { ...rest });
     case "small":
-      return /* @__PURE__ */ jsx18(Small, { ...rest });
+      return /* @__PURE__ */ jsx19(Small, { ...rest });
     case "strong":
-      return /* @__PURE__ */ jsx18(Strong, { ...rest });
+      return /* @__PURE__ */ jsx19(Strong, { ...rest });
     case "em":
-      return /* @__PURE__ */ jsx18(Em, { ...rest });
+      return /* @__PURE__ */ jsx19(Em, { ...rest });
     case "blockquote":
-      return /* @__PURE__ */ jsx18(Blockquote, { ...rest });
+      return /* @__PURE__ */ jsx19(Blockquote, { ...rest });
     case "ul":
-      return /* @__PURE__ */ jsx18(Ul, { ...rest });
+      return /* @__PURE__ */ jsx19(Ul, { ...rest });
     case "ol":
-      return /* @__PURE__ */ jsx18(Ol, { ...rest });
+      return /* @__PURE__ */ jsx19(Ol, { ...rest });
     case "dl":
-      return /* @__PURE__ */ jsx18(Dl, { ...rest });
+      return /* @__PURE__ */ jsx19(Dl, { ...rest });
     case "p":
     default:
-      return /* @__PURE__ */ jsx18(P, { ...rest });
+      return /* @__PURE__ */ jsx19(P, { ...rest });
   }
 };
 
 // src/lib/components/Image/Image.tsx
 import "react";
-import { jsx as jsx19, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs3 } from "react/jsx-runtime";
 var Image = ({
   className,
   ref,
@@ -1978,7 +2080,7 @@ var Image = ({
           className
         ),
         children: [
-          /* @__PURE__ */ jsx19(
+          /* @__PURE__ */ jsx20(
             "img",
             {
               className: clsx(
@@ -1990,7 +2092,7 @@ var Image = ({
               ...rest
             }
           ),
-          /* @__PURE__ */ jsx19(
+          /* @__PURE__ */ jsx20(
             "figcaption",
             {
               className: clsx(
@@ -2007,7 +2109,7 @@ var Image = ({
       }
     );
   }
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     Element,
     {
       ref,
@@ -2061,6 +2163,7 @@ export {
   genVAlign,
   TEXT_BASE_CLASSES,
   Text,
+  Flexbox,
   Table,
   libMarkdownComponents,
   libMarkdownEditorOptions,
@@ -2072,4 +2175,4 @@ export {
   scrollToTop,
   Image
 };
-//# sourceMappingURL=chunk-BGER7RTC.js.map
+//# sourceMappingURL=chunk-YKOO6XXS.js.map