@crediblemark/build 0.25.2 → 0.25.4

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 (41) hide show
  1. package/dist/ArrayField-HI4LZRUN.mjs +19 -0
  2. package/dist/{ArrayField-HGGIE5AL.css → ArrayField-JRN7ZFM7.css} +15 -15
  3. package/dist/{Editor-E7FALXHL.css → Editor-CVT4RKSU.css} +7 -7
  4. package/dist/{Editor-GGSPWIO6.mjs → Editor-IPG4RO2L.mjs} +8 -8
  5. package/dist/ObjectField-CHMT4KPZ.mjs +19 -0
  6. package/dist/{ObjectField-NKMT3CLS.css → ObjectField-JYRSRCWB.css} +15 -15
  7. package/dist/{Render-JDXVKZXN.css → Render-DOE2LXKX.css} +1 -1
  8. package/dist/{Render-WP5OOTBB.mjs → Render-I6PZ5MEA.mjs} +4 -2
  9. package/dist/{chunk-DVK7K7D6.mjs → chunk-2RLA42JA.mjs} +4 -3
  10. package/dist/{chunk-KRFBBRUA.mjs → chunk-3Q7JODIK.mjs} +16 -15
  11. package/dist/{chunk-J66BZ4WH.mjs → chunk-F2M5GHDX.mjs} +1 -1
  12. package/dist/{chunk-BVZDBEP4.mjs → chunk-FQKSRGRK.mjs} +89 -72
  13. package/dist/{chunk-AL77I3BV.mjs → chunk-ISXFLTBM.mjs} +1 -1
  14. package/dist/{chunk-IJPF46QY.mjs → chunk-MZIV4ZKR.mjs} +2 -2
  15. package/dist/{chunk-3R4HYYSJ.mjs → chunk-NYBTD3FJ.mjs} +2 -2
  16. package/dist/{chunk-GY4BXVOH.mjs → chunk-NYIULQV4.mjs} +31 -15
  17. package/dist/{chunk-4Z54QJVQ.mjs → chunk-PWRZZUWM.mjs} +1 -1
  18. package/dist/{chunk-4CV4HOSK.mjs → chunk-QMMMJ4RO.mjs} +7 -5
  19. package/dist/{chunk-YDODUFKC.mjs → chunk-RBWVOMMW.mjs} +6 -4
  20. package/dist/{chunk-A7MU7FEU.mjs → chunk-UNMCNIJ3.mjs} +1 -1
  21. package/dist/{chunk-DWF5T7E3.mjs → chunk-W57TTDB2.mjs} +1 -1
  22. package/dist/{full-KPGLJZI5.mjs → full-A2JX3OI2.mjs} +5 -5
  23. package/dist/{full-MY4DABK6.css → full-C7RVGAUA.css} +6 -6
  24. package/dist/index.css +37 -37
  25. package/dist/index.d.mts +1 -1
  26. package/dist/index.d.ts +1 -1
  27. package/dist/index.js +168 -128
  28. package/dist/index.mjs +13 -13
  29. package/dist/{loaded-HEYQUU36.mjs → loaded-2FUW3WCF.mjs} +2 -2
  30. package/dist/{loaded-E7C36OKZ.css → loaded-4FAPBCAU.css} +1 -1
  31. package/dist/{loaded-RXPNBJYA.mjs → loaded-6L45JULO.mjs} +2 -2
  32. package/dist/{loaded-5QLBLQ3N.mjs → loaded-Y7SRBM7R.mjs} +2 -2
  33. package/dist/no-external.css +37 -37
  34. package/dist/no-external.js +168 -128
  35. package/dist/no-external.mjs +13 -13
  36. package/dist/rsc.css +1 -1
  37. package/dist/rsc.js +10 -7
  38. package/dist/rsc.mjs +2 -2
  39. package/package.json +2 -1
  40. package/dist/ArrayField-JZ2XQAUS.mjs +0 -19
  41. package/dist/ObjectField-ZUGNSCNN.mjs +0 -19
