@crediblemark/build 0.25.19 → 0.25.21

package/dist/index.js

@@ -74,16 +74,16 @@ var init_get_class_name_factory = __esm({
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/ActionBar/styles.module.css/#css-module-data
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/ActionBar/styles.module.css/#css-module-data
 var init_css_module_data = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/ActionBar/styles.module.css/#css-module-data"() {
+  "css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/ActionBar/styles.module.css/#css-module-data"() {
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/ActionBar/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/ActionBar/styles.module.css#css-module
 var styles_module_default;
 var init_styles_module = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/ActionBar/styles.module.css#css-module"() {
+  "css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/ActionBar/styles.module.css#css-module"() {
     "use strict";
     init_react_import();
     init_css_module_data();
@@ -131,6 +131,8 @@ var init_ActionBar = __esm({
         className: getActionClassName({ active, disabled }),
         onClick,
         title: label,
+        "aria-label": label,
+        "aria-pressed": active,
         tabIndex: 0,
         disabled,
         children
@@ -146,16 +148,16 @@ var init_ActionBar = __esm({
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/AutoField/styles.module.css/#css-module-data
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/AutoField/styles.module.css/#css-module-data
 var init_css_module_data2 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/AutoField/styles.module.css/#css-module-data"() {
+  "css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/AutoField/styles.module.css/#css-module-data"() {
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/AutoField/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/AutoField/styles.module.css#css-module
 var styles_module_default2;
 var init_styles_module2 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/AutoField/styles.module.css#css-module"() {
+  "css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/AutoField/styles.module.css#css-module"() {
     "use strict";
     init_react_import();
     init_css_module_data2();
@@ -4145,6 +4147,7 @@ var init_SelectField = __esm({
             "select",
             {
               id,
+              "aria-label": label || name,
               title: label || name,
               className: getClassName4("input"),
               disabled: readOnly,
@@ -4168,16 +4171,16 @@ var init_SelectField = __esm({
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/ExternalInput/styles.module.css/#css-module-data
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/ExternalInput/styles.module.css/#css-module-data
 var init_css_module_data3 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/ExternalInput/styles.module.css/#css-module-data"() {
+  "css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/ExternalInput/styles.module.css/#css-module-data"() {
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/ExternalInput/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/ExternalInput/styles.module.css#css-module
 var styles_module_default3;
 var init_styles_module3 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/ExternalInput/styles.module.css#css-module"() {
+  "css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/ExternalInput/styles.module.css#css-module"() {
     "use strict";
     init_react_import();
     init_css_module_data3();
@@ -4185,16 +4188,16 @@ var init_styles_module3 = __esm({
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Modal/styles.module.css/#css-module-data
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/Modal/styles.module.css/#css-module-data
 var init_css_module_data4 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Modal/styles.module.css/#css-module-data"() {
+  "css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/Modal/styles.module.css/#css-module-data"() {
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Modal/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/Modal/styles.module.css#css-module
 var styles_module_default4;
 var init_styles_module4 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Modal/styles.module.css#css-module"() {
+  "css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/Modal/styles.module.css#css-module"() {
     "use strict";
     init_react_import();
     init_css_module_data4();
@@ -4253,16 +4256,16 @@ var init_Modal = __esm({
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Heading/styles.module.css/#css-module-data
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/Heading/styles.module.css/#css-module-data
 var init_css_module_data5 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Heading/styles.module.css/#css-module-data"() {
+  "css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/Heading/styles.module.css/#css-module-data"() {
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Heading/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/Heading/styles.module.css#css-module
 var styles_module_default5;
 var init_styles_module5 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Heading/styles.module.css#css-module"() {
+  "css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/Heading/styles.module.css#css-module"() {
     "use strict";
     init_react_import();
     init_css_module_data5();
@@ -4542,16 +4545,16 @@ var init_lib = __esm({
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Loader/styles.module.css/#css-module-data
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/Loader/styles.module.css/#css-module-data
 var init_css_module_data6 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Loader/styles.module.css/#css-module-data"() {
+  "css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/Loader/styles.module.css/#css-module-data"() {
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Loader/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/Loader/styles.module.css#css-module
 var styles_module_default6;
 var init_styles_module6 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Loader/styles.module.css#css-module"() {
+  "css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/Loader/styles.module.css#css-module"() {
     "use strict";
     init_react_import();
     init_css_module_data6();
@@ -4591,16 +4594,16 @@ var init_Loader = __esm({
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Button/Button.module.css/#css-module-data
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/Button/Button.module.css/#css-module-data
 var init_css_module_data7 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Button/Button.module.css/#css-module-data"() {
+  "css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/Button/Button.module.css/#css-module-data"() {
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Button/Button.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/Button/Button.module.css#css-module
 var Button_module_default;
 var init_Button_module = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Button/Button.module.css#css-module"() {
+  "css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/Button/Button.module.css#css-module"() {
     "use strict";
     init_react_import();
     init_css_module_data7();
@@ -4627,6 +4630,22 @@ var init_filter_data_attrs = __esm({
   }
 });
 
+// lib/sanitize-href.ts
+function sanitizeHref(href) {
+  if (!href) return href;
+  const strippedHref = href.replace(/[\u0000-\u001F\u007F-\u009F\s]/g, "").toLowerCase();
+  if (strippedHref.startsWith("javascript:") || strippedHref.startsWith("data:") || strippedHref.startsWith("vbscript:")) {
+    return "#";
+  }
+  return href;
+}
+var init_sanitize_href = __esm({
+  "lib/sanitize-href.ts"() {
+    "use strict";
+    init_react_import();
+  }
+});
+
 // components/Button/Button.tsx
 var import_react16, import_jsx_runtime10, getClassName8, Button;
 var init_Button = __esm({
@@ -4639,6 +4658,7 @@ var init_Button = __esm({
     init_get_class_name_factory();
     init_Loader();
     init_filter_data_attrs();
+    init_sanitize_href();
     import_jsx_runtime10 = require("react/jsx-runtime");
     getClassName8 = get_class_name_factory_default("Button", Button_module_default);
     Button = ({
@@ -4658,7 +4678,7 @@ var init_Button = __esm({
     }) => {
       const [loading, setLoading] = (0, import_react16.useState)(loadingProp);
       (0, import_react16.useEffect)(() => setLoading(loadingProp), [loadingProp]);
-      const safeHref = href && href.trim().toLowerCase().startsWith("javascript:") ? "#" : href;
+      const safeHref = sanitizeHref(href);
       const ElementType = safeHref ? "a" : type ? "button" : "span";
       const dataAttrs = filterDataAttrs(props);
       const el = /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
@@ -4706,16 +4726,16 @@ var init_Button2 = __esm({
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/IconButton/IconButton.module.css/#css-module-data
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/IconButton/IconButton.module.css/#css-module-data
 var init_css_module_data8 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/IconButton/IconButton.module.css/#css-module-data"() {
+  "css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/IconButton/IconButton.module.css/#css-module-data"() {
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/IconButton/IconButton.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/IconButton/IconButton.module.css#css-module
 var IconButton_module_default;
 var init_IconButton_module = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/IconButton/IconButton.module.css#css-module"() {
+  "css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/IconButton/IconButton.module.css#css-module"() {
     "use strict";
     init_react_import();
     init_css_module_data8();
@@ -4733,6 +4753,7 @@ var init_IconButton = __esm({
     init_IconButton_module();
     init_get_class_name_factory();
     init_Loader();
+    init_sanitize_href();
     import_jsx_runtime11 = require("react/jsx-runtime");
     getClassName9 = get_class_name_factory_default("IconButton", IconButton_module_default);
     IconButton = ({
@@ -4749,7 +4770,7 @@ var init_IconButton = __esm({
       suppressHydrationWarning
     }) => {
       const [loading, setLoading] = (0, import_react17.useState)(false);
-      const safeHref = href && href.trim().toLowerCase().startsWith("javascript:") ? "#" : href;
+      const safeHref = sanitizeHref(href);
       const ElementType = safeHref ? "a" : "button";
       const el = /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
         ElementType,
@@ -5273,16 +5294,36 @@ var init_TextareaField = __esm({
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/RichTextMenu/styles.module.css/#css-module-data
+// lib/dompurify.ts
+var import_isomorphic_dompurify, dompurify_default;
+var init_dompurify = __esm({
+  "lib/dompurify.ts"() {
+    "use strict";
+    init_react_import();
+    import_isomorphic_dompurify = __toESM(require("isomorphic-dompurify"));
+    import_isomorphic_dompurify.default.addHook("afterSanitizeAttributes", function(node) {
+      if ("target" in node && node.getAttribute("target") === "_blank") {
+        const existingRel = node.getAttribute("rel") || "";
+        const rels = new Set(existingRel.split(" ").filter(Boolean));
+        rels.add("noopener");
+        rels.add("noreferrer");
+        node.setAttribute("rel", Array.from(rels).join(" "));
+      }
+    });
+    dompurify_default = import_isomorphic_dompurify.default;
+  }
+});
+
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/RichTextMenu/styles.module.css/#css-module-data
 var init_css_module_data9 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/RichTextMenu/styles.module.css/#css-module-data"() {
+  "css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/RichTextMenu/styles.module.css/#css-module-data"() {
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/RichTextMenu/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/RichTextMenu/styles.module.css#css-module
 var styles_module_default7;
 var init_styles_module7 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/RichTextMenu/styles.module.css#css-module"() {
+  "css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/RichTextMenu/styles.module.css#css-module"() {
     "use strict";
     init_react_import();
     init_css_module_data9();
@@ -5290,16 +5331,16 @@ var init_styles_module7 = __esm({
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/RichTextMenu/components/Control/styles.module.css/#css-module-data
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/RichTextMenu/components/Control/styles.module.css/#css-module-data
 var init_css_module_data10 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/RichTextMenu/components/Control/styles.module.css/#css-module-data"() {
+  "css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/RichTextMenu/components/Control/styles.module.css/#css-module-data"() {
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/RichTextMenu/components/Control/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/RichTextMenu/components/Control/styles.module.css#css-module
 var styles_module_default8;
 var init_styles_module8 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/RichTextMenu/components/Control/styles.module.css#css-module"() {
+  "css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/RichTextMenu/components/Control/styles.module.css#css-module"() {
     "use strict";
     init_react_import();
     init_css_module_data10();
@@ -5484,16 +5525,16 @@ var init_AlignJustify = __esm({
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Select/styles.module.css/#css-module-data
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/Select/styles.module.css/#css-module-data
 var init_css_module_data11 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Select/styles.module.css/#css-module-data"() {
+  "css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/Select/styles.module.css/#css-module-data"() {
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Select/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/Select/styles.module.css#css-module
 var styles_module_default9;
 var init_styles_module9 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Select/styles.module.css#css-module"() {
+  "css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/Select/styles.module.css#css-module"() {
     "use strict";
     init_react_import();
     init_css_module_data11();
@@ -5529,7 +5570,9 @@ var init_Select = __esm({
       value,
       defaultValue,
       mode,
-      disabled = false
+      disabled = false,
+      title,
+      ariaLabel
     }) => {
       const [open, setOpen] = (0, import_react22.useState)(false);
       const hasOptions = options.length > 0;
@@ -5545,13 +5588,30 @@ var init_Select = __esm({
             disabled: isDisabled
           }),
           children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react_popover.Popover, { open, onOpenChange: setOpen, children: [
-            hasOptions ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_popover.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("button", { type: "button", className: getClassName14("button"), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: getClassName14("buttonIcon"), children }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ChevronDown, { size: 12 })
-            ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: getClassName14("button"), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: getClassName14("buttonIcon"), children }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ChevronDown, { size: 12 })
-            ] }) }),
+            hasOptions ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_popover.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+              "button",
+              {
+                type: "button",
+                className: getClassName14("button"),
+                title,
+                "aria-label": ariaLabel || title,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: getClassName14("buttonIcon"), children }),
+                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ChevronDown, { size: 12 })
+                ]
+              }
+            ) }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+              "div",
+              {
+                className: getClassName14("button"),
+                title,
+                "aria-label": ariaLabel || title,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: getClassName14("buttonIcon"), children }),
+                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ChevronDown, { size: 12 })
+                ]
+              }
+            ) }),
             options.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_popover.PopoverPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_popover.PopoverContent, { align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("ul", { className: getClassName14("items"), "data-credbuild-rte-menu": true, children: options.map((option) => {
               const Icon2 = option.icon;
               return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
@@ -5582,7 +5642,8 @@ function SelectControl({
   onChange,
   options,
   value,
-  defaultValue
+  defaultValue,
+  title
 }) {
   const { inline, readOnly } = useControlContext();
   const optionsByValue = (0, import_react23.useMemo)(
@@ -5602,6 +5663,7 @@ function SelectControl({
       defaultValue,
       mode: inline ? "actionBar" : "standalone",
       disabled: readOnly,
+      title,
       children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Node2, {})
     }
   );
@@ -5679,7 +5741,8 @@ function AlignSelectFallback() {
       },
       value: "left",
       defaultValue: "left",
-      renderDefaultIcon: TextAlignStart
+      renderDefaultIcon: TextAlignStart,
+      title: "Text alignment"
     }
   );
 }
@@ -5729,7 +5792,8 @@ function AlignSelectLoaded() {
       onChange: handleChange,
       value: currentValue,
       defaultValue: "left",
-      renderDefaultIcon: TextAlignStart
+      renderDefaultIcon: TextAlignStart,
+      title: "Text alignment"
     }
   );
 }
@@ -6123,7 +6187,8 @@ function HeadingSelectFallback() {
       },
       value: "p",
       defaultValue: "p",
-      renderDefaultIcon: Heading
+      renderDefaultIcon: Heading,
+      title: "Heading level"
     }
   );
 }
@@ -6177,7 +6242,8 @@ function HeadingSelectLoaded() {
       onChange: handleChange,
       value: currentValue ?? "p",
       defaultValue: "p",
-      renderDefaultIcon: Heading
+      renderDefaultIcon: Heading,
+      title: "Heading level"
     }
   );
 }
@@ -6256,7 +6322,8 @@ function ListSelectFallback() {
       },
       value: "p",
       defaultValue: "p",
-      renderDefaultIcon: List
+      renderDefaultIcon: List,
+      title: "List style"
     }
   );
 }
@@ -6307,7 +6374,8 @@ function ListSelectLoaded() {
       onChange: handleChange,
       value: currentValue ?? "p",
       defaultValue: "p",
-      renderDefaultIcon: List
+      renderDefaultIcon: List,
+      title: "List style"
     }
   );
 }
@@ -6459,16 +6527,16 @@ var init_inner = __esm({
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/RichTextEditor/styles.module.css/#css-module-data
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/RichTextEditor/styles.module.css/#css-module-data
 var init_css_module_data12 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/RichTextEditor/styles.module.css/#css-module-data"() {
+  "css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/RichTextEditor/styles.module.css/#css-module-data"() {
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/RichTextEditor/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/RichTextEditor/styles.module.css#css-module
 var styles_module_default10;
 var init_styles_module10 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/RichTextEditor/styles.module.css#css-module"() {
+  "css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/RichTextEditor/styles.module.css#css-module"() {
     "use strict";
     init_react_import();
     init_css_module_data12();
@@ -6556,13 +6624,13 @@ var init_EditorInner = __esm({
 });
 
 // components/RichTextEditor/components/EditorFallback.tsx
-var import_react35, import_isomorphic_dompurify, import_jsx_runtime44, EditorFallback;
+var import_react35, import_jsx_runtime44, EditorFallback;
 var init_EditorFallback = __esm({
   "components/RichTextEditor/components/EditorFallback.tsx"() {
     "use strict";
     init_react_import();
     import_react35 = require("react");
-    import_isomorphic_dompurify = __toESM(require("isomorphic-dompurify"));
+    init_dompurify();
     init_inner();
     init_EditorInner();
     import_jsx_runtime44 = require("react/jsx-runtime");
@@ -6585,7 +6653,7 @@ var init_EditorFallback = __esm({
             "div",
             {
               className: "rich-text",
-              dangerouslySetInnerHTML: { __html: import_isomorphic_dompurify.default.sanitize(props.content) },
+              dangerouslySetInnerHTML: { __html: dompurify_default.sanitize(props.content, { ADD_ATTR: ["target"] }) },
               contentEditable: true
             }
           )
@@ -7056,16 +7124,16 @@ var init_RichtextField = __esm({
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/AutoField/fields/ArrayField/styles.module.css/#css-module-data
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/AutoField/fields/ArrayField/styles.module.css/#css-module-data
 var init_css_module_data13 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/AutoField/fields/ArrayField/styles.module.css/#css-module-data"() {
+  "css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/AutoField/fields/ArrayField/styles.module.css/#css-module-data"() {
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/AutoField/fields/ArrayField/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/AutoField/fields/ArrayField/styles.module.css#css-module
 var styles_module_default11;
 var init_styles_module11 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/AutoField/fields/ArrayField/styles.module.css#css-module"() {
+  "css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/AutoField/fields/ArrayField/styles.module.css#css-module"() {
     "use strict";
     init_react_import();
     init_css_module_data13();
@@ -7073,16 +7141,16 @@ var init_styles_module11 = __esm({
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/DragIcon/styles.module.css/#css-module-data
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/DragIcon/styles.module.css/#css-module-data
 var init_css_module_data14 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/DragIcon/styles.module.css/#css-module-data"() {
+  "css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/DragIcon/styles.module.css/#css-module-data"() {
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/DragIcon/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/DragIcon/styles.module.css#css-module
 var styles_module_default12;
 var init_styles_module12 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/DragIcon/styles.module.css#css-module"() {
+  "css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/DragIcon/styles.module.css#css-module"() {
     "use strict";
     init_react_import();
     init_css_module_data14();
@@ -8065,16 +8133,16 @@ var init_ArrayField = __esm({
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/AutoField/fields/ObjectField/styles.module.css/#css-module-data
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/AutoField/fields/ObjectField/styles.module.css/#css-module-data
 var init_css_module_data15 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/AutoField/fields/ObjectField/styles.module.css/#css-module-data"() {
+  "css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/AutoField/fields/ObjectField/styles.module.css/#css-module-data"() {
   }
 });
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/AutoField/fields/ObjectField/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/AutoField/fields/ObjectField/styles.module.css#css-module
 var styles_module_default13;
 var init_styles_module13 = __esm({
-  "css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/AutoField/fields/ObjectField/styles.module.css#css-module"() {
+  "css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/AutoField/fields/ObjectField/styles.module.css#css-module"() {
     "use strict";
     init_react_import();
     init_css_module_data15();
@@ -8428,17 +8496,17 @@ function RichTextRender({
   const html = (0, import_react66.useMemo)(() => {
     return (0, import_html.generateHTML)(normalized, loadedExtensions);
   }, [normalized, loadedExtensions]);
-  const sanitizedHtml = (0, import_react66.useMemo)(() => import_isomorphic_dompurify3.default.sanitize(html), [html]);
+  const sanitizedHtml = (0, import_react66.useMemo)(() => dompurify_default.sanitize(html, { ADD_ATTR: ["target"] }), [html]);
   return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: getClassName24(), children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "rich-text", dangerouslySetInnerHTML: { __html: sanitizedHtml } }) });
 }
-var import_html, import_react66, import_isomorphic_dompurify3, import_jsx_runtime63, getClassName24;
+var import_html, import_react66, import_jsx_runtime63, getClassName24;
 var init_Render = __esm({
   "components/RichTextEditor/components/Render.tsx"() {
     "use strict";
     init_react_import();
     import_html = require("@tiptap/html");
     import_react66 = require("react");
-    import_isomorphic_dompurify3 = __toESM(require("isomorphic-dompurify"));
+    init_dompurify();
     init_get_class_name_factory();
     init_styles_module10();
     init_extension();
@@ -8667,6 +8735,8 @@ var SliderField = ({
         useUnits && /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
           "select",
           {
+            "aria-label": "Select unit",
+            title: "Select unit",
             value: currentUnit,
             onChange: handleUnitChange,
             className: "cb-select-input",
@@ -8969,7 +9039,7 @@ init_Button2();
 // components/Drawer/index.tsx
 init_react_import();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Drawer/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/Drawer/styles.module.css#css-module
 init_react_import();
 var styles_module_default14 = { "Drawer": "_Drawer_1quh5_1", "Drawer-draggable": "_Drawer-draggable_1quh5_7", "Drawer-draggableBg": "_Drawer-draggableBg_1quh5_11", "DrawerItem-draggable": "_DrawerItem-draggable_1quh5_21", "DrawerItem--disabled": "_DrawerItem--disabled_1quh5_34", "DrawerItem": "_DrawerItem_1quh5_21", "Drawer--isDraggingFrom": "_Drawer--isDraggingFrom_1quh5_43", "DrawerItem-default": "_DrawerItem-default_1quh5_44", "DrawerItem-name": "_DrawerItem-name_1quh5_61" };
 
@@ -9142,13 +9212,13 @@ Drawer.Item = DrawerItem;
 // components/DropZone/index.tsx
 init_react_import();
 var import_react74 = require("react");
-var import_isomorphic_dompurify4 = __toESM(require("isomorphic-dompurify"));
+init_dompurify();
 
 // components/DraggableComponent/index.tsx
 init_react_import();
 var import_react58 = require("react");
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/DraggableComponent/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/DraggableComponent/styles.module.css#css-module
 init_react_import();
 var styles_module_default15 = { "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" };
 
@@ -9888,7 +9958,7 @@ init_setup_zone();
 init_root_droppable_id();
 init_lib();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/DropZone/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/DropZone/styles.module.css#css-module
 init_react_import();
 var styles_module_default16 = { "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" };
 
@@ -10186,7 +10256,7 @@ var import_react67 = require("react");
 
 // components/RichTextEditor/components/RenderFallback.tsx
 init_react_import();
-var import_isomorphic_dompurify2 = __toESM(require("isomorphic-dompurify"));
+init_dompurify();
 init_get_class_name_factory();
 init_styles_module10();
 var import_jsx_runtime62 = require("react/jsx-runtime");
@@ -10196,7 +10266,7 @@ function RichTextRenderFallback({ content }) {
     "div",
     {
       className: "rich-text",
-      dangerouslySetInnerHTML: { __html: import_isomorphic_dompurify2.default.sanitize(content) }
+      dangerouslySetInnerHTML: { __html: dompurify_default.sanitize(content, { ADD_ATTR: ["target"] }) }
     }
   ) });
 }
@@ -10443,7 +10513,7 @@ var registerOverlayPortal = (el, opts = {}) => {
 // components/InlineTextField/index.tsx
 init_store2();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/InlineTextField/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/InlineTextField/styles.module.css#css-module
 init_react_import();
 var styles_module_default17 = { "InlineTextField": "_InlineTextField_104qp_1" };
 
@@ -11019,7 +11089,7 @@ var InsertPreview = ({
   override
 }) => {
   if (element) {
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { dangerouslySetInnerHTML: { __html: import_isomorphic_dompurify4.default.sanitize(element.outerHTML) } });
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { dangerouslySetInnerHTML: { __html: dompurify_default.sanitize(element.outerHTML, { ADD_ATTR: ["target"] }) } });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(DrawerItemInner, { name: label, children: override });
 };
@@ -11486,7 +11556,7 @@ init_AutoField();
 init_store();
 init_store2();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/CredBuild/components/Fields/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/CredBuild/components/Fields/styles.module.css#css-module
 init_react_import();
 var styles_module_default18 = { "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" };
 
@@ -11649,7 +11719,7 @@ var import_react78 = require("react");
 // components/ComponentList/index.tsx
 init_react_import();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/ComponentList/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/ComponentList/styles.module.css#css-module
 init_react_import();
 var styles_module_default19 = { "ComponentList": "_ComponentList_1dcib_1", "ComponentList--isExpanded": "_ComponentList--isExpanded_1dcib_5", "ComponentList-content": "_ComponentList-content_1dcib_9", "ComponentList-title": "_ComponentList-title_1dcib_17", "ComponentList-titleIcon": "_ComponentList-titleIcon_1dcib_53" };
 
@@ -11830,7 +11900,7 @@ init_store2();
 var import_react79 = require("react");
 init_lucide_react();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/CredBuild/components/Components/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/CredBuild/components/Components/styles.module.css#css-module
 init_react_import();
 var styles_module_default20 = { "CredBuildComponents": "_CredBuildComponents_lxrzy_1", "CredBuildComponents-searchContainer": "_CredBuildComponents-searchContainer_lxrzy_7", "CredBuildComponents-searchWrapper": "_CredBuildComponents-searchWrapper_lxrzy_16", "CredBuildComponents-searchInput": "_CredBuildComponents-searchInput_lxrzy_23", "CredBuildComponents-searchIcon": "_CredBuildComponents-searchIcon_lxrzy_42", "CredBuildComponents-clearButton": "_CredBuildComponents-clearButton_lxrzy_54", "CredBuildComponents-listContainer": "_CredBuildComponents-listContainer_lxrzy_74", "CredBuildComponents-noResults": "_CredBuildComponents-noResults_lxrzy_79" };
 
@@ -12227,7 +12297,7 @@ function AutoFrame({
 AutoFrame.displayName = "AutoFrame";
 var AutoFrame_default = AutoFrame;
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/CredBuild/components/Preview/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/CredBuild/components/Preview/styles.module.css#css-module
 init_react_import();
 var styles_module_default21 = { "CredBuildPreview": "_CredBuildPreview_17c6o_1", "CredBuildPreview-frame": "_CredBuildPreview-frame_17c6o_6", "CredBuildPreview-htmlEditor": "_CredBuildPreview-htmlEditor_17c6o_12", "CredBuildPreview-htmlTextarea": "_CredBuildPreview-htmlTextarea_17c6o_23" };
 
@@ -12394,8 +12464,13 @@ function Render({
   };
   const rootProps = "props" in defaultedData.root ? defaultedData.root.props : defaultedData.root;
   const title = rootProps?.title || "";
+  const renderContextValue = (0, import_react82.useMemo)(() => ({
+    config,
+    data: defaultedData,
+    metadata
+  }), [config, defaultedData, metadata]);
   if (rootProps?.mode === "html") {
-    return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(renderContext.Provider, { value: { config, data: defaultedData, metadata }, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(HtmlModeRender, { htmlCode: rootProps.htmlCode, isEditing: false }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(renderContext.Provider, { value: renderContextValue, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(HtmlModeRender, { htmlCode: rootProps.htmlCode, isEditing: false }) });
   }
   const pageProps = {
     ...rootProps,
@@ -12423,9 +12498,9 @@ function Render({
     []
   );
   if (config.root?.render) {
-    return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(renderContext.Provider, { value: { config, data: defaultedData, metadata }, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(DropZoneProvider, { value: nextContextValue, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(config.root.render, { ...propsWithSlots, ...richtextProps, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(DropZoneRenderPure, { zone: rootZone }) }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(renderContext.Provider, { value: renderContextValue, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(DropZoneProvider, { value: nextContextValue, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(config.root.render, { ...propsWithSlots, ...richtextProps, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(DropZoneRenderPure, { zone: rootZone }) }) }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(renderContext.Provider, { value: { config, data: defaultedData, metadata }, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(DropZoneProvider, { value: nextContextValue, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(DropZoneRenderPure, { zone: rootZone }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(renderContext.Provider, { value: renderContextValue, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(DropZoneProvider, { value: nextContextValue, children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(DropZoneRenderPure, { zone: rootZone }) }) });
 }
 
 // lib/bubble-pointer-event.ts
@@ -12709,7 +12784,7 @@ init_react_import();
 // components/LayerTree/index.tsx
 init_react_import();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/LayerTree/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/LayerTree/styles.module.css#css-module
 init_react_import();
 var styles_module_default22 = { "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" };
 
@@ -12728,6 +12803,7 @@ var DEFAULT_LAYER_ROW_HEIGHT = 32;
 var LAYER_TREE_VIRTUALIZATION_OVERSCAN = 8;
 var MIN_VIRTUALIZED_LAYER_COUNT = 25;
 var measuredRowHeights = /* @__PURE__ */ new Map();
+var DragContext = (0, import_react84.createContext)(null);
 var getZonesByParent = (zones) => {
   return Object.keys(zones).reduce((acc, zone) => {
     const [parentId] = zone.split(":");
@@ -12830,7 +12906,9 @@ var Layer = (0, import_react84.memo)((0, import_react84.forwardRef)(function Lay
   selectedPathIds
 }, ref) {
   const dispatch = useAppStore((s) => s.dispatch);
+  const appStoreApi = useAppStoreApi();
   const zoneStore = (0, import_react84.useContext)(ZoneStoreContext);
+  const dragCtx = (0, import_react84.useContext)(DragContext);
   const isHovering = useContextStore(
     ZoneStoreContext,
     (s) => s.hoveringComponent === node.itemId
@@ -12869,12 +12947,98 @@ var Layer = (0, import_react84.memo)((0, import_react84.forwardRef)(function Lay
       }),
       "data-index": dataIndex,
       "data-credbuild-layer-tree-id": node.itemId,
+      draggable: true,
+      onDragStart: (e) => {
+        dragCtx?.setDraggedItem({
+          itemId: node.itemId,
+          index: node.index,
+          zoneCompound: node.zoneCompound
+        });
+        e.dataTransfer.effectAllowed = "move";
+      },
+      onDragOver: (e) => {
+        e.preventDefault();
+        if (!dragCtx || !dragCtx.draggedItem || dragCtx.draggedItem.itemId === node.itemId) return;
+        const targetNodeIndex = appStoreApi.getState().state.indexes.nodes[node.itemId];
+        if (targetNodeIndex?.path.some((p) => p.split(":")[0] === dragCtx.draggedItem?.itemId)) {
+          return;
+        }
+        const rect = e.currentTarget.getBoundingClientRect();
+        const hoverClientY = e.clientY - rect.top;
+        const threshold = rect.height / 2;
+        const position = hoverClientY < threshold ? "before" : "after";
+        dragCtx.setHoveredItemId(node.itemId);
+        dragCtx.setHoverPosition(position);
+      },
+      onDragLeave: () => {
+        if (dragCtx?.hoveredItemId === node.itemId) {
+          dragCtx.setHoveredItemId(null);
+          dragCtx.setHoverPosition(null);
+        }
+      },
+      onDrop: (e) => {
+        e.preventDefault();
+        if (!dragCtx || !dragCtx.draggedItem || dragCtx.draggedItem.itemId === node.itemId) return;
+        let destIndex = node.index;
+        if (dragCtx.draggedItem.zoneCompound === node.zoneCompound) {
+          if (dragCtx.hoverPosition === "before") {
+            destIndex = dragCtx.draggedItem.index > node.index ? node.index : node.index - 1;
+          } else {
+            destIndex = dragCtx.draggedItem.index > node.index ? node.index + 1 : node.index;
+          }
+        } else {
+          destIndex = dragCtx.hoverPosition === "before" ? node.index : node.index + 1;
+        }
+        dispatch({
+          type: "move",
+          sourceIndex: dragCtx.draggedItem.index,
+          sourceZone: dragCtx.draggedItem.zoneCompound,
+          destinationIndex: destIndex,
+          destinationZone: node.zoneCompound
+        });
+        dispatch({
+          type: "setUi",
+          ui: {
+            itemSelector: {
+              index: destIndex,
+              zone: node.zoneCompound
+            }
+          }
+        });
+        dragCtx.setDraggedItem(null);
+        dragCtx.setHoveredItemId(null);
+        dragCtx.setHoverPosition(null);
+      },
+      onDragEnd: () => {
+        dragCtx?.setDraggedItem(null);
+        dragCtx?.setHoveredItemId(null);
+        dragCtx?.setHoverPosition(null);
+      },
+      style: {
+        opacity: dragCtx?.draggedItem?.itemId === node.itemId ? 0.4 : 1,
+        position: "relative"
+      },
       children: [
+        dragCtx?.hoveredItemId === node.itemId && dragCtx?.hoverPosition && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              left: 0,
+              right: 0,
+              height: "2px",
+              background: "linear-gradient(to right, var(--cb-gold, #d4af37), #f3e5ab)",
+              zIndex: 10,
+              ...dragCtx.hoverPosition === "before" ? { top: 0 } : { bottom: 0 }
+            }
+          }
+        ),
         /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: getClassNameLayer("inner"), children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
           "button",
           {
             type: "button",
             className: getClassNameLayer("clickable"),
+            "aria-expanded": containsZone ? shouldRenderChildren : void 0,
             onClick: () => {
               if (isSelected) {
                 setItemSelector(null);
@@ -13067,7 +13231,18 @@ var LayerTree = (0, import_react84.memo)(({
   selectedPathIds,
   trees
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_jsx_runtime81.Fragment, { children: trees.map((tree) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+  const [draggedItem, setDraggedItem] = (0, import_react84.useState)(null);
+  const [hoveredItemId, setHoveredItemId] = (0, import_react84.useState)(null);
+  const [hoverPosition, setHoverPosition] = (0, import_react84.useState)(null);
+  const dragContextValue = (0, import_react84.useMemo)(() => ({
+    draggedItem,
+    setDraggedItem,
+    hoveredItemId,
+    setHoveredItemId,
+    hoverPosition,
+    setHoverPosition
+  }), [draggedItem, hoveredItemId, hoverPosition]);
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(DragContext.Provider, { value: dragContextValue, children: trees.map((tree) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
     LayerTreeZone,
     {
       depth: 0,
@@ -13103,12 +13278,12 @@ var Outline = (0, import_react85.memo)(() => {
   const rootZones = useAppStore(
     (0, import_shallow8.useShallow)((s) => findZonesForArea(s.state, "root"))
   );
+  const selectedPath = selectedId ? nodes[selectedId]?.path : null;
   const selectedPathIds = (0, import_react85.useMemo)(() => {
-    const selectedPath = selectedId ? nodes[selectedId]?.path : null;
     return new Set(
       selectedPath?.map((candidate) => candidate.split(":")[0]).filter(Boolean) || []
     );
-  }, [nodes, selectedId]);
+  }, [selectedPath]);
   const trees = (0, import_react85.useMemo)(
     () => rootZones.map(
       (zoneCompound) => buildLayerTree({
@@ -13379,7 +13554,7 @@ function PropsProvider(props) {
 }
 var usePropsContext = () => (0, import_react88.useContext)(propsContext);
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/CredBuild/components/Layout/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/CredBuild/components/Layout/styles.module.css#css-module
 init_react_import();
 var styles_module_default23 = { "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" };
 
@@ -14227,7 +14402,7 @@ init_lucide_react();
 init_IconButton();
 init_get_class_name_factory();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/MenuBar/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/MenuBar/styles.module.css#css-module
 init_react_import();
 var styles_module_default24 = { "MenuBar": "_MenuBar_1m2ld_1", "MenuBar--menuOpen": "_MenuBar--menuOpen_1m2ld_14", "MenuBar-inner": "_MenuBar-inner_1m2ld_29", "MenuBar-history": "_MenuBar-history_1m2ld_45" };
 
@@ -14298,7 +14473,7 @@ init_store2();
 var import_react93 = require("react");
 init_lib();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/ViewportControls/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/ViewportControls/styles.module.css#css-module
 init_react_import();
 var styles_module_default25 = { "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" };
 
@@ -14431,6 +14606,8 @@ var ViewportControls = ({
             /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
               "select",
               {
+                "aria-label": "Zoom level",
+                title: "Zoom level",
                 className: getClassName33("zoomSelect"),
                 value: zoom.toString(),
                 onClick: (e) => {
@@ -14454,8 +14631,10 @@ var ViewportControls = ({
         /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
           "button",
           {
+            type: "button",
             className: getClassName33("toggleButton"),
             title: "Toggle viewport menu",
+            "aria-label": "Toggle viewport menu",
             "aria-expanded": isExpanded,
             onClick: () => setIsExpanded((s) => !s),
             children: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(X, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Monitor, { size: 16 })
@@ -14494,7 +14673,7 @@ var useCanvasFrame = () => {
   return context;
 };
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/CredBuild/components/Header/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/CredBuild/components/Header/styles.module.css#css-module
 init_react_import();
 var styles_module_default26 = { "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" };
 
@@ -14748,6 +14927,7 @@ var HeaderInner = ({
                     {
                       type: "button",
                       onClick: () => handleSetViewMode("code"),
+                      "aria-pressed": htmlViewMode === "code",
                       style: {
                         display: "flex",
                         alignItems: "center",
@@ -14775,6 +14955,7 @@ var HeaderInner = ({
                     {
                       type: "button",
                       onClick: () => handleSetViewMode("preview"),
+                      "aria-pressed": htmlViewMode === "preview",
                       style: {
                         display: "flex",
                         alignItems: "center",
@@ -14895,7 +15076,7 @@ var Header = (0, import_react95.memo)(HeaderInner);
 // components/SidebarSection/index.tsx
 init_react_import();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/SidebarSection/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/SidebarSection/styles.module.css#css-module
 init_react_import();
 var styles_module_default27 = { "SidebarSection": "_SidebarSection_bv89x_1", "SidebarSection-title": "_SidebarSection-title_bv89x_12", "SidebarSection--noBorderTop": "_SidebarSection--noBorderTop_bv89x_37", "SidebarSection-content": "_SidebarSection-content_bv89x_41", "SidebarSection-breadcrumbLabel": "_SidebarSection-breadcrumbLabel_bv89x_50", "SidebarSection-breadcrumbs": "_SidebarSection-breadcrumbs_bv89x_79", "SidebarSection-breadcrumb": "_SidebarSection-breadcrumb_bv89x_50", "SidebarSection-heading": "_SidebarSection-heading_bv89x_91", "SidebarSection-loadingOverlay": "_SidebarSection-loadingOverlay_bv89x_95" };
 
@@ -14907,7 +15088,7 @@ init_Loader();
 // components/Breadcrumbs/index.tsx
 init_react_import();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/Breadcrumbs/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/Breadcrumbs/styles.module.css#css-module
 init_react_import();
 var styles_module_default28 = { "Breadcrumbs": "_Breadcrumbs_1e0gb_1", "Breadcrumbs-breadcrumbLabel": "_Breadcrumbs-breadcrumbLabel_1e0gb_7", "Breadcrumbs-breadcrumb": "_Breadcrumbs-breadcrumb_1e0gb_7" };
 
@@ -15007,7 +15188,7 @@ init_css_box_model_esm();
 var import_react97 = require("react");
 init_store2();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/CredBuild/components/Canvas/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/CredBuild/components/Canvas/styles.module.css#css-module
 init_react_import();
 var styles_module_default29 = { "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" };
 
@@ -15392,7 +15573,7 @@ init_react_import();
 var import_react99 = require("react");
 init_get_class_name_factory();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/CredBuild/components/ResizeHandle/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/CredBuild/components/ResizeHandle/styles.module.css#css-module
 init_react_import();
 var styles_module_default30 = { "ResizeHandle": "_ResizeHandle_144bf_2", "ResizeHandle--left": "_ResizeHandle--left_144bf_16", "ResizeHandle--right": "_ResizeHandle--right_144bf_20" };
 
@@ -15468,7 +15649,7 @@ var ResizeHandle = ({
 // components/CredBuild/components/Sidebar/index.tsx
 init_get_class_name_factory();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/CredBuild/components/Sidebar/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/CredBuild/components/Sidebar/styles.module.css#css-module
 init_react_import();
 var styles_module_default31 = { "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" };
 
@@ -15568,7 +15749,7 @@ var useDeleteHotkeys = () => {
 // components/CredBuild/components/Nav/index.tsx
 init_react_import();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/components/CredBuild/components/Nav/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/components/CredBuild/components/Nav/styles.module.css#css-module
 init_react_import();
 var styles_module_default32 = { "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" };
 
@@ -15615,7 +15796,7 @@ init_lucide_react();
 init_react_import();
 init_lucide_react();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/plugins/blocks/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/plugins/blocks/styles.module.css#css-module
 init_react_import();
 var styles_module_default33 = { "BlocksPlugin": "_BlocksPlugin_1q0b2_1" };
 
@@ -15634,7 +15815,7 @@ var blocksPlugin = () => ({
 init_react_import();
 init_lucide_react();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/plugins/outline/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/plugins/outline/styles.module.css#css-module
 init_react_import();
 var styles_module_default34 = { "OutlinePlugin": "_OutlinePlugin_q92j6_1" };
 
@@ -15654,7 +15835,7 @@ init_react_import();
 init_lucide_react();
 init_store2();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/plugins/fields/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/plugins/fields/styles.module.css#css-module
 init_react_import();
 var styles_module_default35 = { "FieldsPlugin": "_FieldsPlugin_6as57_1", "FieldsPlugin-header": "_FieldsPlugin-header_6as57_7" };
 
@@ -15691,7 +15872,7 @@ init_store2();
 init_lucide_react();
 init_get_class_name_factory();
 
-// css-module:/media/rasyiqi/PROJECT/credibuild-project/credbuild/plugins/code/styles.module.css#css-module
+// css-module:/home/rasyiqi/PROJECT/Credbuild/credbuild/plugins/code/styles.module.css#css-module
 init_react_import();
 var styles_module_default36 = { "CodePlugin": "_CodePlugin_77s8n_1", "CodePanel": "_CodePanel_77s8n_9", "CodePanel-title": "_CodePanel-title_77s8n_18", "CodePanel-textarea": "_CodePanel-textarea_77s8n_27", "CodePanel-optionsSection": "_CodePanel-optionsSection_77s8n_49", "CodePanel-optionTitle": "_CodePanel-optionTitle_77s8n_53", "CodePanel-radioGroup": "_CodePanel-radioGroup_77s8n_62", "CodePanel-radioLabel": "_CodePanel-radioLabel_77s8n_68", "CodePanel-radioInput": "_CodePanel-radioInput_77s8n_77", "CodePanel-button": "_CodePanel-button_77s8n_87", "CodePanel-error": "_CodePanel-error_77s8n_120", "CodePanel-success": "_CodePanel-success_77s8n_131", "CodePanel-promptSection": "_CodePanel-promptSection_77s8n_142", "CodePanel-promptHeader": "_CodePanel-promptHeader_77s8n_148", "CodePanel-promptText": "_CodePanel-promptText_77s8n_155", "CodePanel-copyBtn": "_CodePanel-copyBtn_77s8n_169", "CodePanel-copyBtn--copied": "_CodePanel-copyBtn--copied_77s8n_193" };