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

package/dist/index.es.js

@@ -4121,7 +4121,7 @@ const Button = React__default.forwardRef(
         children: [
           loading && /* @__PURE__ */ jsx(Spinner$1, { className: "w-4 h-4 mr-2" }),
           !loading && icon && /* @__PURE__ */ jsx("span", { className: cn("inline-flex shrink-0", children && "mr-2"), children: icon }),
-          children && /* @__PURE__ */ jsx("span", { className: cn(iconOnlyMobile && "hidden sm:inline"), children }),
+          children && (iconOnlyMobile ? /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children }) : /* @__PURE__ */ jsx(Fragment, { children })),
           !loading && iconAfter && /* @__PURE__ */ jsx("span", { className: cn("inline-flex shrink-0", children && "ml-2"), children: iconAfter })
         ]
       }
@@ -10650,7 +10650,11 @@ const SidebarButton = ({
     }
   );
 };
-const Sidebar = ({ className, footer }) => {
+const Sidebar = ({
+  className,
+  footer,
+  topOffset = "header"
+}) => {
   const { isExpanded, toggleSidebar } = useSidebar();
   const { navigation } = useNavigation();
   const location = useLocation();
@@ -10670,9 +10674,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
@@ -10799,7 +10803,13 @@ const AppLayout = ({ header, sidebar } = {}) => {
   const hideHeader = header === false;
   return /* @__PURE__ */ jsxs("div", { className: "min-h-screen bg-background", children: [
     !hideHeader && /* @__PURE__ */ jsx(AppHeader, { ...header ?? {} }),
-    /* @__PURE__ */ jsx(Sidebar, { footer: sidebar == null ? void 0 : sidebar.footer }),
+    /* @__PURE__ */ jsx(
+      Sidebar,
+      {
+        footer: sidebar == null ? void 0 : sidebar.footer,
+        topOffset: hideHeader ? "none" : "header"
+      }
+    ),
     /* @__PURE__ */ jsx(
       "main",
       {