@texturehq/edges 1.24.1 → 1.25.0

package/README.md

@@ -90,4 +90,13 @@ yarn dev
 
 ```bash
 yarn storybook
+# Default port: 6010
 ```
+
+To use a custom port:
+
+```bash
+STORYBOOK_PORT=6011 yarn storybook
+```
+
+See [STORYBOOK_PORT.md](./STORYBOOK_PORT.md) for multi-instance setups and dynamic port configuration.

package/dist/{TimeField-D3hN7DMK.d.ts → TimeField-Blk2Ci2M.d.ts}

@@ -356,12 +356,17 @@ interface TextFieldProps extends Omit<TextFieldProps$1, "isRequired" | "size" |
      * @default true
      */
     reserveErrorSpace?: boolean;
+    /**
+     * Shows a loading spinner instead of the search icon (only applicable when showSearchIcon is true)
+     * @default false
+     */
+    isLoading?: boolean;
 }
 /**
  * Renders an Edges TextField with label, description, validation states and
  * optional search/clear/password affordances.
  */
-declare function TextField({ label, description, errorMessage, size, tooltip, isRequired, transparent, showSearchIcon, isClearable, onClear, type, validationResult, reserveErrorSpace, ...props }: TextFieldProps): react_jsx_runtime.JSX.Element;
+declare function TextField({ label, description, errorMessage, size, tooltip, isRequired, transparent, showSearchIcon, isClearable, onClear, type, validationResult, reserveErrorSpace, isLoading, ...props }: TextFieldProps): react_jsx_runtime.JSX.Element;
 
 /**
  * TimeField

package/dist/{TimeField-CC3x7lhz.d.cts → TimeField-p31z8xSR.d.cts}

@@ -356,12 +356,17 @@ interface TextFieldProps extends Omit<TextFieldProps$1, "isRequired" | "size" |
      * @default true
      */
     reserveErrorSpace?: boolean;
+    /**
+     * Shows a loading spinner instead of the search icon (only applicable when showSearchIcon is true)
+     * @default false
+     */
+    isLoading?: boolean;
 }
 /**
  * Renders an Edges TextField with label, description, validation states and
  * optional search/clear/password affordances.
  */
-declare function TextField({ label, description, errorMessage, size, tooltip, isRequired, transparent, showSearchIcon, isClearable, onClear, type, validationResult, reserveErrorSpace, ...props }: TextFieldProps): react_jsx_runtime.JSX.Element;
+declare function TextField({ label, description, errorMessage, size, tooltip, isRequired, transparent, showSearchIcon, isClearable, onClear, type, validationResult, reserveErrorSpace, isLoading, ...props }: TextFieldProps): react_jsx_runtime.JSX.Element;
 
 /**
  * TimeField

package/dist/{colors-ZfVYHdic.d.cts → colors-B3YgFfeQ.d.cts}

@@ -395,7 +395,16 @@ declare const SideNav: React$1.FC<SideNavProps>;
 
 type ColorMode = "system" | "light" | "dark";
 type TopNavProps = {
+    /**
+     * Content for the right side (avatar, actions, etc.)
+     * @deprecated Use centerContent and actions instead for better layout control
+     */
     rightContent?: React$1.ReactNode;
+    /**
+     * Content for the center area (typically search)
+     * On mobile, this moves to rightContent position
+     */
+    centerContent?: React$1.ReactNode;
     showMobileMenu?: boolean;
     avatar?: React$1.ReactNode;
     showColorModeSwitcher?: boolean;

package/dist/{colors-BYkYTR7E.d.ts → colors-Y8iUUTUP.d.ts}

@@ -395,7 +395,16 @@ declare const SideNav: React$1.FC<SideNavProps>;
 
 type ColorMode = "system" | "light" | "dark";
 type TopNavProps = {
+    /**
+     * Content for the right side (avatar, actions, etc.)
+     * @deprecated Use centerContent and actions instead for better layout control
+     */
     rightContent?: React$1.ReactNode;
+    /**
+     * Content for the center area (typically search)
+     * On mobile, this moves to rightContent position
+     */
+    centerContent?: React$1.ReactNode;
     showMobileMenu?: boolean;
     avatar?: React$1.ReactNode;
     showColorModeSwitcher?: boolean;