@julseb-lib/react 1.1.11 → 1.1.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  Image
3
- } from "./chunk-IFVYNP3I.js";
3
+ } from "./chunk-YKOO6XXS.js";
4
4
 
5
5
  // src/lib/components/LazyImage/Image.tsx
6
6
  import { jsx } from "react/jsx-runtime";
@@ -11,4 +11,4 @@ var Image_default = Image2;
11
11
  export {
12
12
  Image_default as default
13
13
  };
14
- //# sourceMappingURL=Image-CV2LVZZD.js.map
14
+ //# sourceMappingURL=Image-PU6L33RI.js.map
@@ -1295,7 +1295,65 @@ import "react";
1295
1295
  // src/lib/components/Table/Table.tsx
1296
1296
  import "react";
1297
1297
  import { uuid as uuid2 } from "@julseb-lib/utils";
1298
- import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
1298
+
1299
+ // src/lib/components/Flexbox/Flexbox.tsx
1300
+ import "react";
1301
+ import { jsx as jsx2 } from "react/jsx-runtime";
1302
+ var Flexbox = ({
1303
+ className,
1304
+ element = "div",
1305
+ ref,
1306
+ children,
1307
+ inline,
1308
+ flexDirection = "row",
1309
+ flexWrap = "nowrap",
1310
+ justifyContent = "start",
1311
+ alignItems = "stretch",
1312
+ justifyItems = "stretch",
1313
+ alignContent = "normal",
1314
+ gap = "0px",
1315
+ colGap = "0px",
1316
+ rowGap = "0px",
1317
+ ...rest
1318
+ }) => {
1319
+ const Element = element;
1320
+ return /* @__PURE__ */ jsx2(
1321
+ Element,
1322
+ {
1323
+ ref,
1324
+ className: clsx(
1325
+ inline ? "inline-flex" : "flex",
1326
+ genFlexWrap[flexWrap],
1327
+ genFlexDirection[flexDirection],
1328
+ genJustifyContent[justifyContent],
1329
+ genAlignItems[alignItems],
1330
+ genJustifyItems[justifyItems],
1331
+ genAlignContent[alignContent],
1332
+ genGap[gap],
1333
+ genColGap[colGap],
1334
+ genRowGap[rowGap],
1335
+ "flexbox",
1336
+ className
1337
+ ),
1338
+ ...rest,
1339
+ children
1340
+ }
1341
+ );
1342
+ };
1343
+ var genFlexDirection = {
1344
+ row: "flex-row",
1345
+ "row-reverse": "flex-row-reverse",
1346
+ col: "flex-col",
1347
+ "col-reverse": "flex-col-reverse"
1348
+ };
1349
+ var genFlexWrap = {
1350
+ nowrap: "flex-nowrap",
1351
+ wrap: "flex-wrap",
1352
+ "wrap-reverse": "flex-wrap-reverse"
1353
+ };
1354
+
1355
+ // src/lib/components/Table/Table.tsx
1356
+ import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
1299
1357
  var Table = ({
1300
1358
  className,
1301
1359
  ref,
@@ -1310,72 +1368,114 @@ var Table = ({
1310
1368
  data,
1311
1369
  ...rest
1312
1370
  }) => {
1313
- return /* @__PURE__ */ jsxs2(
1314
- "table",
1315
- {
1316
- ref,
1317
- className: clsx(
1318
- "table bg-background w-full h-px border-collapse border-spacing-0 table-fixed",
1319
- TEXT_BASE_CLASSES,
1320
- "text-(length:--font-size-small)",
1321
- genLinkColor["primary"],
1322
- genButtonColor["primary"],
1323
- "[&_thead]:bg-primary-500 [&_thead]:text-white [&_thead]:font-bold",
1324
- "[&_td]:overflow-x-scroll [&_td]:px-2 [&_td]:py-1 [&_th]:overflow-x-scroll [&_th]:px-2 [&_th]:py-1",
1325
- "md:[&_td]:table-cell md:[&_th]:table-cell [&_td]:block [&_th]:block",
1326
- variant === "bordered" && [
1327
- "border border-gray-200",
1328
- "[&_thead_th:not(:last-child)]:border-r [&_thead_th:not(:last-child)]:border-background [&_td]:border [&_td]:border-gray-200"
1329
- ],
1330
- variant === "stripped" && [
1331
- "[&_tbody_tr:nth-child(even)]:bg-gray-100"
1332
- ],
1333
- variant === "border-bottom" && [
1334
- "[&_tbody_tr]:border-b [&_tbody_tr]:border-b-gray-200"
1335
- ],
1336
- genVAlign[vAlign],
1337
- genTextAlign[textAlign],
1338
- "table",
1339
- className
1340
- ),
1341
- ...rest,
1342
- children: [
1343
- headers && /* @__PURE__ */ jsx2("thead", { className: clsx(genVAlign[vAlign]), children: /* @__PURE__ */ jsx2("tr", { className: clsx(genVAlign[vAlign]), children: headers.map((header) => /* @__PURE__ */ jsx2(
1344
- "th",
1345
- {
1346
- className: clsx(
1347
- genVAlign[vAlign],
1348
- "no-scrollbar"
1349
- ),
1350
- children: linkify && typeof header === "string" ? linkifyText(header, blank) : header
1351
- },
1352
- uuid2()
1353
- )) }) }),
1354
- 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 }),
1355
- 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())) }) })
1356
- ]
1357
- }
1358
- );
1371
+ return /* @__PURE__ */ jsxs2(Fragment2, { children: [
1372
+ /* @__PURE__ */ jsxs2(
1373
+ "table",
1374
+ {
1375
+ ref,
1376
+ className: clsx(
1377
+ "bg-background w-full h-px border-collapse border-spacing-0 table-fixed",
1378
+ TEXT_BASE_CLASSES,
1379
+ data ? "hidden! md:table!" : "table",
1380
+ "text-(length:--font-size-small)",
1381
+ genLinkColor["primary"],
1382
+ genButtonColor["primary"],
1383
+ "[&_thead]:bg-primary-500 [&_thead]:text-white [&_thead]:font-bold",
1384
+ "[&_td]:overflow-x-scroll [&_td]:px-2 [&_td]:py-1 [&_th]:overflow-x-scroll [&_th]:px-2 [&_th]:py-1",
1385
+ "md:[&_td]:table-cell md:[&_th]:table-cell [&_td]:block [&_th]:block",
1386
+ variant === "bordered" && [
1387
+ "border border-gray-200",
1388
+ "[&_thead_th:not(:last-child)]:border-r [&_thead_th:not(:last-child)]:border-background [&_td]:border [&_td]:border-gray-200"
1389
+ ],
1390
+ variant === "stripped" && [
1391
+ "[&_tbody_tr:nth-child(even)]:bg-gray-100"
1392
+ ],
1393
+ variant === "border-bottom" && [
1394
+ "[&_tbody_tr]:border-b [&_tbody_tr]:border-b-gray-200"
1395
+ ],
1396
+ genVAlign[vAlign],
1397
+ genTextAlign[textAlign],
1398
+ "table",
1399
+ className
1400
+ ),
1401
+ ...rest,
1402
+ children: [
1403
+ headers && /* @__PURE__ */ jsx3("thead", { className: clsx(genVAlign[vAlign]), children: /* @__PURE__ */ jsx3("tr", { className: clsx(genVAlign[vAlign]), children: headers.map((header) => /* @__PURE__ */ jsx3(
1404
+ "th",
1405
+ {
1406
+ className: clsx(
1407
+ genVAlign[vAlign],
1408
+ "no-scrollbar"
1409
+ ),
1410
+ children: linkify && typeof header === "string" ? linkifyText(header, blank) : header
1411
+ },
1412
+ uuid2()
1413
+ )) }) }),
1414
+ 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 }),
1415
+ 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())) }) })
1416
+ ]
1417
+ }
1418
+ ),
1419
+ data && /* @__PURE__ */ jsx3(Flexbox, { className: "md:hidden", flexDirection: "col", gap: "md", children: data.map((row, i) => /* @__PURE__ */ jsxs2(
1420
+ Flexbox,
1421
+ {
1422
+ flexDirection: "col",
1423
+ gap: "xs",
1424
+ className: clsx("border border-gray-200"),
1425
+ children: [
1426
+ /* @__PURE__ */ jsx3(
1427
+ Text,
1428
+ {
1429
+ tag: "small",
1430
+ className: "bg-primary-500 w-full font-bold text-white",
1431
+ children: row[0]
1432
+ }
1433
+ ),
1434
+ headers.slice(1).map((header, j) => /* @__PURE__ */ jsxs2(
1435
+ Flexbox,
1436
+ {
1437
+ className: clsx(
1438
+ "flex gap-6 overflow-x-scroll",
1439
+ (variant === "bordered" || variant === "border-bottom") && [
1440
+ "border-b border-b-gray-200"
1441
+ ],
1442
+ variant === "stripped" && [
1443
+ j % 2 === 0 && "bg-gray-100"
1444
+ ]
1445
+ ),
1446
+ gap: "sm",
1447
+ children: [
1448
+ /* @__PURE__ */ jsx3(Text, { tag: "small", children: /* @__PURE__ */ jsx3(Text, { tag: "strong", children: header }) }),
1449
+ /* @__PURE__ */ jsx3(Text, { tag: "small", children: linkifyText(row[j + 1]) })
1450
+ ]
1451
+ },
1452
+ j
1453
+ ))
1454
+ ]
1455
+ },
1456
+ i
1457
+ )) })
1458
+ ] });
1359
1459
  };
