@liberfi.io/ui-predict 4.0.51 → 4.0.52

package/dist/index.d.mts

@@ -1004,11 +1004,17 @@ declare function RedeemFormWidget({ event, market, position, onSuccess, onCancel
 
 interface CategoryItem {
     category: string;
-    tags: string[];
+    /** Stable filter slug. Defaults to `category` for backward compatibility. */
+    slug?: string;
+    /** Display label. Defaults to `category` for backward compatibility. */
+    label?: string;
+    tags: Array<string | TagItem>;
     /** Optional badge text displayed above the tab (e.g. "New", "Hot") */
     badge?: string;
 }
 interface TagItem {
+    /** Stable filter slug. Defaults to `label` for backward compatibility. */
+    slug?: string;
     label: string;
     /** Optional Phosphor icon class name (e.g. "ph--basketball-bold") */
     icon?: string;
@@ -1016,16 +1022,16 @@ interface TagItem {
 interface CategoriesUIProps {
     /** List of categories to display */
     categories: CategoryItem[];
-    /** Currently selected category name (null = "Trending") */
+    /** Currently selected category slug (null = "Trending") */
     selectedCategory: string | null;
-    /** Currently selected tag within the category (null = all tags) */
+    /** Currently selected tag slug within the category (null = all tags) */
     selectedTag: string | null;
     /** Tags of the currently selected category */
     activeTags: TagItem[];
-    /** Callback when a category is selected (null = "Trending") */
-    onCategorySelect: (category: string | null) => void;
-    /** Callback when a tag is selected (null = deselect) */
-    onTagSelect: (tag: string | null) => void;
+    /** Callback when a category slug is selected (null = "Trending") */
+    onCategorySelect: (categorySlug: string | null) => void;
+    /** Callback when a tag slug is selected (null = deselect) */
+    onTagSelect: (tagSlug: string | null) => void;
     /** Content rendered at the end of the primary chip row (e.g. sort/filter controls) */
     trailing?: React.ReactNode;
     /** Name of the tab that shows a pulsing dot (default: "Trending") */

package/dist/index.d.ts

@@ -1004,11 +1004,17 @@ declare function RedeemFormWidget({ event, market, position, onSuccess, onCancel
 
 interface CategoryItem {
     category: string;
-    tags: string[];
+    /** Stable filter slug. Defaults to `category` for backward compatibility. */
+    slug?: string;
+    /** Display label. Defaults to `category` for backward compatibility. */
+    label?: string;
+    tags: Array<string | TagItem>;
     /** Optional badge text displayed above the tab (e.g. "New", "Hot") */
     badge?: string;
 }
 interface TagItem {
+    /** Stable filter slug. Defaults to `label` for backward compatibility. */
+    slug?: string;
     label: string;
     /** Optional Phosphor icon class name (e.g. "ph--basketball-bold") */
     icon?: string;
@@ -1016,16 +1022,16 @@ interface TagItem {
 interface CategoriesUIProps {
     /** List of categories to display */
     categories: CategoryItem[];
-    /** Currently selected category name (null = "Trending") */
+    /** Currently selected category slug (null = "Trending") */
     selectedCategory: string | null;
-    /** Currently selected tag within the category (null = all tags) */
+    /** Currently selected tag slug within the category (null = all tags) */
     selectedTag: string | null;
     /** Tags of the currently selected category */
     activeTags: TagItem[];
-    /** Callback when a category is selected (null = "Trending") */
-    onCategorySelect: (category: string | null) => void;
-    /** Callback when a tag is selected (null = deselect) */
-    onTagSelect: (tag: string | null) => void;
+    /** Callback when a category slug is selected (null = "Trending") */
+    onCategorySelect: (categorySlug: string | null) => void;
+    /** Callback when a tag slug is selected (null = deselect) */
+    onTagSelect: (tagSlug: string | null) => void;
     /** Content rendered at the end of the primary chip row (e.g. sort/filter controls) */
     trailing?: React.ReactNode;
     /** Name of the tab that shows a pulsing dot (default: "Trending") */