@blinkdotnew/ui 0.1.6 → 0.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.d.mts +12 -2
  2. package/dist/index.d.ts +12 -2
  3. package/dist/index.js +4 -4
  4. package/dist/index.mjs +4 -4
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -273,10 +273,20 @@ interface AppShellProps extends React.HTMLAttributes<HTMLDivElement> {
273
273
  defaultCollapsed?: boolean;
274
274
  }
275
275
  declare const AppShell: React.ForwardRefExoticComponent<AppShellProps & React.RefAttributes<HTMLDivElement>>;
276
- /** Sidebar wrapper — hidden on mobile, shown as overlay when mobileOpen=true */
276
+ /**
277
+ * Sidebar wrapper.
278
+ * On MOBILE → hidden (display: none) by default; shown as a fixed overlay when mobileOpen=true.
279
+ * On DESKTOP → always visible as a normal flex child.
280
+ *
281
+ * ALWAYS wrap <Sidebar> in <AppShellSidebar> — never put <Sidebar> directly in <AppShell>.
282
+ * Without this wrapper the sidebar is visible on all screen sizes.
283
+ */
277
284
  declare const AppShellSidebar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
278
285
  declare const AppShellMain: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
279
- /** Hamburger button — place in Navbar/header on mobile to toggle sidebar */
286
+ /**
287
+ * Hamburger/close button — place in your mobile header bar (md:hidden).
288
+ * Toggles the sidebar overlay on mobile.
289
+ */
280
290
  declare const MobileSidebarTrigger: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
281
291
 
282
292
  declare const SplitPage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
package/dist/index.d.ts CHANGED
@@ -273,10 +273,20 @@ interface AppShellProps extends React.HTMLAttributes<HTMLDivElement> {
273
273
  defaultCollapsed?: boolean;
274
274
  }
275
275
  declare const AppShell: React.ForwardRefExoticComponent<AppShellProps & React.RefAttributes<HTMLDivElement>>;
276
- /** Sidebar wrapper — hidden on mobile, shown as overlay when mobileOpen=true */
276
+ /**
277
+ * Sidebar wrapper.
278
+ * On MOBILE → hidden (display: none) by default; shown as a fixed overlay when mobileOpen=true.
279
+ * On DESKTOP → always visible as a normal flex child.
280
+ *
281
+ * ALWAYS wrap <Sidebar> in <AppShellSidebar> — never put <Sidebar> directly in <AppShell>.
282
+ * Without this wrapper the sidebar is visible on all screen sizes.
283
+ */
277
284
  declare const AppShellSidebar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
278
285
  declare const AppShellMain: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
279
- /** Hamburger button — place in Navbar/header on mobile to toggle sidebar */
286
+ /**
287
+ * Hamburger/close button — place in your mobile header bar (md:hidden).
288
+ * Toggles the sidebar overlay on mobile.
289
+ */
280
290
  declare const MobileSidebarTrigger: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
281
291
 
282
292
  declare const SplitPage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
package/dist/index.js CHANGED
@@ -1009,11 +1009,11 @@ var AppShellSidebar = React26__default.default.forwardRef(
1009
1009
  {
1010
1010
  ref,
1011
1011
  className: cn(
1012
- // Desktop: always visible
1013
1012
  "shrink-0 h-full",
1014
- // Mobile: hidden by default, slide in as fixed overlay when open
1015
- "fixed inset-y-0 left-0 z-50 md:relative md:translate-x-0 transition-transform duration-200",
1016
- mobileOpen ? "translate-x-0" : "-translate-x-full md:translate-x-0",
1013
+ // Mobile: hidden by default; shows as fixed overlay when open
1014
+ mobileOpen ? "fixed inset-y-0 left-0 z-50 flex" : "hidden md:flex",
1015
+ // Desktop: always visible as a normal relative element
1016
+ "md:relative",
1017
1017
  className
1018
1018
  ),
1019
1019
  ...props
package/dist/index.mjs CHANGED
@@ -972,11 +972,11 @@ var AppShellSidebar = React26.forwardRef(
972
972
  {
973
973
  ref,
974
974
  className: cn(
975
- // Desktop: always visible
976
975
  "shrink-0 h-full",
977
- // Mobile: hidden by default, slide in as fixed overlay when open
978
- "fixed inset-y-0 left-0 z-50 md:relative md:translate-x-0 transition-transform duration-200",
979
- mobileOpen ? "translate-x-0" : "-translate-x-full md:translate-x-0",
976
+ // Mobile: hidden by default; shows as fixed overlay when open
977
+ mobileOpen ? "fixed inset-y-0 left-0 z-50 flex" : "hidden md:flex",
978
+ // Desktop: always visible as a normal relative element
979
+ "md:relative",
980
980
  className
981
981
  ),
982
982
  ...props
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blinkdotnew/ui",
3
- "version": "0.1.6",
3
+ "version": "0.1.7",
4
4
  "description": "Blink UI SDK — production-quality React component library for SaaS apps",
5
5
  "keywords": [
6
6
  "blink",