@blinkdotnew/ui 0.1.5 → 0.1.7

package/dist/index.d.mts

@@ -273,10 +273,20 @@ interface AppShellProps extends React.HTMLAttributes<HTMLDivElement> {
     defaultCollapsed?: boolean;
 }
 declare const AppShell: React.ForwardRefExoticComponent<AppShellProps & React.RefAttributes<HTMLDivElement>>;
-/** Sidebar wrapper — hidden on mobile, shown as overlay when mobileOpen=true */
+/**
+ * Sidebar wrapper.
+ * On MOBILE  → hidden (display: none) by default; shown as a fixed overlay when mobileOpen=true.
+ * On DESKTOP → always visible as a normal flex child.
+ *
+ * ALWAYS wrap <Sidebar> in <AppShellSidebar> — never put <Sidebar> directly in <AppShell>.
+ * Without this wrapper the sidebar is visible on all screen sizes.
+ */
 declare const AppShellSidebar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const AppShellMain: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-/** Hamburger button — place in Navbar/header on mobile to toggle sidebar */
+/**
+ * Hamburger/close button — place in your mobile header bar (md:hidden).
+ * Toggles the sidebar overlay on mobile.
+ */
 declare const MobileSidebarTrigger: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
 
 declare const SplitPage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/index.d.ts

@@ -273,10 +273,20 @@ interface AppShellProps extends React.HTMLAttributes<HTMLDivElement> {
     defaultCollapsed?: boolean;
 }
 declare const AppShell: React.ForwardRefExoticComponent<AppShellProps & React.RefAttributes<HTMLDivElement>>;
-/** Sidebar wrapper — hidden on mobile, shown as overlay when mobileOpen=true */
+/**
+ * Sidebar wrapper.
+ * On MOBILE  → hidden (display: none) by default; shown as a fixed overlay when mobileOpen=true.
+ * On DESKTOP → always visible as a normal flex child.
+ *
+ * ALWAYS wrap <Sidebar> in <AppShellSidebar> — never put <Sidebar> directly in <AppShell>.
+ * Without this wrapper the sidebar is visible on all screen sizes.
+ */
 declare const AppShellSidebar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const AppShellMain: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-/** Hamburger button — place in Navbar/header on mobile to toggle sidebar */
+/**
+ * Hamburger/close button — place in your mobile header bar (md:hidden).
+ * Toggles the sidebar overlay on mobile.
+ */
 declare const MobileSidebarTrigger: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
 
 declare const SplitPage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/index.js

@@ -843,7 +843,7 @@ var PageActions = React26__default.default.forwardRef(
 );
 PageActions.displayName = "PageActions";
 var PageBody = React26__default.default.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex-1 p-6", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex-1 p-6 flex flex-col gap-6", className), ...props })
 );
 PageBody.displayName = "PageBody";
 var SidebarCtx = React26__default.default.createContext({ collapsed: false });
@@ -1009,11 +1009,11 @@ var AppShellSidebar = React26__default.default.forwardRef(
       {
         ref,
         className: cn(
-          // Desktop: always visible
           "shrink-0 h-full",
-          // Mobile: hidden by default, slide in as fixed overlay when open
-          "fixed inset-y-0 left-0 z-50 md:relative md:translate-x-0 transition-transform duration-200",
-          mobileOpen ? "translate-x-0" : "-translate-x-full md:translate-x-0",
+          // Mobile: hidden by default; shows as fixed overlay when open
+          mobileOpen ? "fixed inset-y-0 left-0 z-50 flex" : "hidden md:flex",
+          // Desktop: always visible as a normal relative element
+          "md:relative",
           className
         ),
         ...props

package/dist/index.mjs

@@ -806,7 +806,7 @@ var PageActions = React26.forwardRef(
 );
 PageActions.displayName = "PageActions";
 var PageBody = React26.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex-1 p-6", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex-1 p-6 flex flex-col gap-6", className), ...props })
 );
 PageBody.displayName = "PageBody";
 var SidebarCtx = React26.createContext({ collapsed: false });
@@ -972,11 +972,11 @@ var AppShellSidebar = React26.forwardRef(
       {
         ref,
         className: cn(
-          // Desktop: always visible
           "shrink-0 h-full",
-          // Mobile: hidden by default, slide in as fixed overlay when open
-          "fixed inset-y-0 left-0 z-50 md:relative md:translate-x-0 transition-transform duration-200",
-          mobileOpen ? "translate-x-0" : "-translate-x-full md:translate-x-0",
+          // Mobile: hidden by default; shows as fixed overlay when open
+          mobileOpen ? "fixed inset-y-0 left-0 z-50 flex" : "hidden md:flex",
+          // Desktop: always visible as a normal relative element
+          "md:relative",
           className
         ),
         ...props

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blinkdotnew/ui",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "Blink UI SDK — production-quality React component library for SaaS apps",
   "keywords": [
     "blink",