@octaviaflow/core 3.0.13 → 3.0.14

package/dist/index.js

@@ -11575,14 +11575,22 @@ function ExpandedLayout({
   pinned,
   onPinToggle
 }) {
+  const hasFooterControl = Boolean(onPinToggle || onToggle);
   return /* @__PURE__ */ jsxs68(Fragment16, { children: [
-    /* @__PURE__ */ jsxs68("div", { className: "ods-sidebar__header", children: [
+    (logo || brand) && /* @__PURE__ */ jsxs68("div", { className: "ods-sidebar__header", children: [
       logo && /* @__PURE__ */ jsx69("div", { className: "ods-sidebar__logo", children: logo }),
       brand && /* @__PURE__ */ jsxs68("div", { className: "ods-sidebar__brand", children: [
         /* @__PURE__ */ jsx69("span", { className: "ods-sidebar__brand-name", children: brand.name }),
         brand.subtitle && /* @__PURE__ */ jsx69("span", { className: "ods-sidebar__brand-sub", children: brand.subtitle })
-      ] }),
-      onPinToggle && /* @__PURE__ */ jsx69(
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx69("div", { className: "ods-sidebar__body", children: sections.map((section, sIdx) => /* @__PURE__ */ jsxs68("div", { className: "ods-sidebar__section", children: [
+      section.label && /* @__PURE__ */ jsx69("div", { className: "ods-sidebar__section-label", children: section.label }),
+      section.items.map((item) => /* @__PURE__ */ jsx69(ExpandedItem, { item, level: 0 }, item.id))
+    ] }, section.id ?? sIdx)) }),
+    (footerItems || user || hasFooterControl) && /* @__PURE__ */ jsxs68("div", { className: "ods-sidebar__footer", children: [
+      footerItems && footerItems.length > 0 && /* @__PURE__ */ jsx69("div", { className: "ods-sidebar__footer-list", children: footerItems.map((item) => /* @__PURE__ */ jsx69(ExpandedItem, { item, level: 0 }, item.id)) }),
+      hasFooterControl && /* @__PURE__ */ jsx69("div", { className: "ods-sidebar__footer-control", children: onPinToggle ? /* @__PURE__ */ jsxs68(
         "button",
         {
           type: "button",
@@ -11590,48 +11598,57 @@ function ExpandedLayout({
           onClick: onPinToggle,
           "aria-label": pinned ? "Unpin sidebar" : "Pin sidebar",
           "aria-pressed": pinned,
-          children: /* @__PURE__ */ jsx69("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx69(
-            "path",
-            {
-              d: "M5.5 1h3v3l2 3h-3v3l-1.5 2L4.5 10V7h-3l2-3V1z",
-              stroke: "currentColor",
-              strokeWidth: "1.3",
-              strokeLinejoin: "round",
-              fill: pinned ? "currentColor" : "none"
-            }
-          ) })
+          children: [
+            /* @__PURE__ */ jsx69(PinIcon, { pinned: !!pinned }),
+            /* @__PURE__ */ jsx69("span", { className: "ods-sidebar__pin-label", children: pinned ? "Unpin" : "Pin sidebar" })
+          ]
         }
-      ),
-      onToggle && !onPinToggle && /* @__PURE__ */ jsx69(
+      ) : /* @__PURE__ */ jsxs68(
         "button",
         {
           type: "button",
           className: "ods-sidebar__collapse",
           onClick: onToggle,
           "aria-label": "Collapse sidebar",
-          children: /* @__PURE__ */ jsx69("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx69(
-            "path",
-            {
-              d: "M3 3v10M11 5l-3 3 3 3",
-              stroke: "currentColor",
-              strokeWidth: "1.5",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            }
-          ) })
+          children: [
+            /* @__PURE__ */ jsx69("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx69(
+              "path",
+              {
+                d: "M3 3v10M11 5l-3 3 3 3",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ) }),
+            /* @__PURE__ */ jsx69("span", { className: "ods-sidebar__pin-label", children: "Collapse" })
+          ]
         }
-      )
-    ] }),
-    /* @__PURE__ */ jsx69("div", { className: "ods-sidebar__body", children: sections.map((section, sIdx) => /* @__PURE__ */ jsxs68("div", { className: "ods-sidebar__section", children: [
-      section.label && /* @__PURE__ */ jsx69("div", { className: "ods-sidebar__section-label", children: section.label }),
-      section.items.map((item) => /* @__PURE__ */ jsx69(ExpandedItem, { item, level: 0 }, item.id))
-    ] }, section.id ?? sIdx)) }),
-    (footerItems || user) && /* @__PURE__ */ jsxs68("div", { className: "ods-sidebar__footer", children: [
-      footerItems && footerItems.length > 0 && /* @__PURE__ */ jsx69("div", { className: "ods-sidebar__footer-list", children: footerItems.map((item) => /* @__PURE__ */ jsx69(ExpandedItem, { item, level: 0 }, item.id)) }),
+      ) }),
       user && /* @__PURE__ */ jsx69(SidebarUserCard, { user })
     ] })
   ] });
 }
+function PinIcon({ pinned }) {
+  return /* @__PURE__ */ jsxs68(
+    "svg",
+    {
+      width: "14",
+      height: "14",
+      viewBox: "0 0 16 16",
+      fill: pinned ? "currentColor" : "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinejoin: "round",
+      strokeLinecap: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx69("path", { d: "M10.5 1.5 14.5 5.5 11.5 8.5 11 11 5 5 7.5 4.5z" }),
+        /* @__PURE__ */ jsx69("path", { d: "M5 5 1.5 14.5" })
+      ]
+    }
+  );
+}
 function ExpandedItem({ item, level }) {
   const hasChildren = !!(item.children && item.children.length > 0);
   const [open, setOpen] = useState21(