@deriv-web-design/ui 0.0.6 → 0.0.7

package/dist/index.mjs

@@ -2352,9 +2352,9 @@ var DropdownPanel = ({ item, onMouseEnter, onMouseLeave }) => {
       onMouseEnter,
       onMouseLeave,
       children: /* @__PURE__ */ jsxs22("div", { className: "navbar__dropdown-inner", children: [
-        /* @__PURE__ */ jsx23("div", { className: "navbar__dropdown-left", children: dropdown.columns.map((col) => /* @__PURE__ */ jsx23("div", { className: "navbar__dropdown-col", children: /* @__PURE__ */ jsxs22("div", { className: "navbar__dropdown-col-list", children: [
-          /* @__PURE__ */ jsx23("p", { className: "navbar__dropdown-col-title", children: col.title }),
-          col.items.map((link) => /* @__PURE__ */ jsxs22(
+        /* @__PURE__ */ jsx23("div", { className: "navbar__dropdown-left", children: dropdown.columns.map((col, colIdx) => /* @__PURE__ */ jsx23("div", { className: "navbar__dropdown-col", children: col.sections.map((section) => /* @__PURE__ */ jsxs22("div", { className: "navbar__dropdown-col-list", children: [
+          /* @__PURE__ */ jsx23("p", { className: "navbar__dropdown-col-title", children: section.title }),
+          section.items.map((link) => /* @__PURE__ */ jsxs22(
             "a",
             {
               href: link.href,
@@ -2368,7 +2368,7 @@ var DropdownPanel = ({ item, onMouseEnter, onMouseLeave }) => {
             },
             link.href
           ))
-        ] }) }, col.title)) }),
+        ] }, section.title)) }, colIdx)) }),
         dropdown.feature && /* @__PURE__ */ jsx23("div", { className: "navbar__dropdown-right", children: /* @__PURE__ */ jsx23(FeatureCard, { feature: dropdown.feature }) })
       ] })
     }
@@ -2435,24 +2435,20 @@ var DrawerAccordion = ({ item, isOpen, onToggle }) => {
         exit: "hidden",
         transition: { duration: 0.22, ease: EASE_OUT_EXPO },
         children: /* @__PURE__ */ jsxs22("div", { className: "navbar__drawer-panel-inner", children: [
-          /* @__PURE__ */ jsx23("div", { className: "navbar__drawer-panel-cols", children: [0, 1].map((colIdx) => {
-            const colItems = dropdown.columns.filter((_, i) => i % 2 === colIdx);
-            if (colItems.length === 0) return null;
-            return /* @__PURE__ */ jsx23("div", { className: "navbar__drawer-panel-col", children: colItems.map((col) => /* @__PURE__ */ jsxs22("div", { className: "navbar__drawer-col-section", children: [
-              /* @__PURE__ */ jsx23("p", { className: "navbar__drawer-col-title", children: col.title }),
-              /* @__PURE__ */ jsx23("div", { className: "navbar__drawer-col-links", children: col.items.map((link) => /* @__PURE__ */ jsx23(
-                "a",
-                {
-                  href: link.href,
-                  className: "navbar__drawer-link",
-                  target: link.external ? "_blank" : void 0,
-                  rel: link.external ? "noopener noreferrer" : void 0,
-                  children: link.label
-                },
-                link.href
-              )) })
-            ] }, col.title)) }, colIdx);
-          }) }),
+          /* @__PURE__ */ jsx23("div", { className: "navbar__drawer-panel-cols", children: dropdown.columns.map((col, colIdx) => /* @__PURE__ */ jsx23("div", { className: "navbar__drawer-panel-col", children: col.sections.map((section) => /* @__PURE__ */ jsxs22("div", { className: "navbar__drawer-col-section", children: [
+            /* @__PURE__ */ jsx23("p", { className: "navbar__drawer-col-title", children: section.title }),
+            /* @__PURE__ */ jsx23("div", { className: "navbar__drawer-col-links", children: section.items.map((link) => /* @__PURE__ */ jsx23(
+              "a",
+              {
+                href: link.href,
+                className: "navbar__drawer-link",
+                target: link.external ? "_blank" : void 0,
+                rel: link.external ? "noopener noreferrer" : void 0,
+                children: link.label
+              },
+              link.href
+            )) })
+          ] }, section.title)) }, colIdx)) }),
           dropdown.feature && /* @__PURE__ */ jsx23(FeatureCard, { feature: dropdown.feature, mobile: true })
         ] })
       }
@@ -2594,7 +2590,7 @@ var Navbar = ({
               onMouseEnter: clearHoverTimeout,
               onMouseLeave: handleNavLeave
             },
-            openDropdown
+            "dropdown"
           ) }),
           /* @__PURE__ */ jsxs22("div", { className: "navbar__actions", children: [
             loginHref && /* @__PURE__ */ jsx23("a", { href: loginHref, className: "navbar__actions-login", children: /* @__PURE__ */ jsx23(