1360
1460
 
1361
1461
  // src/lib/utils/options-markdown.tsx
1362
- import { jsx as jsx3 } from "react/jsx-runtime";
1462
+ import { jsx as jsx4 } from "react/jsx-runtime";
1363
1463
  var libMarkdownComponents = {
1364
- h1: (props) => /* @__PURE__ */ jsx3(Text, { tag: "h1", ...props }),
1365
- h2: (props) => /* @__PURE__ */ jsx3(Text, { tag: "h2", ...props }),
1366
- h3: (props) => /* @__PURE__ */ jsx3(Text, { tag: "h3", ...props }),
1367
- h4: (props) => /* @__PURE__ */ jsx3(Text, { tag: "h4", ...props }),
1368
- h5: (props) => /* @__PURE__ */ jsx3(Text, { tag: "h5", ...props }),
1369
- h6: (props) => /* @__PURE__ */ jsx3(Text, { tag: "h6", ...props }),
1370
- p: (props) => /* @__PURE__ */ jsx3(Text, { tag: "p", ...props }),
1371
- small: (props) => /* @__PURE__ */ jsx3(Text, { tag: "small", ...props }),
1372
- strong: (props) => /* @__PURE__ */ jsx3(Text, { tag: "strong", ...props }),
1373
- em: (props) => /* @__PURE__ */ jsx3(Text, { tag: "em", ...props }),
1374
- blockquote: (props) => /* @__PURE__ */ jsx3(Text, { tag: "blockquote", ...props }),
1375
- ul: (props) => /* @__PURE__ */ jsx3(Text, { tag: "ul", ...props }),
1376
- ol: (props) => /* @__PURE__ */ jsx3(Text, { tag: "ol", ...props }),
1377
- dl: (props) => /* @__PURE__ */ jsx3(Text, { tag: "dl", ...props }),
1378
- table: (props) => /* @__PURE__ */ jsx3(Table, { ...props })
1464
+ h1: (props) => /* @__PURE__ */ jsx4(Text, { tag: "h1", ...props }),
1465
+ h2: (props) => /* @__PURE__ */ jsx4(Text, { tag: "h2", ...props }),
1466
+ h3: (props) => /* @__PURE__ */ jsx4(Text, { tag: "h3", ...props }),
1467
+ h4: (props) => /* @__PURE__ */ jsx4(Text, { tag: "h4", ...props }),
1468
+ h5: (props) => /* @__PURE__ */ jsx4(Text, { tag: "h5", ...props }),
1469
+ h6: (props) => /* @__PURE__ */ jsx4(Text, { tag: "h6", ...props }),
1470
+ p: (props) => /* @__PURE__ */ jsx4(Text, { tag: "p", ...props }),
1471
+ small: (props) => /* @__PURE__ */ jsx4(Text, { tag: "small", ...props }),
1472
+ strong: (props) => /* @__PURE__ */ jsx4(Text, { tag: "strong", ...props }),
1473
+ em: (props) => /* @__PURE__ */ jsx4(Text, { tag: "em", ...props }),
1474
+ blockquote: (props) => /* @__PURE__ */ jsx4(Text, { tag: "blockquote", ...props }),
1475
+ ul: (props) => /* @__PURE__ */ jsx4(Text, { tag: "ul", ...props }),
1476
+ ol: (props) => /* @__PURE__ */ jsx4(Text, { tag: "ol", ...props }),
1477
+ dl: (props) => /* @__PURE__ */ jsx4(Text, { tag: "dl", ...props }),
1478
+ table: (props) => /* @__PURE__ */ jsx4(Table, { ...props })
1379
1479
  };
