@crystallize/design-system 1.24.20 → 1.24.21

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.
Files changed (13) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/{chunk-W7U5TSTK.mjs → chunk-5RNPHH5B.mjs} +247 -143
  3. package/dist/index.css +4 -4
  4. package/dist/index.d.ts +2 -0
  5. package/dist/index.js +732 -614
  6. package/dist/index.mjs +2 -2
  7. package/dist/{rich-text-editor-3QCILLYH.mjs → rich-text-editor-PGTFVNXG.mjs} +1 -1
  8. package/package.json +1 -1
  9. package/src/collapsible/collapsible.css +2 -2
  10. package/src/iconography/index.ts +4 -0
  11. package/src/iconography/topics-branch.tsx +47 -0
  12. package/src/iconography/topics-leaf.tsx +34 -0
  13. package/tailwind.config.cjs +2 -2
package/dist/index.js CHANGED
@@ -6446,49 +6446,163 @@ var init_topics = __esm({
6446
6446
  }
6447
6447
  });
6448
6448
 
6449
- // src/iconography/unpublish.tsx
6450
- var import_react105, import_jsx_runtime112, Unpublish;
6451
- var init_unpublish = __esm({
6452
- "src/iconography/unpublish.tsx"() {
6449
+ // src/iconography/topics-branch.tsx
6450
+ var import_react105, import_jsx_runtime112, TopicsBranch;
6451
+ var init_topics_branch = __esm({
6452
+ "src/iconography/topics-branch.tsx"() {
6453
6453
  "use strict";
6454
6454
  import_react105 = require("react");
6455
6455
  import_jsx_runtime112 = require("react/jsx-runtime");
6456
- Unpublish = (0, import_react105.forwardRef)((delegated, ref) => {
6456
+ TopicsBranch = (0, import_react105.forwardRef)((delegated, ref) => {
6457
6457
  return /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("svg", {
6458
6458
  ref,
6459
6459
  width: "22",
6460
6460
  height: "22",
6461
- viewBox: "0 0 22 22",
6462
6461
  fill: "none",
6462
+ viewBox: "0 0 22 22",
6463
6463
  ...delegated,
6464
6464
  children: [
6465
6465
  /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("path", {
6466
+ d: "M3.6 10.9a2.1 2.1 0 0 1 4.2 0 2.1 2.1 0 1 1-4.2 0Z",
6467
+ fill: "#BFF6F8"
6468
+ }),
6469
+ /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("path", {
6470
+ fillRule: "evenodd",
6471
+ clipRule: "evenodd",
6472
+ d: "M5.7 13.6a2.7 2.7 0 1 1 0-5.4 2.7 2.7 0 0 1 0 5.4Zm0-4.8a2.1 2.1 0 1 0 0 4.2 2.1 2.1 0 0 0 0-4.2Z",
6473
+ fill: "#528693"
6474
+ }),
6475
+ /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("path", {
6476
+ d: "M13.2 16.3a2.1 2.1 0 0 1 4.2 0 2.1 2.1 0 1 1-4.2 0Z",
6477
+ fill: "#BFF6F8"
6478
+ }),
6479
+ /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("path", {
6480
+ fillRule: "evenodd",
6481
+ clipRule: "evenodd",
6482
+ d: "M15.3 19a2.7 2.7 0 1 1 0-5.4 2.7 2.7 0 0 1 0 5.4Zm0-4.8a2.1 2.1 0 1 0 0 4.2 2.1 2.1 0 0 0 0-4.2Z",
6483
+ fill: "#528693"
6484
+ }),
6485
+ /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("path", {
6486
+ d: "M13.2 5.5a2.1 2.1 0 0 1 4.2 0 2.1 2.1 0 1 1-4.2 0Z",
6487
+ fill: "#fff"
6488
+ }),
6489
+ /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("path", {
6490
+ fillRule: "evenodd",
6491
+ clipRule: "evenodd",
6492
+ d: "M15.3 8.2a2.7 2.7 0 1 1 0-5.4 2.7 2.7 0 0 1 0 5.4Zm0-4.8a2.1 2.1 0 1 0 0 4.2 2.1 2.1 0 0 0 0-4.2Z",
6493
+ fill: "#528693"
6494
+ }),
6495
+ /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("path", {
6496
+ fillRule: "evenodd",
6497
+ clipRule: "evenodd",
6498
+ d: "M10.1 5.74a.3.3 0 0 1 .3-.3h2.4a.3.3 0 1 1 0 .6h-2.1v9.92h2.1a.3.3 0 1 1 0 .6h-2.4a.3.3 0 0 1-.3-.3V5.74Z",
6499
+ fill: "#528693"
6500
+ }),
6501
+ /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("path", {
6502
+ fillRule: "evenodd",
6503
+ clipRule: "evenodd",
6504
+ d: "M8.1 11a.3.3 0 0 1 .3-.3h1.907a.3.3 0 1 1 0 .6H8.4a.3.3 0 0 1-.3-.3Z",
6505
+ fill: "#528693"
6506
+ })
6507
+ ]
6508
+ });
6509
+ });
6510
+ TopicsBranch.displayName = "TopicsBranchIcon";
6511
+ }
6512
+ });
6513
+
6514
+ // src/iconography/topics-leaf.tsx
6515
+ var import_react106, import_jsx_runtime113, TopicsLeaf;
6516
+ var init_topics_leaf = __esm({
6517
+ "src/iconography/topics-leaf.tsx"() {
6518
+ "use strict";
6519
+ import_react106 = require("react");
6520
+ import_jsx_runtime113 = require("react/jsx-runtime");
6521
+ TopicsLeaf = (0, import_react106.forwardRef)((delegated, ref) => {
6522
+ return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("svg", {
6523
+ ref,
6524
+ width: "22",
6525
+ height: "22",
6526
+ fill: "none",
6527
+ viewBox: "0 0 22 22",
6528
+ ...delegated,
6529
+ children: [
6530
+ /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("path", {
6531
+ d: "M3.6 10.9a2.1 2.1 0 0 1 4.2 0 2.1 2.1 0 1 1-4.2 0Z",
6532
+ fill: "#BFF6F8"
6533
+ }),
6534
+ /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("path", {
6535
+ fillRule: "evenodd",
6536
+ clipRule: "evenodd",
6537
+ d: "M5.7 13.6a2.7 2.7 0 1 1 0-5.4 2.7 2.7 0 0 1 0 5.4Zm0-4.8a2.1 2.1 0 1 0 0 4.2 2.1 2.1 0 0 0 0-4.2Z",
6538
+ fill: "#528693"
6539
+ }),
6540
+ /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("path", {
6541
+ d: "M13.2 10.9a2.1 2.1 0 1 1 4.2 0 2.1 2.1 0 1 1-4.2 0Z",
6542
+ fill: "#fff"
6543
+ }),
6544
+ /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("path", {
6545
+ fillRule: "evenodd",
6546
+ clipRule: "evenodd",
6547
+ d: "M15.3 13.6a2.7 2.7 0 1 1 0-5.4 2.7 2.7 0 0 1 0 5.4Zm0-4.8a2.1 2.1 0 1 0 0 4.2 2.1 2.1 0 0 0 0-4.2Z",
6548
+ fill: "#528693"
6549
+ }),
6550
+ /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("path", {
6551
+ fillRule: "evenodd",
6552
+ clipRule: "evenodd",
6553
+ d: "M8 11a.3.3 0 0 1 .3-.3h4.4a.3.3 0 0 1 0 .6H8.3A.3.3 0 0 1 8 11Z",
6554
+ fill: "#528693"
6555
+ })
6556
+ ]
6557
+ });
6558
+ });
6559
+ TopicsLeaf.displayName = "TopicsLeafIcon";
6560
+ }
6561
+ });
6562
+
6563
+ // src/iconography/unpublish.tsx
6564
+ var import_react107, import_jsx_runtime114, Unpublish;
6565
+ var init_unpublish = __esm({
6566
+ "src/iconography/unpublish.tsx"() {
6567
+ "use strict";
6568
+ import_react107 = require("react");
6569
+ import_jsx_runtime114 = require("react/jsx-runtime");
6570
+ Unpublish = (0, import_react107.forwardRef)((delegated, ref) => {
6571
+ return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("svg", {
6572
+ ref,
6573
+ width: "22",
6574
+ height: "22",
6575
+ viewBox: "0 0 22 22",
6576
+ fill: "none",
6577
+ ...delegated,
6578
+ children: [
6579
+ /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("path", {
6466
6580
  fill: "#fff",
6467
6581
  d: "M19.055 13.054c-.595 1.263-1.441 1.553-3.22 1.553-3.734 0-5.845-.123-9.562-.123-1.725 0-3.546-.242-4.082-1.92-.34-1.064-.153-2.123.496-2.817.473-.493 1.014-.699 1.76-.763.563-.048 1.429.226 1.429.226s-.324-2.173.61-2.764c.37-.234.64-.306 1.078-.308.343-.003.86.18.86.18l.911.642s1.164-2.957 3.686-2.957c.217 0 .434.022.647.067 1.136.242 2.228.971 2.757 2.259.405.986.05 2.729.05 2.729s1.887.405 2.454 1.338c.54.888.57 1.718.126 2.658Z"
6468
6582
  }),
6469
- /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("path", {
6583
+ /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("path", {
6470
6584
  fill: "#528693",
6471
6585
  fillRule: "evenodd",
6472
6586
  d: "M2.254 9.331c.6-.625 1.294-.872 2.143-.944.27-.023.568.008.825.052a6.314 6.314 0 0 1 .01-.424c.02-.339.072-.727.199-1.087.125-.357.344-.742.734-.989.219-.138.432-.244.671-.311a2.67 2.67 0 0 1 .724-.09c.255-.002.534.061.715.109a5.195 5.195 0 0 1 .317.094l.022.008.006.002h.002l.001.001-.2.566s-.516-.183-.86-.18c-.437.002-.707.074-1.077.308-.607.384-.683 1.436-.662 2.125.012.372.052.639.052.639s-.279-.088-.622-.156c-.263-.05-.563-.09-.806-.07-.747.064-1.288.27-1.76.763-.65.694-.837 1.753-.497 2.817.536 1.678 2.357 1.92 4.082 1.92 1.856 0 3.312.03 4.77.062 1.46.03 2.923.061 4.793.061 1.778 0 2.624-.29 3.22-1.553.442-.94.412-1.77-.127-2.658-.567-.933-2.455-1.338-2.455-1.338s.357-1.743-.049-2.73c-.529-1.287-1.621-2.016-2.757-2.258a3.144 3.144 0 0 0-.647-.067c-1.83 0-2.945 1.557-3.419 2.411-.18.324-.267.546-.267.546l-.911-.642.2-.566a.602.602 0 0 1 .146.075l.34.24c.158-.28.376-.622.658-.966.66-.805 1.735-1.698 3.252-1.698.26 0 .517.026.77.08h.003C15.09 3.759 16.364 4.6 16.98 6.1c.26.63.26 1.432.22 2.003-.013.19-.031.365-.05.517.166.051.36.118.562.2.552.22 1.336.615 1.73 1.263.311.513.493 1.04.518 1.594.025.554-.109 1.094-.362 1.632-.342.725-.792 1.237-1.461 1.54-.632.287-1.399.357-2.301.357-1.875 0-3.342-.03-4.801-.061h-.004c-1.458-.031-2.908-.062-4.758-.062-.876 0-1.851-.059-2.693-.367-.87-.319-1.624-.916-1.96-1.97-.393-1.228-.197-2.527.629-3.41l.005-.006Z",
6473
6587
  clipRule: "evenodd"
6474
6588
  }),
6475
- /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("path", {
6589
+ /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("path", {
6476
6590
  fill: "#BFF6F8",
6477
6591
  d: "M14.8 14.25a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z"
6478
6592
  }),
6479
- /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("path", {
6593
+ /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("path", {
6480
6594
  fill: "#528693",
6481
6595
  fillRule: "evenodd",
6482
6596
  d: "M15.4 14.25a4.35 4.35 0 1 1-8.7 0 4.35 4.35 0 0 1 8.7 0ZM11.05 18a3.75 3.75 0 1 0 0-7.5 3.75 3.75 0 0 0 0 7.5Z",
6483
6597
  clipRule: "evenodd"
6484
6598
  }),
6485
- /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("path", {
6599
+ /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("path", {
6486
6600
  fill: "#528693",
6487
6601
  fillRule: "evenodd",
6488
6602
  d: "M9.088 12.288a.3.3 0 0 1 .424 0l3.5 3.5a.3.3 0 1 1-.424.424l-3.5-3.5a.3.3 0 0 1 0-.424Z",
6489
6603
  clipRule: "evenodd"
6490
6604
  }),
6491
- /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("path", {
6605
+ /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("path", {
6492
6606
  fill: "#528693",
6493
6607
  fillRule: "evenodd",
6494
6608
  d: "M9.088 16.212a.3.3 0 0 1 0-.424l3.5-3.5a.3.3 0 1 1 .424.424l-3.5 3.5a.3.3 0 0 1-.424 0Z",
@@ -6502,14 +6616,14 @@ var init_unpublish = __esm({
6502
6616
  });
6503
6617
 
6504
6618
  // src/iconography/usage.tsx
6505
- var import_react106, import_jsx_runtime113, Usage;
6619
+ var import_react108, import_jsx_runtime115, Usage;
6506
6620
  var init_usage = __esm({
6507
6621
  "src/iconography/usage.tsx"() {
6508
6622
  "use strict";
6509
- import_react106 = require("react");
6510
- import_jsx_runtime113 = require("react/jsx-runtime");
6511
- Usage = (0, import_react106.forwardRef)((delegated, ref) => {
6512
- return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("svg", {
6623
+ import_react108 = require("react");
6624
+ import_jsx_runtime115 = require("react/jsx-runtime");
6625
+ Usage = (0, import_react108.forwardRef)((delegated, ref) => {
6626
+ return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("svg", {
6513
6627
  ref,
6514
6628
  width: "23",
6515
6629
  height: "23",
@@ -6517,21 +6631,21 @@ var init_usage = __esm({
6517
6631
  fill: "none",
6518
6632
  ...delegated,
6519
6633
  children: [
6520
- /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("path", {
6634
+ /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("path", {
6521
6635
  d: "M20.44 11.968c.222 0 .402.18.392.4a8.952 8.952 0 1 1-9.343-9.343c.22-.01.4.17.4.39v5.02c0 .22-.18.397-.4.425a3.133 3.133 0 1 0 3.507 3.507c.029-.22.205-.399.426-.399h5.019Z",
6522
6636
  fill: "#BFF6F8"
6523
6637
  }),
6524
- /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("path", {
6638
+ /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("path", {
6525
6639
  fillRule: "evenodd",
6526
6640
  clipRule: "evenodd",
6527
6641
  d: "M20.22 12.568a8.35 8.35 0 1 1-8.931-8.93v4.645a3.733 3.733 0 1 0 4.284 4.285h4.646Zm.612-.2c.01-.22-.17-.4-.391-.4h-5.019c-.221 0-.397.18-.426.399A3.134 3.134 0 1 1 11.49 8.86c.219-.028.399-.204.399-.425v-5.02c0-.22-.18-.4-.4-.39a8.952 8.952 0 1 0 9.343 9.343Z",
6528
6642
  fill: "#528693"
6529
6643
  }),
6530
- /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("path", {
6644
+ /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("path", {
6531
6645
  d: "M12.877 2.471c0-.22.18-.4.4-.39a8.952 8.952 0 0 1 8.543 8.543c.01.22-.17.4-.391.4H16.41c-.22 0-.397-.18-.425-.4a3.133 3.133 0 0 0-2.71-2.708c-.218-.028-.398-.205-.398-.426V2.471Z",
6532
6646
  fill: "#fff"
6533
6647
  }),
6534
- /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("path", {
6648
+ /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("path", {
6535
6649
  fillRule: "evenodd",
6536
6650
  clipRule: "evenodd",
6537
6651
  d: "M13.477 2.693a8.352 8.352 0 0 1 7.73 7.73h-4.645a3.733 3.733 0 0 0-3.085-3.084V2.693Zm-.2-.613c-.22-.01-.4.17-.4.391v5.02c0 .22.18.397.399.425a3.132 3.132 0 0 1 2.709 2.709c.028.219.204.399.425.399h5.019c.22 0 .4-.18.391-.4a8.948 8.948 0 0 0-5.517-7.871 8.952 8.952 0 0 0-3.026-.673Z",
@@ -6545,14 +6659,14 @@ var init_usage = __esm({
6545
6659
  });
6546
6660
 
6547
6661
  // src/iconography/usage-meter.tsx
6548
- var import_react107, import_jsx_runtime114, UsageMeter;
6662
+ var import_react109, import_jsx_runtime116, UsageMeter;
6549
6663
  var init_usage_meter = __esm({
6550
6664
  "src/iconography/usage-meter.tsx"() {
6551
6665
  "use strict";
6552
- import_react107 = require("react");
6553
- import_jsx_runtime114 = require("react/jsx-runtime");
6554
- UsageMeter = (0, import_react107.forwardRef)((delegated, ref) => {
6555
- return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("svg", {
6666
+ import_react109 = require("react");
6667
+ import_jsx_runtime116 = require("react/jsx-runtime");
6668
+ UsageMeter = (0, import_react109.forwardRef)((delegated, ref) => {
6669
+ return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("svg", {
6556
6670
  ref,
6557
6671
  width: "17",
6558
6672
  height: "16",
@@ -6560,24 +6674,24 @@ var init_usage_meter = __esm({
6560
6674
  fill: "none",
6561
6675
  ...delegated,
6562
6676
  children: [
6563
- /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("g", {
6677
+ /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("g", {
6564
6678
  clipPath: "url(#a)",
6565
6679
  children: [
6566
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("path", {
6680
+ /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("path", {
6567
6681
  d: "M15.836 9.0665a1.7036 1.7036 0 0 0 .0053-.3334 6.6839 6.6839 0 0 0-1.1166-3.0268c-.0423-.0635-.0846-.1217-.1217-.18-.0582-.074-.1111-.1534-.1693-.2275a5.5278 5.5278 0 0 0-.3175-.381c-.0053-.0053-.0106-.0158-.0212-.0211a7.2427 7.2427 0 0 0-.6403-.635c-.0741-.0635-.1534-.1165-.2275-.1747a.0053.0053 0 0 0-.0016-.0037.0052.0052 0 0 0-.0037-.0015c-.1535-.1165-.3069-.2329-.471-.3387a.2946.2946 0 0 0-.0423-.0265c-.1376-.09-.2857-.1746-.4286-.2593-.0582-.0317-.1217-.0582-.1799-.09-.1059-.0528-.2117-.1058-.3175-.1534-.1059-.0476-.217-.09-.3228-.1323-.0741-.0264-.1429-.0582-.217-.0846a4.7983 4.7983 0 0 0-.3651-.1112 4.3458 4.3458 0 0 0-.2487-.0688 3.9942 3.9942 0 0 0-.2434-.0529 6.621 6.621 0 0 0-1.5134-.1534 6.9257 6.9257 0 0 0-6.768 6.1224c0 .0476.0053.0846.0053.1323a6.6487 6.6487 0 0 0 .09 2.0478 6.838 6.838 0 0 0 .3439 1.1695c.0794.1958.164.3863.2593.5768a7.523 7.523 0 0 0 .1534.2857l.037.0688.0795.1217.1534.2593c1.7568 0 3.5613-.0053 5.5615-.0106.0741 0 .1482.0053.2223.0053 1.434.0106 2.5664.0212 4.1327-.0106.5133 0 1.0372-.0053 1.5822-.0053.0688-.1111.1482-.2381.2329-.381.0423-.0846.0952-.1799.1481-.2804a6.1283 6.1283 0 0 0 .3122-.7091 6.9592 6.9592 0 0 0 .4181-1.8785c0-.0371-.0053-.0635-.0053-.1006a7.2363 7.2363 0 0 0 .0053-.9577Zm-.7885 1.6986a5.9413 5.9413 0 0 1-.3175 1.0477 5.3569 5.3569 0 0 1-.2275.508c-.0477.0847-.09.1693-.1376.254l-.0476.0741-5.3763.0159H7.1154c-1.1536-.0106-2.309-.0141-3.466-.0106a.0399.0399 0 0 0-.0212.0106c-.0053-.0053-.0053-.0106-.0159-.0265-.0423-.0741-.0952-.1534-.1376-.2434a5.1632 5.1632 0 0 1-.2963-.635 6.1699 6.1699 0 0 1-.4075-1.688v-.0265a6.5296 6.5296 0 0 1-.0053-.9102c.03-.1036.0494-.21.0583-.3174a6.203 6.203 0 0 1 2.323-4.1434c.0317-.0265.0635-.0476.0952-.074.0847-.0636.1747-.127.2646-.1906a6.2837 6.2837 0 0 1 3.5771-1.0583 6.1823 6.1823 0 0 1 3.8365 1.4234c.0688.0583.1376.1165.2063.18a6.244 6.244 0 0 1 1.7675 2.7569c.0052.0159.0052.0265.0105.0423.0477.1482.0847.3017.1165.4498.0154.0593.0277.1194.037.18.0212.127.0423.254.0582.3862a6.1523 6.1523 0 0 1-.0688 1.995Z",
6568
6682
  fill: "#528693"
6569
6683
  }),
6570
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("path", {
6684
+ /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("path", {
6571
6685
  d: "m3.6286 12.8043.053-.0505a227.043 227.043 0 0 1 3.4347.0107h1.827l5.3763-.0159.0544-.0001.0294-.0458.0477-.0741.0001.0001.0029-.0051a6.0478 6.0478 0 0 0 .0697-.1286l.0003-.0005a5.6307 5.6307 0 0 1 .0676-.1249h.0001l.0017-.0035a5.4268 5.4268 0 0 0 .2315-.5166c.14-.3442.248-.7006.3225-1.0646l.0001-.0005a6.25 6.25 0 0 0 .07-2.0269c-.0161-.1343-.0376-.263-.0586-.3893l-.0001-.0005a1.8922 1.8922 0 0 0-.0385-.187c-.0319-.1491-.0697-.3054-.1185-.4574l-.0003-.001a.0624.0624 0 0 1-.0021-.0092c-.0013-.0065-.0036-.0182-.0082-.0322a6.3444 6.3444 0 0 0-1.7951-2.8001c-.0703-.0648-.1404-.1241-.2086-.1819l-.0007-.0005-.0007-.0007a6.2822 6.2822 0 0 0-3.8985-1.4464h-.0004a6.3839 6.3839 0 0 0-3.634 1.0751h-.0001l-.0021.0015-.0006.0004a11.5065 11.5065 0 0 0-.2663.1918V4.52l-.004.0033a1.08 1.08 0 0 1-.0436.0338l-.0008.0006a1.262 1.262 0 0 0-.0498.0387 6.3029 6.3029 0 0 0-2.3594 4.2093l-.0004.0036a1.5248 1.5248 0 0 1-.0546.298l-.003.0104-.0007.011a6.632 6.632 0 0 0 .005.9202v.0227h-.0004l.001.0096a6.269 6.269 0 0 0 .4138 1.7149c.0855.2212.1859.4364.3004.6441.0315.0664.07.1305.1031.1855.0134.0223.026.0431.0367.062l-.0002.0001.0039.0057a.0477.0477 0 0 1 .0035.0061l.0001.0004a.004.004 0 0 1 .0003.0006c.0019.0038.0096.0198.0244.0346l.0691.0691Zm11.3945-4.6006c-.0317-.1482-.0688-.3016-.1164-.4498a.1685.1685 0 0 1-.0053-.0212c-.0013-.0066-.0026-.0132-.0053-.0212a6.2446 6.2446 0 0 0-1.7674-2.7569l1.8944 3.249Zm-3.5976-.2364c-.2292.2923-.4509.5746-.6671.8498-.3278.4174-.6429.8187-.9522 1.2141l-.0004-.0003-.0053.0083a1.1904 1.1904 0 0 1-.5644.4679.9274.9274 0 0 1-.2989.0519.8843.8843 0 0 1-.1615-.0143l.0001-.0008-.0127-.0006a.091.091 0 0 1-.0247-.005l-.007-.0025-.0073-.0014a.9062.9062 0 0 1-.162-.0477c-.018-.0072-.0355-.0123-.048-.0161a.438.438 0 0 1-.0285-.0092.9676.9676 0 0 1-.5434-.8134.9805.9805 0 0 1 .389-.8353l.0001-.0001c.1959-.1482.3915-.2962.603-.4548l.0021-.0017c.2218-.176.4384-.345.6496-.507l.002-.0016a81.951 81.951 0 0 1 1.0093-.8032l.0002-.0001.2378-.185.1894-.1474c.0308-.0226.0614-.0472.0899-.07a3.3156 3.3156 0 0 1 .0284-.0227 1.0318 1.0318 0 0 1 .1041-.075.542.542 0 0 1 .253-.066h.001a.5094.5094 0 0 1 .3945.168h-.0001l.0019.002a.519.519 0 0 1 .036.6738c-.119.1497-.2408.305-.3652.4636l-.1427.1818Z",
6572
6686
  fill: "#BFF6F8",
6573
6687
  stroke: "#BFF6F8",
6574
6688
  strokeWidth: ".2"
6575
6689
  }),
6576
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("path", {
6690
+ /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("path", {
6577
6691
  d: "M15.3469 12.7007c0-.0529 0-.0572-.0025-.0471v.7234c0 .0095 0-.0053.0025.0111s0 .0291 0-.0418v-.662c.0015-.0482.0005.0741 0 .0164ZM2.6208 12.7007v-.0471.7345c0 .0164 0 .0291.0025-.0418v-.662c-.001-.0482-.0015.0741-.0025.0164ZM11.968 6.5791a.6088.6088 0 0 0-.4709-.201.6414.6414 0 0 0-.3016.0793c-.0794.0476-.1535.1164-.2329.1746l-.1905.1482-.2381.1852a82.141 82.141 0 0 0-1.0107.8043c-.2117.164-.4286.3334-.6509.508-.2116.1588-.4074.307-.6032.455a1.0805 1.0805 0 0 0-.4286.9208 1.0673 1.0673 0 0 0 .6032.8996c.0265.0106.053.0159.0794.0265.0582.0232.1184.0409.1799.0529a.1912.1912 0 0 0 .053.0106.9957.9957 0 0 0 .1798.0158 1.0262 1.0262 0 0 0 .3334-.0582 1.29 1.29 0 0 0 .6138-.508c.5133-.6561 1.0425-1.3282 1.6193-2.0637.1746-.2222.3439-.4392.508-.6456a.619.619 0 0 0-.0424-.8043Zm-.6667.7144-.291.3492c-.5451.6615-1.0795 1.3282-1.614 1.995-.0582.074-.1482.1905-.18.2328a.4232.4232 0 0 1-.1428.0952.4035.4035 0 0 1-.471-.1221.4032.4032 0 0 1-.0105-.4864c.0159-.0106.0106-.0423.0053-.0794.0106-.0105.0211-.0264.0317-.037a.7572.7572 0 0 1 .0794-.0582.1058.1058 0 0 0 .0688-.0212c.3916-.291.7673-.582 1.1377-.8784.2064-.1534.418-.307.6244-.4604l.6297-.492.1482-.1112a.064.064 0 0 1-.0159.074Z",
6578
6692
  fill: "#528693"
6579
6693
  }),
6580
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("path", {
6694
+ /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("path", {
6581
6695
  d: "m11.3564 7.065.0516.113a.1638.1638 0 0 1-.0339.1842l-.2869.3442-.0001.0002c-.5444.6606-1.0783 1.3267-1.6127 1.9933-.058.0739-.1472.1893-.1782.2307l-.0082.0108-.0006-.0006a.5222.5222 0 0 1-.1766.1177l-.0375-.0927m2.2831-2.9009L8.524 9.9057m2.8324-2.8408-.0994.0746-.1482.111-.0016.0013-.6287.4914a61.544 61.544 0 0 1-.3108.229l-.0001.0002c-.1044.0766-.2092.1535-.3126.2304l-.0028.0022c-.3696.2957-.7443.586-1.1349.8762l-.0005.0004a.0058.0058 0 0 1-.0037.0012l-.0318-.0016-.0269.0171a.8582.8582 0 0 0-.0898.066l-.0003-.0004-.0062.0062a.3105.3105 0 0 0-.0223.0257l-.001.0011-.0063.0078-.0021.0025-.0354.0353.007.0495.0008.0049.0022.0158a.5032.5032 0 0 0 .023.593m2.8324-2.8408L8.524 9.9057m.5493.0601.0384.0924a.5037.5037 0 0 1-.5877-.1525m.5493.0601a.4234.4234 0 0 0 .1429-.0952l-.6138-.027a.4033.4033 0 0 0 .471.1222Z",
6582
6696
  fill: "#fff",
6583
6697
  stroke: "#fff",
@@ -6585,10 +6699,10 @@ var init_usage_meter = __esm({
6585
6699
  })
6586
6700
  ]
6587
6701
  }),
6588
- /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("defs", {
6589
- children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("clipPath", {
6702
+ /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("defs", {
6703
+ children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("clipPath", {
6590
6704
  id: "a",
6591
- children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("path", {
6705
+ children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("path", {
6592
6706
  fill: "#fff",
6593
6707
  transform: "translate(.984)",
6594
6708
  d: "M0 0h16v16H0z"
@@ -6603,14 +6717,14 @@ var init_usage_meter = __esm({
6603
6717
  });
6604
6718
 
6605
6719
  // src/iconography/user.tsx
6606
- var import_react108, import_jsx_runtime115, User;
6720
+ var import_react110, import_jsx_runtime117, User;
6607
6721
  var init_user = __esm({
6608
6722
  "src/iconography/user.tsx"() {
6609
6723
  "use strict";
6610
- import_react108 = require("react");
6611
- import_jsx_runtime115 = require("react/jsx-runtime");
6612
- User = (0, import_react108.forwardRef)((delegated, ref) => {
6613
- return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("svg", {
6724
+ import_react110 = require("react");
6725
+ import_jsx_runtime117 = require("react/jsx-runtime");
6726
+ User = (0, import_react110.forwardRef)((delegated, ref) => {
6727
+ return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("svg", {
6614
6728
  ref,
6615
6729
  width: "23",
6616
6730
  height: "22",
@@ -6618,31 +6732,31 @@ var init_user = __esm({
6618
6732
  fill: "none",
6619
6733
  ...delegated,
6620
6734
  children: [
6621
- /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("path", {
6735
+ /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("path", {
6622
6736
  d: "M19.0183 18.5C19.0183 19 15.4366 20 11.0183 20C6.60001 20 3.01829 19 3.01829 18.5C3.01829 15.4624 6.60001 13 11.0183 13C15.4366 13 19.0183 15.4624 19.0183 18.5Z",
6623
6737
  fill: "#BFF6F8"
6624
6738
  }),
6625
- /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("path", {
6739
+ /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("path", {
6626
6740
  fillRule: "evenodd",
6627
6741
  clipRule: "evenodd",
6628
6742
  d: "M16.8017 20.024C15.312 20.3456 13.2695 20.6 11.0183 20.6C8.76706 20.6 6.72461 20.3456 5.23484 20.024C4.49262 19.8638 3.87028 19.6832 3.42161 19.5014C3.2008 19.4119 2.99558 19.3117 2.8349 19.1983C2.75497 19.1419 2.66392 19.0669 2.58765 18.9698C2.5131 18.8748 2.41829 18.7139 2.41829 18.5C2.41829 16.7268 3.46427 15.1871 5.02152 14.1165C6.58142 13.0441 8.70343 12.4 11.0183 12.4C13.3331 12.4 15.4552 13.0441 17.0151 14.1165C18.5723 15.1871 19.6183 16.7268 19.6183 18.5C19.6183 18.7139 19.5235 18.8748 19.4489 18.9698C19.3727 19.0669 19.2816 19.1419 19.2017 19.1983C19.041 19.3117 18.8358 19.4119 18.615 19.5014C18.1663 19.6832 17.544 19.8638 16.8017 20.024ZM11.0183 20C15.4366 20 19.0183 19 19.0183 18.5C19.0183 15.4625 15.4366 13 11.0183 13C6.60001 13 3.01829 15.4625 3.01829 18.5C3.01829 19 6.60001 20 11.0183 20Z",
6629
6743
  fill: "#528693"
6630
6744
  }),
6631
- /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("path", {
6745
+ /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("path", {
6632
6746
  d: "M13.0183 12.5C13.0183 13.8807 12.1229 15 11.0183 15C9.91373 15 9.0183 13.8807 9.0183 12.5C9.0183 11.1193 9.91373 10 11.0183 10C12.1229 10 13.0183 11.1193 13.0183 12.5Z",
6633
6747
  fill: "white"
6634
6748
  }),
6635
- /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("path", {
6749
+ /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("path", {
6636
6750
  fillRule: "evenodd",
6637
6751
  clipRule: "evenodd",
6638
6752
  d: "M13.6183 12.5C13.6183 14.0802 12.5722 15.6 11.0183 15.6C9.46433 15.6 8.41829 14.0802 8.41829 12.5C8.41829 10.9198 9.46433 9.40002 11.0183 9.40002C12.5722 9.40002 13.6183 10.9198 13.6183 12.5ZM11.0183 15C12.1229 15 13.0183 13.8807 13.0183 12.5C13.0183 11.1193 12.1229 10 11.0183 10C9.91372 10 9.01829 11.1193 9.01829 12.5C9.01829 13.8807 9.91372 15 11.0183 15Z",
6639
6753
  fill: "#528693"
6640
6754
  }),
6641
- /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("path", {
6755
+ /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("path", {
6642
6756
  d: "M15.1183 7.99999C15.1183 11.3137 11.98 12.8 11.0183 12.8C10.0566 12.8 6.91831 11.3137 6.91831 7.99999C6.91831 4.68628 7.91836 2.29999 11.0183 2.29999C14.1183 2.29999 15.1183 4.68628 15.1183 7.99999Z",
6643
6757
  fill: "white"
6644
6758
  }),
6645
- /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("path", {
6759
+ /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("path", {
6646
6760
  fillRule: "evenodd",
6647
6761
  clipRule: "evenodd",
6648
6762
  d: "M12.3086 13.0642C11.8438 13.2711 11.3786 13.4 11.0183 13.4C10.658 13.4 10.1929 13.2711 9.72804 13.0642C9.2481 12.8506 8.71451 12.5301 8.21426 12.0957C7.2092 11.2228 6.31831 9.86784 6.31831 8.00001C6.31831 6.30355 6.57045 4.74139 7.29834 3.58729C8.0574 2.38379 9.28518 1.70001 11.0183 1.70001C12.7515 1.70001 13.9793 2.38379 14.7383 3.5873C15.4662 4.74139 15.7183 6.30356 15.7183 8.00001C15.7183 9.86783 14.8274 11.2228 13.8224 12.0957C13.3221 12.5301 12.7886 12.8506 12.3086 13.0642ZM11.0183 12.8C11.98 12.8 15.1183 11.3137 15.1183 8.00001C15.1183 4.6863 14.1183 2.30001 11.0183 2.30001C7.91836 2.30001 6.91831 4.6863 6.91831 8.00001C6.91831 11.3137 10.0566 12.8 11.0183 12.8Z",
@@ -6656,14 +6770,14 @@ var init_user = __esm({
6656
6770
  });
6657
6771
 
6658
6772
  // src/iconography/user-card.tsx
6659
- var import_react109, import_jsx_runtime116, UserCard;
6773
+ var import_react111, import_jsx_runtime118, UserCard;
6660
6774
  var init_user_card = __esm({
6661
6775
  "src/iconography/user-card.tsx"() {
6662
6776
  "use strict";
6663
- import_react109 = require("react");
6664
- import_jsx_runtime116 = require("react/jsx-runtime");
6665
- UserCard = (0, import_react109.forwardRef)((delegated, ref) => {
6666
- return /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("svg", {
6777
+ import_react111 = require("react");
6778
+ import_jsx_runtime118 = require("react/jsx-runtime");
6779
+ UserCard = (0, import_react111.forwardRef)((delegated, ref) => {
6780
+ return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("svg", {
6667
6781
  ref,
6668
6782
  width: "17",
6669
6783
  height: "16",
@@ -6671,7 +6785,7 @@ var init_user_card = __esm({
6671
6785
  fill: "none",
6672
6786
  ...delegated,
6673
6787
  children: [
6674
- /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("rect", {
6788
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("rect", {
6675
6789
  x: "2.184",
6676
6790
  y: "4.2",
6677
6791
  width: "13.6",
@@ -6681,7 +6795,7 @@ var init_user_card = __esm({
6681
6795
  stroke: "#528693",
6682
6796
  strokeWidth: ".4"
6683
6797
  }),
6684
- /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("circle", {
6798
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("circle", {
6685
6799
  cx: "5.984",
6686
6800
  cy: "8.5",
6687
6801
  r: "2.2",
@@ -6689,7 +6803,7 @@ var init_user_card = __esm({
6689
6803
  stroke: "#528693",
6690
6804
  strokeWidth: ".4"
6691
6805
  }),
6692
- /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("path", {
6806
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("path", {
6693
6807
  d: "M13.484 8.2a.7.7 0 1 0 0-1.4h-3.5a.7.7 0 1 0 0 1.4h3.5ZM10.484 10.2a.7.7 0 1 0 0-1.4h-.5a.7.7 0 1 0 0 1.4h.5Z",
6694
6808
  fill: "#fff",
6695
6809
  stroke: "#528693",
@@ -6703,14 +6817,14 @@ var init_user_card = __esm({
6703
6817
  });
6704
6818
 
6705
6819
  // src/iconography/users.tsx
6706
- var import_react110, import_jsx_runtime117, Users;
6820
+ var import_react112, import_jsx_runtime119, Users;
6707
6821
  var init_users = __esm({
6708
6822
  "src/iconography/users.tsx"() {
6709
6823
  "use strict";
6710
- import_react110 = require("react");
6711
- import_jsx_runtime117 = require("react/jsx-runtime");
6712
- Users = (0, import_react110.forwardRef)((delegated, ref) => {
6713
- return /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("svg", {
6824
+ import_react112 = require("react");
6825
+ import_jsx_runtime119 = require("react/jsx-runtime");
6826
+ Users = (0, import_react112.forwardRef)((delegated, ref) => {
6827
+ return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("svg", {
6714
6828
  ref,
6715
6829
  width: "24",
6716
6830
  height: "24",
@@ -6718,33 +6832,33 @@ var init_users = __esm({
6718
6832
  fill: "none",
6719
6833
  ...delegated,
6720
6834
  children: [
6721
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("path", {
6835
+ /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("path", {
6722
6836
  d: "M20.713 15.436a2.465 2.465 0 0 0-1.746-.594c-.23 0-.466.016-.703.032l-.15.008c.027-.159.043-.32.05-.48 1.222-1.07 1.257-3.224 1.211-4.1a2.867 2.867 0 0 0-.702-1.78c-.48-.516-1.117-.81-1.782-.821-.038-.004-.08-.004-.122-.004a2.408 2.408 0 0 0-1.396.503 2.877 2.877 0 0 0-.933 1.273 4.077 4.077 0 0 0-.178 1.569c.06 1.108.164 2.17.79 2.912.14.165.3.307.475.42.01.17.028.337.055.504l-.097-.004c-.238-.016-.469-.032-.696-.032a2.454 2.454 0 0 0-1.74.594 2.46 2.46 0 0 0-.712 1.494 6.447 6.447 0 0 0-.105 1.104c.003.424.5.534.863.617l.157.035c1.148.266 2.319.382 3.49.346.168 0 .332 0 .505-.004 1.399.012 2.793-.19 4.143-.597a.148.148 0 0 0 .09-.063.182.182 0 0 0 .03-.114.173.173 0 0 0 .013-.087c-.027-1.002-.11-2.122-.81-2.731Zm-5.67-2.13c-.388-.72-.419-1.67-.443-2.437a3.114 3.114 0 0 1 .363-1.679 2.386 2.386 0 0 1 1.195-.978c.23-.106.474-.165.723-.175.08 0 .159.007.238.02.263.05.518.143.758.275.458.242.822.666 1.02 1.19.097.275.151.566.16.862.068 2.191-.538 3.554-1.795 4.054a1.074 1.074 0 0 1-.423.078 2.11 2.11 0 0 1-1.028-.36 2.442 2.442 0 0 1-.768-.85Zm2.746 1.367a1.724 1.724 0 0 1-.175.709c-.108.217-.26.403-.443.541a.875.875 0 0 1-.409.118c-.594 0-.793-.924-.854-1.395.303.186.64.292.985.31a.963.963 0 0 0 .213-.023c.238-.047.469-.135.683-.26Zm-.543 3.966c-.182 0-.364.004-.549.004a11.426 11.426 0 0 1-4.132-.585c.045-.971.15-1.958.856-2.437a2.46 2.46 0 0 1 1.512-.386l.356.004c.12 0 .241-.004.367-.008.2.779.58 1.191 1.1 1.191a1.28 1.28 0 0 0 .315-.043c.24-.075.456-.222.626-.424.17-.203.289-.455.341-.727a8.5 8.5 0 0 0 .44.011l.367-.004a2.438 2.438 0 0 1 1.496.386c.761.514.817 1.639.854 2.468-1.29.376-2.618.56-3.95.55Z",
6723
6837
  fill: "#528693"
6724
6838
  }),
6725
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("path", {
6839
+ /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("path", {
6726
6840
  fillRule: "evenodd",
6727
6841
  clipRule: "evenodd",
6728
6842
  d: "M20.93 15.187c.422.368.642.875.762 1.393.119.513.147 1.07.161 1.569a.502.502 0 0 1-.015.162.51.51 0 0 1-.084.24.479.479 0 0 1-.276.198c-1.378.416-2.8.62-4.229.61-.173.003-.338.003-.502.003a13.965 13.965 0 0 1-3.57-.354h-.001a6.66 6.66 0 0 0-.15-.034l-.004-.001a2.345 2.345 0 0 0-.021-.005c-.17-.038-.42-.095-.628-.206-.232-.124-.468-.349-.471-.725v-.006a6.77 6.77 0 0 1 .108-1.15c.075-.646.36-1.246.81-1.682l.016-.016a2.786 2.786 0 0 1 1.963-.67c.123 0 .247.004.369.01a2.537 2.537 0 0 1-.368-.355c-.707-.84-.809-2.014-.868-3.104a4.412 4.412 0 0 1 .194-1.691l.005-.017a3.208 3.208 0 0 1 1.041-1.418 2.738 2.738 0 0 1 1.588-.571h.015c.034 0 .084 0 .135.004.756.017 1.47.352 2.005.926l.005.006c.476.534.752 1.242.785 1.983.024.453.027 1.24-.136 2.058-.152.76-.454 1.586-1.057 2.183.147-.008.296-.014.444-.015a2.796 2.796 0 0 1 1.97.671l.005.004Zm-1.963-.345c.626-.039 1.245.171 1.747.594.555.485.722 1.293.78 2.107.014.178.021.356.027.532l.002.092a.173.173 0 0 1-.014.087.185.185 0 0 1-.03.114.148.148 0 0 1-.088.063 13.928 13.928 0 0 1-4.144.597c-.173.004-.337.004-.505.004a13.635 13.635 0 0 1-3.647-.381l-.007-.002c-.256-.058-.576-.13-.743-.317a.433.433 0 0 1-.113-.298 6.45 6.45 0 0 1 .105-1.104 2.46 2.46 0 0 1 .713-1.494 2.454 2.454 0 0 1 1.74-.594c.15 0 .301.007.455.016l.219.014.02.002.098.004a4.673 4.673 0 0 1-.055-.503 2.186 2.186 0 0 1-.476-.42c-.625-.744-.73-1.805-.79-2.913a4.079 4.079 0 0 1 .179-1.569c.196-.516.52-.958.933-1.273.413-.315.897-.49 1.396-.503.042 0 .084 0 .122.004.665.011 1.302.305 1.782.821.112.126.212.263.299.409a2.825 2.825 0 0 1 .229.484 2.989 2.989 0 0 1 .178.958 8.385 8.385 0 0 1-.107 1.762c-.145.826-.46 1.699-1.109 2.266a3.643 3.643 0 0 1-.049.48l.15-.007h.004l.184-.012c.173-.011.345-.02.515-.02Zm-3.924-1.536c.192.348.455.64.768.85.312.21.665.334 1.028.36.144.003.288-.024.423-.078.878-.349 1.438-1.118 1.673-2.296a7.797 7.797 0 0 0 .12-1.823v-.003a2.854 2.854 0 0 0-.158-.793 2.409 2.409 0 0 0-.208-.423 2.14 2.14 0 0 0-.812-.768 2.582 2.582 0 0 0-.758-.275 1.653 1.653 0 0 0-.238-.02c-.248.01-.493.069-.723.175-.482.173-.9.516-1.195.979-.274.503-.4 1.09-.363 1.678.024.766.055 1.717.443 2.437Zm.205-3.948c-.24.445-.352.966-.319 1.49v.01c.026.786.06 1.652.404 2.29.168.304.396.555.662.734.264.178.558.281.859.304a.746.746 0 0 0 .285-.054l.001-.001c1.056-.42 1.654-1.587 1.588-3.737a2.533 2.533 0 0 0-.141-.758 1.887 1.887 0 0 0-.864-1.012l-.005-.003a2.252 2.252 0 0 0-.656-.239 1.324 1.324 0 0 0-.176-.015 1.575 1.575 0 0 0-.59.145l-.013.006-.014.004a2.054 2.054 0 0 0-1.021.836Zm1.823 7.02a1.28 1.28 0 0 1-.314.044c-.52 0-.902-.412-1.1-1.19h-.011c-.122.004-.241.007-.357.007l-.356-.004a2.46 2.46 0 0 0-1.512.386c-.706.48-.81 1.466-.856 2.437 1.34.448 2.736.646 4.132.585.093 0 .186 0 .277-.002l.269-.002h.003c1.33.01 2.657-.174 3.945-.549l.004-.001a15.237 15.237 0 0 0-.03-.518c-.056-.731-.213-1.537-.824-1.95a2.436 2.436 0 0 0-1.495-.386l-.367.004c-.143 0-.29-.004-.44-.011-.053.272-.171.524-.342.727-.17.202-.387.35-.626.424Zm1.217-.81a1.9 1.9 0 0 1-.338.599 1.675 1.675 0 0 1-.78.527l-.013.004c-.13.035-.262.053-.396.055h-.004c-.36 0-.67-.147-.914-.41a2.133 2.133 0 0 1-.431-.775l-.123.002h-.003l-.378-.005a2.13 2.13 0 0 0-1.306.332c-.263.18-.431.465-.539.847-.09.32-.13.687-.155 1.077 1.229.382 2.502.548 3.775.492h.014c.09 0 .18 0 .272-.002h.002l.273-.002.002.133v-.133c1.215.01 2.426-.147 3.607-.467a5.42 5.42 0 0 0-.133-1.024c-.104-.408-.276-.728-.56-.922a2.107 2.107 0 0 0-1.29-.331l-.02.001-.371.004c-.063 0-.127-.001-.19-.003Zm-.55-.525a1.742 1.742 0 0 0 .051-.37 2.261 2.261 0 0 1-.683.26.952.952 0 0 1-.213.023 2.063 2.063 0 0 1-.985-.31c.015.117.039.263.075.415.11.459.333.98.78.98a.874.874 0 0 0 .408-.118c.184-.138.335-.324.443-.54a1.688 1.688 0 0 0 .124-.34Zm-.749.604a1.194 1.194 0 0 0 .336-.426c-.05.013-.1.025-.15.035-.093.02-.187.03-.282.03h-.017a2.382 2.382 0 0 1-.51-.084c.02.063.044.124.07.182.116.257.23.325.322.327a.543.543 0 0 0 .231-.064Z",
6729
6843
  fill: "#528693"
6730
6844
  }),
6731
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("path", {
6845
+ /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("path", {
6732
6846
  d: "M21.192 18.089c-1.29.375-2.617.56-3.948.55-.182 0-.363.004-.549.004a11.426 11.426 0 0 1-4.13-.586c.045-.97.15-1.957.856-2.436a2.46 2.46 0 0 1 1.511-.386l.357.004c.119 0 .241-.004.367-.008.199.779.58 1.191 1.1 1.191a1.28 1.28 0 0 0 .315-.043c.239-.075.455-.222.626-.425.17-.202.288-.454.341-.727.15.008.297.012.44.012l.367-.004a2.438 2.438 0 0 1 1.495.386c.76.514.817 1.638.852 2.468Z",
6733
6847
  fill: "#BFF6F8"
6734
6848
  }),
6735
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("path", {
6849
+ /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("path", {
6736
6850
  d: "M17.79 14.673a1.725 1.725 0 0 1-.176.709 1.52 1.52 0 0 1-.443.541.874.874 0 0 1-.409.118c-.593 0-.793-.924-.854-1.395.304.186.64.292.986.31a.952.952 0 0 0 .213-.023c.238-.048.468-.135.683-.26ZM19.057 10.385c.068 2.19-.538 3.553-1.795 4.052a1.074 1.074 0 0 1-.423.079 2.11 2.11 0 0 1-1.028-.36 2.44 2.44 0 0 1-.768-.85c-.388-.72-.42-1.671-.444-2.438a3.113 3.113 0 0 1 .364-1.678 2.386 2.386 0 0 1 1.195-.979c.23-.105.474-.165.723-.174.08 0 .159.007.237.02.264.05.519.143.759.275.458.242.822.666 1.02 1.19.097.276.15.567.16.863Z",
6737
6851
  fill: "#fff"
6738
6852
  }),
6739
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("path", {
6853
+ /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("path", {
6740
6854
  d: "M16.988 14.936a4.666 4.666 0 0 0-3.056-.923c-.404 0-.816.024-1.23.049l-.262.012c.047-.246.075-.496.085-.747 2.14-1.663 2.201-5.014 2.122-6.377a4.201 4.201 0 0 0-1.23-2.768A4.615 4.615 0 0 0 10.3 2.904c-.068-.006-.14-.006-.214-.006A4.552 4.552 0 0 0 6.01 5.66a5.683 5.683 0 0 0-.312 2.44c.104 1.724.287 3.375 1.382 4.53.244.257.524.477.831.655.017.262.05.523.098.782l-.171-.006c-.416-.024-.82-.049-1.217-.049a4.644 4.644 0 0 0-3.045.923A3.673 3.673 0 0 0 2.33 17.26a8.948 8.948 0 0 0-.183 1.718c.006.66.874.831 1.51.96.098.018.19.036.275.055 2.009.413 4.058.593 6.108.538.293 0 .58 0 .883-.007a27.22 27.22 0 0 0 7.251-.929.26.26 0 0 0 .208-.275.242.242 0 0 0 .025-.136c-.048-1.558-.195-3.3-1.418-4.248Zm-9.923-3.313c-.679-1.12-.733-2.599-.776-3.791a4.401 4.401 0 0 1 .636-2.61 4.11 4.11 0 0 1 2.09-1.523 3.678 3.678 0 0 1 1.266-.272c.14.001.278.011.416.03.46.08.907.223 1.327.429a3.6 3.6 0 0 1 1.785 1.852c.17.427.265.88.281 1.339.12 3.409-.941 5.53-3.142 6.306a2.09 2.09 0 0 1-.74.123 4 4 0 0 1-3.143-1.883Zm4.806 2.127a2.447 2.447 0 0 1-1.082 1.944 1.677 1.677 0 0 1-.715.184c-1.04 0-1.388-1.437-1.495-2.17.53.288 1.12.454 1.724.482.125 0 .25-.012.373-.036.416-.074.82-.21 1.195-.404Zm-.951 6.17c-.318 0-.636.005-.96.005a22.32 22.32 0 0 1-7.231-.91c.08-1.51.263-3.046 1.498-3.791a4.729 4.729 0 0 1 2.646-.6l.623.006c.208 0 .422-.006.642-.012.349 1.21 1.015 1.853 1.926 1.853.185-.002.37-.025.55-.068a2.386 2.386 0 0 0 1.693-1.79c.263.011.52.018.77.018l.643-.007a4.682 4.682 0 0 1 2.616.6c1.333.8 1.431 2.55 1.495 3.84a26.835 26.835 0 0 1-6.914.855h.003Z",
6741
6855
  fill: "#528693"
6742
6856
  }),
6743
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("path", {
6857
+ /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("path", {
6744
6858
  d: "M17.825 19.063a26.834 26.834 0 0 1-6.909.856c-.318 0-.635.006-.96.006a22.32 22.32 0 0 1-7.228-.91c.08-1.511.263-3.046 1.498-3.792a4.729 4.729 0 0 1 2.646-.599l.623.006c.208 0 .422-.006.642-.012.349 1.21 1.015 1.853 1.926 1.853.186-.003.37-.025.55-.068a2.385 2.385 0 0 0 1.693-1.79c.264.011.52.017.77.017l.643-.006a4.682 4.682 0 0 1 2.617.6c1.33.8 1.428 2.549 1.49 3.84Z",
6745
6859
  fill: "#BFF6F8"
6746
6860
  }),
6747
- /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("path", {
6861
+ /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("path", {
6748
6862
  d: "M11.872 13.75a2.446 2.446 0 0 1-1.082 1.944 1.676 1.676 0 0 1-.716.184c-1.04 0-1.388-1.437-1.494-2.17.53.288 1.12.453 1.724.482.125 0 .25-.012.373-.037a4.2 4.2 0 0 0 1.195-.403ZM14.09 7.08c.119 3.405-.942 5.526-3.142 6.303a2.088 2.088 0 0 1-.74.122 3.998 3.998 0 0 1-3.143-1.883c-.679-1.119-.733-2.598-.776-3.79a4.401 4.401 0 0 1 .636-2.611 4.11 4.11 0 0 1 2.09-1.523 3.678 3.678 0 0 1 1.266-.271c.14 0 .278.011.416.03.46.079.907.223 1.327.428a3.6 3.6 0 0 1 1.785 1.853c.17.427.265.881.28 1.341Z",
6749
6863
  fill: "#fff"
6750
6864
  })
@@ -6756,14 +6870,14 @@ var init_users = __esm({
6756
6870
  });
6757
6871
 
6758
6872
  // src/iconography/video.tsx
6759
- var import_react111, import_jsx_runtime118, Video;
6873
+ var import_react113, import_jsx_runtime120, Video;
6760
6874
  var init_video = __esm({
6761
6875
  "src/iconography/video.tsx"() {
6762
6876
  "use strict";
6763
- import_react111 = require("react");
6764
- import_jsx_runtime118 = require("react/jsx-runtime");
6765
- Video = (0, import_react111.forwardRef)((delegated, ref) => {
6766
- return /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)("svg", {
6877
+ import_react113 = require("react");
6878
+ import_jsx_runtime120 = require("react/jsx-runtime");
6879
+ Video = (0, import_react113.forwardRef)((delegated, ref) => {
6880
+ return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("svg", {
6767
6881
  ref,
6768
6882
  width: "22",
6769
6883
  height: "22",
@@ -6771,33 +6885,33 @@ var init_video = __esm({
6771
6885
  fill: "none",
6772
6886
  ...delegated,
6773
6887
  children: [
6774
- /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("path", {
6888
+ /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("path", {
6775
6889
  d: "M2 5C2 4.44772 2.44772 4 3 4H19C19.5523 4 20 4.44772 20 5V17C20 17.5523 19.5523 18 19 18H3C2.44772 18 2 17.5523 2 17V5Z",
6776
6890
  fill: "white"
6777
6891
  }),
6778
- /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("path", {
6892
+ /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("path", {
6779
6893
  fillRule: "evenodd",
6780
6894
  clipRule: "evenodd",
6781
6895
  d: "M2.99999 3.40002H19C19.8836 3.40002 20.6 4.11637 20.6 5.00002V17C20.6 17.8837 19.8836 18.6 19 18.6H2.99999C2.11634 18.6 1.39999 17.8837 1.39999 17V5.00002C1.39999 4.11637 2.11634 3.40002 2.99999 3.40002ZM2.99999 4.00002C2.44771 4.00002 1.99999 4.44774 1.99999 5.00002V17C1.99999 17.5523 2.44771 18 2.99999 18H19C19.5523 18 20 17.5523 20 17V5.00002C20 4.44774 19.5523 4.00002 19 4.00002H2.99999Z",
6782
6896
  fill: "#528693"
6783
6897
  }),
6784
- /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("path", {
6898
+ /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("path", {
6785
6899
  d: "M2 5C2 4.44772 2.44772 4 3 4H19C19.5523 4 20 4.44772 20 5V7H2V5Z",
6786
6900
  fill: "#BFF6F8",
6787
6901
  className: "c-icon-fill"
6788
6902
  }),
6789
- /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("path", {
6903
+ /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("path", {
6790
6904
  fillRule: "evenodd",
6791
6905
  clipRule: "evenodd",
6792
6906
  d: "M20.6 7.60002H1.39999V5.00002C1.39999 4.11637 2.11634 3.40002 2.99999 3.40002H19C19.8836 3.40002 20.6 4.11637 20.6 5.00002V7.60002ZM2.99999 4.00002C2.44771 4.00002 1.99999 4.44774 1.99999 5.00002V7.00002H20V5.00002C20 4.44774 19.5523 4.00002 19 4.00002H2.99999Z",
6793
6907
  fill: "#528693"
6794
6908
  }),
6795
- /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("path", {
6909
+ /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("path", {
6796
6910
  d: "M13.0176 12.312C13.2176 12.4275 13.2176 12.7162 13.0176 12.8316L9.41763 14.9101C9.21763 15.0256 8.96763 14.8812 8.96763 14.6503L8.96763 10.4934C8.96763 10.2624 9.21763 10.1181 9.41763 10.2336L13.0176 12.312Z",
6797
6911
  fill: "#BFF6F8",
6798
6912
  className: "c-icon-fill"
6799
6913
  }),
6800
- /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("path", {
6914
+ /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("path", {
6801
6915
  fillRule: "evenodd",
6802
6916
  clipRule: "evenodd",
6803
6917
  d: "M13.3176 13.3513L9.71764 15.4297C9.11764 15.7761 8.36764 15.3431 8.36764 14.6503L8.36764 10.4934C8.36764 9.80056 9.11764 9.36755 9.71764 9.71396L13.3176 11.7924C13.9176 12.1388 13.9176 13.0049 13.3176 13.3513ZM13.0176 12.8317C13.2176 12.7162 13.2176 12.4275 13.0176 12.312L9.41764 10.2336C9.21764 10.1181 8.96764 10.2624 8.96764 10.4934L8.96764 14.6503C8.96764 14.8812 9.21764 15.0256 9.41764 14.9101L13.0176 12.8317Z",
@@ -6811,14 +6925,14 @@ var init_video = __esm({
6811
6925
  });
6812
6926
 
6813
6927
  // src/iconography/wand.tsx
6814
- var import_react112, import_jsx_runtime119, Wand;
6928
+ var import_react114, import_jsx_runtime121, Wand;
6815
6929
  var init_wand = __esm({
6816
6930
  "src/iconography/wand.tsx"() {
6817
6931
  "use strict";
6818
- import_react112 = require("react");
6819
- import_jsx_runtime119 = require("react/jsx-runtime");
6820
- Wand = (0, import_react112.forwardRef)((delegated, ref) => {
6821
- return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("svg", {
6932
+ import_react114 = require("react");
6933
+ import_jsx_runtime121 = require("react/jsx-runtime");
6934
+ Wand = (0, import_react114.forwardRef)((delegated, ref) => {
6935
+ return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("svg", {
6822
6936
  ref,
6823
6937
  width: "19",
6824
6938
  height: "19",
@@ -6826,39 +6940,39 @@ var init_wand = __esm({
6826
6940
  fill: "none",
6827
6941
  ...delegated,
6828
6942
  children: [
6829
- /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("g", {
6943
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("g", {
6830
6944
  clipPath: "url(#wand-clip-path)",
6831
6945
  children: [
6832
- /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("path", {
6946
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("path", {
6833
6947
  fill: "#fff",
6834
6948
  d: "M2.261 17.145c.54.54 1.416.54 1.957 0l7.6-7.6-1.956-1.957-7.6 7.6c-.541.541-.541 1.417 0 1.957Z"
6835
6949
  }),
6836
- /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("path", {
6950
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("path", {
6837
6951
  fill: "#528693",
6838
6952
  fillRule: "evenodd",
6839
6953
  d: "M11.023 9.545 3.82 16.748a.82.82 0 0 1-1.161-1.161l7.203-7.203 1.161 1.16Zm-6.805 7.6A1.384 1.384 0 0 1 2.26 15.19l7.601-7.6 1.957 1.956-7.601 7.6Z",
6840
6954
  clipRule: "evenodd"
6841
6955
  }),
6842
- /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("path", {
6956
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("path", {
6843
6957
  fill: "#BFF6F8",
6844
6958
  d: "M9.695 2.72c0-.47.542-.732.91-.441l1.93 1.52a.562.562 0 0 0 .521.094l2.336-.758a.562.562 0 0 1 .701.73l-.85 2.304a.562.562 0 0 0 .073.525l1.442 1.988a.563.563 0 0 1-.477.892l-2.454-.097a.563.563 0 0 0-.477.232l-1.445 1.986a.562.562 0 0 1-.996-.178l-.667-2.364a.563.563 0 0 0-.367-.383L7.54 8.01A.562.562 0 0 1 7.4 7.008l2.043-1.365a.562.562 0 0 0 .25-.467V2.72Z"
6845
6959
  }),
6846
- /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("path", {
6960
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("path", {
6847
6961
  fill: "#528693",
6848
6962
  fillRule: "evenodd",
6849
6963
  d: "m10.953 1.837 1.929 1.52 2.336-.757a1.125 1.125 0 0 1 1.402 1.46l-.85 2.304 1.443 1.987a1.125 1.125 0 0 1-.955 1.785l-2.454-.096-1.445 1.986a1.125 1.125 0 0 1-1.992-.357L9.7 9.305l-2.335-.76a1.125 1.125 0 0 1-.277-2.005L9.13 5.176l.002-2.456c0-.94 1.084-1.465 1.821-.883Zm-.348.442a.562.562 0 0 0-.91.441l-.002 2.456a.562.562 0 0 1-.25.467L7.4 7.008a.563.563 0 0 0 .138 1.002l2.335.76a.563.563 0 0 1 .368.383l.666 2.364c.128.452.72.558.997.178l1.444-1.986a.563.563 0 0 1 .477-.232l2.454.097a.563.563 0 0 0 .478-.892l-1.443-1.988a.563.563 0 0 1-.072-.525l.85-2.304a.562.562 0 0 0-.701-.73l-2.337.758a.563.563 0 0 1-.521-.094l-1.929-1.52Z",
6850
6964
  clipRule: "evenodd"
6851
6965
  }),
6852
- /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("path", {
6966
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("path", {
6853
6967
  fill: "#528693",
6854
6968
  d: "M15.967 10.93a.704.704 0 1 1-1.408 0 .704.704 0 0 1 1.408 0ZM17.668 5.933a.505.505 0 1 1-1.01 0 .505.505 0 0 1 1.01 0ZM18.067 1.985a.704.704 0 1 1-1.409 0 .704.704 0 0 1 1.41 0ZM13.49 1.77a.49.49 0 1 1-.98 0 .49.49 0 0 1 .98 0ZM8.525 3.792a.49.49 0 1 1-.98 0 .49.49 0 0 1 .98 0Z"
6855
6969
  })
6856
6970
  ]
6857
6971
  }),
6858
- /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("defs", {
6859
- children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("clipPath", {
6972
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("defs", {
6973
+ children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("clipPath", {
6860
6974
  id: "wand-clip-path",
6861
- children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("path", {
6975
+ children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("path", {
6862
6976
  fill: "#fff",
6863
6977
  d: "M0 0h18v18H0z",
6864
6978
  transform: "translate(.572 .576)"
@@ -6873,14 +6987,14 @@ var init_wand = __esm({
6873
6987
  });
6874
6988
 
6875
6989
  // src/iconography/warning.tsx
6876
- var import_react113, import_jsx_runtime120, Warning;
6990
+ var import_react115, import_jsx_runtime122, Warning;
6877
6991
  var init_warning = __esm({
6878
6992
  "src/iconography/warning.tsx"() {
6879
6993
  "use strict";
6880
- import_react113 = require("react");
6881
- import_jsx_runtime120 = require("react/jsx-runtime");
6882
- Warning = (0, import_react113.forwardRef)((delegated, ref) => {
6883
- return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("svg", {
6994
+ import_react115 = require("react");
6995
+ import_jsx_runtime122 = require("react/jsx-runtime");
6996
+ Warning = (0, import_react115.forwardRef)((delegated, ref) => {
6997
+ return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("svg", {
6884
6998
  ref,
6885
6999
  width: "22",
6886
7000
  height: "22",
@@ -6888,32 +7002,32 @@ var init_warning = __esm({
6888
7002
  viewBox: "0 0 22 22",
6889
7003
  ...delegated,
6890
7004
  children: [
6891
- /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("path", {
7005
+ /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("path", {
6892
7006
  d: "M9.67541 3.72993C10.2804 2.68198 11.793 2.68198 12.398 3.72993L19.8853 16.6982C20.4903 17.7462 19.734 19.0561 18.524 19.0561H3.54948C2.33942 19.0561 1.58313 17.7462 2.18816 16.6982L9.67541 3.72993Z",
6893
7007
  fill: "#FFDE99",
6894
7008
  className: "c-icon-fill"
6895
7009
  }),
6896
- /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("path", {
7010
+ /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("path", {
6897
7011
  fillRule: "evenodd",
6898
7012
  clipRule: "evenodd",
6899
7013
  d: "M19.3657 16.9982L11.8784 4.02993C11.5043 3.38198 10.5691 3.38198 10.195 4.02993L2.70778 16.9982C2.33369 17.6462 2.8013 18.4561 3.54948 18.4561H18.524C19.2722 18.4561 19.7398 17.6462 19.3657 16.9982ZM12.398 3.72993C11.793 2.68198 10.2804 2.68198 9.67541 3.72993L2.18816 16.6982C1.58313 17.7462 2.33942 19.0561 3.54948 19.0561H18.524C19.734 19.0561 20.4903 17.7462 19.8853 16.6982L12.398 3.72993Z",
6900
7014
  fill: "#528693"
6901
7015
  }),
6902
- /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("path", {
7016
+ /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("path", {
6903
7017
  d: "M10.4293 8.73822C10.4293 8.33098 10.7595 8.00085 11.1667 8.00085V8.00085C11.5739 8.00085 11.9041 8.33098 11.9041 8.73822V12.3883C11.9041 12.7956 11.5739 13.1257 11.1667 13.1257V13.1257C10.7595 13.1257 10.4293 12.7956 10.4293 12.3883V8.73822Z",
6904
7018
  fill: "white"
6905
7019
  }),
6906
- /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("path", {
7020
+ /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("path", {
6907
7021
  fillRule: "evenodd",
6908
7022
  clipRule: "evenodd",
6909
7023
  d: "M12.504 8.73824V12.3883C12.504 13.127 11.9053 13.7257 11.1667 13.7257C10.4281 13.7257 9.82932 13.127 9.82932 12.3883V8.73825C9.82932 7.99964 10.4281 7.40088 11.1667 7.40088C11.9053 7.40088 12.504 7.99964 12.504 8.73824ZM11.1667 8.00088C10.7594 8.00088 10.4293 8.33101 10.4293 8.73825V12.3883C10.4293 12.7956 10.7594 13.1257 11.1667 13.1257C11.5739 13.1257 11.904 12.7956 11.904 12.3883V8.73824C11.904 8.33101 11.5739 8.00088 11.1667 8.00088Z",
6910
7024
  fill: "#528693"
6911
7025
  }),
6912
- /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("path", {
7026
+ /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("path", {
6913
7027
  d: "M11.9041 15.7807C11.9041 16.1879 11.5739 16.5181 11.1667 16.5181C10.7595 16.5181 10.4293 16.1879 10.4293 15.7807C10.4293 15.3735 10.7595 15.0433 11.1667 15.0433C11.5739 15.0433 11.9041 15.3735 11.9041 15.7807Z",
6914
7028
  fill: "white"
6915
7029
  }),
6916
- /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("path", {
7030
+ /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("path", {
6917
7031
  fillRule: "evenodd",
6918
7032
  clipRule: "evenodd",
6919
7033
  d: "M12.504 15.7807C12.504 16.5193 11.9053 17.1181 11.1667 17.1181C10.4281 17.1181 9.82932 16.5193 9.82932 15.7807C9.82932 15.0421 10.4281 14.4434 11.1667 14.4434C11.9053 14.4434 12.504 15.0421 12.504 15.7807ZM11.1667 16.5181C11.5739 16.5181 11.904 16.188 11.904 15.7807C11.904 15.3735 11.5739 15.0434 11.1667 15.0434C10.7594 15.0434 10.4293 15.3735 10.4293 15.7807C10.4293 16.188 10.7594 16.5181 11.1667 16.5181Z",
@@ -7031,6 +7145,8 @@ var init_iconography = __esm({
7031
7145
  init_switch();
7032
7146
  init_target();
7033
7147
  init_topics();
7148
+ init_topics_branch();
7149
+ init_topics_leaf();
7034
7150
  init_unpublish();
7035
7151
  init_usage();
7036
7152
  init_usage_meter();
@@ -7142,6 +7258,8 @@ var init_iconography = __esm({
7142
7258
  Subscription,
7143
7259
  Target,
7144
7260
  Topics,
7261
+ TopicsBranch,
7262
+ TopicsLeaf,
7145
7263
  UsageMeter,
7146
7264
  Unpublish,
7147
7265
  User,
@@ -7164,29 +7282,29 @@ var init_5 = __esm({
7164
7282
  function DialogContent({ children, closable = true, type, className, container, ...delegated }) {
7165
7283
  const withIcon = typeof type !== "undefined";
7166
7284
  const IconComponent = type && IconMap[type];
7167
- return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(DialogPrimitive.Portal, {
7285
+ return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(DialogPrimitive.Portal, {
7168
7286
  container,
7169
7287
  children: [
7170
- /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(DialogPrimitive.Overlay, {
7288
+ /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(DialogPrimitive.Overlay, {
7171
7289
  className: "c-dialog-overlay"
7172
7290
  }),
7173
- /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(DialogPrimitive.Content, {
7291
+ /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(DialogPrimitive.Content, {
7174
7292
  className: dialogContentStyles({ withIcon, class: className }),
7175
7293
  ...delegated,
7176
7294
  children: [
7177
- IconComponent && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", {
7295
+ IconComponent && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", {
7178
7296
  className: "c-dialog-icon-wrapper",
7179
- children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(IconComponent, {
7297
+ children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(IconComponent, {
7180
7298
  className: "c-dialog-icon",
7181
7299
  width: 34,
7182
7300
  height: 34
7183
7301
  })
7184
7302
  }),
7185
- closable && /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(DialogClose, {
7303
+ closable && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(DialogClose, {
7186
7304
  asChild: true,
7187
- children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Button, {
7305
+ children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Button, {
7188
7306
  className: "c-dialog-close-button",
7189
- children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(Icon.Cancel, {
7307
+ children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(Icon.Cancel, {
7190
7308
  color: "density",
7191
7309
  "aria-label": "Close",
7192
7310
  height: 16,
@@ -7194,7 +7312,7 @@ function DialogContent({ children, closable = true, type, className, container,
7194
7312
  })
7195
7313
  })
7196
7314
  }),
7197
- /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", {
7315
+ /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", {
7198
7316
  children
7199
7317
  })
7200
7318
  ]
@@ -7203,24 +7321,24 @@ function DialogContent({ children, closable = true, type, className, container,
7203
7321
  });
7204
7322
  }
7205
7323
  function DialogTitle({ className, ...delegated }) {
7206
- return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(DialogPrimitive.Title, {
7324
+ return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(DialogPrimitive.Title, {
7207
7325
  className: (0, import_class_variance_authority10.cx)("c-dialog-title", className),
7208
7326
  ...delegated
7209
7327
  });
7210
7328
  }
7211
7329
  function DialogDescription(delegated) {
7212
- return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(DialogPrimitive.Description, {
7330
+ return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(DialogPrimitive.Description, {
7213
7331
  className: "c-dialog-description",
7214
7332
  ...delegated
7215
7333
  });
7216
7334
  }
7217
7335
  function DialogBase({ children, ...delegated }) {
7218
- return /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(DialogRoot, {
7336
+ return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(DialogRoot, {
7219
7337
  ...delegated,
7220
7338
  children
7221
7339
  });
7222
7340
  }
7223
- var import_class_variance_authority10, DialogPrimitive, import_jsx_runtime122, IconMap, dialogContentStyles, DialogTrigger, DialogClose, DialogRoot;
7341
+ var import_class_variance_authority10, DialogPrimitive, import_jsx_runtime124, IconMap, dialogContentStyles, DialogTrigger, DialogClose, DialogRoot;
7224
7342
  var init_dialog = __esm({
7225
7343
  "src/dialog/dialog.tsx"() {
7226
7344
  "use strict";
@@ -7229,7 +7347,7 @@ var init_dialog = __esm({
7229
7347
  init_button2();
7230
7348
  init_iconography();
7231
7349
  init_5();
7232
- import_jsx_runtime122 = require("react/jsx-runtime");
7350
+ import_jsx_runtime124 = require("react/jsx-runtime");
7233
7351
  IconMap = {
7234
7352
  error: Icon.Error,
7235
7353
  info: Icon.Info,
@@ -7275,14 +7393,14 @@ function ConfirmDialog({
7275
7393
  type,
7276
7394
  closable
7277
7395
  }) {
7278
- const cancelButton = (okCancel || displayCancel) && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Button, {
7396
+ const cancelButton = (okCancel || displayCancel) && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button, {
7279
7397
  onClick: () => {
7280
7398
  onCancel?.();
7281
7399
  close();
7282
7400
  },
7283
7401
  children: cancelText
7284
7402
  });
7285
- const okButton = displayOk && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Button, {
7403
+ const okButton = displayOk && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Button, {
7286
7404
  intent: okButtonIntent,
7287
7405
  onClick: () => {
7288
7406
  onOk?.();
@@ -7290,24 +7408,24 @@ function ConfirmDialog({
7290
7408
  },
7291
7409
  children: okText
7292
7410
  });
7293
- return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(DialogRoot, {
7411
+ return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(DialogRoot, {
7294
7412
  open,
7295
7413
  onOpenChange: () => close(),
7296
- children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(Dialog.Content, {
7414
+ children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(Dialog.Content, {
7297
7415
  onEscapeKeyDown,
7298
7416
  onInteractOutside,
7299
7417
  onPointerDownOutside,
7300
7418
  type,
7301
7419
  closable,
7302
7420
  children: [
7303
- title && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Dialog.Title, {
7421
+ title && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Dialog.Title, {
7304
7422
  children: title
7305
7423
  }),
7306
- description && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Dialog.Description, {
7424
+ description && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(Dialog.Description, {
7307
7425
  children: description
7308
7426
  }),
7309
7427
  content,
7310
- (displayOk || okCancel || displayCancel) && /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", {
7428
+ (displayOk || okCancel || displayCancel) && /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", {
7311
7429
  className: "c-dialog-content__buttons",
7312
7430
  children: [
7313
7431
  cancelButton,
@@ -7318,14 +7436,14 @@ function ConfirmDialog({
7318
7436
  })
7319
7437
  });
7320
7438
  }
7321
- var import_jsx_runtime123;
7439
+ var import_jsx_runtime125;
7322
7440
  var init_confirm_dialog = __esm({
7323
7441
  "src/dialog/confirm-dialog.tsx"() {
7324
7442
  "use strict";
7325
7443
  init_dialog2();
7326
7444
  init_button2();
7327
7445
  init_dialog();
7328
- import_jsx_runtime123 = require("react/jsx-runtime");
7446
+ import_jsx_runtime125 = require("react/jsx-runtime");
7329
7447
  }
7330
7448
  });
7331
7449
 
@@ -7370,7 +7488,7 @@ function confirm(config) {
7370
7488
  function render({ okText, cancelText, ...delegated }) {
7371
7489
  clearTimeout(timeoutId);
7372
7490
  timeoutId = setTimeout(() => {
7373
- (0, import_react_dom.render)(/* @__PURE__ */ (0, import_jsx_runtime124.jsx)(ConfirmDialog, {
7491
+ (0, import_react_dom.render)(/* @__PURE__ */ (0, import_jsx_runtime126.jsx)(ConfirmDialog, {
7374
7492
  ...delegated,
7375
7493
  okText,
7376
7494
  cancelText
@@ -7447,14 +7565,14 @@ function withConfirm(delegated) {
7447
7565
  onPointerDownOutside: dumbFn
7448
7566
  };
7449
7567
  }
7450
- var import_react_dom, import_jsx_runtime124, dumbFn;
7568
+ var import_react_dom, import_jsx_runtime126, dumbFn;
7451
7569
  var init_config = __esm({
7452
7570
  "src/dialog/config.tsx"() {
7453
7571
  "use strict";
7454
7572
  import_react_dom = require("react-dom");
7455
7573
  init_confirm_dialog();
7456
7574
  init_destroyFns();
7457
- import_jsx_runtime124 = require("react/jsx-runtime");
7575
+ import_jsx_runtime126 = require("react/jsx-runtime");
7458
7576
  dumbFn = (event) => {
7459
7577
  event.preventDefault();
7460
7578
  };
@@ -7503,14 +7621,14 @@ var init_6 = __esm({
7503
7621
  });
7504
7622
 
7505
7623
  // src/icon-button/icon-button.tsx
7506
- var import_react114, import_class_variance_authority11, import_jsx_runtime125, buttonStyles3, IconButton;
7624
+ var import_react116, import_class_variance_authority11, import_jsx_runtime127, buttonStyles3, IconButton;
7507
7625
  var init_icon_button = __esm({
7508
7626
  "src/icon-button/icon-button.tsx"() {
7509
7627
  "use strict";
7510
- import_react114 = require("react");
7628
+ import_react116 = require("react");
7511
7629
  import_class_variance_authority11 = require("class-variance-authority");
7512
7630
  init_6();
7513
- import_jsx_runtime125 = require("react/jsx-runtime");
7631
+ import_jsx_runtime127 = require("react/jsx-runtime");
7514
7632
  buttonStyles3 = (0, import_class_variance_authority11.cva)(["c-icon-button"], {
7515
7633
  variants: {
7516
7634
  variant: {
@@ -7530,9 +7648,9 @@ var init_icon_button = __esm({
7530
7648
  variant: "default"
7531
7649
  }
7532
7650
  });
7533
- IconButton = (0, import_react114.forwardRef)(
7651
+ IconButton = (0, import_react116.forwardRef)(
7534
7652
  ({ children, className, type = "button", size, variant, ...delegated }, ref) => {
7535
- return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("button", {
7653
+ return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("button", {
7536
7654
  ref,
7537
7655
  type,
7538
7656
  className: buttonStyles3({ size, variant, className }),
@@ -7566,20 +7684,20 @@ var init_8 = __esm({
7566
7684
  });
7567
7685
 
7568
7686
  // src/input/input.tsx
7569
- var import_react115, import_class_variance_authority13, import_jsx_runtime127, inputStyles, Input;
7687
+ var import_react117, import_class_variance_authority13, import_jsx_runtime129, inputStyles, Input;
7570
7688
  var init_input = __esm({
7571
7689
  "src/input/input.tsx"() {
7572
7690
  "use strict";
7573
- import_react115 = require("react");
7691
+ import_react117 = require("react");
7574
7692
  import_class_variance_authority13 = require("class-variance-authority");
7575
7693
  init_8();
7576
- import_jsx_runtime127 = require("react/jsx-runtime");
7694
+ import_jsx_runtime129 = require("react/jsx-runtime");
7577
7695
  inputStyles = (0, import_class_variance_authority13.cva)(["c-input"], {
7578
7696
  variants: {},
7579
7697
  defaultVariants: {}
7580
7698
  });
7581
- Input = (0, import_react115.forwardRef)(({ className, ...delegated }, ref) => {
7582
- return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("input", {
7699
+ Input = (0, import_react117.forwardRef)(({ className, ...delegated }, ref) => {
7700
+ return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("input", {
7583
7701
  ref,
7584
7702
  className: inputStyles({ className }),
7585
7703
  type: "text",
@@ -7605,16 +7723,16 @@ var init_9 = __esm({
7605
7723
  });
7606
7724
 
7607
7725
  // src/label/label.tsx
7608
- var import_react116, import_class_variance_authority14, import_jsx_runtime128, Label2;
7726
+ var import_react118, import_class_variance_authority14, import_jsx_runtime130, Label2;
7609
7727
  var init_label = __esm({
7610
7728
  "src/label/label.tsx"() {
7611
7729
  "use strict";
7612
- import_react116 = require("react");
7730
+ import_react118 = require("react");
7613
7731
  import_class_variance_authority14 = require("class-variance-authority");
7614
7732
  init_9();
7615
- import_jsx_runtime128 = require("react/jsx-runtime");
7616
- Label2 = (0, import_react116.forwardRef)(({ className, ...delegated }, ref) => {
7617
- return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("label", {
7733
+ import_jsx_runtime130 = require("react/jsx-runtime");
7734
+ Label2 = (0, import_react118.forwardRef)(({ className, ...delegated }, ref) => {
7735
+ return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("label", {
7618
7736
  ref,
7619
7737
  className: (0, import_class_variance_authority14.cx)("c-label", className),
7620
7738
  ...delegated
@@ -7650,25 +7768,25 @@ function Tooltip({
7650
7768
  onOpenChange,
7651
7769
  open
7652
7770
  }) {
7653
- return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(RadixTooltip.Provider, {
7771
+ return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(RadixTooltip.Provider, {
7654
7772
  delayDuration,
7655
- children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(RadixTooltip.Root, {
7773
+ children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(RadixTooltip.Root, {
7656
7774
  defaultOpen,
7657
7775
  onOpenChange,
7658
7776
  open,
7659
7777
  children: [
7660
- /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(RadixTooltip.Trigger, {
7778
+ /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(RadixTooltip.Trigger, {
7661
7779
  asChild: true,
7662
7780
  children
7663
7781
  }),
7664
- /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(RadixTooltip.Portal, {
7665
- children: /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(RadixTooltip.Content, {
7782
+ /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(RadixTooltip.Portal, {
7783
+ children: /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(RadixTooltip.Content, {
7666
7784
  align,
7667
7785
  sideOffset: 5,
7668
7786
  side,
7669
7787
  className: tooltipStyles({ variant }),
7670
7788
  children: [
7671
- /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(RadixTooltip.Arrow, {
7789
+ /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(RadixTooltip.Arrow, {
7672
7790
  className: "c-tooltip-arrow"
7673
7791
  }),
7674
7792
  content
@@ -7679,13 +7797,13 @@ function Tooltip({
7679
7797
  })
7680
7798
  });
7681
7799
  }
7682
- var import_class_variance_authority15, RadixTooltip, import_jsx_runtime129, tooltipStyles;
7800
+ var import_class_variance_authority15, RadixTooltip, import_jsx_runtime131, tooltipStyles;
7683
7801
  var init_tooltip = __esm({
7684
7802
  "src/tooltip/tooltip.tsx"() {
7685
7803
  "use strict";
7686
7804
  import_class_variance_authority15 = require("class-variance-authority");
7687
7805
  RadixTooltip = __toESM(require("@radix-ui/react-tooltip"));
7688
- import_jsx_runtime129 = require("react/jsx-runtime");
7806
+ import_jsx_runtime131 = require("react/jsx-runtime");
7689
7807
  tooltipStyles = (0, import_class_variance_authority15.cva)(
7690
7808
  "c-tooltip-content data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade",
7691
7809
  {
@@ -7715,17 +7833,17 @@ var init_tooltip2 = __esm({
7715
7833
  });
7716
7834
 
7717
7835
  // src/input-with-label/input-with-label.tsx
7718
- var import_react117, import_class_variance_authority16, import_jsx_runtime130, inputWithLabelStyles, InputWithLabel;
7836
+ var import_react119, import_class_variance_authority16, import_jsx_runtime132, inputWithLabelStyles, InputWithLabel;
7719
7837
  var init_input_with_label = __esm({
7720
7838
  "src/input-with-label/input-with-label.tsx"() {
7721
7839
  "use strict";
7722
- import_react117 = require("react");
7840
+ import_react119 = require("react");
7723
7841
  import_class_variance_authority16 = require("class-variance-authority");
7724
7842
  init_iconography();
7725
7843
  init_input2();
7726
7844
  init_label2();
7727
7845
  init_tooltip2();
7728
- import_jsx_runtime130 = require("react/jsx-runtime");
7846
+ import_jsx_runtime132 = require("react/jsx-runtime");
7729
7847
  inputWithLabelStyles = (0, import_class_variance_authority16.cva)(["c-input-with-label"], {
7730
7848
  variants: {
7731
7849
  variant: {
@@ -7740,40 +7858,40 @@ var init_input_with_label = __esm({
7740
7858
  },
7741
7859
  defaultVariants: {}
7742
7860
  });
7743
- InputWithLabel = (0, import_react117.forwardRef)(
7861
+ InputWithLabel = (0, import_react119.forwardRef)(
7744
7862
  ({ className, label, append, errorMessage, status, statusMessage, variant, id, labelProps, ...delegated }, ref) => {
7745
7863
  const { className: labelClassName, ...labelPropsRest } = labelProps ?? {};
7746
- return /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_jsx_runtime130.Fragment, {
7747
- children: /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(Label2, {
7864
+ return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_jsx_runtime132.Fragment, {
7865
+ children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(Label2, {
7748
7866
  className: inputWithLabelStyles({ status, variant, className: labelClassName }),
7749
7867
  htmlFor: id,
7750
7868
  ...labelPropsRest,
7751
7869
  children: [
7752
7870
  label,
7753
- /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("span", {
7871
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("span", {
7754
7872
  className: "c-input-with-label-input-wrap",
7755
7873
  children: [
7756
- /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Input, {
7874
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Input, {
7757
7875
  className: (0, import_class_variance_authority16.cx)("c-input-with-label-input", className),
7758
7876
  ref,
7759
7877
  id,
7760
7878
  ...delegated
7761
7879
  }),
7762
- !!(errorMessage ?? statusMessage) ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Tooltip, {
7880
+ !!(errorMessage ?? statusMessage) ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Tooltip, {
7763
7881
  content: errorMessage ?? statusMessage,
7764
7882
  variant: status,
7765
- children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", {
7883
+ children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", {
7766
7884
  "data-testid": "input-with-label-status-message",
7767
7885
  className: "c-input-with-label-append",
7768
- children: status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Icon.Error, {
7886
+ children: status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Icon.Error, {
7769
7887
  width: 20,
7770
7888
  height: 20
7771
- }) : /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(Icon.Warning, {
7889
+ }) : /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Icon.Warning, {
7772
7890
  width: 20,
7773
7891
  height: 20
7774
7892
  })
7775
7893
  })
7776
- }) : !!append && /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", {
7894
+ }) : !!append && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", {
7777
7895
  className: "c-input-with-label-append",
7778
7896
  children: append
7779
7897
  })
@@ -7810,23 +7928,23 @@ var init_12 = __esm({
7810
7928
  });
7811
7929
 
7812
7930
  // src/rich-text-editor/context/SharedHistoryContext.tsx
7813
- var import_react121, import_LexicalHistoryPlugin, import_jsx_runtime140, Context, SharedHistoryContext, useSharedHistoryContext;
7931
+ var import_react123, import_LexicalHistoryPlugin, import_jsx_runtime142, Context, SharedHistoryContext, useSharedHistoryContext;
7814
7932
  var init_SharedHistoryContext = __esm({
7815
7933
  "src/rich-text-editor/context/SharedHistoryContext.tsx"() {
7816
7934
  "use strict";
7817
- import_react121 = require("react");
7935
+ import_react123 = require("react");
7818
7936
  import_LexicalHistoryPlugin = require("@lexical/react/LexicalHistoryPlugin");
7819
- import_jsx_runtime140 = require("react/jsx-runtime");
7820
- Context = (0, import_react121.createContext)({});
7937
+ import_jsx_runtime142 = require("react/jsx-runtime");
7938
+ Context = (0, import_react123.createContext)({});
7821
7939
  SharedHistoryContext = ({ children }) => {
7822
- const historyContext = (0, import_react121.useMemo)(() => ({ historyState: (0, import_LexicalHistoryPlugin.createEmptyHistoryState)() }), []);
7823
- return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Context.Provider, {
7940
+ const historyContext = (0, import_react123.useMemo)(() => ({ historyState: (0, import_LexicalHistoryPlugin.createEmptyHistoryState)() }), []);
7941
+ return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(Context.Provider, {
7824
7942
  value: historyContext,
7825
7943
  children
7826
7944
  });
7827
7945
  };
7828
7946
  useSharedHistoryContext = () => {
7829
- return (0, import_react121.useContext)(Context);
7947
+ return (0, import_react123.useContext)(Context);
7830
7948
  };
7831
7949
  }
7832
7950
  });
@@ -7908,7 +8026,7 @@ function I18nProvider({
7908
8026
  children
7909
8027
  }) {
7910
8028
  const translations2 = labelTranslations || en_default;
7911
- return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(I18nContext.Provider, {
8029
+ return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(I18nContext.Provider, {
7912
8030
  value: translations2,
7913
8031
  children
7914
8032
  });
@@ -7917,7 +8035,7 @@ function replaceI18nVariablesInString(str, replaceWith) {
7917
8035
  return str.replace(/({{[^}]+}})/g, replaceWith);
7918
8036
  }
7919
8037
  function useTr() {
7920
- const context = (0, import_react122.useContext)(I18nContext);
8038
+ const context = (0, import_react124.useContext)(I18nContext);
7921
8039
  return (key, units) => {
7922
8040
  const thereAreUnits = typeof units === "number";
7923
8041
  const keyToUse = thereAreUnits && units > 1 ? `${key}_plural` : key;
@@ -7931,15 +8049,15 @@ function useTr() {
7931
8049
  return "";
7932
8050
  };
7933
8051
  }
7934
- var import_react122, import_jsx_runtime141, I18nContext;
8052
+ var import_react124, import_jsx_runtime143, I18nContext;
7935
8053
  var init_i18n = __esm({
7936
8054
  "src/rich-text-editor/i18n/index.tsx"() {
7937
8055
  "use strict";
7938
- import_react122 = require("react");
8056
+ import_react124 = require("react");
7939
8057
  init_en();
7940
8058
  init_en();
7941
- import_jsx_runtime141 = require("react/jsx-runtime");
7942
- I18nContext = (0, import_react122.createContext)(null);
8059
+ import_jsx_runtime143 = require("react/jsx-runtime");
8060
+ I18nContext = (0, import_react124.createContext)(null);
7943
8061
  }
7944
8062
  });
7945
8063
 
@@ -8386,17 +8504,17 @@ var init_BaseNodes = __esm({
8386
8504
 
8387
8505
  // src/rich-text-editor/plugins/AutoLinkPlugin/index.tsx
8388
8506
  function LexicalAutoLinkPlugin() {
8389
- return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_LexicalAutoLinkPlugin.AutoLinkPlugin, {
8507
+ return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_LexicalAutoLinkPlugin.AutoLinkPlugin, {
8390
8508
  matchers: MATCHERS
8391
8509
  });
8392
8510
  }
8393
- var React2, import_LexicalAutoLinkPlugin, import_jsx_runtime142, URL_MATCHER, EMAIL_MATCHER, MATCHERS;
8511
+ var React2, import_LexicalAutoLinkPlugin, import_jsx_runtime144, URL_MATCHER, EMAIL_MATCHER, MATCHERS;
8394
8512
  var init_AutoLinkPlugin = __esm({
8395
8513
  "src/rich-text-editor/plugins/AutoLinkPlugin/index.tsx"() {
8396
8514
  "use strict";
8397
8515
  React2 = require("react");
8398
8516
  import_LexicalAutoLinkPlugin = require("@lexical/react/LexicalAutoLinkPlugin");
8399
- import_jsx_runtime142 = require("react/jsx-runtime");
8517
+ import_jsx_runtime144 = require("react/jsx-runtime");
8400
8518
  URL_MATCHER = /((https?:\/\/(www\.)?)|(www\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
8401
8519
  EMAIL_MATCHER = /(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))/;
8402
8520
  MATCHERS = [
@@ -8428,7 +8546,7 @@ var init_AutoLinkPlugin = __esm({
8428
8546
 
8429
8547
  // src/rich-text-editor/plugins/CodeActionMenuPlugin/components/CopyButton/index.tsx
8430
8548
  function CopyButton({ editor, getCodeDOMNode }) {
8431
- const [isCopyCompleted, setCopyCompleted] = (0, import_react123.useState)(false);
8549
+ const [isCopyCompleted, setCopyCompleted] = (0, import_react125.useState)(false);
8432
8550
  const tr = useTr();
8433
8551
  const removeSuccessIcon = (0, import_use_debounce.useDebouncedCallback)(() => {
8434
8552
  setCopyCompleted(false);
@@ -8455,28 +8573,28 @@ function CopyButton({ editor, getCodeDOMNode }) {
8455
8573
  console.error("Failed to copy: ", err);
8456
8574
  }
8457
8575
  }
8458
- return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("button", {
8576
+ return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("button", {
8459
8577
  className: "c-rte-code-button",
8460
8578
  onClick: handleClick,
8461
8579
  "aria-label": tr("actionCopyCode"),
8462
- children: isCopyCompleted ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("i", {
8580
+ children: isCopyCompleted ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("i", {
8463
8581
  className: "c-rte-code-button__icon c-rte-icon-success"
8464
- }) : /* @__PURE__ */ (0, import_jsx_runtime143.jsx)("i", {
8582
+ }) : /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("i", {
8465
8583
  className: "c-rte-code-button__icon c-rte-icon-copy"
8466
8584
  })
8467
8585
  });
8468
8586
  }
8469
- var React3, import_react123, import_lexical4, import_use_debounce, import_code4, import_jsx_runtime143;
8587
+ var React3, import_react125, import_lexical4, import_use_debounce, import_code4, import_jsx_runtime145;
8470
8588
  var init_CopyButton = __esm({
8471
8589
  "src/rich-text-editor/plugins/CodeActionMenuPlugin/components/CopyButton/index.tsx"() {
8472
8590
  "use strict";
8473
8591
  React3 = require("react");
8474
- import_react123 = require("react");
8592
+ import_react125 = require("react");
8475
8593
  import_lexical4 = require("lexical");
8476
8594
  import_use_debounce = require("use-debounce");
8477
8595
  import_code4 = require("@lexical/code");
8478
8596
  init_i18n();
8479
- import_jsx_runtime143 = require("react/jsx-runtime");
8597
+ import_jsx_runtime145 = require("react/jsx-runtime");
8480
8598
  }
8481
8599
  });
8482
8600
 
@@ -37324,8 +37442,8 @@ function getPrettierOptions(lang) {
37324
37442
  return options;
37325
37443
  }
37326
37444
  function PrettierButton({ lang, editor, getCodeDOMNode }) {
37327
- const [syntaxError, setSyntaxError] = (0, import_react124.useState)("");
37328
- const [tipsVisible, setTipsVisible] = (0, import_react124.useState)(false);
37445
+ const [syntaxError, setSyntaxError] = (0, import_react126.useState)("");
37446
+ const [tipsVisible, setTipsVisible] = (0, import_react126.useState)(false);
37329
37447
  const tr = useTr();
37330
37448
  async function handleClick() {
37331
37449
  const codeDOMNode = getCodeDOMNode();
@@ -37370,38 +37488,38 @@ function PrettierButton({ lang, editor, getCodeDOMNode }) {
37370
37488
  setTipsVisible(false);
37371
37489
  }
37372
37490
  }
37373
- return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", {
37491
+ return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", {
37374
37492
  className: "c-rte-prettier-wrapper",
37375
37493
  children: [
37376
- /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("button", {
37494
+ /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("button", {
37377
37495
  className: "c-rte-code-button",
37378
37496
  onClick: handleClick,
37379
37497
  onMouseEnter: handleMouseEnter,
37380
37498
  onMouseLeave: handleMouseLeave,
37381
37499
  "aria-label": tr("actionFormatCode"),
37382
- children: syntaxError ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("i", {
37500
+ children: syntaxError ? /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("i", {
37383
37501
  className: "c-rte-code-button__icon c-rte-icon-prettier-error"
37384
- }) : /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("i", {
37502
+ }) : /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("i", {
37385
37503
  className: "c-rte-code-button__icon c-rte-icon-prettier"
37386
37504
  })
37387
37505
  }),
37388
- tipsVisible ? /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("pre", {
37506
+ tipsVisible ? /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("pre", {
37389
37507
  className: "c-rte-code-error-tips",
37390
37508
  children: syntaxError
37391
37509
  }) : null
37392
37510
  ]
37393
37511
  });
37394
37512
  }
37395
- var React4, import_react124, import_lexical5, import_code5, import_jsx_runtime144, PRETTIER_PARSER_MODULES, PRETTIER_OPTIONS_BY_LANG, LANG_CAN_BE_PRETTIER;
37513
+ var React4, import_react126, import_lexical5, import_code5, import_jsx_runtime146, PRETTIER_PARSER_MODULES, PRETTIER_OPTIONS_BY_LANG, LANG_CAN_BE_PRETTIER;
37396
37514
  var init_PrettierButton = __esm({
37397
37515
  "src/rich-text-editor/plugins/CodeActionMenuPlugin/components/PrettierButton/index.tsx"() {
37398
37516
  "use strict";
37399
37517
  React4 = require("react");
37400
- import_react124 = require("react");
37518
+ import_react126 = require("react");
37401
37519
  import_lexical5 = require("lexical");
37402
37520
  import_code5 = require("@lexical/code");
37403
37521
  init_i18n();
37404
- import_jsx_runtime144 = require("react/jsx-runtime");
37522
+ import_jsx_runtime146 = require("react/jsx-runtime");
37405
37523
  PRETTIER_PARSER_MODULES = {
37406
37524
  css: () => Promise.resolve().then(() => __toESM(require_parser_postcss())),
37407
37525
  html: () => Promise.resolve().then(() => __toESM(require_parser_html())),
@@ -37428,15 +37546,15 @@ var init_PrettierButton = __esm({
37428
37546
  // src/rich-text-editor/plugins/CodeActionMenuPlugin/index.tsx
37429
37547
  function CodeActionMenuContainer({ anchorElem }) {
37430
37548
  const [editor] = (0, import_LexicalComposerContext.useLexicalComposerContext)();
37431
- const [lang, setLang] = (0, import_react125.useState)("");
37432
- const [isShown, setShown] = (0, import_react125.useState)(false);
37433
- const [shouldListenMouseMove, setShouldListenMouseMove] = (0, import_react125.useState)(true);
37434
- const [position, setPosition] = (0, import_react125.useState)({
37549
+ const [lang, setLang] = (0, import_react127.useState)("");
37550
+ const [isShown, setShown] = (0, import_react127.useState)(false);
37551
+ const [shouldListenMouseMove, setShouldListenMouseMove] = (0, import_react127.useState)(true);
37552
+ const [position, setPosition] = (0, import_react127.useState)({
37435
37553
  right: "0",
37436
37554
  top: "0"
37437
37555
  });
37438
- const codeSetRef = (0, import_react125.useRef)(/* @__PURE__ */ new Set());
37439
- const codeDOMNodeRef = (0, import_react125.useRef)(null);
37556
+ const codeSetRef = (0, import_react127.useRef)(/* @__PURE__ */ new Set());
37557
+ const codeDOMNodeRef = (0, import_react127.useRef)(null);
37440
37558
  function getCodeDOMNode() {
37441
37559
  return codeDOMNodeRef.current;
37442
37560
  }
@@ -37470,7 +37588,7 @@ function CodeActionMenuContainer({ anchorElem }) {
37470
37588
  });
37471
37589
  }
37472
37590
  }, 50);
37473
- (0, import_react125.useEffect)(() => {
37591
+ (0, import_react127.useEffect)(() => {
37474
37592
  if (!shouldListenMouseMove) {
37475
37593
  return;
37476
37594
  }
@@ -37501,20 +37619,20 @@ function CodeActionMenuContainer({ anchorElem }) {
37501
37619
  });
37502
37620
  const normalizedLang = (0, import_code6.normalizeCodeLang)(lang);
37503
37621
  const codeFriendlyName = (0, import_code6.getLanguageFriendlyName)(lang);
37504
- return /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_jsx_runtime145.Fragment, {
37505
- children: isShown ? /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", {
37622
+ return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(import_jsx_runtime147.Fragment, {
37623
+ children: isShown ? /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", {
37506
37624
  className: "c-rte-code-action-menu-container",
37507
37625
  style: { ...position },
37508
37626
  children: [
37509
- /* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", {
37627
+ /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", {
37510
37628
  className: "c-rte-code-highlight-language",
37511
37629
  children: codeFriendlyName
37512
37630
  }),
37513
- /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(CopyButton, {
37631
+ /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(CopyButton, {
37514
37632
  editor,
37515
37633
  getCodeDOMNode
37516
37634
  }),
37517
- canBePrettier(normalizedLang) ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(PrettierButton, {
37635
+ canBePrettier(normalizedLang) ? /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(PrettierButton, {
37518
37636
  editor,
37519
37637
  getCodeDOMNode,
37520
37638
  lang: normalizedLang
@@ -37536,15 +37654,15 @@ function getMouseInfo(event) {
37536
37654
  function CodeActionMenuPlugin({
37537
37655
  anchorElem = document.body
37538
37656
  }) {
37539
- return (0, import_react_dom2.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime145.jsx)(CodeActionMenuContainer, {
37657
+ return (0, import_react_dom2.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime147.jsx)(CodeActionMenuContainer, {
37540
37658
  anchorElem
37541
37659
  }), anchorElem);
37542
37660
  }
37543
- var import_react125, import_lexical6, import_react_dom2, import_use_debounce2, import_code6, import_LexicalComposerContext, import_jsx_runtime145, CODE_PADDING;
37661
+ var import_react127, import_lexical6, import_react_dom2, import_use_debounce2, import_code6, import_LexicalComposerContext, import_jsx_runtime147, CODE_PADDING;
37544
37662
  var init_CodeActionMenuPlugin = __esm({
37545
37663
  "src/rich-text-editor/plugins/CodeActionMenuPlugin/index.tsx"() {
37546
37664
  "use strict";
37547
- import_react125 = require("react");
37665
+ import_react127 = require("react");
37548
37666
  import_lexical6 = require("lexical");
37549
37667
  import_react_dom2 = require("react-dom");
37550
37668
  import_use_debounce2 = require("use-debounce");
@@ -37552,7 +37670,7 @@ var init_CodeActionMenuPlugin = __esm({
37552
37670
  import_LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
37553
37671
  init_CopyButton();
37554
37672
  init_PrettierButton();
37555
- import_jsx_runtime145 = require("react/jsx-runtime");
37673
+ import_jsx_runtime147 = require("react/jsx-runtime");
37556
37674
  CODE_PADDING = 0;
37557
37675
  }
37558
37676
  });
@@ -37560,16 +37678,16 @@ var init_CodeActionMenuPlugin = __esm({
37560
37678
  // src/rich-text-editor/plugins/CodeHighlightPlugin/index.ts
37561
37679
  function CodeHighlightPlugin() {
37562
37680
  const [editor] = (0, import_LexicalComposerContext2.useLexicalComposerContext)();
37563
- (0, import_react126.useEffect)(() => {
37681
+ (0, import_react128.useEffect)(() => {
37564
37682
  return (0, import_code7.registerCodeHighlighting)(editor);
37565
37683
  }, [editor]);
37566
37684
  return null;
37567
37685
  }
37568
- var import_react126, import_code7, import_LexicalComposerContext2;
37686
+ var import_react128, import_code7, import_LexicalComposerContext2;
37569
37687
  var init_CodeHighlightPlugin = __esm({
37570
37688
  "src/rich-text-editor/plugins/CodeHighlightPlugin/index.ts"() {
37571
37689
  "use strict";
37572
- import_react126 = require("react");
37690
+ import_react128 = require("react");
37573
37691
  import_code7 = require("@lexical/code");
37574
37692
  import_LexicalComposerContext2 = require("@lexical/react/LexicalComposerContext");
37575
37693
  }
@@ -37597,12 +37715,12 @@ function useSuspenseRequest(url) {
37597
37715
  function LinkPreviewContent({
37598
37716
  url
37599
37717
  }) {
37600
- const [textContent, setTextContent] = (0, import_react127.useState)("");
37718
+ const [textContent, setTextContent] = (0, import_react129.useState)("");
37601
37719
  const { preview } = useSuspenseRequest(url);
37602
37720
  const [editor] = (0, import_LexicalComposerContext3.useLexicalComposerContext)();
37603
37721
  const tr = useTr();
37604
37722
  const hasPreview = preview !== null && preview.google?.title;
37605
- (0, import_react127.useEffect)(() => {
37723
+ (0, import_react129.useEffect)(() => {
37606
37724
  editor.update(() => {
37607
37725
  const sel = (0, import_lexical7.$getSelection)();
37608
37726
  const nodes = sel?.getNodes();
@@ -37630,26 +37748,26 @@ function LinkPreviewContent({
37630
37748
  if (!hasPreview) {
37631
37749
  return null;
37632
37750
  }
37633
- return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", {
37751
+ return /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", {
37634
37752
  className: "c-rte-link-preview",
37635
37753
  children: [
37636
- preview.google.image && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", {
37754
+ preview.google.image && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", {
37637
37755
  className: "c-rte-link-preview-image-wrapper",
37638
- children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("img", {
37756
+ children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("img", {
37639
37757
  src: preview.google.image,
37640
37758
  alt: preview.google.title,
37641
37759
  className: "c-rte-link-preview-image"
37642
37760
  })
37643
37761
  }),
37644
- preview.google.title && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", {
37762
+ preview.google.title && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", {
37645
37763
  className: "c-rte-link-preview-title",
37646
37764
  children: preview.google.title
37647
37765
  }),
37648
- preview.google.description && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", {
37766
+ preview.google.description && /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", {
37649
37767
  className: "c-rte-link-preview-description",
37650
37768
  children: preview.google.description
37651
37769
  }),
37652
- textContent && textContent !== preview.google.title ? /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Button, {
37770
+ textContent && textContent !== preview.google.title ? /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(Button, {
37653
37771
  className: "c-rte-link-preview__replace-text-btn",
37654
37772
  onClick: useTitleForText,
37655
37773
  children: tr("linkPreviewReplaceTextWithTitle")
@@ -37658,7 +37776,7 @@ function LinkPreviewContent({
37658
37776
  });
37659
37777
  }
37660
37778
  function Glimmer(props) {
37661
- return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", {
37779
+ return /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("div", {
37662
37780
  className: "c-rte-link-preview-glimmer",
37663
37781
  ...props,
37664
37782
  style: {
@@ -37670,38 +37788,38 @@ function Glimmer(props) {
37670
37788
  function LinkPreview({
37671
37789
  url
37672
37790
  }) {
37673
- return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_react127.Suspense, {
37674
- fallback: /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(import_jsx_runtime146.Fragment, {
37791
+ return /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(import_react129.Suspense, {
37792
+ fallback: /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)(import_jsx_runtime148.Fragment, {
37675
37793
  children: [
37676
- /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Glimmer, {
37794
+ /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(Glimmer, {
37677
37795
  style: { height: "80px" },
37678
37796
  index: 0
37679
37797
  }),
37680
- /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Glimmer, {
37798
+ /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(Glimmer, {
37681
37799
  style: { width: "60%" },
37682
37800
  index: 1
37683
37801
  }),
37684
- /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(Glimmer, {
37802
+ /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(Glimmer, {
37685
37803
  style: { width: "80%" },
37686
37804
  index: 2
37687
37805
  })
37688
37806
  ]
37689
37807
  }),
37690
- children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(LinkPreviewContent, {
37808
+ children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(LinkPreviewContent, {
37691
37809
  url
37692
37810
  })
37693
37811
  });
37694
37812
  }
37695
- var import_react127, import_lexical7, import_LexicalComposerContext3, import_jsx_runtime146, PREVIEW_CACHE, URL_MATCHER2;
37813
+ var import_react129, import_lexical7, import_LexicalComposerContext3, import_jsx_runtime148, PREVIEW_CACHE, URL_MATCHER2;
37696
37814
  var init_LinkPreview = __esm({
37697
37815
  "src/rich-text-editor/ui/LinkPreview.tsx"() {
37698
37816
  "use strict";
37699
- import_react127 = require("react");
37817
+ import_react129 = require("react");
37700
37818
  import_lexical7 = require("lexical");
37701
37819
  import_LexicalComposerContext3 = require("@lexical/react/LexicalComposerContext");
37702
37820
  init_button2();
37703
37821
  init_i18n();
37704
- import_jsx_runtime146 = require("react/jsx-runtime");
37822
+ import_jsx_runtime148 = require("react/jsx-runtime");
37705
37823
  PREVIEW_CACHE = {};
37706
37824
  URL_MATCHER2 = /((https?:\/\/(www\.)?)|(www\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
37707
37825
  }
@@ -37793,15 +37911,15 @@ function FloatingLinkEditor({
37793
37911
  setIsLink,
37794
37912
  anchorElem
37795
37913
  }) {
37796
- const editorRef = (0, import_react128.useRef)(null);
37797
- const inputRef = (0, import_react128.useRef)(null);
37798
- const [linkUrl, setLinkUrl] = (0, import_react128.useState)("");
37799
- const [rel, setRel] = (0, import_react128.useState)(null);
37800
- const [target, setTarget] = (0, import_react128.useState)(null);
37801
- const [isEditMode, setEditMode] = (0, import_react128.useState)(false);
37802
- const [lastSelection, setLastSelection] = (0, import_react128.useState)(null);
37914
+ const editorRef = (0, import_react130.useRef)(null);
37915
+ const inputRef = (0, import_react130.useRef)(null);
37916
+ const [linkUrl, setLinkUrl] = (0, import_react130.useState)("");
37917
+ const [rel, setRel] = (0, import_react130.useState)(null);
37918
+ const [target, setTarget] = (0, import_react130.useState)(null);
37919
+ const [isEditMode, setEditMode] = (0, import_react130.useState)(false);
37920
+ const [lastSelection, setLastSelection] = (0, import_react130.useState)(null);
37803
37921
  const tr = useTr();
37804
- const updateLinkEditor = (0, import_react128.useCallback)(() => {
37922
+ const updateLinkEditor = (0, import_react130.useCallback)(() => {
37805
37923
  const selection = (0, import_lexical8.$getSelection)();
37806
37924
  if ((0, import_lexical8.$isRangeSelection)(selection)) {
37807
37925
  const node = getSelectedNode(selection);
@@ -37851,7 +37969,7 @@ function FloatingLinkEditor({
37851
37969
  }
37852
37970
  return true;
37853
37971
  }, [anchorElem, editor]);
37854
- (0, import_react128.useEffect)(() => {
37972
+ (0, import_react130.useEffect)(() => {
37855
37973
  const scrollerElem = anchorElem.parentElement;
37856
37974
  const update = () => {
37857
37975
  editor.getEditorState().read(() => {
@@ -37869,7 +37987,7 @@ function FloatingLinkEditor({
37869
37987
  }
37870
37988
  };
37871
37989
  }, [anchorElem.parentElement, editor, updateLinkEditor]);
37872
- (0, import_react128.useEffect)(() => {
37990
+ (0, import_react130.useEffect)(() => {
37873
37991
  return (0, import_utils.mergeRegister)(
37874
37992
  editor.registerUpdateListener(({ editorState }) => {
37875
37993
  editorState.read(() => {
@@ -37897,52 +38015,52 @@ function FloatingLinkEditor({
37897
38015
  )
37898
38016
  );
37899
38017
  }, [editor, updateLinkEditor, setIsLink, isLink]);
37900
- (0, import_react128.useEffect)(() => {
38018
+ (0, import_react130.useEffect)(() => {
37901
38019
  editor.getEditorState().read(() => {
37902
38020
  updateLinkEditor();
37903
38021
  });
37904
38022
  }, [editor, updateLinkEditor]);
37905
- (0, import_react128.useEffect)(() => {
38023
+ (0, import_react130.useEffect)(() => {
37906
38024
  if (isEditMode && inputRef.current) {
37907
38025
  inputRef.current.focus();
37908
38026
  }
37909
38027
  }, [isEditMode]);
37910
- return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", {
38028
+ return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", {
37911
38029
  ref: editorRef,
37912
38030
  className: "c-rte-link-editor",
37913
38031
  "data-testid": "rich-text-link-editor",
37914
- children: isEditMode ? /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", {
38032
+ children: isEditMode ? /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", {
37915
38033
  children: [
37916
- /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", {
38034
+ /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", {
37917
38035
  className: "c-rte-link-editor-input-group",
37918
- children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(InputWithLabel, {
38036
+ children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(InputWithLabel, {
37919
38037
  label: tr("linkEditorLink"),
37920
38038
  type: "text",
37921
38039
  value: linkUrl,
37922
38040
  onChange: (e) => setLinkUrl(e.target.value)
37923
38041
  })
37924
38042
  }),
37925
- /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", {
38043
+ /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", {
37926
38044
  className: "c-rte-link-editor-input-group",
37927
- children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(InputWithLabel, {
38045
+ children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(InputWithLabel, {
37928
38046
  label: tr("linkEditorRel"),
37929
38047
  type: "text",
37930
38048
  value: rel ?? "",
37931
38049
  onChange: (e) => setRel(e.target.value)
37932
38050
  })
37933
38051
  }),
37934
- /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", {
38052
+ /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", {
37935
38053
  className: "c-rte-link-editor-input-group",
37936
- children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(InputWithLabel, {
38054
+ children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(InputWithLabel, {
37937
38055
  label: tr("linkEditorTarget"),
37938
38056
  type: "text",
37939
38057
  value: target ?? "",
37940
38058
  onChange: (e) => setTarget(e.target.value)
37941
38059
  })
37942
38060
  }),
37943
- /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", {
38061
+ /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", {
37944
38062
  className: "c-rte-link-editor-button-wrap",
37945
- children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Button, {
38063
+ children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Button, {
37946
38064
  "data-testid": "link-editor-save-button",
37947
38065
  onClick: () => {
37948
38066
  if (lastSelection !== null) {
@@ -37960,28 +38078,28 @@ function FloatingLinkEditor({
37960
38078
  })
37961
38079
  })
37962
38080
  ]
37963
- }) : /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(import_jsx_runtime147.Fragment, {
38081
+ }) : /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)(import_jsx_runtime149.Fragment, {
37964
38082
  children: [
37965
- /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", {
38083
+ /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", {
37966
38084
  className: "c-rte-link-editor-link-input",
37967
38085
  children: [
37968
- /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", {
38086
+ /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", {
37969
38087
  className: "c-rte-link-editor-link-preview",
37970
38088
  children: [
37971
- /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("a", {
38089
+ /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("a", {
37972
38090
  href: linkUrl,
37973
38091
  target: "_blank",
37974
38092
  rel: "noopener noreferrer",
37975
38093
  children: linkUrl
37976
38094
  }),
37977
- rel || target ? /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", {
38095
+ rel || target ? /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("div", {
37978
38096
  className: "c-rte-link-editor-preview-attrs",
37979
38097
  children: [
37980
- rel && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", {
38098
+ rel && /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", {
37981
38099
  className: "c-rte-link-editor-preview-attr",
37982
38100
  children: rel
37983
38101
  }),
37984
- target && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", {
38102
+ target && /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", {
37985
38103
  className: "c-rte-link-editor-preview-attr",
37986
38104
  children: target
37987
38105
  })
@@ -37989,21 +38107,21 @@ function FloatingLinkEditor({
37989
38107
  }) : null
37990
38108
  ]
37991
38109
  }),
37992
- /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", {
37993
- children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(IconButton, {
38110
+ /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", {
38111
+ children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(IconButton, {
37994
38112
  size: "sm",
37995
38113
  tabIndex: 0,
37996
38114
  onMouseDown: (event) => event.preventDefault(),
37997
38115
  onClick: () => setEditMode(true),
37998
38116
  "aria-label": tr("linkEditorEdit"),
37999
38117
  "data-testid": "link-editor-edit",
38000
- children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(Icon.Edit, {})
38118
+ children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(Icon.Edit, {})
38001
38119
  })
38002
38120
  })
38003
38121
  ]
38004
38122
  }),
38005
- /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", {
38006
- children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(LinkPreview, {
38123
+ /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("div", {
38124
+ children: /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(LinkPreview, {
38007
38125
  url: linkUrl
38008
38126
  })
38009
38127
  })
@@ -38012,9 +38130,9 @@ function FloatingLinkEditor({
38012
38130
  });
38013
38131
  }
38014
38132
  function useFloatingLinkEditorToolbar(editor, anchorElem) {
38015
- const [activeEditor, setActiveEditor] = (0, import_react128.useState)(editor);
38016
- const [isLink, setIsLink] = (0, import_react128.useState)(false);
38017
- const updateToolbar = (0, import_react128.useCallback)(() => {
38133
+ const [activeEditor, setActiveEditor] = (0, import_react130.useState)(editor);
38134
+ const [isLink, setIsLink] = (0, import_react130.useState)(false);
38135
+ const updateToolbar = (0, import_react130.useCallback)(() => {
38018
38136
  const selection = (0, import_lexical8.$getSelection)();
38019
38137
  if ((0, import_lexical8.$isRangeSelection)(selection)) {
38020
38138
  const node = getSelectedNode(selection);
@@ -38027,7 +38145,7 @@ function useFloatingLinkEditorToolbar(editor, anchorElem) {
38027
38145
  }
38028
38146
  }
38029
38147
  }, []);
38030
- (0, import_react128.useEffect)(() => {
38148
+ (0, import_react130.useEffect)(() => {
38031
38149
  return editor.registerCommand(
38032
38150
  import_lexical8.SELECTION_CHANGE_COMMAND,
38033
38151
  (_payload, newEditor) => {
@@ -38038,7 +38156,7 @@ function useFloatingLinkEditorToolbar(editor, anchorElem) {
38038
38156
  import_lexical8.COMMAND_PRIORITY_CRITICAL
38039
38157
  );
38040
38158
  }, [editor, updateToolbar]);
38041
- (0, import_react128.useEffect)(() => {
38159
+ (0, import_react130.useEffect)(() => {
38042
38160
  if (!isLink) {
38043
38161
  return;
38044
38162
  }
@@ -38052,7 +38170,7 @@ function useFloatingLinkEditorToolbar(editor, anchorElem) {
38052
38170
  return () => document.removeEventListener("click", onClick);
38053
38171
  }, [isLink, activeEditor]);
38054
38172
  return isLink ? (0, import_react_dom3.createPortal)(
38055
- /* @__PURE__ */ (0, import_jsx_runtime147.jsx)(FloatingLinkEditor, {
38173
+ /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(FloatingLinkEditor, {
38056
38174
  editor: activeEditor,
38057
38175
  isLink,
38058
38176
  anchorElem,
@@ -38067,11 +38185,11 @@ function FloatingLinkEditorPlugin({
38067
38185
  const [editor] = (0, import_LexicalComposerContext4.useLexicalComposerContext)();
38068
38186
  return useFloatingLinkEditorToolbar(editor, anchorElem);
38069
38187
  }
38070
- var import_react128, React5, import_lexical8, import_react_dom3, import_link4, import_LexicalComposerContext4, import_utils, import_jsx_runtime147;
38188
+ var import_react130, React5, import_lexical8, import_react_dom3, import_link4, import_LexicalComposerContext4, import_utils, import_jsx_runtime149;
38071
38189
  var init_FloatingLinkEditorPlugin = __esm({
38072
38190
  "src/rich-text-editor/plugins/FloatingLinkEditorPlugin/index.tsx"() {
38073
38191
  "use strict";
38074
- import_react128 = require("react");
38192
+ import_react130 = require("react");
38075
38193
  React5 = require("react");
38076
38194
  import_lexical8 = require("lexical");
38077
38195
  import_react_dom3 = require("react-dom");
@@ -38087,7 +38205,7 @@ var init_FloatingLinkEditorPlugin = __esm({
38087
38205
  init_getSelectedNode();
38088
38206
  init_setFloatingElemPosition();
38089
38207
  init_url();
38090
- import_jsx_runtime147 = require("react/jsx-runtime");
38208
+ import_jsx_runtime149 = require("react/jsx-runtime");
38091
38209
  }
38092
38210
  });
38093
38211
 
@@ -38153,16 +38271,16 @@ function TextFormatFloatingToolbar({
38153
38271
  isSubscript,
38154
38272
  isSuperscript
38155
38273
  }) {
38156
- const popupCharStylesEditorRef = (0, import_react129.useRef)(null);
38274
+ const popupCharStylesEditorRef = (0, import_react131.useRef)(null);
38157
38275
  const tr = useTr();
38158
- const insertLink = (0, import_react129.useCallback)(() => {
38276
+ const insertLink = (0, import_react131.useCallback)(() => {
38159
38277
  if (!isLink) {
38160
38278
  editor.dispatchCommand(import_link5.TOGGLE_LINK_COMMAND, "https://");
38161
38279
  } else {
38162
38280
  editor.dispatchCommand(import_link5.TOGGLE_LINK_COMMAND, null);
38163
38281
  }
38164
38282
  }, [editor, isLink]);
38165
- const updateTextFormatFloatingToolbar = (0, import_react129.useCallback)(() => {
38283
+ const updateTextFormatFloatingToolbar = (0, import_react131.useCallback)(() => {
38166
38284
  const selection = (0, import_lexical9.$getSelection)();
38167
38285
  const popupCharStylesEditorElem = popupCharStylesEditorRef.current;
38168
38286
  const nativeSelection = window.getSelection();
@@ -38175,7 +38293,7 @@ function TextFormatFloatingToolbar({
38175
38293
  setFloatingElemPosition(rangeRect, popupCharStylesEditorElem, anchorElem);
38176
38294
  }
38177
38295
  }, [editor, anchorElem]);
38178
- (0, import_react129.useEffect)(() => {
38296
+ (0, import_react131.useEffect)(() => {
38179
38297
  const scrollerElem = anchorElem.parentElement;
38180
38298
  const update = () => {
38181
38299
  editor.getEditorState().read(() => {
@@ -38193,7 +38311,7 @@ function TextFormatFloatingToolbar({
38193
38311
  }
38194
38312
  };
38195
38313
  }, [editor, updateTextFormatFloatingToolbar, anchorElem]);
38196
- (0, import_react129.useEffect)(() => {
38314
+ (0, import_react131.useEffect)(() => {
38197
38315
  editor.getEditorState().read(() => {
38198
38316
  updateTextFormatFloatingToolbar();
38199
38317
  });
@@ -38214,93 +38332,93 @@ function TextFormatFloatingToolbar({
38214
38332
  );
38215
38333
  }, [editor, updateTextFormatFloatingToolbar]);
38216
38334
  if (!editor.isEditable()) {
38217
- return /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("span", {});
38335
+ return /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("span", {});
38218
38336
  }
38219
- return /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("div", {
38337
+ return /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)("div", {
38220
38338
  ref: popupCharStylesEditorRef,
38221
38339
  className: "c-rte-floating-text-format-tb-plugin",
38222
38340
  children: [
38223
- /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(IconButton, {
38341
+ /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(IconButton, {
38224
38342
  onClick: () => {
38225
38343
  editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "bold");
38226
38344
  },
38227
38345
  style: { padding: 0, overflow: "hidden" },
38228
38346
  title: tr(IS_APPLE ? "actionFormatAsStrongTitleApple" : "actionFormatAsStrongTitle"),
38229
38347
  "aria-label": tr("actionFormatAsStrongLabel"),
38230
- children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("i", {
38348
+ children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("i", {
38231
38349
  className: `c-rte-icon-bold c-rte-floating-text-format-tb-plugin__format-icon ${isBold ? "selected" : ""}`
38232
38350
  })
38233
38351
  }),
38234
- /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(IconButton, {
38352
+ /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(IconButton, {
38235
38353
  style: { padding: 0, overflow: "hidden" },
38236
38354
  onClick: () => {
38237
38355
  editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "italic");
38238
38356
  },
38239
38357
  title: tr("actionFormatAsEmphasizedTitle"),
38240
38358
  "aria-label": tr("actionFormatAsEmphasizedLabel"),
38241
- children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("i", {
38359
+ children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("i", {
38242
38360
  className: `c-rte-icon-italic c-rte-floating-text-format-tb-plugin__format-icon ${isItalic ? "selected" : ""}`
38243
38361
  })
38244
38362
  }),
38245
- /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(IconButton, {
38363
+ /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(IconButton, {
38246
38364
  style: { padding: 0, overflow: "hidden" },
38247
38365
  onClick: () => {
38248
38366
  editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "underline");
38249
38367
  },
38250
38368
  title: tr("actionFormatAsUnderlinedTitle"),
38251
38369
  "aria-label": tr("actionFormatAsUnderlinedLabel"),
38252
- children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("i", {
38370
+ children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("i", {
38253
38371
  className: `c-rte-icon-underline c-rte-floating-text-format-tb-plugin__format-icon ${isUnderline ? "selected" : ""}`
38254
38372
  })
38255
38373
  }),
38256
- /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(IconButton, {
38374
+ /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(IconButton, {
38257
38375
  style: { padding: 0, overflow: "hidden" },
38258
38376
  onClick: () => {
38259
38377
  editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "code");
38260
38378
  },
38261
38379
  "aria-label": tr("actionInsertCodeBlock"),
38262
- children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("i", {
38380
+ children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("i", {
38263
38381
  className: `c-rte-icon-code c-rte-floating-text-format-tb-plugin__format-icon ${isCode ? "selected" : ""}`
38264
38382
  })
38265
38383
  }),
38266
- /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(IconButton, {
38384
+ /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(IconButton, {
38267
38385
  style: { padding: 0, overflow: "hidden" },
38268
38386
  onClick: insertLink,
38269
38387
  "aria-label": tr("actionInsertlink"),
38270
- children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("i", {
38388
+ children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("i", {
38271
38389
  className: `c-rte-icon-link c-rte-floating-text-format-tb-plugin__format-icon ${isLink ? "selected" : ""}`
38272
38390
  })
38273
38391
  }),
38274
- /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(IconButton, {
38392
+ /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(IconButton, {
38275
38393
  style: { padding: 0, overflow: "hidden" },
38276
38394
  onClick: () => {
38277
38395
  editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "strikethrough");
38278
38396
  },
38279
38397
  title: tr("actionFormatWithStrikethroughTitle"),
38280
38398
  "aria-label": tr("actionFormatWithStrikethroughLabel"),
38281
- children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("i", {
38399
+ children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("i", {
38282
38400
  className: `c-rte-icon-strikethrough c-rte-floating-text-format-tb-plugin__format-icon ${isStrikethrough ? "selected" : ""}`
38283
38401
  })
38284
38402
  }),
38285
- /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(IconButton, {
38403
+ /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(IconButton, {
38286
38404
  style: { padding: 0, overflow: "hidden" },
38287
38405
  onClick: () => {
38288
38406
  editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "subscript");
38289
38407
  },
38290
38408
  title: tr("actionFormatWithSubscriptTitle"),
38291
38409
  "aria-label": tr("actionFormatWithSubscriptLabel"),
38292
- children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("i", {
38410
+ children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("i", {
38293
38411
  className: `c-rte-icon-subscript c-rte-floating-text-format-tb-plugin__format-icon ${isSubscript ? "selected" : ""}`
38294
38412
  })
38295
38413
  }),
38296
- /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(IconButton, {
38414
+ /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(IconButton, {
38297
38415
  style: { padding: 0, overflow: "hidden" },
38298
38416
  onClick: () => {
38299
38417
  editor.dispatchCommand(import_lexical9.FORMAT_TEXT_COMMAND, "superscript");
38300
38418
  },
38301
38419
  title: tr("actionFormatWithSuperscriptTitle"),
38302
38420
  "aria-label": tr("actionFormatWithSuperscriptLabel"),
38303
- children: /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("i", {
38421
+ children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("i", {
38304
38422
  className: `c-rte-icon-superscript c-rte-floating-text-format-tb-plugin__format-icon ${isSuperscript ? "selected" : ""}`
38305
38423
  })
38306
38424
  })
@@ -38308,16 +38426,16 @@ function TextFormatFloatingToolbar({
38308
38426
  });
38309
38427
  }
38310
38428
  function useFloatingTextFormatToolbar(editor, anchorElem) {
38311
- const [isText, setIsText] = (0, import_react129.useState)(false);
38312
- const [isLink, setIsLink] = (0, import_react129.useState)(false);
38313
- const [isBold, setIsBold] = (0, import_react129.useState)(false);
38314
- const [isItalic, setIsItalic] = (0, import_react129.useState)(false);
38315
- const [isUnderline, setIsUnderline] = (0, import_react129.useState)(false);
38316
- const [isStrikethrough, setIsStrikethrough] = (0, import_react129.useState)(false);
38317
- const [isSubscript, setIsSubscript] = (0, import_react129.useState)(false);
38318
- const [isSuperscript, setIsSuperscript] = (0, import_react129.useState)(false);
38319
- const [isCode, setIsCode] = (0, import_react129.useState)(false);
38320
- const updatePopup = (0, import_react129.useCallback)(() => {
38429
+ const [isText, setIsText] = (0, import_react131.useState)(false);
38430
+ const [isLink, setIsLink] = (0, import_react131.useState)(false);
38431
+ const [isBold, setIsBold] = (0, import_react131.useState)(false);
38432
+ const [isItalic, setIsItalic] = (0, import_react131.useState)(false);
38433
+ const [isUnderline, setIsUnderline] = (0, import_react131.useState)(false);
38434
+ const [isStrikethrough, setIsStrikethrough] = (0, import_react131.useState)(false);
38435
+ const [isSubscript, setIsSubscript] = (0, import_react131.useState)(false);
38436
+ const [isSuperscript, setIsSuperscript] = (0, import_react131.useState)(false);
38437
+ const [isCode, setIsCode] = (0, import_react131.useState)(false);
38438
+ const updatePopup = (0, import_react131.useCallback)(() => {
38321
38439
  editor.getEditorState().read(() => {
38322
38440
  if (editor.isComposing()) {
38323
38441
  return;
@@ -38353,13 +38471,13 @@ function useFloatingTextFormatToolbar(editor, anchorElem) {
38353
38471
  }
38354
38472
  });
38355
38473
  }, [editor]);
38356
- (0, import_react129.useEffect)(() => {
38474
+ (0, import_react131.useEffect)(() => {
38357
38475
  document.addEventListener("selectionchange", updatePopup);
38358
38476
  return () => {
38359
38477
  document.removeEventListener("selectionchange", updatePopup);
38360
38478
  };
38361
38479
  }, [updatePopup]);
38362
- (0, import_react129.useEffect)(() => {
38480
+ (0, import_react131.useEffect)(() => {
38363
38481
  return (0, import_utils2.mergeRegister)(
38364
38482
  editor.registerUpdateListener(() => {
38365
38483
  updatePopup();
@@ -38375,7 +38493,7 @@ function useFloatingTextFormatToolbar(editor, anchorElem) {
38375
38493
  return null;
38376
38494
  }
38377
38495
  return (0, import_react_dom4.createPortal)(
38378
- /* @__PURE__ */ (0, import_jsx_runtime148.jsx)(TextFormatFloatingToolbar, {
38496
+ /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(TextFormatFloatingToolbar, {
38379
38497
  editor,
38380
38498
  anchorElem,
38381
38499
  isLink,
@@ -38396,12 +38514,12 @@ function FloatingTextFormatToolbarPlugin({
38396
38514
  const [editor] = (0, import_LexicalComposerContext5.useLexicalComposerContext)();
38397
38515
  return useFloatingTextFormatToolbar(editor, anchorElem);
38398
38516
  }
38399
- var import_react129, React6, import_lexical9, import_react_dom4, import_code8, import_link5, import_LexicalComposerContext5, import_utils2, import_jsx_runtime148;
38517
+ var import_react131, React6, import_lexical9, import_react_dom4, import_code8, import_link5, import_LexicalComposerContext5, import_utils2, import_jsx_runtime150;
38400
38518
  var init_FloatingTextFormatToolbarPlugin = __esm({
38401
38519
  "src/rich-text-editor/plugins/FloatingTextFormatToolbarPlugin/index.tsx"() {
38402
38520
  "use strict";
38403
38521
  init_13();
38404
- import_react129 = require("react");
38522
+ import_react131 = require("react");
38405
38523
  React6 = require("react");
38406
38524
  import_lexical9 = require("lexical");
38407
38525
  import_react_dom4 = require("react-dom");
@@ -38415,24 +38533,24 @@ var init_FloatingTextFormatToolbarPlugin = __esm({
38415
38533
  init_getDOMRangeRect();
38416
38534
  init_getSelectedNode();
38417
38535
  init_setFloatingElemPosition();
38418
- import_jsx_runtime148 = require("react/jsx-runtime");
38536
+ import_jsx_runtime150 = require("react/jsx-runtime");
38419
38537
  }
38420
38538
  });
38421
38539
 
38422
38540
  // src/rich-text-editor/plugins/LinkPlugin/index.tsx
38423
38541
  function LinkPlugin() {
38424
- return /* @__PURE__ */ (0, import_jsx_runtime149.jsx)(import_LexicalLinkPlugin.LinkPlugin, {
38542
+ return /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(import_LexicalLinkPlugin.LinkPlugin, {
38425
38543
  validateUrl
38426
38544
  });
38427
38545
  }
38428
- var React7, import_LexicalLinkPlugin, import_jsx_runtime149;
38546
+ var React7, import_LexicalLinkPlugin, import_jsx_runtime151;
38429
38547
  var init_LinkPlugin = __esm({
38430
38548
  "src/rich-text-editor/plugins/LinkPlugin/index.tsx"() {
38431
38549
  "use strict";
38432
38550
  React7 = require("react");
38433
38551
  import_LexicalLinkPlugin = require("@lexical/react/LexicalLinkPlugin");
38434
38552
  init_url();
38435
- import_jsx_runtime149 = require("react/jsx-runtime");
38553
+ import_jsx_runtime151 = require("react/jsx-runtime");
38436
38554
  }
38437
38555
  });
38438
38556
 
@@ -38466,7 +38584,7 @@ function isIndentPermitted(maxDepth) {
38466
38584
  }
38467
38585
  function ListMaxIndentLevelPlugin({ maxDepth }) {
38468
38586
  const [editor] = (0, import_LexicalComposerContext6.useLexicalComposerContext)();
38469
- (0, import_react130.useEffect)(() => {
38587
+ (0, import_react132.useEffect)(() => {
38470
38588
  return editor.registerCommand(
38471
38589
  import_lexical10.INDENT_CONTENT_COMMAND,
38472
38590
  () => !isIndentPermitted(maxDepth ?? 7),
@@ -38475,11 +38593,11 @@ function ListMaxIndentLevelPlugin({ maxDepth }) {
38475
38593
  }, [editor, maxDepth]);
38476
38594
  return null;
38477
38595
  }
38478
- var import_react130, import_lexical10, import_list4, import_LexicalComposerContext6;
38596
+ var import_react132, import_lexical10, import_list4, import_LexicalComposerContext6;
38479
38597
  var init_ListMaxIndentLevelPlugin = __esm({
38480
38598
  "src/rich-text-editor/plugins/ListMaxIndentLevelPlugin/index.ts"() {
38481
38599
  "use strict";
38482
- import_react130 = require("react");
38600
+ import_react132 = require("react");
38483
38601
  import_lexical10 = require("lexical");
38484
38602
  import_list4 = require("@lexical/list");
38485
38603
  import_LexicalComposerContext6 = require("@lexical/react/LexicalComposerContext");
@@ -38527,7 +38645,7 @@ var init_to_text = __esm({
38527
38645
  // src/rich-text-editor/plugins/MaxLengthPlugin/index.tsx
38528
38646
  function MaxLengthPlugin({ maxLength }) {
38529
38647
  const [editor] = (0, import_LexicalComposerContext7.useLexicalComposerContext)();
38530
- (0, import_react131.useEffect)(() => {
38648
+ (0, import_react133.useEffect)(() => {
38531
38649
  let lastRestoredEditorState = null;
38532
38650
  return editor.registerUpdateListener(({ editorState, prevEditorState }) => {
38533
38651
  editor.update(() => {
@@ -38555,11 +38673,11 @@ function MaxLengthPlugin({ maxLength }) {
38555
38673
  }, [editor, maxLength]);
38556
38674
  return null;
38557
38675
  }
38558
- var import_react131, import_lexical11, import_LexicalComposerContext7, import_selection3, import_utils3;
38676
+ var import_react133, import_lexical11, import_LexicalComposerContext7, import_selection3, import_utils3;
38559
38677
  var init_MaxLengthPlugin = __esm({
38560
38678
  "src/rich-text-editor/plugins/MaxLengthPlugin/index.tsx"() {
38561
38679
  "use strict";
38562
- import_react131 = require("react");
38680
+ import_react133 = require("react");
38563
38681
  import_lexical11 = require("lexical");
38564
38682
  import_LexicalComposerContext7 = require("@lexical/react/LexicalComposerContext");
38565
38683
  import_selection3 = require("@lexical/selection");
@@ -38583,7 +38701,7 @@ function registerKeyTimeStampTracker() {
38583
38701
  }
38584
38702
  function TabFocusPlugin() {
38585
38703
  const [editor] = (0, import_LexicalComposerContext8.useLexicalComposerContext)();
38586
- (0, import_react132.useEffect)(() => {
38704
+ (0, import_react134.useEffect)(() => {
38587
38705
  if (!hasRegisteredKeyDownListener) {
38588
38706
  registerKeyTimeStampTracker();
38589
38707
  hasRegisteredKeyDownListener = true;
@@ -38604,11 +38722,11 @@ function TabFocusPlugin() {
38604
38722
  }, [editor]);
38605
38723
  return null;
38606
38724
  }
38607
- var import_react132, import_lexical12, import_LexicalComposerContext8, COMMAND_PRIORITY_LOW3, TAB_TO_FOCUS_INTERVAL, lastTabKeyDownTimestamp, hasRegisteredKeyDownListener;
38725
+ var import_react134, import_lexical12, import_LexicalComposerContext8, COMMAND_PRIORITY_LOW3, TAB_TO_FOCUS_INTERVAL, lastTabKeyDownTimestamp, hasRegisteredKeyDownListener;
38608
38726
  var init_TabFocusPlugin = __esm({
38609
38727
  "src/rich-text-editor/plugins/TabFocusPlugin/index.tsx"() {
38610
38728
  "use strict";
38611
- import_react132 = require("react");
38729
+ import_react134 = require("react");
38612
38730
  import_lexical12 = require("lexical");
38613
38731
  import_LexicalComposerContext8 = require("@lexical/react/LexicalComposerContext");
38614
38732
  COMMAND_PRIORITY_LOW3 = 1;
@@ -38621,13 +38739,13 @@ var init_TabFocusPlugin = __esm({
38621
38739
  // src/rich-text-editor/plugins/TableActionMenuPlugin/index.tsx
38622
38740
  function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
38623
38741
  const [editor] = (0, import_LexicalComposerContext9.useLexicalComposerContext)();
38624
- const [tableCellNode, updateTableCellNode] = (0, import_react133.useState)(_tableCellNode);
38625
- const [selectionCounts, updateSelectionCounts] = (0, import_react133.useState)({
38742
+ const [tableCellNode, updateTableCellNode] = (0, import_react135.useState)(_tableCellNode);
38743
+ const [selectionCounts, updateSelectionCounts] = (0, import_react135.useState)({
38626
38744
  columns: 1,
38627
38745
  rows: 1
38628
38746
  });
38629
38747
  const tr = useTr();
38630
- (0, import_react133.useEffect)(() => {
38748
+ (0, import_react135.useEffect)(() => {
38631
38749
  return editor.registerMutationListener(import_table4.TableCellNode, (nodeMutations) => {
38632
38750
  const nodeUpdated = nodeMutations.get(tableCellNode.getKey()) === "updated";
38633
38751
  if (nodeUpdated) {
@@ -38637,7 +38755,7 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
38637
38755
  }
38638
38756
  });
38639
38757
  }, [editor, tableCellNode]);
38640
- (0, import_react133.useEffect)(() => {
38758
+ (0, import_react135.useEffect)(() => {
38641
38759
  editor.getEditorState().read(() => {
38642
38760
  const selection = (0, import_lexical13.$getSelection)();
38643
38761
  if ((0, import_lexical13.DEPRECATED_$isGridSelection)(selection)) {
@@ -38649,7 +38767,7 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
38649
38767
  }
38650
38768
  });
38651
38769
  }, [editor]);
38652
- const clearTableSelection = (0, import_react133.useCallback)(() => {
38770
+ const clearTableSelection = (0, import_react135.useCallback)(() => {
38653
38771
  editor.update(() => {
38654
38772
  if (tableCellNode.isAttached()) {
38655
38773
  const tableNode = (0, import_table4.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
@@ -38668,7 +38786,7 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
38668
38786
  rootNode.selectStart();
38669
38787
  });
38670
38788
  }, [editor, tableCellNode]);
38671
- const insertTableRowAtSelection = (0, import_react133.useCallback)(
38789
+ const insertTableRowAtSelection = (0, import_react135.useCallback)(
38672
38790
  (shouldInsertAfter) => {
38673
38791
  editor.update(() => {
38674
38792
  const selection = (0, import_lexical13.$getSelection)();
@@ -38687,7 +38805,7 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
38687
38805
  },
38688
38806
  [editor, tableCellNode, selectionCounts.rows, clearTableSelection]
38689
38807
  );
38690
- const insertTableColumnAtSelection = (0, import_react133.useCallback)(
38808
+ const insertTableColumnAtSelection = (0, import_react135.useCallback)(
38691
38809
  (shouldInsertAfter) => {
38692
38810
  editor.update(() => {
38693
38811
  const selection = (0, import_lexical13.$getSelection)();
@@ -38706,7 +38824,7 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
38706
38824
  },
38707
38825
  [editor, tableCellNode, selectionCounts.columns, clearTableSelection]
38708
38826
  );
38709
- const deleteTableRowAtSelection = (0, import_react133.useCallback)(() => {
38827
+ const deleteTableRowAtSelection = (0, import_react135.useCallback)(() => {
38710
38828
  editor.update(() => {
38711
38829
  const tableNode = (0, import_table4.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
38712
38830
  const tableRowIndex = (0, import_table4.$getTableRowIndexFromTableCellNode)(tableCellNode);
@@ -38714,14 +38832,14 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
38714
38832
  clearTableSelection();
38715
38833
  });
38716
38834
  }, [editor, tableCellNode, clearTableSelection]);
38717
- const deleteTableAtSelection = (0, import_react133.useCallback)(() => {
38835
+ const deleteTableAtSelection = (0, import_react135.useCallback)(() => {
38718
38836
  editor.update(() => {
38719
38837
  const tableNode = (0, import_table4.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
38720
38838
  tableNode.remove();
38721
38839
  clearTableSelection();
38722
38840
  });
38723
38841
  }, [editor, tableCellNode, clearTableSelection]);
38724
- const deleteTableColumnAtSelection = (0, import_react133.useCallback)(() => {
38842
+ const deleteTableColumnAtSelection = (0, import_react135.useCallback)(() => {
38725
38843
  editor.update(() => {
38726
38844
  const tableNode = (0, import_table4.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
38727
38845
  const tableColumnIndex = (0, import_table4.$getTableColumnIndexFromTableCellNode)(tableCellNode);
@@ -38729,7 +38847,7 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
38729
38847
  clearTableSelection();
38730
38848
  });
38731
38849
  }, [editor, tableCellNode, clearTableSelection]);
38732
- const toggleTableRowIsHeader = (0, import_react133.useCallback)(() => {
38850
+ const toggleTableRowIsHeader = (0, import_react135.useCallback)(() => {
38733
38851
  editor.update(() => {
38734
38852
  const tableNode = (0, import_table4.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
38735
38853
  const tableRowIndex = (0, import_table4.$getTableRowIndexFromTableCellNode)(tableCellNode);
@@ -38750,7 +38868,7 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
38750
38868
  clearTableSelection();
38751
38869
  });
38752
38870
  }, [editor, tableCellNode, clearTableSelection]);
38753
- const toggleTableColumnIsHeader = (0, import_react133.useCallback)(() => {
38871
+ const toggleTableColumnIsHeader = (0, import_react135.useCallback)(() => {
38754
38872
  editor.update(() => {
38755
38873
  const tableNode = (0, import_table4.$getTableNodeFromLexicalNodeOrThrow)(tableCellNode);
38756
38874
  const tableColumnIndex = (0, import_table4.$getTableColumnIndexFromTableCellNode)(tableCellNode);
@@ -38773,46 +38891,46 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
38773
38891
  clearTableSelection();
38774
38892
  });
38775
38893
  }, [editor, tableCellNode, clearTableSelection]);
38776
- return /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(import_jsx_runtime150.Fragment, {
38894
+ return /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)(import_jsx_runtime152.Fragment, {
38777
38895
  children: [
38778
- /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(DropdownMenu.Item, {
38896
+ /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(DropdownMenu.Item, {
38779
38897
  onSelect: () => insertTableRowAtSelection(false),
38780
38898
  children: tr("actionTableInsertRowsAbove", selectionCounts.rows)
38781
38899
  }),
38782
- /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(DropdownMenu.Item, {
38900
+ /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(DropdownMenu.Item, {
38783
38901
  onSelect: () => insertTableRowAtSelection(true),
38784
38902
  children: tr("actionTableInsertRowsBelow", selectionCounts.rows)
38785
38903
  }),
38786
- /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(DropdownMenu.Item, {
38904
+ /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(DropdownMenu.Item, {
38787
38905
  onSelect: () => insertTableColumnAtSelection(false),
38788
38906
  children: tr("actionTableInsertColumnsBefore", selectionCounts.columns)
38789
38907
  }),
38790
- /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(DropdownMenu.Item, {
38908
+ /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(DropdownMenu.Item, {
38791
38909
  onSelect: () => insertTableColumnAtSelection(true),
38792
38910
  children: tr("actionTableInsertColumnsAfter", selectionCounts.columns)
38793
38911
  }),
38794
- /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(DropdownMenu.Item, {
38912
+ /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(DropdownMenu.Item, {
38795
38913
  onSelect: () => toggleTableRowIsHeader(),
38796
38914
  children: tr(
38797
38915
  (tableCellNode.__headerState & import_table4.TableCellHeaderStates.ROW) === import_table4.TableCellHeaderStates.ROW ? "actionTableRemoveRowHeader" : "actionTableAddRowHeader"
38798
38916
  )
38799
38917
  }),
38800
- /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(DropdownMenu.Item, {
38918
+ /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(DropdownMenu.Item, {
38801
38919
  onSelect: () => toggleTableColumnIsHeader(),
38802
38920
  children: tr(
38803
38921
  (tableCellNode.__headerState & import_table4.TableCellHeaderStates.COLUMN) === import_table4.TableCellHeaderStates.COLUMN ? "actionTableRemoveColumnHeader" : "actionTableAddColumnHeader"
38804
38922
  )
38805
38923
  }),
38806
- /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(DropdownMenu.Separator, {}),
38807
- tableStats.columns > 1 && /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(DropdownMenu.Item, {
38924
+ /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(DropdownMenu.Separator, {}),
38925
+ tableStats.columns > 1 && /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(DropdownMenu.Item, {
38808
38926
  onSelect: () => deleteTableColumnAtSelection(),
38809
38927
  children: tr("actionTableDeleteColumn")
38810
38928
  }),
38811
- tableStats.rows > 1 && /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(DropdownMenu.Item, {
38929
+ tableStats.rows > 1 && /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(DropdownMenu.Item, {
38812
38930
  onSelect: () => deleteTableRowAtSelection(),
38813
38931
  children: tr("actionTableDeleteRow")
38814
38932
  }),
38815
- /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(DropdownMenu.Item, {
38933
+ /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(DropdownMenu.Item, {
38816
38934
  onSelect: () => deleteTableAtSelection(),
38817
38935
  children: tr("actionTableDeleteTable")
38818
38936
  })
@@ -38822,11 +38940,11 @@ function TableActionMenu({ tableCellNode: _tableCellNode, tableStats }) {
38822
38940
  function TableCellActionMenuContainer({ anchorElem }) {
38823
38941
  const [editor] = (0, import_LexicalComposerContext9.useLexicalComposerContext)();
38824
38942
  const tr = useTr();
38825
- const menuButtonRef = (0, import_react133.useRef)(null);
38826
- const [isMenuOpen, setIsMenuOpen] = (0, import_react133.useState)(false);
38827
- const [tableCellNode, setTableMenuCellNode] = (0, import_react133.useState)(null);
38828
- const [tableStats, setTablestats] = (0, import_react133.useState)({ rows: 1, columns: 1 });
38829
- const moveMenu = (0, import_react133.useCallback)(() => {
38943
+ const menuButtonRef = (0, import_react135.useRef)(null);
38944
+ const [isMenuOpen, setIsMenuOpen] = (0, import_react135.useState)(false);
38945
+ const [tableCellNode, setTableMenuCellNode] = (0, import_react135.useState)(null);
38946
+ const [tableStats, setTablestats] = (0, import_react135.useState)({ rows: 1, columns: 1 });
38947
+ const moveMenu = (0, import_react135.useCallback)(() => {
38830
38948
  if (isMenuOpen) {
38831
38949
  return;
38832
38950
  }
@@ -38869,14 +38987,14 @@ function TableCellActionMenuContainer({ anchorElem }) {
38869
38987
  setTableMenuCellNode(null);
38870
38988
  }
38871
38989
  }, [editor, isMenuOpen]);
38872
- (0, import_react133.useEffect)(() => {
38990
+ (0, import_react135.useEffect)(() => {
38873
38991
  return editor.registerUpdateListener(() => {
38874
38992
  editor.getEditorState().read(() => {
38875
38993
  moveMenu();
38876
38994
  });
38877
38995
  });
38878
38996
  });
38879
- (0, import_react133.useEffect)(() => {
38997
+ (0, import_react135.useEffect)(() => {
38880
38998
  const menuButtonDOM = menuButtonRef.current;
38881
38999
  if (menuButtonDOM != null && tableCellNode != null) {
38882
39000
  const tableCellNodeDOM = editor.getElementByKey(tableCellNode.getKey());
@@ -38894,19 +39012,19 @@ function TableCellActionMenuContainer({ anchorElem }) {
38894
39012
  }
38895
39013
  }
38896
39014
  }, [menuButtonRef, tableCellNode, editor, anchorElem]);
38897
- return /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("div", {
39015
+ return /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", {
38898
39016
  className: "c-rte-table-cell-action-button-container",
38899
39017
  ref: menuButtonRef,
38900
- children: tableCellNode != null && /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(DropdownMenu.Root, {
39018
+ children: tableCellNode != null && /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(DropdownMenu.Root, {
38901
39019
  onOpenChange: (isOpen) => setIsMenuOpen(isOpen),
38902
- content: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(TableActionMenu, {
39020
+ content: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(TableActionMenu, {
38903
39021
  tableCellNode,
38904
39022
  tableStats
38905
39023
  }),
38906
- children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(IconButton, {
39024
+ children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(IconButton, {
38907
39025
  size: "xs",
38908
39026
  "aria-label": tr("actionTableOpenOptions"),
38909
- children: /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(Icon.Arrow, {})
39027
+ children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Icon.Arrow, {})
38910
39028
  })
38911
39029
  })
38912
39030
  });
@@ -38915,15 +39033,15 @@ function TableActionMenuPlugin({
38915
39033
  anchorElem = document.body
38916
39034
  }) {
38917
39035
  const isEditable = (0, import_useLexicalEditable.default)();
38918
- return (0, import_react_dom5.createPortal)(isEditable ? /* @__PURE__ */ (0, import_jsx_runtime150.jsx)(TableCellActionMenuContainer, {
39036
+ return (0, import_react_dom5.createPortal)(isEditable ? /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(TableCellActionMenuContainer, {
38919
39037
  anchorElem
38920
39038
  }) : null, anchorElem);
38921
39039
  }
38922
- var import_react133, import_lexical13, import_react_dom5, import_LexicalComposerContext9, import_useLexicalEditable, import_table4, import_jsx_runtime150;
39040
+ var import_react135, import_lexical13, import_react_dom5, import_LexicalComposerContext9, import_useLexicalEditable, import_table4, import_jsx_runtime152;
38923
39041
  var init_TableActionMenuPlugin = __esm({
38924
39042
  "src/rich-text-editor/plugins/TableActionMenuPlugin/index.tsx"() {
38925
39043
  "use strict";
38926
- import_react133 = require("react");
39044
+ import_react135 = require("react");
38927
39045
  import_lexical13 = require("lexical");
38928
39046
  import_react_dom5 = require("react-dom");
38929
39047
  import_LexicalComposerContext9 = require("@lexical/react/LexicalComposerContext");
@@ -38933,7 +39051,7 @@ var init_TableActionMenuPlugin = __esm({
38933
39051
  init_icon_button2();
38934
39052
  init_iconography();
38935
39053
  init_i18n();
38936
- import_jsx_runtime150 = require("react/jsx-runtime");
39054
+ import_jsx_runtime152 = require("react/jsx-runtime");
38937
39055
  }
38938
39056
  });
38939
39057
 
@@ -38949,19 +39067,19 @@ async function copyJson(editor) {
38949
39067
  function ActionsPlugin({ append, prepend, disabled }) {
38950
39068
  const [editor] = (0, import_LexicalComposerContext10.useLexicalComposerContext)();
38951
39069
  const tr = useTr();
38952
- return /* @__PURE__ */ (0, import_jsx_runtime151.jsxs)(ActionMenu, {
39070
+ return /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(ActionMenu, {
38953
39071
  children: [
38954
- !prepend ? null : prepend.map((actionItem) => /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(ActionMenu.Item, {
39072
+ !prepend ? null : prepend.map((actionItem) => /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(ActionMenu.Item, {
38955
39073
  onSelect: actionItem.action,
38956
39074
  className: actionItem.type === "danger" ? "danger" : "",
38957
39075
  disabled: actionItem.disabled,
38958
39076
  children: actionItem.title
38959
39077
  }, actionItem.title)),
38960
- /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(ActionMenu.Item, {
39078
+ /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(ActionMenu.Item, {
38961
39079
  onSelect: () => copyJson(editor),
38962
39080
  children: tr("actionCopyJSON")
38963
39081
  }),
38964
- /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(ActionMenu.Item, {
39082
+ /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(ActionMenu.Item, {
38965
39083
  disabled,
38966
39084
  className: "danger",
38967
39085
  onSelect: () => {
@@ -38970,7 +39088,7 @@ function ActionsPlugin({ append, prepend, disabled }) {
38970
39088
  },
38971
39089
  children: tr("actionClear")
38972
39090
  }),
38973
- !append ? null : append.map((actionItem) => /* @__PURE__ */ (0, import_jsx_runtime151.jsx)(ActionMenu.Item, {
39091
+ !append ? null : append.map((actionItem) => /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(ActionMenu.Item, {
38974
39092
  onSelect: actionItem.action,
38975
39093
  className: actionItem.type === "danger" ? "danger" : "",
38976
39094
  disabled: actionItem.disabled,
@@ -38979,7 +39097,7 @@ function ActionsPlugin({ append, prepend, disabled }) {
38979
39097
  ]
38980
39098
  });
38981
39099
  }
38982
- var import_lexical14, import_LexicalComposerContext10, import_jsx_runtime151;
39100
+ var import_lexical14, import_LexicalComposerContext10, import_jsx_runtime153;
38983
39101
  var init_ActionsPlugin = __esm({
38984
39102
  "src/rich-text-editor/plugins/ActionsPlugin/index.tsx"() {
38985
39103
  "use strict";
@@ -38988,14 +39106,14 @@ var init_ActionsPlugin = __esm({
38988
39106
  init_action_menu2();
38989
39107
  init_i18n();
38990
39108
  init_lexical_to_crystallize();
38991
- import_jsx_runtime151 = require("react/jsx-runtime");
39109
+ import_jsx_runtime153 = require("react/jsx-runtime");
38992
39110
  }
38993
39111
  });
38994
39112
 
38995
39113
  // src/rich-text-editor/plugins/ToolbarPlugin/insert-table.tsx
38996
39114
  function InsertTableDialog({ activeEditor }) {
38997
- const [rows, setRows] = (0, import_react134.useState)("5");
38998
- const [columns, setColumns] = (0, import_react134.useState)("5");
39115
+ const [rows, setRows] = (0, import_react136.useState)("5");
39116
+ const [columns, setColumns] = (0, import_react136.useState)("5");
38999
39117
  const tr = useTr();
39000
39118
  const onClick = () => {
39001
39119
  if (parseInt(rows) < 1 || parseInt(columns) < 1) {
@@ -39010,13 +39128,13 @@ function InsertTableDialog({ activeEditor }) {
39010
39128
  }
39011
39129
  });
39012
39130
  };
39013
- return /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", {
39131
+ return /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)("div", {
39014
39132
  className: "c-rte-insert-table",
39015
39133
  children: [
39016
- /* @__PURE__ */ (0, import_jsx_runtime152.jsxs)("div", {
39134
+ /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)("div", {
39017
39135
  className: "c-rte-insert-table__dimensions",
39018
39136
  children: [
39019
- /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(InputWithLabel, {
39137
+ /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(InputWithLabel, {
39020
39138
  label: tr("insertTableRows"),
39021
39139
  value: rows,
39022
39140
  placeholder: "0",
@@ -39024,10 +39142,10 @@ function InsertTableDialog({ activeEditor }) {
39024
39142
  inputMode: "numeric",
39025
39143
  onChange: (e) => setRows(e.target.value)
39026
39144
  }),
39027
- /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("span", {
39145
+ /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("span", {
39028
39146
  className: "c-rte-insert-table__dimensions__separator"
39029
39147
  }),
39030
- /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(InputWithLabel, {
39148
+ /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(InputWithLabel, {
39031
39149
  type: "text",
39032
39150
  label: tr("insertTableColumns"),
39033
39151
  placeholder: "0",
@@ -39037,9 +39155,9 @@ function InsertTableDialog({ activeEditor }) {
39037
39155
  })
39038
39156
  ]
39039
39157
  }),
39040
- /* @__PURE__ */ (0, import_jsx_runtime152.jsx)("div", {
39158
+ /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("div", {
39041
39159
  className: "c-rte-insert-table__actions",
39042
- children: /* @__PURE__ */ (0, import_jsx_runtime152.jsx)(Button, {
39160
+ children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(Button, {
39043
39161
  as: Dialog.Close,
39044
39162
  size: "sm",
39045
39163
  intent: "action",
@@ -39051,17 +39169,17 @@ function InsertTableDialog({ activeEditor }) {
39051
39169
  ]
39052
39170
  });
39053
39171
  }
39054
- var import_react134, import_table5, import_jsx_runtime152;
39172
+ var import_react136, import_table5, import_jsx_runtime154;
39055
39173
  var init_insert_table = __esm({
39056
39174
  "src/rich-text-editor/plugins/ToolbarPlugin/insert-table.tsx"() {
39057
39175
  "use strict";
39058
- import_react134 = require("react");
39176
+ import_react136 = require("react");
39059
39177
  import_table5 = require("@lexical/table");
39060
39178
  init_button2();
39061
39179
  init_dialog2();
39062
39180
  init_input_with_label2();
39063
39181
  init_i18n();
39064
- import_jsx_runtime152 = require("react/jsx-runtime");
39182
+ import_jsx_runtime154 = require("react/jsx-runtime");
39065
39183
  }
39066
39184
  });
39067
39185
 
@@ -39150,80 +39268,80 @@ function BlockFormatDropDown({
39150
39268
  });
39151
39269
  }
39152
39270
  };
39153
- return /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(DropdownMenu.Root, {
39271
+ return /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(DropdownMenu.Root, {
39154
39272
  disabled,
39155
39273
  style: { zIndex: 1 },
39156
- content: /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(import_jsx_runtime153.Fragment, {
39274
+ content: /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(import_jsx_runtime155.Fragment, {
39157
39275
  children: [
39158
- /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(DropdownMenu.Item, {
39276
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(DropdownMenu.Item, {
39159
39277
  onClick: formatParagraph,
39160
39278
  children: [
39161
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("i", {
39279
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("i", {
39162
39280
  className: `c-rte-icon-paragraph c-rte-toolbar__block-format__icon ${blockType === "paragraph" ? "selected" : ""}`
39163
39281
  }),
39164
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", {
39282
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("span", {
39165
39283
  className: `c-rte-toolbar__block-format__text ${blockType === "paragraph" ? "selected" : ""}`,
39166
39284
  children: "Normal"
39167
39285
  })
39168
39286
  ]
39169
39287
  }),
39170
- headings.map((headingSize) => /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(DropdownMenu.Item, {
39288
+ headings.map((headingSize) => /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(DropdownMenu.Item, {
39171
39289
  onClick: () => formatHeading(headingSize),
39172
39290
  children: [
39173
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("i", {
39291
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("i", {
39174
39292
  className: `c-rte-icon-${headingSize} c-rte-toolbar__block-format__icon ${blockType === headingSize ? "selected" : ""}`
39175
39293
  }),
39176
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", {
39294
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("span", {
39177
39295
  className: `c-rte-toolbar__block-format__text ${blockType === headingSize ? "selected" : ""}`,
39178
39296
  children: headingTypeToBlockName[headingSize]
39179
39297
  })
39180
39298
  ]
39181
39299
  }, headingSize)),
39182
- /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(DropdownMenu.Item, {
39300
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(DropdownMenu.Item, {
39183
39301
  onClick: formatBulletList,
39184
39302
  children: [
39185
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("i", {
39303
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("i", {
39186
39304
  className: `c-rte-icon-bullet-list c-rte-toolbar__block-format__icon ${blockType === "bullet" ? "selected" : ""}`
39187
39305
  }),
39188
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", {
39306
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("span", {
39189
39307
  className: `c-rte-toolbar__block-format__text ${blockType === "bullet" ? "selected" : ""}`,
39190
39308
  children: "Bullet List"
39191
39309
  })
39192
39310
  ]
39193
39311
  }),
39194
- /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(DropdownMenu.Item, {
39312
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(DropdownMenu.Item, {
39195
39313
  onClick: formatNumberedList,
39196
39314
  children: [
39197
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("i", {
39315
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("i", {
39198
39316
  className: `c-rte-icon-numbered-list c-rte-toolbar__block-format__icon ${blockType === "number" ? "selected" : ""}`
39199
39317
  }),
39200
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", {
39318
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("span", {
39201
39319
  className: `c-rte-toolbar__block-format__text ${blockType === "number" ? "selected" : ""}`,
39202
39320
  children: "Numbered List"
39203
39321
  })
39204
39322
  ]
39205
39323
  }),
39206
- /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(DropdownMenu.Item, {
39324
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(DropdownMenu.Item, {
39207
39325
  onClick: formatQuote,
39208
39326
  "data-testid": "toggle-block-format-quote",
39209
39327
  children: [
39210
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("i", {
39328
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("i", {
39211
39329
  className: `c-rte-icon-quote c-rte-toolbar__block-format__icon ${blockType === "quote" ? "selected" : ""}`
39212
39330
  }),
39213
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", {
39331
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("span", {
39214
39332
  className: `c-rte-toolbar__block-format__text ${blockType === "quote" ? "selected" : ""}`,
39215
39333
  children: "Quote"
39216
39334
  })
39217
39335
  ]
39218
39336
  }),
39219
- /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(DropdownMenu.Item, {
39337
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(DropdownMenu.Item, {
39220
39338
  onClick: formatCode,
39221
39339
  "data-testid": "toggle-block-format-code",
39222
39340
  children: [
39223
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("i", {
39341
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("i", {
39224
39342
  className: `icon c-rte-icon-code c-rte-toolbar__block-format__icon ${blockType === "code" ? "selected" : ""}`
39225
39343
  }),
39226
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", {
39344
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("span", {
39227
39345
  className: `c-rte-toolbar__block-format__text ${blockType === "code" ? "selected" : ""}`,
39228
39346
  children: "Code block"
39229
39347
  })
@@ -39231,21 +39349,21 @@ function BlockFormatDropDown({
39231
39349
  })
39232
39350
  ]
39233
39351
  }),
39234
- children: /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(Button, {
39352
+ children: /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(Button, {
39235
39353
  style: { backgroundColor: "transparent", padding: "0 8px" },
39236
39354
  "aria-label": "Formatting options for text style",
39237
39355
  "data-testid": "toggle-block-format",
39238
39356
  children: [
39239
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("i", {
39357
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("i", {
39240
39358
  className: `c-rte-toolbar__toggle-icon c-rte-icon-${blockType}`
39241
39359
  }),
39242
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Icon.Arrow, {})
39360
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Icon.Arrow, {})
39243
39361
  ]
39244
39362
  })
39245
39363
  });
39246
39364
  }
39247
39365
  function Divider() {
39248
- return /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", {
39366
+ return /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("div", {
39249
39367
  className: "c-rte-toolbar__divider"
39250
39368
  });
39251
39369
  }
@@ -39255,23 +39373,23 @@ function ToolbarPlugin({
39255
39373
  disabled
39256
39374
  }) {
39257
39375
  const [editor] = (0, import_LexicalComposerContext11.useLexicalComposerContext)();
39258
- const [activeEditor, setActiveEditor] = (0, import_react135.useState)(editor);
39259
- const [blockType, setBlockType] = (0, import_react135.useState)("paragraph");
39260
- const [selectedElementKey, setSelectedElementKey] = (0, import_react135.useState)(null);
39261
- const [isLink, setIsLink] = (0, import_react135.useState)(false);
39262
- const [isBold, setIsBold] = (0, import_react135.useState)(false);
39263
- const [isItalic, setIsItalic] = (0, import_react135.useState)(false);
39264
- const [isUnderline, setIsUnderline] = (0, import_react135.useState)(false);
39265
- const [isStrikethrough, setIsStrikethrough] = (0, import_react135.useState)(false);
39266
- const [isSubscript, setIsSubscript] = (0, import_react135.useState)(false);
39267
- const [isSuperscript, setIsSuperscript] = (0, import_react135.useState)(false);
39268
- const [isCode, setIsCode] = (0, import_react135.useState)(false);
39269
- const [canUndo, setCanUndo] = (0, import_react135.useState)(false);
39270
- const [canRedo, setCanRedo] = (0, import_react135.useState)(false);
39376
+ const [activeEditor, setActiveEditor] = (0, import_react137.useState)(editor);
39377
+ const [blockType, setBlockType] = (0, import_react137.useState)("paragraph");
39378
+ const [selectedElementKey, setSelectedElementKey] = (0, import_react137.useState)(null);
39379
+ const [isLink, setIsLink] = (0, import_react137.useState)(false);
39380
+ const [isBold, setIsBold] = (0, import_react137.useState)(false);
39381
+ const [isItalic, setIsItalic] = (0, import_react137.useState)(false);
39382
+ const [isUnderline, setIsUnderline] = (0, import_react137.useState)(false);
39383
+ const [isStrikethrough, setIsStrikethrough] = (0, import_react137.useState)(false);
39384
+ const [isSubscript, setIsSubscript] = (0, import_react137.useState)(false);
39385
+ const [isSuperscript, setIsSuperscript] = (0, import_react137.useState)(false);
39386
+ const [isCode, setIsCode] = (0, import_react137.useState)(false);
39387
+ const [canUndo, setCanUndo] = (0, import_react137.useState)(false);
39388
+ const [canRedo, setCanRedo] = (0, import_react137.useState)(false);
39271
39389
  const tr = useTr();
39272
- const [codeLanguage, setCodeLanguage] = (0, import_react135.useState)("");
39273
- const [isEditable, setIsEditable] = (0, import_react135.useState)(() => editor.isEditable());
39274
- const updateToolbar = (0, import_react135.useCallback)(() => {
39390
+ const [codeLanguage, setCodeLanguage] = (0, import_react137.useState)("");
39391
+ const [isEditable, setIsEditable] = (0, import_react137.useState)(() => editor.isEditable());
39392
+ const updateToolbar = (0, import_react137.useCallback)(() => {
39275
39393
  const selection = (0, import_lexical15.$getSelection)();
39276
39394
  if ((0, import_lexical15.$isRangeSelection)(selection)) {
39277
39395
  const anchorNode = selection.anchor.getNode();
@@ -39318,7 +39436,7 @@ function ToolbarPlugin({
39318
39436
  }
39319
39437
  }
39320
39438
  }, [activeEditor]);
39321
- (0, import_react135.useEffect)(() => {
39439
+ (0, import_react137.useEffect)(() => {
39322
39440
  return editor.registerCommand(
39323
39441
  import_lexical15.SELECTION_CHANGE_COMMAND,
39324
39442
  (_payload, newEditor) => {
@@ -39329,7 +39447,7 @@ function ToolbarPlugin({
39329
39447
  import_lexical15.COMMAND_PRIORITY_CRITICAL
39330
39448
  );
39331
39449
  }, [editor, updateToolbar]);
39332
- (0, import_react135.useEffect)(() => {
39450
+ (0, import_react137.useEffect)(() => {
39333
39451
  return (0, import_utils4.mergeRegister)(
39334
39452
  editor.registerEditableListener((editable) => {
39335
39453
  setIsEditable(editable);
@@ -39357,7 +39475,7 @@ function ToolbarPlugin({
39357
39475
  )
39358
39476
  );
39359
39477
  }, [activeEditor, editor, updateToolbar]);
39360
- const clearFormatting = (0, import_react135.useCallback)(() => {
39478
+ const clearFormatting = (0, import_react137.useCallback)(() => {
39361
39479
  activeEditor.update(() => {
39362
39480
  const selection = (0, import_lexical15.$getSelection)();
39363
39481
  if ((0, import_lexical15.$isRangeSelection)(selection)) {
@@ -39375,14 +39493,14 @@ function ToolbarPlugin({
39375
39493
  }
39376
39494
  });
39377
39495
  }, [activeEditor]);
39378
- const insertLink = (0, import_react135.useCallback)(() => {
39496
+ const insertLink = (0, import_react137.useCallback)(() => {
39379
39497
  if (!isLink) {
39380
39498
  editor.dispatchCommand(import_link6.TOGGLE_LINK_COMMAND, sanitizeUrl("https://"));
39381
39499
  } else {
39382
39500
  editor.dispatchCommand(import_link6.TOGGLE_LINK_COMMAND, null);
39383
39501
  }
39384
39502
  }, [editor, isLink]);
39385
- const onCodeLanguageSelect = (0, import_react135.useCallback)(
39503
+ const onCodeLanguageSelect = (0, import_react137.useCallback)(
39386
39504
  (value) => {
39387
39505
  activeEditor.update(() => {
39388
39506
  if (selectedElementKey !== null) {
@@ -39395,13 +39513,13 @@ function ToolbarPlugin({
39395
39513
  },
39396
39514
  [activeEditor, selectedElementKey]
39397
39515
  );
39398
- return /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", {
39516
+ return /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)("div", {
39399
39517
  className: "c-rte-toolbar",
39400
39518
  children: [
39401
- /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", {
39519
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)("div", {
39402
39520
  className: "c-rte-toolbar__inner",
39403
39521
  children: [
39404
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(IconButton, {
39522
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(IconButton, {
39405
39523
  disabled: !canUndo || !isEditable,
39406
39524
  onClick: () => {
39407
39525
  activeEditor.dispatchCommand(import_lexical15.UNDO_COMMAND, void 0);
@@ -39410,12 +39528,12 @@ function ToolbarPlugin({
39410
39528
  title: tr(IS_APPLE ? "actionUndoTitleApple" : "actionUndoTitle"),
39411
39529
  "aria-label": tr("actionUndoLabel"),
39412
39530
  "data-testid": "rich-text-undo-button",
39413
- children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("i", {
39531
+ children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("i", {
39414
39532
  className: `c-rte-icon-undo c-rte-toolbar__icon ${!canUndo ? "disabled" : ""}
39415
39533
  `
39416
39534
  })
39417
39535
  }),
39418
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(IconButton, {
39536
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(IconButton, {
39419
39537
  disabled: !canRedo || !isEditable,
39420
39538
  onClick: () => {
39421
39539
  activeEditor.dispatchCommand(import_lexical15.REDO_COMMAND, void 0);
@@ -39423,51 +39541,51 @@ function ToolbarPlugin({
39423
39541
  type: "button",
39424
39542
  title: tr(IS_APPLE ? "actionRedoTitleApple" : "actionRedoTitle"),
39425
39543
  "aria-label": tr("actionRedoLabel"),
39426
- children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("i", {
39544
+ children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("i", {
39427
39545
  className: `c-rte-icon-redo c-rte-toolbar__icon ${!canRedo ? "disabled" : ""}`
39428
39546
  })
39429
39547
  }),
39430
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Divider, {}),
39431
- blockType in blockTypeToBlockName && activeEditor === editor && /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(import_jsx_runtime153.Fragment, {
39548
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Divider, {}),
39549
+ blockType in blockTypeToBlockName && activeEditor === editor && /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(import_jsx_runtime155.Fragment, {
39432
39550
  children: [
39433
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(BlockFormatDropDown, {
39551
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(BlockFormatDropDown, {
39434
39552
  disabled: !isEditable,
39435
39553
  blockType,
39436
39554
  editor
39437
39555
  }),
39438
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Divider, {})
39556
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Divider, {})
39439
39557
  ]
39440
39558
  }),
39441
- blockType === "code" ? /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(import_jsx_runtime153.Fragment, {
39442
- children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(DropdownMenu.Root, {
39559
+ blockType === "code" ? /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(import_jsx_runtime155.Fragment, {
39560
+ children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(DropdownMenu.Root, {
39443
39561
  disabled: !isEditable,
39444
39562
  style: { zIndex: 1 },
39445
- content: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(import_jsx_runtime153.Fragment, {
39563
+ content: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(import_jsx_runtime155.Fragment, {
39446
39564
  children: CODE_LANGUAGE_OPTIONS.map(([value, name]) => {
39447
- return /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(DropdownMenu.Item, {
39565
+ return /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(DropdownMenu.Item, {
39448
39566
  className: `item ${dropDownActiveClass(value === codeLanguage)}`,
39449
39567
  onClick: () => onCodeLanguageSelect(value),
39450
- children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", {
39568
+ children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("span", {
39451
39569
  className: `c-rte-toolbar__code-lang__sel-item ${dropDownActiveClass(value === codeLanguage) ? "selected" : ""}`,
39452
39570
  children: name
39453
39571
  })
39454
39572
  }, value);
39455
39573
  })
39456
39574
  }),
39457
- children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Button, {
39575
+ children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Button, {
39458
39576
  "aria-label": tr("codeSelectLanguage"),
39459
- append: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Icon.Arrow, {}),
39460
- children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", {
39577
+ append: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Icon.Arrow, {}),
39578
+ children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("span", {
39461
39579
  className: "c-rte-toolbar__code-lang__button-text",
39462
39580
  children: (0, import_code9.getLanguageFriendlyName)(codeLanguage)
39463
39581
  })
39464
39582
  })
39465
39583
  })
39466
- }) : /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Dialog, {
39467
- children: /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", {
39584
+ }) : /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Dialog, {
39585
+ children: /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)("div", {
39468
39586
  className: "c-rte-toolbar__actions-rest",
39469
39587
  children: [
39470
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(IconButton, {
39588
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(IconButton, {
39471
39589
  disabled: !isEditable,
39472
39590
  className: `c-rte-toolbar__icon-btn ${isBold ? "selected" : ""}`,
39473
39591
  type: "button",
@@ -39477,11 +39595,11 @@ function ToolbarPlugin({
39477
39595
  onClick: () => {
39478
39596
  activeEditor.dispatchCommand(import_lexical15.FORMAT_TEXT_COMMAND, "bold");
39479
39597
  },
39480
- children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("i", {
39598
+ children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("i", {
39481
39599
  className: `c-rte-toolbar__icon-btn__icon c-rte-icon-bold`
39482
39600
  })
39483
39601
  }),
39484
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(IconButton, {
39602
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(IconButton, {
39485
39603
  className: `c-rte-toolbar__icon-btn ${isItalic ? "selected" : ""}`,
39486
39604
  disabled: !isEditable,
39487
39605
  onClick: () => {
@@ -39491,11 +39609,11 @@ function ToolbarPlugin({
39491
39609
  title: tr(IS_APPLE ? "actionFormatAsEmphasizedTitleApple" : "actionFormatAsEmphasizedTitle"),
39492
39610
  "aria-label": tr("actionFormatAsEmphasizedLabel"),
39493
39611
  "data-testid": "toggle-format-emphasized",
39494
- children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("i", {
39612
+ children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("i", {
39495
39613
  className: `c-rte-toolbar__icon-btn__icon c-rte-icon-italic`
39496
39614
  })
39497
39615
  }),
39498
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(IconButton, {
39616
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(IconButton, {
39499
39617
  className: `c-rte-toolbar__icon-btn ${isUnderline ? "selected" : ""}`,
39500
39618
  disabled: !isEditable,
39501
39619
  onClick: () => {
@@ -39505,11 +39623,11 @@ function ToolbarPlugin({
39505
39623
  title: tr(IS_APPLE ? "actionFormatAsUnderlinedTitleApple" : "actionFormatAsUnderlinedTitle"),
39506
39624
  "aria-label": tr("actionFormatAsUnderlinedLabel"),
39507
39625
  "data-testid": "toggle-format-underlined",
39508
- children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("i", {
39626
+ children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("i", {
39509
39627
  className: `c-rte-toolbar__icon-btn__icon c-rte-icon-underline`
39510
39628
  })
39511
39629
  }),
39512
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(IconButton, {
39630
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(IconButton, {
39513
39631
  className: `c-rte-toolbar__icon-btn ${isCode ? "selected" : ""}`,
39514
39632
  disabled: !isEditable,
39515
39633
  onClick: () => {
@@ -39519,82 +39637,82 @@ function ToolbarPlugin({
39519
39637
  title: tr("actionInsertCodeBlock"),
39520
39638
  "aria-label": tr("actionInsertCodeBlock"),
39521
39639
  "data-testid": "toggle-format-code",
39522
- children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("i", {
39640
+ children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("i", {
39523
39641
  className: `c-rte-toolbar__icon-btn__icon c-rte-icon-code`
39524
39642
  })
39525
39643
  }),
39526
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(IconButton, {
39644
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(IconButton, {
39527
39645
  className: `c-rte-toolbar__icon-btn ${isLink ? "selected" : ""}`,
39528
39646
  disabled: !isEditable,
39529
39647
  onClick: insertLink,
39530
39648
  type: "button",
39531
39649
  "aria-label": tr("actionInsertlink"),
39532
39650
  title: tr("actionInsertlink"),
39533
- children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("i", {
39651
+ children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("i", {
39534
39652
  className: `c-rte-toolbar__icon-btn__icon c-rte-icon-link`
39535
39653
  })
39536
39654
  }),
39537
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(DropdownMenu.Root, {
39655
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(DropdownMenu.Root, {
39538
39656
  disabled: !isEditable,
39539
39657
  style: { zIndex: 1 },
39540
- content: /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(import_jsx_runtime153.Fragment, {
39658
+ content: /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(import_jsx_runtime155.Fragment, {
39541
39659
  children: [
39542
- /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(DropdownMenu.Item, {
39660
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(DropdownMenu.Item, {
39543
39661
  disabled: !isEditable,
39544
39662
  onClick: () => activeEditor.dispatchCommand(import_lexical15.FORMAT_TEXT_COMMAND, "strikethrough"),
39545
39663
  title: tr("actionFormatWithStrikethroughTitle"),
39546
39664
  "aria-label": tr("actionFormatWithStrikethroughLabel"),
39547
39665
  children: [
39548
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("i", {
39666
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("i", {
39549
39667
  className: `c-rte-icon-strikethrough c-rte-toolbar__dd-item__icon ${isStrikethrough ? "selected" : ""}`
39550
39668
  }),
39551
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", {
39669
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("span", {
39552
39670
  className: `c-rte-toolbar__dd-item__text ${isStrikethrough ? "selected" : ""}`,
39553
39671
  children: tr("actionFormatWithStrikethroughTitle")
39554
39672
  })
39555
39673
  ]
39556
39674
  }),
39557
- /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(DropdownMenu.Item, {
39675
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(DropdownMenu.Item, {
39558
39676
  disabled: !isEditable,
39559
39677
  onClick: () => activeEditor.dispatchCommand(import_lexical15.FORMAT_TEXT_COMMAND, "subscript"),
39560
39678
  title: tr("actionFormatWithSubscriptTitle"),
39561
39679
  "aria-label": tr("actionFormatWithSubscriptLabel"),
39562
39680
  children: [
39563
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("i", {
39681
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("i", {
39564
39682
  className: `c-rte-icon-subscript c-rte-toolbar__dd-item__icon ${isSubscript ? "selected" : ""}`
39565
39683
  }),
39566
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", {
39684
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("span", {
39567
39685
  className: `c-rte-toolbar__dd-item__text ${isSubscript ? "selected" : ""}`,
39568
39686
  children: tr("actionFormatWithSubscriptTitle")
39569
39687
  })
39570
39688
  ]
39571
39689
  }),
39572
- /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(DropdownMenu.Item, {
39690
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(DropdownMenu.Item, {
39573
39691
  disabled: !isEditable,
39574
39692
  onClick: () => activeEditor.dispatchCommand(import_lexical15.FORMAT_TEXT_COMMAND, "superscript"),
39575
39693
  title: tr("actionFormatWithSuperscriptTitle"),
39576
39694
  "aria-label": tr("actionFormatWithSuperscriptLabel"),
39577
39695
  children: [
39578
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("i", {
39696
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("i", {
39579
39697
  className: `c-rte-icon-superscript c-rte-toolbar__dd-item__icon ${isSuperscript ? "selected" : ""}`
39580
39698
  }),
39581
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", {
39699
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("span", {
39582
39700
  className: `c-rte-toolbar__dd-item__text ${isSuperscript ? "selected" : ""}`,
39583
39701
  children: tr("actionFormatWithSuperscriptTitle")
39584
39702
  })
39585
39703
  ]
39586
39704
  }),
39587
- /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(DropdownMenu.Item, {
39705
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(DropdownMenu.Item, {
39588
39706
  disabled: !isEditable,
39589
39707
  onClick: clearFormatting,
39590
39708
  className: "item",
39591
39709
  title: tr("actionClearTextFormatting"),
39592
39710
  "aria-label": tr("actionClearTextFormatting"),
39593
39711
  children: [
39594
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("i", {
39712
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("i", {
39595
39713
  className: "c-rte-icon-clear c-rte-toolbar__dd-item__icon"
39596
39714
  }),
39597
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", {
39715
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("span", {
39598
39716
  className: "c-rte-toolbar__dd-item__text--clear",
39599
39717
  children: tr("actionFormatClear")
39600
39718
  })
@@ -39602,47 +39720,47 @@ function ToolbarPlugin({
39602
39720
  })
39603
39721
  ]
39604
39722
  }),
39605
- children: /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(Button, {
39723
+ children: /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(Button, {
39606
39724
  style: { backgroundColor: "transparent", padding: "0 8px" },
39607
39725
  "aria-label": tr("actionTextFormattingOptions"),
39608
39726
  children: [
39609
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("i", {
39727
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("i", {
39610
39728
  className: `c-rte-icon-dropdown-more c-rte-toolbar__toggle-icon`
39611
39729
  }),
39612
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Icon.Arrow, {})
39730
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Icon.Arrow, {})
39613
39731
  ]
39614
39732
  })
39615
39733
  }),
39616
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Divider, {}),
39617
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(DropdownMenu.Root, {
39734
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Divider, {}),
39735
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(DropdownMenu.Root, {
39618
39736
  style: { zIndex: 1 },
39619
39737
  disabled: !isEditable,
39620
- content: /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(import_jsx_runtime153.Fragment, {
39738
+ content: /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(import_jsx_runtime155.Fragment, {
39621
39739
  children: [
39622
- /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(DropdownMenu.Item, {
39740
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(DropdownMenu.Item, {
39623
39741
  onClick: () => {
39624
39742
  activeEditor.dispatchCommand(import_LexicalHorizontalRuleNode4.INSERT_HORIZONTAL_RULE_COMMAND, void 0);
39625
39743
  },
39626
39744
  children: [
39627
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("i", {
39745
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("i", {
39628
39746
  className: "c-rte-toolbar__dd-item__icon c-rte-icon-horizontal-rule"
39629
39747
  }),
39630
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", {
39748
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("span", {
39631
39749
  className: "c-rte-toolbar__dd-item__text",
39632
39750
  children: tr("horizontalRule")
39633
39751
  })
39634
39752
  ]
39635
39753
  }),
39636
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(DropdownMenu.Item, {
39637
- children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Dialog.Trigger, {
39754
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(DropdownMenu.Item, {
39755
+ children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Dialog.Trigger, {
39638
39756
  asChild: true,
39639
- children: /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)("div", {
39757
+ children: /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)("div", {
39640
39758
  className: "c-rte-toolbar__dd-item--table",
39641
39759
  children: [
39642
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("i", {
39760
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("i", {
39643
39761
  className: "c-rte-toolbar__dd-item__icon c-rte-icon-table"
39644
39762
  }),
39645
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("span", {
39763
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("span", {
39646
39764
  className: "c-rte-toolbar__dd-item__text",
39647
39765
  children: tr("table")
39648
39766
  })
@@ -39652,21 +39770,21 @@ function ToolbarPlugin({
39652
39770
  })
39653
39771
  ]
39654
39772
  }),
39655
- children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(IconButton, {
39656
- children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("i", {
39773
+ children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(IconButton, {
39774
+ children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)("i", {
39657
39775
  className: "c-rte-icon-plus c-rte-toolbar__plus"
39658
39776
  })
39659
39777
  })
39660
39778
  }),
39661
- /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(Dialog.Content, {
39779
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsxs)(Dialog.Content, {
39662
39780
  children: [
39663
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Dialog.Title, {
39781
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Dialog.Title, {
39664
39782
  children: tr("insertTableTitle")
39665
39783
  }),
39666
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(Dialog.Description, {
39784
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(Dialog.Description, {
39667
39785
  children: tr("insertTableDescription")
39668
39786
  }),
39669
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(InsertTableDialog, {
39787
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(InsertTableDialog, {
39670
39788
  activeEditor
39671
39789
  })
39672
39790
  ]
@@ -39676,7 +39794,7 @@ function ToolbarPlugin({
39676
39794
  })
39677
39795
  ]
39678
39796
  }),
39679
- /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(ActionsPlugin, {
39797
+ /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(ActionsPlugin, {
39680
39798
  disabled,
39681
39799
  prepend: actionsMenuPrepend,
39682
39800
  append: actionsMenuAppend
@@ -39684,11 +39802,11 @@ function ToolbarPlugin({
39684
39802
  ]
39685
39803
  });
39686
39804
  }
39687
- var import_react135, import_lexical15, import_code9, import_link6, import_list5, import_LexicalComposerContext11, import_LexicalDecoratorBlockNode, import_LexicalHorizontalRuleNode4, import_rich_text5, import_selection4, import_utils4, import_jsx_runtime153, headingTypeToBlockName, headings, blockTypeToBlockName, CODE_LANGUAGE_OPTIONS;
39805
+ var import_react137, import_lexical15, import_code9, import_link6, import_list5, import_LexicalComposerContext11, import_LexicalDecoratorBlockNode, import_LexicalHorizontalRuleNode4, import_rich_text5, import_selection4, import_utils4, import_jsx_runtime155, headingTypeToBlockName, headings, blockTypeToBlockName, CODE_LANGUAGE_OPTIONS;
39688
39806
  var init_ToolbarPlugin = __esm({
39689
39807
  "src/rich-text-editor/plugins/ToolbarPlugin/index.tsx"() {
39690
39808
  "use strict";
39691
- import_react135 = require("react");
39809
+ import_react137 = require("react");
39692
39810
  import_lexical15 = require("lexical");
39693
39811
  import_code9 = require("@lexical/code");
39694
39812
  import_link6 = require("@lexical/link");
@@ -39710,7 +39828,7 @@ var init_ToolbarPlugin = __esm({
39710
39828
  init_url();
39711
39829
  init_ActionsPlugin();
39712
39830
  init_insert_table();
39713
- import_jsx_runtime153 = require("react/jsx-runtime");
39831
+ import_jsx_runtime155 = require("react/jsx-runtime");
39714
39832
  headingTypeToBlockName = {
39715
39833
  h1: "Heading 1",
39716
39834
  h2: "Heading 2",
@@ -39860,7 +39978,7 @@ function RichTextEditor({
39860
39978
  labelTranslations,
39861
39979
  ...rest
39862
39980
  }) {
39863
- return /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(import_LexicalComposer.LexicalComposer, {
39981
+ return /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(import_LexicalComposer.LexicalComposer, {
39864
39982
  initialConfig: {
39865
39983
  editable: !rest.disabled,
39866
39984
  namespace: "crystallize-rich-text-editor",
@@ -39871,13 +39989,13 @@ function RichTextEditor({
39871
39989
  throw error;
39872
39990
  }
39873
39991
  },
39874
- children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(I18nProvider, {
39992
+ children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(I18nProvider, {
39875
39993
  language,
39876
39994
  labelTranslations,
39877
- children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(SharedHistoryContext, {
39878
- children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("div", {
39995
+ children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(SharedHistoryContext, {
39996
+ children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("div", {
39879
39997
  className: "c-rich-text-editor",
39880
- children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(RichTextEditorWithoutContext, {
39998
+ children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(RichTextEditorWithoutContext, {
39881
39999
  ...rest
39882
40000
  })
39883
40001
  })
@@ -39899,19 +40017,19 @@ function RichTextEditorWithoutContext({
39899
40017
  }) {
39900
40018
  const editable = !disabled;
39901
40019
  const { historyState } = useSharedHistoryContext();
39902
- const placeholder = /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("div", {
40020
+ const placeholder = /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("div", {
39903
40021
  className: "c-rte-placeholder",
39904
40022
  children: placeholderText ?? ""
39905
40023
  });
39906
40024
  const [editor] = (0, import_LexicalComposerContext12.useLexicalComposerContext)();
39907
- const [floatingAnchorElem, setFloatingAnchorElem] = (0, import_react136.useState)(null);
39908
- const firstOnChangeTriggeredRef = (0, import_react136.useRef)(!autoFocus);
40025
+ const [floatingAnchorElem, setFloatingAnchorElem] = (0, import_react138.useState)(null);
40026
+ const firstOnChangeTriggeredRef = (0, import_react138.useRef)(!autoFocus);
39909
40027
  const onRef = (_floatingAnchorElem) => {
39910
40028
  if (_floatingAnchorElem !== null) {
39911
40029
  setFloatingAnchorElem(_floatingAnchorElem);
39912
40030
  }
39913
40031
  };
39914
- (0, import_react136.useEffect)(() => {
40032
+ (0, import_react138.useEffect)(() => {
39915
40033
  editor.setEditable(editable || false);
39916
40034
  }, [editable, editor]);
39917
40035
  function onLocalChange(editorState) {
@@ -39922,38 +40040,38 @@ function RichTextEditorWithoutContext({
39922
40040
  }
39923
40041
  firstOnChangeTriggeredRef.current = true;
39924
40042
  }
39925
- return /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)(import_jsx_runtime154.Fragment, {
40043
+ return /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)(import_jsx_runtime156.Fragment, {
39926
40044
  children: [
39927
- /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(import_LexicalOnChangePlugin.OnChangePlugin, {
40045
+ /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(import_LexicalOnChangePlugin.OnChangePlugin, {
39928
40046
  onChange: onLocalChange,
39929
40047
  ignoreSelectionChange: true
39930
40048
  }),
39931
- /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(ToolbarPlugin, {
40049
+ /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(ToolbarPlugin, {
39932
40050
  disabled,
39933
40051
  actionsMenuPrepend,
39934
40052
  actionsMenuAppend
39935
40053
  }),
39936
40054
  slotPreContent,
39937
- /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)("div", {
40055
+ /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)("div", {
39938
40056
  className: `c-rte-editor-container ${disabled ? "disabled" : ""}`,
39939
40057
  "data-testid": "rich-text-editor",
39940
40058
  children: [
39941
- maxLength != null ? /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(MaxLengthPlugin, {
40059
+ maxLength != null ? /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(MaxLengthPlugin, {
39942
40060
  maxLength
39943
40061
  }) : null,
39944
- !autoFocus ? null : /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(import_LexicalAutoFocusPlugin.AutoFocusPlugin, {}),
39945
- /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(import_LexicalClearEditorPlugin.ClearEditorPlugin, {}),
39946
- /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(LexicalAutoLinkPlugin, {}),
39947
- /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(import_LexicalHistoryPlugin2.HistoryPlugin, {
40062
+ !autoFocus ? null : /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(import_LexicalAutoFocusPlugin.AutoFocusPlugin, {}),
40063
+ /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(import_LexicalClearEditorPlugin.ClearEditorPlugin, {}),
40064
+ /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(LexicalAutoLinkPlugin, {}),
40065
+ /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(import_LexicalHistoryPlugin2.HistoryPlugin, {
39948
40066
  externalHistoryState: historyState
39949
40067
  }),
39950
- /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(import_LexicalRichTextPlugin.RichTextPlugin, {
39951
- contentEditable: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("div", {
40068
+ /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(import_LexicalRichTextPlugin.RichTextPlugin, {
40069
+ contentEditable: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("div", {
39952
40070
  className: "c-rte-editor-scroller",
39953
- children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)("div", {
40071
+ children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("div", {
39954
40072
  className: "c-rte-editor",
39955
40073
  ref: onRef,
39956
- children: /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(import_LexicalContentEditable.ContentEditable, {
40074
+ children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(import_LexicalContentEditable.ContentEditable, {
39957
40075
  className: "c-rte-contenteditable-root",
39958
40076
  id
39959
40077
  })
@@ -39962,28 +40080,28 @@ function RichTextEditorWithoutContext({
39962
40080
  placeholder,
39963
40081
  ErrorBoundary: import_LexicalErrorBoundary.default
39964
40082
  }),
39965
- /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(CodeHighlightPlugin, {}),
39966
- /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(import_LexicalListPlugin.ListPlugin, {}),
39967
- /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(ListMaxIndentLevelPlugin, {
40083
+ /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(CodeHighlightPlugin, {}),
40084
+ /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(import_LexicalListPlugin.ListPlugin, {}),
40085
+ /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(ListMaxIndentLevelPlugin, {
39968
40086
  maxDepth: 7
39969
40087
  }),
39970
- /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(import_LexicalTablePlugin.TablePlugin, {}),
39971
- /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(LinkPlugin, {}),
39972
- /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(import_LexicalHorizontalRulePlugin.HorizontalRulePlugin, {}),
39973
- /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(TabFocusPlugin, {}),
39974
- /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(import_LexicalTabIndentationPlugin.TabIndentationPlugin, {}),
39975
- floatingAnchorElem && /* @__PURE__ */ (0, import_jsx_runtime154.jsxs)(import_jsx_runtime154.Fragment, {
40088
+ /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(import_LexicalTablePlugin.TablePlugin, {}),
40089
+ /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(LinkPlugin, {}),
40090
+ /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(import_LexicalHorizontalRulePlugin.HorizontalRulePlugin, {}),
40091
+ /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(TabFocusPlugin, {}),
40092
+ /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(import_LexicalTabIndentationPlugin.TabIndentationPlugin, {}),
40093
+ floatingAnchorElem && /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)(import_jsx_runtime156.Fragment, {
39976
40094
  children: [
39977
- /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(CodeActionMenuPlugin, {
40095
+ /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(CodeActionMenuPlugin, {
39978
40096
  anchorElem: floatingAnchorElem
39979
40097
  }),
39980
- /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(FloatingLinkEditorPlugin, {
40098
+ /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(FloatingLinkEditorPlugin, {
39981
40099
  anchorElem: floatingAnchorElem
39982
40100
  }),
39983
- /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(TableActionMenuPlugin, {
40101
+ /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(TableActionMenuPlugin, {
39984
40102
  anchorElem: floatingAnchorElem
39985
40103
  }),
39986
- /* @__PURE__ */ (0, import_jsx_runtime154.jsx)(FloatingTextFormatToolbarPlugin, {
40104
+ /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(FloatingTextFormatToolbarPlugin, {
39987
40105
  anchorElem: floatingAnchorElem
39988
40106
  })
39989
40107
  ]
@@ -39993,11 +40111,11 @@ function RichTextEditorWithoutContext({
39993
40111
  ]
39994
40112
  });
39995
40113
  }
39996
- var import_react136, import_LexicalAutoFocusPlugin, import_LexicalClearEditorPlugin, import_LexicalComposer, import_LexicalErrorBoundary, import_LexicalHistoryPlugin2, import_LexicalHorizontalRulePlugin, import_LexicalListPlugin, import_LexicalOnChangePlugin, import_LexicalRichTextPlugin, import_LexicalTabIndentationPlugin, import_LexicalTablePlugin, import_LexicalComposerContext12, import_LexicalContentEditable, import_jsx_runtime154, rich_text_editor_default;
40114
+ var import_react138, import_LexicalAutoFocusPlugin, import_LexicalClearEditorPlugin, import_LexicalComposer, import_LexicalErrorBoundary, import_LexicalHistoryPlugin2, import_LexicalHorizontalRulePlugin, import_LexicalListPlugin, import_LexicalOnChangePlugin, import_LexicalRichTextPlugin, import_LexicalTabIndentationPlugin, import_LexicalTablePlugin, import_LexicalComposerContext12, import_LexicalContentEditable, import_jsx_runtime156, rich_text_editor_default;
39997
40115
  var init_rich_text_editor = __esm({
39998
40116
  "src/rich-text-editor/rich-text-editor.tsx"() {
39999
40117
  "use strict";
40000
- import_react136 = require("react");
40118
+ import_react138 = require("react");
40001
40119
  import_LexicalAutoFocusPlugin = require("@lexical/react/LexicalAutoFocusPlugin");
40002
40120
  import_LexicalClearEditorPlugin = require("@lexical/react/LexicalClearEditorPlugin");
40003
40121
  import_LexicalComposer = require("@lexical/react/LexicalComposer");
@@ -40030,7 +40148,7 @@ var init_rich_text_editor = __esm({
40030
40148
  init_TableActionMenuPlugin();
40031
40149
  init_ToolbarPlugin();
40032
40150
  init_CrystallizeRTEditorTheme();
40033
- import_jsx_runtime154 = require("react/jsx-runtime");
40151
+ import_jsx_runtime156 = require("react/jsx-runtime");
40034
40152
  rich_text_editor_default = RichTextEditor;
40035
40153
  }
40036
40154
  });
@@ -40184,9 +40302,9 @@ Checkbox.displayName = "Checkbox";
40184
40302
  var import_class_variance_authority9 = require("class-variance-authority");
40185
40303
  var CollapsiblePrimitives = __toESM(require("@radix-ui/react-collapsible"));
40186
40304
  init_iconography();
40187
- var import_jsx_runtime121 = require("react/jsx-runtime");
40305
+ var import_jsx_runtime123 = require("react/jsx-runtime");
40188
40306
  function Content3({ className, ...delegated }) {
40189
- return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(CollapsiblePrimitives.Content, {
40307
+ return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(CollapsiblePrimitives.Content, {
40190
40308
  ...delegated,
40191
40309
  className: (0, import_class_variance_authority9.cx)("c-collapsible-content", className)
40192
40310
  });
@@ -40198,7 +40316,7 @@ function CollapsibleTrigger({
40198
40316
  mode,
40199
40317
  ...delegated
40200
40318
  }) {
40201
- return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(CollapsiblePrimitives.Trigger, {
40319
+ return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(CollapsiblePrimitives.Trigger, {
40202
40320
  asChild: true,
40203
40321
  ...delegated,
40204
40322
  className: (0, import_class_variance_authority9.cx)(
@@ -40207,9 +40325,9 @@ function CollapsibleTrigger({
40207
40325
  mode === "tree" ? "c-collapsible-tree" : "",
40208
40326
  className
40209
40327
  ),
40210
- children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", {
40328
+ children: /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", {
40211
40329
  children: [
40212
- arrowPosition && /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(Icon.Caret, {
40330
+ arrowPosition && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Icon.Caret, {
40213
40331
  className: "c-collapsible-arrow",
40214
40332
  width: 9,
40215
40333
  height: 9
@@ -40233,7 +40351,7 @@ init_icon_button2();
40233
40351
  // src/inline-radio/inline-radio.tsx
40234
40352
  var import_class_variance_authority12 = require("class-variance-authority");
40235
40353
  var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"));
40236
- var import_jsx_runtime126 = require("react/jsx-runtime");
40354
+ var import_jsx_runtime128 = require("react/jsx-runtime");
40237
40355
  var inlineRadioGroupStyles = (0, import_class_variance_authority12.cva)("c-inline-radio-group", {
40238
40356
  variants: {
40239
40357
  size: {
@@ -40248,16 +40366,16 @@ var inlineRadioGroupStyles = (0, import_class_variance_authority12.cva)("c-inlin
40248
40366
  }
40249
40367
  });
40250
40368
  function InlineRadioGroup({ size, className, ...delegated }) {
40251
- return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(RadioGroupPrimitive.Root, {
40369
+ return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(RadioGroupPrimitive.Root, {
40252
40370
  ...delegated,
40253
40371
  className: inlineRadioGroupStyles({ size, className })
40254
40372
  });
40255
40373
  }
40256
40374
  function InlineRadioItem({ children, className, ...delegated }) {
40257
- return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(RadioGroupPrimitive.Item, {
40375
+ return /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(RadioGroupPrimitive.Item, {
40258
40376
  ...delegated,
40259
40377
  className: (0, import_class_variance_authority12.cx)("c-inline-radio", className),
40260
- children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(RadioGroupPrimitive.Indicator, {
40378
+ children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(RadioGroupPrimitive.Indicator, {
40261
40379
  forceMount: true,
40262
40380
  children
40263
40381
  })
@@ -40280,13 +40398,13 @@ var PopoverPrimitive2 = __toESM(require("@radix-ui/react-popover"));
40280
40398
  // src/popover/popover-close.tsx
40281
40399
  var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
40282
40400
  init_iconography();
40283
- var import_jsx_runtime131 = require("react/jsx-runtime");
40401
+ var import_jsx_runtime133 = require("react/jsx-runtime");
40284
40402
  function PopoverClose(props) {
40285
40403
  const { asChild, children } = props;
40286
- return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(PopoverPrimitive.Close, {
40404
+ return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(PopoverPrimitive.Close, {
40287
40405
  asChild,
40288
40406
  className: "c-popover-close",
40289
- children: children ?? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)(Icon.Cancel, {
40407
+ children: children ?? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(Icon.Cancel, {
40290
40408
  width: 16,
40291
40409
  height: 16
40292
40410
  })
@@ -40294,7 +40412,7 @@ function PopoverClose(props) {
40294
40412
  }
40295
40413
 
40296
40414
  // src/popover/popover.tsx
40297
- var import_jsx_runtime132 = require("react/jsx-runtime");
40415
+ var import_jsx_runtime134 = require("react/jsx-runtime");
40298
40416
  function Popover({
40299
40417
  children,
40300
40418
  closeButton,
@@ -40307,26 +40425,26 @@ function Popover({
40307
40425
  hasArrow = true,
40308
40426
  ...delegatedContent
40309
40427
  }) {
40310
- return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(PopoverPrimitive2.Root, {
40428
+ return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(PopoverPrimitive2.Root, {
40311
40429
  open,
40312
40430
  onOpenChange,
40313
40431
  children: [
40314
- /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(PopoverPrimitive2.Trigger, {
40432
+ /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(PopoverPrimitive2.Trigger, {
40315
40433
  asChild: true,
40316
40434
  children
40317
40435
  }),
40318
- /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(PopoverPrimitive2.Portal, {
40436
+ /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(PopoverPrimitive2.Portal, {
40319
40437
  container,
40320
- children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(PopoverPrimitive2.Content, {
40438
+ children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(PopoverPrimitive2.Content, {
40321
40439
  ...delegatedContent,
40322
40440
  side,
40323
40441
  className: (0, import_class_variance_authority17.cx)("c-popover-content", className),
40324
40442
  children: [
40325
- !closeButton ? null : /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(PopoverClose, {
40443
+ !closeButton ? null : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(PopoverClose, {
40326
40444
  asChild: typeof closeButton !== "boolean",
40327
40445
  children: typeof closeButton !== "boolean" ? closeButton : null
40328
40446
  }),
40329
- hasArrow && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(PopoverPrimitive2.Arrow, {
40447
+ hasArrow && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(PopoverPrimitive2.Arrow, {
40330
40448
  className: "c-popover-arrow",
40331
40449
  offset: 5
40332
40450
  }),
@@ -40341,12 +40459,12 @@ function Popover({
40341
40459
  // src/progress/progress.tsx
40342
40460
  var import_class_variance_authority18 = require("class-variance-authority");
40343
40461
  var ProgressPrimitives = __toESM(require("@radix-ui/react-progress"));
40344
- var import_jsx_runtime133 = require("react/jsx-runtime");
40462
+ var import_jsx_runtime135 = require("react/jsx-runtime");
40345
40463
  function Progress({ className, value }) {
40346
- return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(ProgressPrimitives.Root, {
40464
+ return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(ProgressPrimitives.Root, {
40347
40465
  className: (0, import_class_variance_authority18.cx)(className, "c-progress-root"),
40348
40466
  value,
40349
- children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(ProgressPrimitives.Indicator, {
40467
+ children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(ProgressPrimitives.Indicator, {
40350
40468
  className: "c-progress-indicator",
40351
40469
  style: { transform: `translateX(-${100 - (value ?? 0)}%)` }
40352
40470
  })
@@ -40355,12 +40473,12 @@ function Progress({ className, value }) {
40355
40473
 
40356
40474
  // src/radio/radio.tsx
40357
40475
  var RadioGroupPrimitive2 = __toESM(require("@radix-ui/react-radio-group"));
40358
- var import_jsx_runtime134 = require("react/jsx-runtime");
40476
+ var import_jsx_runtime136 = require("react/jsx-runtime");
40359
40477
  function RadioGroupItem(props) {
40360
- return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(RadioGroupPrimitive2.Item, {
40478
+ return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(RadioGroupPrimitive2.Item, {
40361
40479
  ...props,
40362
40480
  className: "c-radio-item",
40363
- children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(RadioGroupPrimitive2.Indicator, {
40481
+ children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(RadioGroupPrimitive2.Indicator, {
40364
40482
  className: "c-radio-indicator"
40365
40483
  })
40366
40484
  });
@@ -40371,32 +40489,32 @@ var Radio = {
40371
40489
  };
40372
40490
 
40373
40491
  // src/select/select-item.tsx
40374
- var import_react118 = require("react");
40492
+ var import_react120 = require("react");
40375
40493
  var import_class_variance_authority19 = require("class-variance-authority");
40376
40494
  var SelectPrimitives = __toESM(require("@radix-ui/react-select"));
40377
- var import_jsx_runtime135 = require("react/jsx-runtime");
40378
- var SelectItem = (0, import_react118.forwardRef)((props, ref) => {
40495
+ var import_jsx_runtime137 = require("react/jsx-runtime");
40496
+ var SelectItem = (0, import_react120.forwardRef)((props, ref) => {
40379
40497
  const { children, className, ...delegated } = props;
40380
- return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(SelectPrimitives.Item, {
40498
+ return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(SelectPrimitives.Item, {
40381
40499
  className: (0, import_class_variance_authority19.cx)("c-select-item", className),
40382
40500
  ref,
40383
40501
  ...delegated,
40384
40502
  children: [
40385
- /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(SelectPrimitives.ItemText, {
40503
+ /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(SelectPrimitives.ItemText, {
40386
40504
  children
40387
40505
  }),
40388
- /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(SelectPrimitives.ItemIndicator, {})
40506
+ /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(SelectPrimitives.ItemIndicator, {})
40389
40507
  ]
40390
40508
  });
40391
40509
  });
40392
40510
  SelectItem.displayName = "SelectItem";
40393
40511
 
40394
40512
  // src/select/select-root.tsx
40395
- var import_react119 = require("react");
40513
+ var import_react121 = require("react");
40396
40514
  var import_class_variance_authority20 = require("class-variance-authority");
40397
40515
  var SelectPrimitives2 = __toESM(require("@radix-ui/react-select"));
40398
40516
  init_iconography();
40399
- var import_jsx_runtime136 = require("react/jsx-runtime");
40517
+ var import_jsx_runtime138 = require("react/jsx-runtime");
40400
40518
  var selectTriggerStyles = (0, import_class_variance_authority20.cva)("c-select-trigger", {
40401
40519
  variants: {
40402
40520
  size: {
@@ -40410,36 +40528,36 @@ var selectTriggerStyles = (0, import_class_variance_authority20.cva)("c-select-t
40410
40528
  size: "sm"
40411
40529
  }
40412
40530
  });
40413
- var SelectContainer = (0, import_react119.forwardRef)(
40531
+ var SelectContainer = (0, import_react121.forwardRef)(
40414
40532
  ({ children, id, placeholder, disabled, size, triggerClassName, ...delegated }, ref) => {
40415
- return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(SelectPrimitives2.Root, {
40533
+ return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(SelectPrimitives2.Root, {
40416
40534
  ...delegated,
40417
40535
  children: [
40418
- /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(SelectPrimitives2.Trigger, {
40536
+ /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(SelectPrimitives2.Trigger, {
40419
40537
  ref,
40420
40538
  className: selectTriggerStyles({ size, className: triggerClassName }),
40421
40539
  disabled,
40422
40540
  id,
40423
40541
  children: [
40424
- /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(SelectPrimitives2.Value, {
40425
- placeholder: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", {
40542
+ /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(SelectPrimitives2.Value, {
40543
+ placeholder: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", {
40426
40544
  className: "c-select-value",
40427
40545
  children: placeholder ?? "Select..."
40428
40546
  })
40429
40547
  }),
40430
- /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(Icon.Arrow, {})
40548
+ /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Icon.Arrow, {})
40431
40549
  ]
40432
40550
  }),
40433
- /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(SelectPrimitives2.Portal, {
40434
- children: /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(SelectPrimitives2.Content, {
40551
+ /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(SelectPrimitives2.Portal, {
40552
+ children: /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(SelectPrimitives2.Content, {
40435
40553
  className: "c-select-content",
40436
40554
  children: [
40437
- /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(SelectPrimitives2.ScrollUpButton, {}),
40438
- /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(SelectPrimitives2.Viewport, {
40555
+ /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(SelectPrimitives2.ScrollUpButton, {}),
40556
+ /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(SelectPrimitives2.Viewport, {
40439
40557
  className: "c-select-viewport",
40440
40558
  children
40441
40559
  }),
40442
- /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(SelectPrimitives2.ScrollDownButton, {})
40560
+ /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(SelectPrimitives2.ScrollDownButton, {})
40443
40561
  ]
40444
40562
  })
40445
40563
  })
@@ -40456,23 +40574,23 @@ var Select = {
40456
40574
  };
40457
40575
 
40458
40576
  // src/slider/slider.tsx
40459
- var import_react120 = require("react");
40577
+ var import_react122 = require("react");
40460
40578
  var import_class_variance_authority21 = require("class-variance-authority");
40461
40579
  var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
40462
- var import_jsx_runtime137 = require("react/jsx-runtime");
40463
- var Slider = (0, import_react120.forwardRef)(({ className, transparentRange, ...delegated }, ref) => {
40464
- return /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)(SliderPrimitive.Root, {
40580
+ var import_jsx_runtime139 = require("react/jsx-runtime");
40581
+ var Slider = (0, import_react122.forwardRef)(({ className, transparentRange, ...delegated }, ref) => {
40582
+ return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(SliderPrimitive.Root, {
40465
40583
  className: (0, import_class_variance_authority21.cx)("c-slider-root", className),
40466
40584
  ref,
40467
40585
  ...delegated,
40468
40586
  children: [
40469
- /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(SliderPrimitive.Track, {
40587
+ /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(SliderPrimitive.Track, {
40470
40588
  className: "c-slider-track",
40471
- children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(SliderPrimitive.Range, {
40589
+ children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(SliderPrimitive.Range, {
40472
40590
  className: `c-slider-range ${transparentRange ? "c-slider-range-transparent" : ""}`
40473
40591
  })
40474
40592
  }),
40475
- /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(SliderPrimitive.Thumb, {
40593
+ /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(SliderPrimitive.Thumb, {
40476
40594
  className: "c-slider-thumb"
40477
40595
  })
40478
40596
  ]
@@ -40484,15 +40602,15 @@ init_spinner();
40484
40602
 
40485
40603
  // src/stack-icon/stack-icon.tsx
40486
40604
  init_iconography();
40487
- var import_jsx_runtime138 = require("react/jsx-runtime");
40605
+ var import_jsx_runtime140 = require("react/jsx-runtime");
40488
40606
  function StackIcon({ type, children, size = 18 }) {
40489
- return /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("span", {
40607
+ return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("span", {
40490
40608
  className: "c-stack-icon",
40491
40609
  children: [
40492
- type === "create" && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("span", {
40610
+ type === "create" && /* @__PURE__ */ (0, import_jsx_runtime140.jsx)("span", {
40493
40611
  style: { width: size, height: size },
40494
40612
  className: "c-stack-icon__icon",
40495
- children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Icon.Add, {
40613
+ children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(Icon.Add, {
40496
40614
  width: size - 4,
40497
40615
  height: size - 4
40498
40616
  })
@@ -40505,7 +40623,7 @@ function StackIcon({ type, children, size = 18 }) {
40505
40623
  // src/tag/tag.tsx
40506
40624
  var import_class_variance_authority22 = require("class-variance-authority");
40507
40625
  init_iconography();
40508
- var import_jsx_runtime139 = require("react/jsx-runtime");
40626
+ var import_jsx_runtime141 = require("react/jsx-runtime");
40509
40627
  var tagStyles = (0, import_class_variance_authority22.cva)("c-tag", {
40510
40628
  variants: {
40511
40629
  variant: {
@@ -40535,16 +40653,16 @@ function Tag({
40535
40653
  showRemoveOnHover,
40536
40654
  ...delegated
40537
40655
  }) {
40538
- return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", {
40656
+ return /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", {
40539
40657
  className: tagStyles({ className, variant, size }),
40540
40658
  ...delegated,
40541
40659
  children: [
40542
- !prepend ? null : /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", {
40660
+ !prepend ? null : /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("span", {
40543
40661
  className: "c-tag__prepend",
40544
40662
  children: prepend
40545
40663
  }),
40546
40664
  children,
40547
- onRemove && /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("button", {
40665
+ onRemove && /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("button", {
40548
40666
  type: "button",
40549
40667
  className: (0, import_class_variance_authority22.cx)("c-tag__remove-button", showRemoveOnHover ? "c-tag__remove-button--hover" : ""),
40550
40668
  onClick: (e) => {
@@ -40552,11 +40670,11 @@ function Tag({
40552
40670
  onRemove();
40553
40671
  },
40554
40672
  children: [
40555
- /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Icon.Cancel, {
40673
+ /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(Icon.Cancel, {
40556
40674
  width: 12,
40557
40675
  height: 12
40558
40676
  }),
40559
- /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", {
40677
+ /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("span", {
40560
40678
  className: "c-tag__remove-button-text",
40561
40679
  children: "Remove"
40562
40680
  })
@@ -40567,13 +40685,13 @@ function Tag({
40567
40685
  }
40568
40686
 
40569
40687
  // src/rich-text-editor/index.tsx
40570
- var import_react137 = require("react");
40571
- var import_jsx_runtime155 = require("react/jsx-runtime");
40572
- var LazyRichTextEditor = (0, import_react137.lazy)(() => Promise.resolve().then(() => (init_rich_text_editor(), rich_text_editor_exports)));
40688
+ var import_react139 = require("react");
40689
+ var import_jsx_runtime157 = require("react/jsx-runtime");
40690
+ var LazyRichTextEditor = (0, import_react139.lazy)(() => Promise.resolve().then(() => (init_rich_text_editor(), rich_text_editor_exports)));
40573
40691
  var RichTextEditor2 = (props) => {
40574
- return /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(import_react137.Suspense, {
40692
+ return /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(import_react139.Suspense, {
40575
40693
  fallback: null,
40576
- children: /* @__PURE__ */ (0, import_jsx_runtime155.jsx)(LazyRichTextEditor, {
40694
+ children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(LazyRichTextEditor, {
40577
40695
  ...props
40578
40696
  })
40579
40697
  });
@@ -40587,7 +40705,7 @@ var import_class_variance_authority23 = require("class-variance-authority");
40587
40705
  var import_sonner = require("sonner");
40588
40706
  init_icon_button2();
40589
40707
  init_iconography();
40590
- var import_jsx_runtime156 = require("react/jsx-runtime");
40708
+ var import_jsx_runtime158 = require("react/jsx-runtime");
40591
40709
  var toastStyles = (0, import_class_variance_authority23.cva)("c-toast", {
40592
40710
  variants: {
40593
40711
  type: {
@@ -40612,35 +40730,35 @@ var toast = ({ title, message, id, type = "success", timeout = 6e3 }) => {
40612
40730
  const withMessage = !!message;
40613
40731
  const toastId = id ?? Date.now().toString();
40614
40732
  import_sonner.toast.custom(
40615
- (id2) => /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)("div", {
40733
+ (id2) => /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("div", {
40616
40734
  "data-testid": `toast-${type}`,
40617
40735
  className: (0, import_class_variance_authority23.cx)(toastStyles({ type }), withMessage ? "c-toast-with-message" : "c-toast-title-only"),
40618
40736
  children: [
40619
- /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("div", {
40620
- children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(ToastIcon, {
40737
+ /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("div", {
40738
+ children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(ToastIcon, {
40621
40739
  width: 26,
40622
40740
  height: 26
40623
40741
  })
40624
40742
  }),
40625
- /* @__PURE__ */ (0, import_jsx_runtime156.jsxs)("div", {
40743
+ /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("div", {
40626
40744
  children: [
40627
- /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("div", {
40745
+ /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("div", {
40628
40746
  className: "c-toast-title",
40629
40747
  children: title
40630
40748
  }),
40631
- !!message && /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("div", {
40749
+ !!message && /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("div", {
40632
40750
  className: "c-toast-message",
40633
40751
  children: message
40634
40752
  })
40635
40753
  ]
40636
40754
  }),
40637
- /* @__PURE__ */ (0, import_jsx_runtime156.jsx)("div", {
40755
+ /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("div", {
40638
40756
  className: "c-toast-close",
40639
40757
  "data-testid": "toast-close",
40640
- children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(IconButton, {
40758
+ children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(IconButton, {
40641
40759
  onClick: () => import_sonner.toast.dismiss(id2),
40642
40760
  size: "xs",
40643
- children: /* @__PURE__ */ (0, import_jsx_runtime156.jsx)(Icon.Cancel, {
40761
+ children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(Icon.Cancel, {
40644
40762
  width: 12,
40645
40763
  height: 12
40646
40764
  })
@@ -40664,7 +40782,7 @@ init_tooltip2();
40664
40782
  // src/switch/switch.tsx
40665
40783
  var import_class_variance_authority24 = require("class-variance-authority");
40666
40784
  var RadixSwitch = __toESM(require("@radix-ui/react-switch"));
40667
- var import_jsx_runtime157 = require("react/jsx-runtime");
40785
+ var import_jsx_runtime159 = require("react/jsx-runtime");
40668
40786
  var switchStyles = (0, import_class_variance_authority24.cva)(["c-switch-root"], {
40669
40787
  variants: {
40670
40788
  size: {
@@ -40677,11 +40795,11 @@ var switchStyles = (0, import_class_variance_authority24.cva)(["c-switch-root"],
40677
40795
  }
40678
40796
  });
40679
40797
  function Switch2({ size, checked, ...props }) {
40680
- return /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(RadixSwitch.Root, {
40798
+ return /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(RadixSwitch.Root, {
40681
40799
  ...props,
40682
40800
  checked: checked === null ? false : checked,
40683
40801
  className: switchStyles({ size }),
40684
- children: /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(RadixSwitch.Thumb, {
40802
+ children: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(RadixSwitch.Thumb, {
40685
40803
  className: (0, import_class_variance_authority24.cx)("c-switch-thumb", checked === null ? "middle-position" : "")
40686
40804
  })
40687
40805
  });