@@ -1,13 +1,13 @@
1
1
  import {
2
2
  LoadedRichTextMenu
3
- } from "./chunk-3R4HYYSJ.mjs";
3
+ } from "./chunk-NYBTD3FJ.mjs";
4
4
  import {
5
5
  DragIcon,
6
6
  collisionStore,
7
7
  createDynamicCollisionDetector,
8
8
  setDeep,
9
9
  useSensors
10
- } from "./chunk-4CV4HOSK.mjs";
10
+ } from "./chunk-QMMMJ4RO.mjs";
11
11
  import {
12
12
  AutoFieldPrivate,
13
13
  Button,
@@ -16,7 +16,7 @@ import {
16
16
  fieldContextStore,
17
17
  useContextStore,
18
18
  useSafeId
19
- } from "./chunk-GY4BXVOH.mjs";
19
+ } from "./chunk-NYIULQV4.mjs";
20
20
  import {
21
21
  RichTextRenderFallback,
22
22
  SlotRender,
@@ -25,12 +25,12 @@ import {
25
25
  getSlotTransform,
26
26
  useRichtextProps,
27
27
  useSlots
28
- } from "./chunk-DVK7K7D6.mjs";
28
+ } from "./chunk-2RLA42JA.mjs";
29
29
  import {
30
30
  ActionBar,
31
31
  IconButton,
32
32
  Loader
33
- } from "./chunk-KRFBBRUA.mjs";
33
+ } from "./chunk-3Q7JODIK.mjs";
34
34
  import {
35
35
  Box,
36
36
  ChartColumn,
@@ -87,7 +87,7 @@ import {
87
87
  useRegisterHistorySlice,
88
88
  useRegisterPermissionsSlice,
89
89
  useResetAutoZoom
90
- } from "./chunk-J66BZ4WH.mjs";
90
+ } from "./chunk-F2M5GHDX.mjs";
91
91
  import {
92
92
  getItem,
93
93
  insert,
@@ -388,6 +388,7 @@ var ResponsiveSliderField = ({
388
388
  /* @__PURE__ */ jsx2(
389
389
  "button",
390
390
  {
391
+ type: "button",
391
392
  onClick: () => changeGlobalViewport("desktop"),
392
393
  style: {
393
394
  padding: "2px 5px",
@@ -402,12 +403,15 @@ var ResponsiveSliderField = ({
402
403
  transition: "all 0.1s ease"
403
404
  },
404
405
  title: "Desktop",
406
+ "aria-label": "Desktop viewport",
407
+ "aria-pressed": mode === "desktop",
405
408
  children: /* @__PURE__ */ jsx2(DesktopIcon, {})
406
409
  }
407
410
  ),
408
411
  /* @__PURE__ */ jsx2(
409
412
  "button",
410
413
  {
414
+ type: "button",
411
415
  onClick: () => changeGlobalViewport("tablet"),
412
416
  style: {
413
417
  padding: "2px 5px",
@@ -422,12 +426,15 @@ var ResponsiveSliderField = ({
422
426
  transition: "all 0.1s ease"
423
427
  },
424
428
  title: "Tablet",
429
+ "aria-label": "Tablet viewport",
430
+ "aria-pressed": mode === "tablet",
425
431
  children: /* @__PURE__ */ jsx2(TabletIcon, {})
426
432
  }
427
433
  ),
428
434
  /* @__PURE__ */ jsx2(
429
435
  "button",
430
436
  {
437
+ type: "button",
431
438
  onClick: () => changeGlobalViewport("mobile"),
432
439
  style: {
433
440
  padding: "2px 5px",
@@ -442,6 +449,8 @@ var ResponsiveSliderField = ({
442
449
  transition: "all 0.1s ease"
443
450
  },
444
451
  title: "Mobile",
452
+ "aria-label": "Mobile viewport",
453
+ "aria-pressed": mode === "mobile",
445
454
  children: /* @__PURE__ */ jsx2(MobileIcon, {})
446
455
  }
447
456
  )
@@ -524,7 +533,7 @@ var ColorPickerField = ({ value, onChange }) => {
524
533
  ] });
525
534
  };
526
535
 
527
- // css-module:/home/crediblemark/Project/Credibuild/components/Drawer/styles.module.css#css-module
536
+ // css-module:/home/runner/work/credbuild/credbuild/components/Drawer/styles.module.css#css-module
528
537
  var styles_module_default = { "Drawer": "_Drawer_1bd7y_1", "Drawer-draggable": "_Drawer-draggable_1bd7y_7", "Drawer-draggableBg": "_Drawer-draggableBg_1bd7y_11", "DrawerItem-draggable": "_DrawerItem-draggable_1bd7y_21", "DrawerItem--disabled": "_DrawerItem--disabled_1bd7y_34", "DrawerItem": "_DrawerItem_1bd7y_21", "Drawer--isDraggingFrom": "_Drawer--isDraggingFrom_1bd7y_43", "DrawerItem-default": "_DrawerItem-default_1bd7y_44", "DrawerItem-name": "_DrawerItem-name_1bd7y_61" };
529
538
 
530
539
  // components/Drawer/index.tsx
@@ -751,6 +760,7 @@ import {
751
760
  useMemo as useMemo6,
752
761
  useRef as useRef8
753
762
  } from "react";
763
+ import DOMPurify from "isomorphic-dompurify";
754
764
 
755
765
  // components/DraggableComponent/index.tsx
756
766
  import {
@@ -764,7 +774,7 @@ import {
764
774
  useTransition
765
775
  } from "react";
766
776
 
767
- // css-module:/home/crediblemark/Project/Credibuild/components/DraggableComponent/styles.module.css#css-module
777
+ // css-module:/home/runner/work/credbuild/credbuild/components/DraggableComponent/styles.module.css#css-module
768
778
  var styles_module_default2 = { "DraggableComponent": "_DraggableComponent_yrtpz_1", "DraggableComponent-overlayWrapper": "_DraggableComponent-overlayWrapper_yrtpz_12", "DraggableComponent-overlay": "_DraggableComponent-overlay_yrtpz_12", "DraggableComponent-loadingOverlay": "_DraggableComponent-loadingOverlay_yrtpz_34", "DraggableComponent--hover": "_DraggableComponent--hover_yrtpz_50", "DraggableComponent--isSelected": "_DraggableComponent--isSelected_yrtpz_57", "DraggableComponent-actionsOverlay": "_DraggableComponent-actionsOverlay_yrtpz_71", "DraggableComponent-actions": "_DraggableComponent-actions_yrtpz_71" };
769
779
 
770
780
  // components/DraggableComponent/index.tsx
@@ -940,7 +950,7 @@ var DraggableComponent = ({
940
950
  );
941
951
  const overrides = useAppStore((s) => s.overrides);
942
952
  const dispatch = useAppStore((s) => s.dispatch);
943
- const iframe = useAppStore((s) => s.iframe);
953
+ const isIframeEnabled = useAppStore((s) => s.iframe.enabled);
944
954
  const lastMeasureRef = useRef2(0);
945
955
  const ctx = useContext2(dropZoneContext);
946
956
  const [localZones, setLocalZones] = useState2({});
@@ -1043,14 +1053,14 @@ var DraggableComponent = ({
1043
1053
  const [portalEl, setPortalEl] = useState2();
1044
1054
  useEffect2(() => {
1045
1055
  setPortalEl(
1046
- iframe.enabled ? ref.current?.ownerDocument.body : ref.current?.closest("[data-credbuild-preview]") ?? document.body
1056
+ isIframeEnabled ? ref.current?.ownerDocument.body : ref.current?.closest("[data-credbuild-preview]") ?? document.body
1047
1057
  );
1048
- }, [iframe.enabled]);
1058
+ }, [isIframeEnabled]);
1049
1059
  const getStyle = useCallback3(() => {
1050
1060
  if (!ref.current) return;
1051
1061
  const el = ref.current;
1052
1062
  const rect = el.getBoundingClientRect();
1053
- const portalContainerEl = iframe.enabled ? null : el.closest("[data-credbuild-preview]");
1063
+ const portalContainerEl = isIframeEnabled ? null : el.closest("[data-credbuild-preview]");
1054
1064
  const targetIsFixed = (() => {
1055
1065
  let node = el;
1056
1066
  while (node && node !== document.documentElement) {
@@ -1076,7 +1086,7 @@ var DraggableComponent = ({
1076
1086
  position: targetIsFixed ? "fixed" : void 0
1077
1087
  };
1078
1088
  return style2;
1079
- }, [iframe.enabled]);
1089
+ }, [isIframeEnabled]);
1080
1090
  const [style, setStyle] = useState2();
1081
1091
  const lastRectRef = useRef2(null);
1082
1092
  const syncRafRef = useRef2(null);
@@ -1273,7 +1283,7 @@ var DraggableComponent = ({
1273
1283
  setIsVisible(false);
1274
1284
  }
1275
1285
  });
1276
- }, [hover, indicativeHover, isSelected, iframe, scheduleSync]);
1286
+ }, [hover, indicativeHover, isSelected, isIframeEnabled, scheduleSync]);
1277
1287
  const [thisWasDragging, setThisWasDragging] = useState2(false);
1278
1288
  const onDragFinished = useOnDragFinished(
1279
1289
  useCallback3(
@@ -1482,7 +1492,7 @@ var DraggableComponent = ({
1482
1492
  ] });
1483
1493
  };
1484
1494
 
1485
- // css-module:/home/crediblemark/Project/Credibuild/components/DropZone/styles.module.css#css-module
1495
+ // css-module:/home/runner/work/credbuild/credbuild/components/DropZone/styles.module.css#css-module
1486
1496
  var styles_module_default3 = { "DropZone": "_DropZone_1vmgt_1", "DropZone--hasChildren": "_DropZone--hasChildren_1vmgt_11", "DropZone--isAreaSelected": "_DropZone--isAreaSelected_1vmgt_24", "DropZone--hoveringOverArea": "_DropZone--hoveringOverArea_1vmgt_25", "DropZone--isRootZone": "_DropZone--isRootZone_1vmgt_25", "DropZone--isDestination": "_DropZone--isDestination_1vmgt_35", "DropZone-item": "_DropZone-item_1vmgt_47", "DropZone-hitbox": "_DropZone-hitbox_1vmgt_51", "DropZone--isEnabled": "_DropZone--isEnabled_1vmgt_59", "DropZone--isAnimating": "_DropZone--isAnimating_1vmgt_68" };
1487
1497
 
1488
1498
  // components/DropZone/index.tsx
@@ -1747,7 +1757,7 @@ function useFieldTransformsTracked(config, item, transforms, readOnly, forceRead
1747
1757
  // components/InlineTextField/index.tsx
1748
1758
  import { memo, useEffect as useEffect6, useRef as useRef5, useState as useState6 } from "react";
1749
1759
 
1750
- // css-module:/home/crediblemark/Project/Credibuild/components/InlineTextField/styles.module.css#css-module
1760
+ // css-module:/home/runner/work/credbuild/credbuild/components/InlineTextField/styles.module.css#css-module
1751
1761
  var styles_module_default4 = { "InlineTextField": "_InlineTextField_104qp_1" };
1752
1762
 
1753
1763
  // lib/get-selector-for-id.ts
@@ -1916,12 +1926,12 @@ import {
1916
1926
  } from "react";
1917
1927
  import { jsx as jsx10 } from "react/jsx-runtime";
1918
1928
  var Editor = lazy(
1919
- () => import("./Editor-GGSPWIO6.mjs").then((m) => ({
1929
+ () => import("./Editor-IPG4RO2L.mjs").then((m) => ({
1920
1930
  default: m.Editor
1921
1931
  }))
1922
1932
  );
1923
1933
  var RichTextRender = lazy(
1924
- () => import("./Render-WP5OOTBB.mjs").then((m) => ({
1934
+ () => import("./Render-I6PZ5MEA.mjs").then((m) => ({
1925
1935
  default: m.RichTextRender
1926
1936
  }))
1927
1937
  );
@@ -2296,7 +2306,7 @@ var InsertPreview = ({
2296
2306
  if (element) {
2297
2307
  return (
2298
2308
  // Safe to use this since the HTML is set by the user
2299
- /* @__PURE__ */ jsx13("div", { dangerouslySetInnerHTML: { __html: element.outerHTML } })
2309
+ /* @__PURE__ */ jsx13("div", { dangerouslySetInnerHTML: { __html: DOMPurify.sanitize(element.outerHTML) } })
2300
2310
  );
2301
2311
  }
2302
2312
  return /* @__PURE__ */ jsx13(DrawerItemInner, { name: label, children: override });
@@ -2668,7 +2678,7 @@ var DropZoneEdit = forwardRef(
2668
2678
  );
2669
2679
  }
2670
2680
  );
2671
- var DropZoneRenderItem = ({
2681
+ var DropZoneRenderItem = memo4(({
2672
2682
  config,
2673
2683
  item,
2674
2684
  metadata
@@ -2695,7 +2705,7 @@ var DropZoneRenderItem = ({
2695
2705
  }
2696
2706
  }
2697
2707
  ) }, props.id);
2698
- };
2708
+ });
2699
2709
  var DropZoneRenderPure = (props) => /* @__PURE__ */ jsx13(DropZoneRender, { ...props });
2700
2710
  var DropZoneRender = forwardRef(
2701
2711
  function DropZoneRenderInternal({ className, style, zone, as }, ref) {
@@ -2955,14 +2965,14 @@ function useGetCredBuild() {
2955
2965
  // lib/use-component-list.tsx
2956
2966
  import { useEffect as useEffect12, useState as useState8 } from "react";
2957
2967
 
2958
- // css-module:/home/crediblemark/Project/Credibuild/components/ComponentList/styles.module.css#css-module
2968
+ // css-module:/home/runner/work/credbuild/credbuild/components/ComponentList/styles.module.css#css-module
2959
2969
  var styles_module_default5 = { "ComponentList": "_ComponentList_10tqo_1", "ComponentList--isExpanded": "_ComponentList--isExpanded_10tqo_5", "ComponentList-content": "_ComponentList-content_10tqo_9", "ComponentList-title": "_ComponentList-title_10tqo_17", "ComponentList-titleIcon": "_ComponentList-titleIcon_10tqo_53" };
2960
2970
 
2961
2971
  // components/ComponentList/index.tsx
2962
- import { useEffect as useEffect11 } from "react";
2972
+ import { useEffect as useEffect11, memo as memo5 } from "react";
2963
2973
  import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
2964
2974
  var getClassName5 = get_class_name_factory_default("ComponentList", styles_module_default5);
2965
- var ComponentListItem = ({
2975
+ var ComponentListItem = memo5(({
2966
2976
  name,
2967
2977
  label
2968
2978
  }) => {
@@ -2980,16 +2990,15 @@ var ComponentListItem = ({
2980
2990
  }
2981
2991
  }, [overrides]);
2982
2992
  return /* @__PURE__ */ jsx15(Drawer.Item, { label, name, isDragDisabled: !canInsert, children: overrides.componentItem ?? overrides.drawerItem });
2983
- };
2993
+ });
2984
2994
  var ComponentList = ({
2985
2995
  children,
2986
2996
  title,
2987
2997
  id
2988
2998
  }) => {
2989
2999
  const config = useAppStore((s) => s.config);
2990
- const setUi = useAppStore((s) => s.setUi);
2991
- const componentList = useAppStore((s) => s.state.ui.componentList);
2992
- const { expanded = true } = componentList[id] || {};
3000
+ const expanded = useAppStore((s) => s.state.ui.componentList[id]?.expanded ?? true);
3001
+ const appStoreApi = useAppStoreApi();
2993
3002
  const components = Object.keys(config.components);
2994
3003
  return /* @__PURE__ */ jsxs7("div", { className: getClassName5({ isExpanded: expanded }), children: [
2995
3004
  title && /* @__PURE__ */ jsxs7(
@@ -2997,15 +3006,20 @@ var ComponentList = ({
2997
3006
  {
2998
3007
  type: "button",
2999
3008
  className: getClassName5("title"),
3000
- onClick: () => setUi({
3001
- componentList: {
3002
- ...componentList,
3003
- [id]: {
3004
- ...componentList[id],
3005
- expanded: !expanded
3009
+ "aria-expanded": expanded,
3010
+ "aria-controls": `${id}-content`,
3011
+ onClick: () => {
3012
+ const currentComponentList = appStoreApi.getState().state.ui.componentList;
3013
+ appStoreApi.getState().setUi({
3014
+ componentList: {
3015
+ ...currentComponentList,
3016
+ [id]: {
3017
+ ...currentComponentList[id],
3018
+ expanded: !expanded
3019
+ }
3006
3020
  }
3007
- }
3008
- }),
3021
+ });
3022
+ },
3009
3023
  children: [
3010
3024
  /* @__PURE__ */ jsxs7("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
3011
3025
  id.toLowerCase().includes("hero") && /* @__PURE__ */ jsx15(LayoutTemplate, { size: 12, strokeWidth: 2.5 }),
@@ -3023,6 +3037,7 @@ var ComponentList = ({
3023
3037
  /* @__PURE__ */ jsx15(
3024
3038
  "div",
3025
3039
  {
3040
+ id: `${id}-content`,
3026
3041
  className: getClassName5("content"),
3027
3042
  style: {
3028
3043
  overflow: "visible",
@@ -3124,7 +3139,7 @@ var useComponentList = () => {
3124
3139
  // components/CredBuild/components/Components/index.tsx
3125
3140
  import { useMemo as useMemo8, useState as useState9 } from "react";
3126
3141
 
3127
- // css-module:/home/crediblemark/Project/Credibuild/components/CredBuild/components/Components/styles.module.css#css-module
3142
+ // css-module:/home/runner/work/credbuild/credbuild/components/CredBuild/components/Components/styles.module.css#css-module
3128
3143
  var styles_module_default6 = { "CredBuildComponents": "_CredBuildComponents_17idm_1", "CredBuildComponents-searchContainer": "_CredBuildComponents-searchContainer_17idm_7", "CredBuildComponents-searchWrapper": "_CredBuildComponents-searchWrapper_17idm_16", "CredBuildComponents-searchInput": "_CredBuildComponents-searchInput_17idm_23", "CredBuildComponents-searchIcon": "_CredBuildComponents-searchIcon_17idm_42", "CredBuildComponents-clearButton": "_CredBuildComponents-clearButton_17idm_49", "CredBuildComponents-listContainer": "_CredBuildComponents-listContainer_17idm_69", "CredBuildComponents-noResults": "_CredBuildComponents-noResults_17idm_74" };
3129
3144
 
3130
3145
  // components/CredBuild/components/Components/index.tsx
@@ -3217,7 +3232,7 @@ var Components = () => {
3217
3232
  ] });
3218
3233
  };
3219
3234
 
3220
- // css-module:/home/crediblemark/Project/Credibuild/plugins/blocks/styles.module.css#css-module
3235
+ // css-module:/home/runner/work/credbuild/credbuild/plugins/blocks/styles.module.css#css-module
3221
3236
  var styles_module_default7 = { "BlocksPlugin": "_BlocksPlugin_1ey1i_1" };
3222
3237
 
3223
3238
  // plugins/blocks/index.tsx
@@ -3230,7 +3245,7 @@ var blocksPlugin = () => ({
3230
3245
  icon: /* @__PURE__ */ jsx18(Shapes, {})
3231
3246
  });
3232
3247
 
3233
- // css-module:/home/crediblemark/Project/Credibuild/components/LayerTree/styles.module.css#css-module
3248
+ // css-module:/home/runner/work/credbuild/credbuild/components/LayerTree/styles.module.css#css-module
3234
3249
  var styles_module_default8 = { "LayerTree": "_LayerTree_nus40_1", "LayerTree-zoneTitle": "_LayerTree-zoneTitle_nus40_11", "LayerTree-helper": "_LayerTree-helper_nus40_17", "Layer": "_Layer_nus40_1", "Layer-inner": "_Layer-inner_nus40_29", "Layer--containsZone": "_Layer--containsZone_nus40_35", "Layer-clickable": "_Layer-clickable_nus40_39", "Layer--isSelected": "_Layer--isSelected_nus40_58", "Layer-chevron": "_Layer-chevron_nus40_79", "Layer--childIsSelected": "_Layer--childIsSelected_nus40_80", "Layer-zones": "_Layer-zones_nus40_84", "Layer-title": "_Layer-title_nus40_98", "Layer-name": "_Layer-name_nus40_107", "Layer-icon": "_Layer-icon_nus40_113", "Layer-zoneIcon": "_Layer-zoneIcon_nus40_118" };
3235
3250
 
3236
3251
  // components/LayerTree/index.tsx
@@ -3238,7 +3253,8 @@ import {
3238
3253
  forwardRef as forwardRef2,
3239
3254
  useCallback as useCallback11,
3240
3255
  useContext as useContext7,
3241
- useRef as useRef9
3256
+ useRef as useRef9,
3257
+ memo as memo6
3242
3258
  } from "react";
3243
3259
  import { useVirtualizer as useVirtualizer2 } from "@tanstack/react-virtual";
3244
3260
  import { Fragment as Fragment5, jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
@@ -3340,7 +3356,7 @@ var getScrollParent = (el) => {
3340
3356
  }
3341
3357
  return null;
3342
3358
  };
3343
- var Layer = forwardRef2(function Layer2({
3359
+ var Layer = memo6(forwardRef2(function Layer2({
3344
3360
  childIsSelected,
3345
3361
  dataIndex,
3346
3362
  depth,
@@ -3449,8 +3465,8 @@ var Layer = forwardRef2(function Layer2({
3449
3465
  ]
3450
3466
  }
3451
3467
  );
3452
- });
3453
- var LayerTreeZone = ({
3468
+ }));
3469
+ var LayerTreeZone = memo6(({
3454
3470
  depth,
3455
3471
  selectedId,
3456
3472
  selectedPathIds,
@@ -3480,8 +3496,8 @@ var LayerTreeZone = ({
3480
3496
  }
3481
3497
  )
3482
3498
  ] });
3483
- };
3484
- var StaticLayerTreeItems = ({
3499
+ });
3500
+ var StaticLayerTreeItems = memo6(({
3485
3501
  depth,
3486
3502
  selectedId,
3487
3503
  selectedPathIds,
@@ -3502,8 +3518,8 @@ var StaticLayerTreeItems = ({
3502
3518
  node.itemId
3503
3519
  ))
3504
3520
  ] });
3505
- };
3506
- var VirtualizedLayerTreeItems = ({
3521
+ });
3522
+ var VirtualizedLayerTreeItems = memo6(({
3507
3523
  depth,
3508
3524
  selectedId,
3509
3525
  selectedPathIds,
@@ -3581,8 +3597,8 @@ var VirtualizedLayerTreeItems = ({
3581
3597
  tree.items.length === 0 && /* @__PURE__ */ jsx19("div", { className: getClassName8("helper"), children: "No items" }),
3582
3598
  renderedItems
3583
3599
  ] });
3584
- };
3585
- var LayerTree = ({
3600
+ });
3601
+ var LayerTree = memo6(({
3586
3602
  selectedId,
3587
3603
  selectedPathIds,
3588
3604
  trees
@@ -3597,10 +3613,10 @@ var LayerTree = ({
3597
3613
  },
3598
3614
  tree.zoneCompound
3599
3615
  )) });
3600
- };
3616
+ });
3601
3617
 
3602
3618
  // components/CredBuild/components/Outline/index.tsx
3603
- import { useMemo as useMemo9 } from "react";
3619
+ import { useMemo as useMemo9, memo as memo7 } from "react";
3604
3620
 
3605
3621
  // lib/data/find-zones-for-area.ts
3606
3622
  var findZonesForArea = (state, area) => {
@@ -3612,7 +3628,7 @@ var findZonesForArea = (state, area) => {
3612
3628
  // components/CredBuild/components/Outline/index.tsx
3613
3629
  import { useShallow as useShallow4 } from "zustand/react/shallow";
3614
3630
  import { jsx as jsx20 } from "react/jsx-runtime";
3615
- var Outline = () => {
3631
+ var Outline = memo7(() => {
3616
3632
  const outlineOverride = useAppStore((s) => s.overrides.outline);
3617
3633
  const config = useAppStore((s) => s.config);
3618
3634
  const nodes = useAppStore((s) => s.state.indexes.nodes);
@@ -3648,9 +3664,9 @@ var Outline = () => {
3648
3664
  trees
3649
3665
  }
3650
3666
  ) });
3651
- };
3667
+ });
3652
3668
 
3653
- // css-module:/home/crediblemark/Project/Credibuild/plugins/outline/styles.module.css#css-module
3669
+ // css-module:/home/runner/work/credbuild/credbuild/plugins/outline/styles.module.css#css-module
3654
3670
  var styles_module_default9 = { "OutlinePlugin": "_OutlinePlugin_q92j6_1" };
3655
3671
 
3656
3672
  // plugins/outline/index.tsx
@@ -3663,7 +3679,7 @@ var outlinePlugin = () => ({
3663
3679
  icon: /* @__PURE__ */ jsx21(List, {})
3664
3680
  });
3665
3681
 
3666
- // css-module:/home/crediblemark/Project/Credibuild/components/Breadcrumbs/styles.module.css#css-module
3682
+ // css-module:/home/runner/work/credbuild/credbuild/components/Breadcrumbs/styles.module.css#css-module
3667
3683
  var styles_module_default10 = { "Breadcrumbs": "_Breadcrumbs_1e0gb_1", "Breadcrumbs-breadcrumbLabel": "_Breadcrumbs-breadcrumbLabel_1e0gb_7", "Breadcrumbs-breadcrumb": "_Breadcrumbs-breadcrumb_1e0gb_7" };
3668
3684
 
3669
3685
  // lib/use-breadcrumbs.ts
@@ -3728,12 +3744,12 @@ var Breadcrumbs = ({
3728
3744
  ] });
3729
3745
  };
3730
3746
 
3731
- // css-module:/home/crediblemark/Project/Credibuild/components/CredBuild/components/Fields/styles.module.css#css-module
3747
+ // css-module:/home/runner/work/credbuild/credbuild/components/CredBuild/components/Fields/styles.module.css#css-module
3732
3748
  var styles_module_default11 = { "CredBuildFields": "_CredBuildFields_53gu7_1", "CredBuildFields--isLoading": "_CredBuildFields--isLoading_53gu7_6", "CredBuildFields-loadingOverlay": "_CredBuildFields-loadingOverlay_53gu7_10", "CredBuildFields-loadingOverlayInner": "_CredBuildFields-loadingOverlayInner_53gu7_25", "CredBuildFields-field": "_CredBuildFields-field_53gu7_32", "CredBuildFields--wrapFields": "_CredBuildFields--wrapFields_53gu7_36" };
3733
3749
 
3734
3750
  // components/CredBuild/components/Fields/index.tsx
3735
3751
  import {
3736
- memo as memo5,
3752
+ memo as memo8,
3737
3753
  useCallback as useCallback12,
3738
3754
  useContext as useContext8,
3739
3755
  useEffect as useEffect13,
@@ -3846,7 +3862,7 @@ var FieldsChild = ({ fieldName }) => {
3846
3862
  }, [appStore, fieldName]);
3847
3863
  return /* @__PURE__ */ jsx23(fieldContextStore.Provider, { value: initialValue, children: /* @__PURE__ */ jsx23(FieldsChildInner, { fieldName }) });
3848
3864
  };
3849
- var FieldsChildMemo = memo5(FieldsChild);
3865
+ var FieldsChildMemo = memo8(FieldsChild);
3850
3866
  var FieldsInternal = ({ wrapFields = true }) => {
3851
3867
  const overrides = useAppStore((s) => s.overrides);
3852
3868
  const componentResolving = useAppStore((s) => {
@@ -3882,9 +3898,9 @@ var FieldsInternal = ({ wrapFields = true }) => {
3882
3898
  }
3883
3899
  );
3884
3900
  };
3885
- var Fields = memo5(FieldsInternal);
3901
+ var Fields = memo8(FieldsInternal);
3886
3902
 
3887
- // css-module:/home/crediblemark/Project/Credibuild/plugins/fields/styles.module.css#css-module
3903
+ // css-module:/home/runner/work/credbuild/credbuild/plugins/fields/styles.module.css#css-module
3888
3904
  var styles_module_default12 = { "FieldsPlugin": "_FieldsPlugin_6as57_1", "FieldsPlugin-header": "_FieldsPlugin-header_6as57_7" };
3889
3905
 
3890
3906
  // plugins/fields/index.tsx
@@ -4220,7 +4236,7 @@ function AutoFrame({
4220
4236
  AutoFrame.displayName = "AutoFrame";
4221
4237
  var AutoFrame_default = AutoFrame;
4222
4238
 
4223
- // css-module:/home/crediblemark/Project/Credibuild/components/CredBuild/components/Preview/styles.module.css#css-module
4239
+ // css-module:/home/runner/work/credbuild/credbuild/components/CredBuild/components/Preview/styles.module.css#css-module
4224
4240
  var styles_module_default13 = { "CredBuildPreview": "_CredBuildPreview_1z08a_1", "CredBuildPreview-frame": "_CredBuildPreview-frame_1z08a_6" };
4225
4241
 
4226
4242
  // lib/bubble-pointer-event.ts
@@ -4448,7 +4464,7 @@ function PropsProvider(props) {
4448
4464
  }
4449
4465
  var usePropsContext = () => useContext10(propsContext);
4450
4466
 
4451
- // css-module:/home/crediblemark/Project/Credibuild/components/CredBuild/components/Layout/styles.module.css#css-module
4467
+ // css-module:/home/runner/work/credbuild/credbuild/components/CredBuild/components/Layout/styles.module.css#css-module
4452
4468
  var styles_module_default14 = { "CredBuildLayout": "_CredBuildLayout_14aaz_1", "CredBuildLayout-inner": "_CredBuildLayout-inner_14aaz_8", "CredBuildLayout--leftSideBarVisible": "_CredBuildLayout--leftSideBarVisible_14aaz_29", "CredBuildLayout--rightSideBarVisible": "_CredBuildLayout--rightSideBarVisible_14aaz_33", "CredBuild--hidePlugins": "_CredBuild--hidePlugins_14aaz_37", "CredBuildLayout-item": "_CredBuildLayout-item_14aaz_43", "CredBuildLayout-header": "_CredBuildLayout-header_14aaz_49", "CredBuildLayout-left": "_CredBuildLayout-left_14aaz_54", "CredBuildLayout-editor": "_CredBuildLayout-editor_14aaz_67", "CredBuildLayout-right": "_CredBuildLayout-right_14aaz_75", "CredBuildLayout-sidebar": "_CredBuildLayout-sidebar_14aaz_92", "CredBuildPluginTab": "_CredBuildPluginTab_14aaz_107", "CredBuildPluginTab--visible": "_CredBuildPluginTab--visible_14aaz_114", "CredBuildPluginTab-body": "_CredBuildPluginTab-body_14aaz_118", "CredBuildLayout--mounted": "_CredBuildLayout--mounted_14aaz_134" };
4453
4469
 
4454
4470
  // lib/use-inject-css.ts
@@ -5260,9 +5276,9 @@ var DragDropContext = ({
5260
5276
  };
5261
5277
 
5262
5278
  // components/CredBuild/components/Header/index.tsx
5263
- import { memo as memo6, useCallback as useCallback17, useMemo as useMemo18, useState as useState14 } from "react";
5279
+ import { memo as memo9, useCallback as useCallback17, useMemo as useMemo18, useState as useState14 } from "react";
5264
5280
 
5265
- // css-module:/home/crediblemark/Project/Credibuild/components/MenuBar/styles.module.css#css-module
5281
+ // css-module:/home/runner/work/credbuild/credbuild/components/MenuBar/styles.module.css#css-module
5266
5282
  var styles_module_default15 = { "MenuBar": "_MenuBar_1m2ld_1", "MenuBar--menuOpen": "_MenuBar--menuOpen_1m2ld_14", "MenuBar-inner": "_MenuBar-inner_1m2ld_29", "MenuBar-history": "_MenuBar-history_1m2ld_45" };
5267
5283
 
5268
5284
  // components/MenuBar/index.tsx
@@ -5322,7 +5338,7 @@ function MenuBar({
5322
5338
  // components/ViewportControls/index.tsx
5323
5339
  import { useEffect as useEffect18, useMemo as useMemo16, useState as useState13 } from "react";
5324
5340
 
5325
- // css-module:/home/crediblemark/Project/Credibuild/components/ViewportControls/styles.module.css#css-module
5341
+ // css-module:/home/runner/work/credbuild/credbuild/components/ViewportControls/styles.module.css#css-module
5326
5342
  var styles_module_default16 = { "ViewportControls": "_ViewportControls_gefvg_1", "ViewportControls--fullScreen": "_ViewportControls--fullScreen_gefvg_5", "ViewportControls-toggleButton": "_ViewportControls-toggleButton_gefvg_14", "ViewportControls--isExpanded": "_ViewportControls--isExpanded_gefvg_38", "ViewportControls-actions": "_ViewportControls-actions_gefvg_42", "ViewportControls-actionsInner": "_ViewportControls-actionsInner_gefvg_46", "ViewportControls-divider": "_ViewportControls-divider_gefvg_76", "ViewportControls-zoomSelect": "_ViewportControls-zoomSelect_gefvg_83", "ViewportControls-zoom": "_ViewportControls-zoom_gefvg_83", "ViewportButton-inner": "_ViewportButton-inner_gefvg_114", "ViewportButton--isActive": "_ViewportButton--isActive_gefvg_122" };
5327
5343
 
5328
5344
  // components/ViewportControls/index.tsx
@@ -5479,6 +5495,7 @@ var ViewportControls = ({
5479
5495
  {
5480
5496
  className: getClassName15("toggleButton"),
5481
5497
  title: "Toggle viewport menu",
5498
+ "aria-expanded": isExpanded,
5482
5499
  onClick: () => setIsExpanded((s) => !s),
5483
5500
  children: isExpanded ? /* @__PURE__ */ jsx31(X, { size: 16 }) : /* @__PURE__ */ jsx31(Monitor, { size: 16 })
5484
5501
  }
@@ -5520,7 +5537,7 @@ var useCanvasFrame = () => {
5520
5537
  return context;
5521
5538
  };
5522
5539
 
5523
- // css-module:/home/crediblemark/Project/Credibuild/components/CredBuild/components/Header/styles.module.css#css-module
5540
+ // css-module:/home/runner/work/credbuild/credbuild/components/CredBuild/components/Header/styles.module.css#css-module
5524
5541
  var styles_module_default17 = { "CredBuildHeader": "_CredBuildHeader_qzv5u_1", "CredBuildHeader-inner": "_CredBuildHeader-inner_qzv5u_20", "CredBuildHeader-viewportTools": "_CredBuildHeader-viewportTools_qzv5u_28", "CredBuildHeader-leftActions": "_CredBuildHeader-leftActions_qzv5u_35", "CredBuildHeader-toggle": "_CredBuildHeader-toggle_qzv5u_41", "CredBuildHeader-leftSideBarToggle": "_CredBuildHeader-leftSideBarToggle_qzv5u_47", "CredBuildHeader-rightSideBarToggle": "_CredBuildHeader-rightSideBarToggle_qzv5u_48", "CredBuildHeader-title": "_CredBuildHeader-title_qzv5u_52", "CredBuildHeader-path": "_CredBuildHeader-path_qzv5u_57", "CredBuildHeader-tools": "_CredBuildHeader-tools_qzv5u_68", "CredBuildHeader-menuButton": "_CredBuildHeader-menuButton_qzv5u_75" };
5525
5542
 
5526
5543
  // components/CredBuild/components/Header/index.tsx
@@ -5793,9 +5810,9 @@ var HeaderInner = ({
5793
5810
  }
5794
5811
  );
5795
5812
  };
5796
- var Header = memo6(HeaderInner);
5813
+ var Header = memo9(HeaderInner);
5797
5814
 
5798
- // css-module:/home/crediblemark/Project/Credibuild/components/SidebarSection/styles.module.css#css-module
5815
+ // css-module:/home/runner/work/credbuild/credbuild/components/SidebarSection/styles.module.css#css-module
5799
5816
  var styles_module_default18 = { "SidebarSection": "_SidebarSection_1w6vl_1", "SidebarSection-title": "_SidebarSection-title_1w6vl_12", "SidebarSection--noBorderTop": "_SidebarSection--noBorderTop_1w6vl_38", "SidebarSection-content": "_SidebarSection-content_1w6vl_42", "SidebarSection-breadcrumbLabel": "_SidebarSection-breadcrumbLabel_1w6vl_51", "SidebarSection-breadcrumbs": "_SidebarSection-breadcrumbs_1w6vl_80", "SidebarSection-breadcrumb": "_SidebarSection-breadcrumb_1w6vl_51", "SidebarSection-heading": "_SidebarSection-heading_1w6vl_92", "SidebarSection-loadingOverlay": "_SidebarSection-loadingOverlay_1w6vl_96" };
5800
5817
 
5801
5818
  // components/SidebarSection/index.tsx
@@ -5828,7 +5845,7 @@ import {
5828
5845
  useState as useState15
5829
5846
  } from "react";
5830
5847
 
5831
- // css-module:/home/crediblemark/Project/Credibuild/components/CredBuild/components/Canvas/styles.module.css#css-module
5848
+ // css-module:/home/runner/work/credbuild/credbuild/components/CredBuild/components/Canvas/styles.module.css#css-module
5832
5849
  var styles_module_default19 = { "CredBuildCanvas": "_CredBuildCanvas_1ivia_1", "CredBuildCanvas--fullScreen": "_CredBuildCanvas--fullScreen_1ivia_22", "CredBuildCanvas-inner": "_CredBuildCanvas-inner_1ivia_33", "CredBuildCanvas-root": "_CredBuildCanvas-root_1ivia_42", "CredBuildCanvas--ready": "_CredBuildCanvas--ready_1ivia_67", "CredBuildCanvas-loader": "_CredBuildCanvas-loader_1ivia_72", "CredBuildCanvas--showLoader": "_CredBuildCanvas--showLoader_1ivia_82" };
5833
5850
 
5834
5851
  // components/CredBuild/components/Canvas/index.tsx
@@ -6131,7 +6148,7 @@ function useSidebarResize(position, dispatch) {
6131
6148
  // components/CredBuild/components/ResizeHandle/index.tsx
6132
6149
  import { useCallback as useCallback20, useRef as useRef16 } from "react";
6133
6150
 
6134
- // css-module:/home/crediblemark/Project/Credibuild/components/CredBuild/components/ResizeHandle/styles.module.css#css-module
6151
+ // css-module:/home/runner/work/credbuild/credbuild/components/CredBuild/components/ResizeHandle/styles.module.css#css-module
6135
6152
  var styles_module_default20 = { "ResizeHandle": "_ResizeHandle_144bf_2", "ResizeHandle--left": "_ResizeHandle--left_144bf_16", "ResizeHandle--right": "_ResizeHandle--right_144bf_20" };
6136
6153
 
6137
6154
  // components/CredBuild/components/ResizeHandle/index.tsx
@@ -6202,7 +6219,7 @@ var ResizeHandle = ({
6202
6219
  );
6203
6220
  };
6204
6221
 
6205
- // css-module:/home/crediblemark/Project/Credibuild/components/CredBuild/components/Sidebar/styles.module.css#css-module
6222
+ // css-module:/home/runner/work/credbuild/credbuild/components/CredBuild/components/Sidebar/styles.module.css#css-module
6206
6223
  var styles_module_default21 = { "Sidebar": "_Sidebar_1kcif_1", "Sidebar--isVisible": "_Sidebar--isVisible_1kcif_13", "Sidebar--left": "_Sidebar--left_1kcif_17", "Sidebar--right": "_Sidebar--right_1kcif_29", "Sidebar-resizeHandle": "_Sidebar-resizeHandle_1kcif_42" };
6207
6224
 
6208
6225
  // components/CredBuild/components/Sidebar/index.tsx
@@ -6295,7 +6312,7 @@ var useDeleteHotkeys = () => {
6295
6312
  useHotkey({ backspace: true }, deleteSelectedComponent);
6296
6313
  };
6297
6314
 
6298
- // css-module:/home/crediblemark/Project/Credibuild/components/CredBuild/components/Nav/styles.module.css#css-module
6315
+ // css-module:/home/runner/work/credbuild/credbuild/components/CredBuild/components/Nav/styles.module.css#css-module
6299
6316
  var styles_module_default22 = { "Nav": "_Nav_wbh7e_1", "Nav-list": "_Nav-list_wbh7e_9", "CredBuildHeader-path": "_CredBuildHeader-path_wbh7e_20", "NavItem": "_NavItem_wbh7e_38", "NavItem-link": "_NavItem-link_wbh7e_43", "NavItem-linkIcon": "_NavItem-linkIcon_wbh7e_64", "NavItem--active": "_NavItem--active_wbh7e_77", "NavItem--mobileOnly": "_NavItem--mobileOnly_wbh7e_90", "NavItem--desktopOnly": "_NavItem--desktopOnly_wbh7e_95" };
6300
6317
 
6301
6318
  // components/CredBuild/components/Nav/index.tsx
@@ -1,4 +1,4 @@
1
- // css-module:/home/crediblemark/Project/Credibuild/components/RichTextEditor/styles.module.css#css-module
1
+ // css-module:/home/runner/work/credbuild/credbuild/components/RichTextEditor/styles.module.css#css-module
2
2
  var styles_module_default = { "RichTextEditor": "_RichTextEditor_hp4qf_1", "RichTextEditor--editor": "_RichTextEditor--editor_hp4qf_50", "RichTextEditor--disabled": "_RichTextEditor--disabled_hp4qf_107", "RichTextEditor--isActive": "_RichTextEditor--isActive_hp4qf_111", "RichTextEditor-menu": "_RichTextEditor-menu_hp4qf_117" };
3
3
 
4
4
  export {
@@ -1,10 +1,10 @@
1
1
  import {
2
2
  styles_module_default
3
- } from "./chunk-AL77I3BV.mjs";
3
+ } from "./chunk-ISXFLTBM.mjs";
4
4
  import {
5
5
  useAppStore,
6
6
  useAppStoreApi
7
- } from "./chunk-J66BZ4WH.mjs";
7
+ } from "./chunk-F2M5GHDX.mjs";
8
8
  import {
9
9
  get_class_name_factory_default
10
10
  } from "./chunk-BFHV72KK.mjs";
@@ -1,12 +1,12 @@
1
1
  import {
2
2
  LoadedRichTextMenuInner
3
- } from "./chunk-KRFBBRUA.mjs";
3
+ } from "./chunk-3Q7JODIK.mjs";
4
4
 
5
5
  // components/RichTextMenu/index.tsx
6
6
  import { lazy, Suspense } from "react";
7
7
  import { jsx } from "react/jsx-runtime";
8
8
  var LoadedRichTextMenuFull = lazy(
9
- () => import("./full-KPGLJZI5.mjs").then((m) => ({
9
+ () => import("./full-A2JX3OI2.mjs").then((m) => ({
10
10
  default: m.LoadedRichTextMenuFull
11
11
  }))
12
12
  );