@gearbox-protocol/permissionless-ui 1.22.0-next.45 → 1.22.0-next.46

package/dist/types/components/search-line/search-line.d.ts

@@ -5,7 +5,7 @@ declare const searchLineVariants: (props?: ({
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare const searchLineInputVariants: (props?: ({
     active?: boolean | null | undefined;
-    theme?: "dark" | "light" | null | undefined;
+    theme?: "dark" | "light" | "deep-light" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface SearchLineState {
     value: string;
@@ -25,9 +25,9 @@ export interface SearchLineProps extends Omit<React.HTMLAttributes<HTMLDivElemen
      */
     placeholder?: string;
     /**
-     * Theme variant
+     * Theme variant (deep-light / deep-dark match interface SearchLine colors)
      */
-    theme?: "light" | "dark";
+    theme?: "light" | "dark" | "deep-light";
     /**
      * Whether to show the search icon on the left
      */
@@ -88,9 +88,9 @@ export interface WithSearchLineProps {
      */
     placeholder?: string;
     /**
-     * Theme variant
+     * Theme variant (deep-light / deep-dark match interface SearchLine colors)
      */
-    theme?: "light" | "dark";
+    theme?: "light" | "dark" | "deep-light";
     /**
      * Content to display alongside the search line
      */

package/dist/types/components/split-list/split-list.d.ts

@@ -1,37 +1,32 @@
 import * as React from "react";
-type ColSize = boolean | number | "auto";
+/** Column size: true = equal flex, "auto" = auto width. */
+type ColSize = boolean | "auto";
 export interface SplitListProps {
-    /**
-     * Size for each column (can be function for dynamic sizing)
-     */
+    /** Size for each column (or function for per-index). @default true */
     colSize?: ColSize | ((index: number) => ColSize);
-    /**
-     * Children content
-     */
+    /** List items. */
     children?: React.ReactNode;
-    /**
-     * Additional CSS class
-     */
+    /** Extra class name for the root. */
     className?: string;
 }
 /**
- * SplitList — horizontal list with dividers between items
+ * SplitList — horizontal list with vertical dividers between items (matches interface).
+ *
+ * @usage
+ * Use for a row of columns with centered vertical separators.
  *
  * @example
  * ```tsx
  * <SplitList colSize={true}>
- *   <div>Item 1</div>
- *   <div>Item 2</div>
- *   <div>Item 3</div>
+ *   <span>Item 1</span>
+ *   <span>Item 2</span>
  * </SplitList>
  *
- * // Custom sizes
- * <SplitList colSize={(index) => index === 0 ? 6 : 3}>
- *   <div>Wide</div>
- *   <div>Narrow</div>
- *   <div>Narrow</div>
+ * <SplitList colSize={(i) => (i === 0 ? true : "auto")}>
+ *   <span>Flex</span>
+ *   <span>Auto</span>
  * </SplitList>
  * ```
  */
-export declare function SplitList({ children, colSize, className, }: SplitListProps): import("react/jsx-runtime").JSX.Element;
-export {};
+declare const SplitList: React.ForwardRefExoticComponent<SplitListProps & React.RefAttributes<HTMLDivElement>>;
+export { SplitList };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gearbox-protocol/permissionless-ui",
-  "version": "1.22.0-next.45",
+  "version": "1.22.0-next.46",
   "description": "Internal UI components",
   "license": "MIT",
   "main": "./dist/cjs/index.js",