@pattern-stack/frontend-patterns 0.2.0-alpha.13 → 0.2.0-alpha.15

package/dist/index.js

@@ -4164,7 +4164,7 @@ const Button = React.forwardRef(
         children: [
           loading && /* @__PURE__ */ jsxRuntime.jsx(Spinner$1, { className: "w-4 h-4 mr-2" }),
           !loading && icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("inline-flex shrink-0", children && "mr-2"), children: icon }),
-          children && /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(iconOnlyMobile && "hidden sm:inline"), children }),
+          children && (iconOnlyMobile ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline", children }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children })),
           !loading && iconAfter && /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("inline-flex shrink-0", children && "ml-2"), children: iconAfter })
         ]
       }
@@ -10693,7 +10693,11 @@ const SidebarButton = ({
     }
   );
 };
-const Sidebar = ({ className, footer }) => {
+const Sidebar = ({
+  className,
+  footer,
+  topOffset = "header"
+}) => {
   const { isExpanded, toggleSidebar } = useSidebar();
   const { navigation } = useNavigation();
   const location = reactRouterDom.useLocation();
@@ -10713,9 +10717,9 @@ const Sidebar = ({ className, footer }) => {
     "aside",
     {
       className: cn(
-        "fixed left-0 top-16 flex flex-col bg-background border-r border-border z-40",
+        "fixed left-0 flex flex-col bg-background border-r border-border z-40",
         "transition-all duration-300 ease-in-out",
-        "h-[calc(100vh-4rem)]",
+        topOffset === "none" ? "top-0 h-screen" : "top-16 h-[calc(100vh-4rem)]",
         // Full height minus header (4rem = 64px)
         !isExpanded ? "w-16" : "w-64",
         className
@@ -10842,7 +10846,13 @@ const AppLayout = ({ header, sidebar } = {}) => {
   const hideHeader = header === false;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-h-screen bg-background", children: [
     !hideHeader && /* @__PURE__ */ jsxRuntime.jsx(AppHeader, { ...header ?? {} }),
-    /* @__PURE__ */ jsxRuntime.jsx(Sidebar, { footer: sidebar == null ? void 0 : sidebar.footer }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Sidebar,
+      {
+        footer: sidebar == null ? void 0 : sidebar.footer,
+        topOffset: hideHeader ? "none" : "header"
+      }
+    ),
     /* @__PURE__ */ jsxRuntime.jsx(
       "main",
       {