1380
1480
  var libMarkdownEditorOptions = {
1381
1481
  bold: true,
@@ -1468,7 +1568,7 @@ function scrollToTop() {
1468
1568
  }
1469
1569
 
1470
1570
  // src/lib/components/Text/templates/H1.tsx
1471
- import { jsx as jsx4 } from "react/jsx-runtime";
1571
+ import { jsx as jsx5 } from "react/jsx-runtime";
1472
1572
  var H1 = ({
1473
1573
  element = "h1",
1474
1574
  className,
@@ -1480,7 +1580,7 @@ var H1 = ({
1480
1580
  ...rest
1481
1581
  }) => {
1482
1582
  const Element = element;
1483
- return /* @__PURE__ */ jsx4(
1583
+ return /* @__PURE__ */ jsx5(
1484
1584
  Element,
1485
1585
  {
1486
1586
  className: clsx(
@@ -1501,7 +1601,7 @@ var H1 = ({
1501
1601
  };
1502
1602
 
1503
1603
  // src/lib/components/Text/templates/H2.tsx
1504
- import { jsx as jsx5 } from "react/jsx-runtime";
1604
+ import { jsx as jsx6 } from "react/jsx-runtime";
1505
1605
  var H2 = ({
1506
1606
  element = "h2",
1507
1607
  className,
@@ -1513,7 +1613,7 @@ var H2 = ({
1513
1613
  ...rest
1514
1614
  }) => {
1515
1615
  const Element = element;
1516
- return /* @__PURE__ */ jsx5(
1616
+ return /* @__PURE__ */ jsx6(
1517
1617
  Element,
1518
1618
  {
1519
1619
  className: clsx(
@@ -1534,7 +1634,7 @@ var H2 = ({
1534
1634
  };
1535
1635
 
1536
1636
  // src/lib/components/Text/templates/H3.tsx
1537
- import { jsx as jsx6 } from "react/jsx-runtime";
1637
+ import { jsx as jsx7 } from "react/jsx-runtime";
1538
1638
  var H3 = ({
1539
1639
  element = "h3",
1540
1640
  className,
@@ -1546,7 +1646,7 @@ var H3 = ({
1546
1646
  ...rest
1547
1647
  }) => {
1548
1648
  const Element = element;
1549
- return /* @__PURE__ */ jsx6(
1649
+ return /* @__PURE__ */ jsx7(
1550
1650
  Element,
1551
1651
  {
1552
1652
  className: clsx(
@@ -1567,7 +1667,7 @@ var H3 = ({
1567
1667
  };
1568
1668
 
1569
1669
  // src/lib/components/Text/templates/H4.tsx
1570
- import { jsx as jsx7 } from "react/jsx-runtime";
1670
+ import { jsx as jsx8 } from "react/jsx-runtime";
1571
1671
  var H4 = ({
1572
1672
  element = "h4",
1573
1673
  className,
@@ -1579,7 +1679,7 @@ var H4 = ({
1579
1679
  ...rest
1580
1680
  }) => {
1581
1681
  const Element = element;
1582
- return /* @__PURE__ */ jsx7(
1682
+ return /* @__PURE__ */ jsx8(
1583
1683
  Element,
1584
1684
  {
1585
1685
  className: clsx(
@@ -1600,7 +1700,7 @@ var H4 = ({
1600
1700
  };
1601
1701
 
1602
1702
  // src/lib/components/Text/templates/H5.tsx
1603
- import { jsx as jsx8 } from "react/jsx-runtime";
1703
+ import { jsx as jsx9 } from "react/jsx-runtime";
1604
1704
  var H5 = ({
1605
1705
  element = "h5",
1606
1706
  className,
@@ -1612,7 +1712,7 @@ var H5 = ({
1612
1712
  ...rest
1613
1713
  }) => {
1614
1714
  const Element = element;
1615
- return /* @__PURE__ */ jsx8(
1715
+ return /* @__PURE__ */ jsx9(
1616
1716
  Element,
1617
1717
  {
1618
1718
  className: clsx(
@@ -1633,7 +1733,7 @@ var H5 = ({
1633
1733
  };
1634
1734
 
1635
1735
  // src/lib/components/Text/templates/H6.tsx
1636
- import { jsx as jsx9 } from "react/jsx-runtime";
1736
+ import { jsx as jsx10 } from "react/jsx-runtime";
1637
1737
  var H6 = ({
1638
1738
  element = "h6",
1639
1739
  className,
@@ -1644,7 +1744,7 @@ var H6 = ({
1644
1744
  ...rest
1645
1745
  }) => {
1646
1746
  const Element = element;
1647
- return /* @__PURE__ */ jsx9(
1747
+ return /* @__PURE__ */ jsx10(
1648
1748
  Element,
1649
1749
  {
1650
1750
  className: clsx(
@@ -1665,7 +1765,7 @@ var H6 = ({
1665
1765
  };
1666
1766
 
1667
1767
  // src/lib/components/Text/templates/P.tsx
1668
- import { jsx as jsx10 } from "react/jsx-runtime";
1768
+ import { jsx as jsx11 } from "react/jsx-runtime";
1669
1769
  var P = ({
1670
1770
  element = "p",
1671
1771
  className,
@@ -1676,7 +1776,7 @@ var P = ({
1676
1776
  ...rest
1677
1777
  }) => {
1678
1778
  const Element = element;
1679
- return /* @__PURE__ */ jsx10(
1779
+ return /* @__PURE__ */ jsx11(
1680
1780
  Element,
1681
1781
  {
1682
1782
  className: clsx(
@@ -1696,7 +1796,7 @@ var P = ({
1696
1796
  };
1697
1797
 
1698
1798
  // src/lib/components/Text/templates/Small.tsx
1699
- import { jsx as jsx11 } from "react/jsx-runtime";
1799
+ import { jsx as jsx12 } from "react/jsx-runtime";
1700
1800
  var Small = ({
1701
1801
  element = "small",
1702
1802
  className,
@@ -1707,7 +1807,7 @@ var Small = ({
1707
1807
  ...rest
1708
1808
  }) => {
1709
1809
  const Element = element;
1710
- return /* @__PURE__ */ jsx11(
1810
+ return /* @__PURE__ */ jsx12(
1711
1811
  Element,
1712
1812
  {
1713
1813
  className: clsx(
@@ -1727,7 +1827,7 @@ var Small = ({
1727
1827
  };
1728
1828
 
1729
1829
  // src/lib/components/Text/templates/Strong.tsx
1730
- import { jsx as jsx12 } from "react/jsx-runtime";
1830
+ import { jsx as jsx13 } from "react/jsx-runtime";
1731
1831
  var Strong = ({
1732
1832
  element = "strong",
1733
1833
  className,
@@ -1738,7 +1838,7 @@ var Strong = ({
1738
1838
  ...rest
1739
1839
  }) => {
1740
1840
  const Element = element;
1741
- return /* @__PURE__ */ jsx12(
1841
+ return /* @__PURE__ */ jsx13(
1742
1842
  Element,
1743
1843
  {
1744
1844
  className: clsx(
@@ -1758,7 +1858,7 @@ var Strong = ({
1758
1858
  };
1759
1859
 
1760
1860
  // src/lib/components/Text/templates/Em.tsx
1761
- import { jsx as jsx13 } from "react/jsx-runtime";
1861
+ import { jsx as jsx14 } from "react/jsx-runtime";
1762
1862
  var Em = ({
1763
1863
  element = "em",
1764
1864
  className,
@@ -1769,7 +1869,7 @@ var Em = ({
1769
1869
  ...rest
1770
1870
  }) => {
1771
1871
  const Element = element;
1772
- return /* @__PURE__ */ jsx13(
1872
+ return /* @__PURE__ */ jsx14(
1773
1873
  Element,
1774
1874
  {
1775
1875
  className: clsx(
@@ -1789,7 +1889,7 @@ var Em = ({
1789
1889
  };
1790
1890
 
1791
1891
  // src/lib/components/Text/templates/Blockquote.tsx
1792
- import { jsx as jsx14 } from "react/jsx-runtime";
1892
+ import { jsx as jsx15 } from "react/jsx-runtime";
1793
1893
  var Blockquote = ({
1794
1894
  element = "blockquote",
1795
1895
  className,
@@ -1800,7 +1900,7 @@ var Blockquote = ({
1800
1900
  ...rest
1801
1901
  }) => {
1802
1902
  const Element = element;
1803
- return /* @__PURE__ */ jsx14(
1903
+ return /* @__PURE__ */ jsx15(
1804
1904
  Element,
1805
1905
  {
1806
1906
  className: clsx(
@@ -1821,7 +1921,7 @@ var Blockquote = ({
1821
1921
  };
1822
1922
 
1823
1923
  // src/lib/components/Text/templates/Ul.tsx
1824
- import { jsx as jsx15 } from "react/jsx-runtime";
1924
+ import { jsx as jsx16 } from "react/jsx-runtime";
1825
1925
  var Ul = ({
1826
1926
  element = "ul",
1827
1927
  className,
@@ -1832,7 +1932,7 @@ var Ul = ({
1832
1932
  ...rest
1833
1933
  }) => {
1834
1934
  const Element = element;
1835
- return /* @__PURE__ */ jsx15(
1935
+ return /* @__PURE__ */ jsx16(
1836
1936
  Element,
1837
1937
  {
1838
1938
  className: clsx(
@@ -1853,7 +1953,7 @@ var Ul = ({
1853
1953
  };
1854
1954
 
1855
1955
  // src/lib/components/Text/templates/Ol.tsx
1856
- import { jsx as jsx16 } from "react/jsx-runtime";
1956
+ import { jsx as jsx17 } from "react/jsx-runtime";
1857
1957
  var Ol = ({
1858
1958
  element = "ol",
1859
1959
  className,
@@ -1864,7 +1964,7 @@ var Ol = ({
1864
1964
  ...rest
1865
1965
  }) => {
1866
1966
  const Element = element;
1867
- return /* @__PURE__ */ jsx16(
1967
+ return /* @__PURE__ */ jsx17(
1868
1968
  Element,
1869
1969
  {
1870
1970
  className: clsx(
@@ -1885,7 +1985,7 @@ var Ol = ({
1885
1985
  };
1886
1986
 
1887
1987
  // src/lib/components/Text/templates/Dl.tsx
1888
- import { jsx as jsx17 } from "react/jsx-runtime";
1988
+ import { jsx as jsx18 } from "react/jsx-runtime";
1889
1989
  var Dl = ({
1890
1990
  element = "dl",
1891
1991
  className,
@@ -1896,7 +1996,7 @@ var Dl = ({
1896
1996
  ...rest
1897
1997
  }) => {
1898
1998
  const Element = element;
1899
- return /* @__PURE__ */ jsx17(
1999
+ return /* @__PURE__ */ jsx18(
1900
2000
  Element,
1901
2001
  {
1902
2002
  className: clsx(
@@ -1918,7 +2018,7 @@ var Dl = ({
1918
2018
  };
1919
2019
 
1920
2020
  // src/lib/components/Text/Text.tsx
1921
- import { jsx as jsx18 } from "react/jsx-runtime";
2021
+ import { jsx as jsx19 } from "react/jsx-runtime";
1922
2022
  var TEXT_BASE_CLASSES = clsx(
1923
2023
  "font-family-body",
1924
2024
  "[&_code]:font-family-code [&_code]:leading-8 [&_code]:p-1 [&_code]:text-primary-500 [&_code]:bg-gray-50 [&_code]:rounded-xs"
@@ -1926,40 +2026,40 @@ var TEXT_BASE_CLASSES = clsx(
1926
2026
  var Text = ({ tag = "p", ...rest }) => {
1927
2027
  switch (tag) {
1928
2028
  case "h1":
1929
- return /* @__PURE__ */ jsx18(H1, { ...rest });
2029
+ return /* @__PURE__ */ jsx19(H1, { ...rest });
1930
2030
  case "h2":
1931
- return /* @__PURE__ */ jsx18(H2, { ...rest });
2031
+ return /* @__PURE__ */ jsx19(H2, { ...rest });
1932
2032
  case "h3":
1933
- return /* @__PURE__ */ jsx18(H3, { ...rest });
2033
+ return /* @__PURE__ */ jsx19(H3, { ...rest });
1934
2034
  case "h4":
1935
- return /* @__PURE__ */ jsx18(H4, { ...rest });
2035
+ return /* @__PURE__ */ jsx19(H4, { ...rest });
1936
2036
  case "h5":
1937
- return /* @__PURE__ */ jsx18(H5, { ...rest });
2037
+ return /* @__PURE__ */ jsx19(H5, { ...rest });
1938
2038
  case "h6":
1939
- return /* @__PURE__ */ jsx18(H6, { ...rest });
2039
+ return /* @__PURE__ */ jsx19(H6, { ...rest });
1940
2040
  case "small":
1941
- return /* @__PURE__ */ jsx18(Small, { ...rest });
2041
+ return /* @__PURE__ */ jsx19(Small, { ...rest });
1942
2042
  case "strong":
1943
- return /* @__PURE__ */ jsx18(Strong, { ...rest });
2043
+ return /* @__PURE__ */ jsx19(Strong, { ...rest });
1944
2044
  case "em":
1945
- return /* @__PURE__ */ jsx18(Em, { ...rest });
2045
+ return /* @__PURE__ */ jsx19(Em, { ...rest });
1946
2046
  case "blockquote":
1947
- return /* @__PURE__ */ jsx18(Blockquote, { ...rest });
2047
+ return /* @__PURE__ */ jsx19(Blockquote, { ...rest });
1948
2048
  case "ul":
1949
- return /* @__PURE__ */ jsx18(Ul, { ...rest });
2049
+ return /* @__PURE__ */ jsx19(Ul, { ...rest });
1950
2050
  case "ol":
1951
- return /* @__PURE__ */ jsx18(Ol, { ...rest });
2051
+ return /* @__PURE__ */ jsx19(Ol, { ...rest });
1952
2052
  case "dl":
1953
- return /* @__PURE__ */ jsx18(Dl, { ...rest });
2053
+ return /* @__PURE__ */ jsx19(Dl, { ...rest });
1954
2054
  case "p":
1955
2055
  default:
1956
- return /* @__PURE__ */ jsx18(P, { ...rest });
2056
+ return /* @__PURE__ */ jsx19(P, { ...rest });
1957
2057
  }
1958
2058
  };
1959
2059
 
1960
2060
  // src/lib/components/Image/Image.tsx
1961
2061
  import "react";
1962
- import { jsx as jsx19, jsxs as jsxs3 } from "react/jsx-runtime";
2062
+ import { jsx as jsx20, jsxs as jsxs3 } from "react/jsx-runtime";
1963
2063
  var Image = ({
1964
2064
  className,
1965
2065
  ref,
@@ -1980,7 +2080,7 @@ var Image = ({
1980
2080
  className
1981
2081
  ),
1982
2082
  children: [
1983
- /* @__PURE__ */ jsx19(
2083
+ /* @__PURE__ */ jsx20(
1984
2084
  "img",
1985
2085
  {
1986
2086
  className: clsx(
@@ -1992,7 +2092,7 @@ var Image = ({
1992
2092
  ...rest
1993
2093
  }
1994
2094
  ),
1995
- /* @__PURE__ */ jsx19(
2095
+ /* @__PURE__ */ jsx20(
1996
2096
  "figcaption",
1997
2097
  {
1998
2098
  className: clsx(
@@ -2009,7 +2109,7 @@ var Image = ({
2009
2109
  }
2010
2110
  );
2011
2111
  }
2012
- return /* @__PURE__ */ jsx19(
2112
+ return /* @__PURE__ */ jsx20(
2013
2113
  Element,
2014
2114
  {
2015
2115
  ref,
@@ -2063,6 +2163,7 @@ export {
2063
2163
  genVAlign,
2064
2164
  TEXT_BASE_CLASSES,
2065
2165
  Text,
2166
+ Flexbox,
2066
2167
  Table,
2067
2168
  libMarkdownComponents,
2068
2169
  libMarkdownEditorOptions,
@@ -2074,4 +2175,4 @@ export {
2074
2175
  scrollToTop,
2075
2176
  Image
2076
2177
  };
2077
- //# sourceMappingURL=chunk-IFVYNP3I.js.map
2178
+ //# sourceMappingURL=chunk-YKOO6XXS.js.map