@knkcs/anker 1.8.0 → 1.8.1

package/dist/components/index.js

@@ -6,7 +6,7 @@ import { text_input_default } from '../chunk-OU6H3KU4.js';
 import { Button, IconButton } from '../chunk-JS7ZEZV3.js';
 import { Box, Flex, Text, Heading, HStack, Grid, GridItem, Code, Link, VStack, Spacer, Stack } from '../chunk-G4QMIXLC.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { PanelRightOpen, PanelRightClose, ChevronRight, PanelLeftOpen, PanelLeftClose, Search, X, Ellipsis, Plus, ChevronLeft, ArrowUp, ArrowDown, ArrowUpDown, ChevronDown, Check, Upload } from 'lucide-react';
+import { PanelRightOpen, PanelRightClose, ChevronRight, Search, PanelLeftOpen, PanelLeftClose, X, Ellipsis, Plus, ChevronLeft, ArrowUp, ArrowDown, ArrowUpDown, ChevronDown, Check, Upload } from 'lucide-react';
 import { createContext, Timeline, TreeView, Card as Card$1, Menu, Portal, Checkbox, Drawer, ButtonGroup, Dialog, useSlotRecipe, chakra } from '@chakra-ui/react';
 export { createTreeCollection } from '@chakra-ui/react';
 import React3, { createContext as createContext$1, useState, useEffect, useMemo, Children, useRef, useCallback, useContext } from 'react';
@@ -1839,7 +1839,7 @@ var SidebarRoot = ({
     }),
     [collapsed]
   );
-  return /* @__PURE__ */ jsx(SidebarContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(SidebarContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
     Flex,
     {
       "data-testid": "sidebar",
@@ -1853,20 +1853,7 @@ var SidebarRoot = ({
       transition: "width 250ms ease-out",
       overflow: "hidden",
       position: "relative",
-      children: [
-        /* @__PURE__ */ jsx(Flex, { justify: "flex-end", px: "2", pt: "2", children: /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            "data-testid": "sidebar-toggle",
-            "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
-            variant: "ghost",
-            size: "sm",
-            onClick: () => setCollapsed((c) => !c),
-            children: collapsed ? /* @__PURE__ */ jsx(PanelLeftOpen, { size: 16 }) : /* @__PURE__ */ jsx(PanelLeftClose, { size: 16 })
-          }
-        ) }),
-        children
-      ]
+      children
     }
   ) });
 };
@@ -1878,45 +1865,72 @@ SidebarBody.displayName = "Sidebar.Body";
 var SidebarFooter = ({ children }) => /* @__PURE__ */ jsx(Box, { p: "3", borderTopWidth: "1px", borderTopColor: "border", children });
 SidebarFooter.displayName = "Sidebar.Footer";
 var SidebarLogo = ({ wordmark, subtitle }) => {
-  const { collapsed } = useSidebarContext();
+  const { collapsed, toggle } = useSidebarContext();
+  const toggleButton = /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      "data-testid": "sidebar-toggle",
+      "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
+      variant: "ghost",
+      size: "sm",
+      onClick: toggle,
+      children: collapsed ? /* @__PURE__ */ jsx(PanelLeftOpen, { size: 16 }) : /* @__PURE__ */ jsx(PanelLeftClose, { size: 16 })
+    }
+  );
   if (collapsed) {
-    return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
-      Heading,
-      {
-        as: "span",
-        fontSize: "lg",
-        fontWeight: "bold",
-        color: "primary.700",
-        letterSpacing: "tight",
-        children: wordmark.charAt(0)
-      }
-    ) });
+    return /* @__PURE__ */ jsxs(Flex, { direction: "column", align: "center", gap: "2", children: [
+      /* @__PURE__ */ jsx(
+        Heading,
+        {
+          as: "span",
+          fontSize: "lg",
+          fontWeight: "bold",
+          color: "primary.700",
+          letterSpacing: "tight",
+          children: wordmark.charAt(0)
+        }
+      ),
+      toggleButton
+    ] });
   }
-  return /* @__PURE__ */ jsxs(Box, { mb: subtitle ? "3" : "0", children: [
-    /* @__PURE__ */ jsx(
-      Heading,
-      {
-        as: "span",
-        fontSize: "lg",
-        fontWeight: "bold",
-        color: "primary.700",
-        letterSpacing: "tight",
-        children: wordmark
-      }
-    ),
-    subtitle && /* @__PURE__ */ jsx(
-      Text,
-      {
-        fontSize: "2xs",
-        fontWeight: "semibold",
-        letterSpacing: "wider",
-        textTransform: "uppercase",
-        color: "muted",
-        mt: "0.5",
-        children: subtitle
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      direction: "row",
+      align: "center",
+      justify: "space-between",
+      gap: "2",
+      w: "full",
+      children: [
+        /* @__PURE__ */ jsxs(Box, { mb: subtitle ? "0" : "0", children: [
+          /* @__PURE__ */ jsx(
+            Heading,
+            {
+              as: "span",
+              fontSize: "lg",
+              fontWeight: "bold",
+              color: "primary.700",
+              letterSpacing: "tight",
+              children: wordmark
+            }
+          ),
+          subtitle && /* @__PURE__ */ jsx(
+            Text,
+            {
+              fontSize: "2xs",
+              fontWeight: "semibold",
+              letterSpacing: "wider",
+              textTransform: "uppercase",
+              color: "muted",
+              mt: "0.5",
+              children: subtitle
+            }
+          )
+        ] }),
+        toggleButton
+      ]
+    }
+  );
 };
 SidebarLogo.displayName = "Sidebar.Logo";
 var SidebarSlot = ({ children }) => /* @__PURE__ */ jsx(Box, { mt: "3", children });