@texturehq/edges 1.24.2 → 1.25.1

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.
package/README.md CHANGED
@@ -90,4 +90,13 @@ yarn dev
90
90
 
91
91
  ```bash
92
92
  yarn storybook
93
+ # Default port: 6010
93
94
  ```
95
+
96
+ To use a custom port:
97
+
98
+ ```bash
99
+ STORYBOOK_PORT=6011 yarn storybook
100
+ ```
101
+
102
+ See [STORYBOOK_PORT.md](./STORYBOOK_PORT.md) for multi-instance setups and dynamic port configuration.
@@ -395,7 +395,16 @@ declare const SideNav: React$1.FC<SideNavProps>;
395
395
 
396
396
  type ColorMode = "system" | "light" | "dark";
397
397
  type TopNavProps = {
398
+ /**
399
+ * Content for the right side (avatar, actions, etc.)
400
+ * @deprecated Use centerContent and actions instead for better layout control
401
+ */
398
402
  rightContent?: React$1.ReactNode;
403
+ /**
404
+ * Content for the center area (typically search)
405
+ * On mobile, this moves to rightContent position
406
+ */
407
+ centerContent?: React$1.ReactNode;
399
408
  showMobileMenu?: boolean;
400
409
  avatar?: React$1.ReactNode;
401
410
  showColorModeSwitcher?: boolean;
@@ -419,7 +428,7 @@ type AppShellProps = {
419
428
  /** Structured nav for the left rail */
420
429
  sideNav: Omit<SideNavProps, "mobileMenuId" | "sidebarCollapseId">;
421
430
  /** Optional top bar slots & options */
422
- topNav?: Pick<TopNavProps, "rightContent" | "showMobileMenu" | "avatar" | "showColorModeSwitcher" | "toggleTheme" | "isDarkThemeEnabled" | "colorMode" | "actions" | "className">;
431
+ topNav?: Pick<TopNavProps, "rightContent" | "centerContent" | "showMobileMenu" | "avatar" | "showColorModeSwitcher" | "toggleTheme" | "isDarkThemeEnabled" | "colorMode" | "actions" | "className">;
423
432
  /** Main page content */
424
433
  children: React__default.ReactNode;
425
434
  /** Layout knobs */
@@ -395,7 +395,16 @@ declare const SideNav: React$1.FC<SideNavProps>;
395
395
 
396
396
  type ColorMode = "system" | "light" | "dark";
397
397
  type TopNavProps = {
398
+ /**
399
+ * Content for the right side (avatar, actions, etc.)
400
+ * @deprecated Use centerContent and actions instead for better layout control
401
+ */
398
402
  rightContent?: React$1.ReactNode;
403
+ /**
404
+ * Content for the center area (typically search)
405
+ * On mobile, this moves to rightContent position
406
+ */
407
+ centerContent?: React$1.ReactNode;
399
408
  showMobileMenu?: boolean;
400
409
  avatar?: React$1.ReactNode;
401
410
  showColorModeSwitcher?: boolean;
@@ -419,7 +428,7 @@ type AppShellProps = {
419
428
  /** Structured nav for the left rail */
420
429
  sideNav: Omit<SideNavProps, "mobileMenuId" | "sidebarCollapseId">;
421
430
  /** Optional top bar slots & options */
422
- topNav?: Pick<TopNavProps, "rightContent" | "showMobileMenu" | "avatar" | "showColorModeSwitcher" | "toggleTheme" | "isDarkThemeEnabled" | "colorMode" | "actions" | "className">;
431
+ topNav?: Pick<TopNavProps, "rightContent" | "centerContent" | "showMobileMenu" | "avatar" | "showColorModeSwitcher" | "toggleTheme" | "isDarkThemeEnabled" | "colorMode" | "actions" | "className">;
423
432
  /** Main page content */
424
433
  children: React__default.ReactNode;
425
434
  /** Layout knobs */