fix(search): update on_change_filter callback type to match expected tuple format

fix(text): adjust mobile font size for text-h1 to improve responsiveness
fix(theme): update desktop breakpoint to 640px for consistency across styles

Author: Phosphorus-M

crates/leptos/Cargo.toml

@@ -1,7 +1,7 @@
 [package]
 name = "leptos-components"
 description = "RustLangES leptos components"
-version = "0.1.1"
+version = "0.1.2"
 edition = "2024"
 license = "MIT"
 

crates/leptos/src/input/search.rs

@@ -15,7 +15,7 @@ pub struct Filter {
 pub fn InputSearch(
     #[prop(into, optional)] filters: Option<Vec<Filter>>,
     #[prop(into, optional)] active_filters: Vec<Filter>,
-    #[prop(into)] on_change_filter: Callback<Vec<Filter>, ()>,
+    #[prop(into)] on_change_filter: Callback<(Vec<Filter>,), ()>,
 ) -> impl IntoView {
     let (filter_modal, set_filter_modal) = signal(false);
     let has_filter = filters.as_ref().map_or(false, |f| !f.is_empty());
@@ -27,14 +27,14 @@ pub fn InputSearch(
             if !is_selected {
                 let mut new_filters = active_filters.clone();
                 new_filters.push(filter);
-                on_change_filter.run(new_filters);
+                on_change_filter.run((new_filters,));
             } else {
                 let new_filters = active_filters
                     .iter()
                     .filter(|f| f.value != filter.value)
                     .cloned()
                     .collect();
-                on_change_filter.run(new_filters);
+                on_change_filter.run((new_filters,));
             }
         }
     };

styles/components/text.css

@@ -92,7 +92,7 @@
     line-height: 160%;
     letter-spacing: 0.28%;
 
-    @apply desktop:text-[16px];
+    @apply mobile:text-[14px] desktop:text-[16px];
   }
 
   .text-caption {

styles/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rustlanges/styles",
   "private": false,
-  "version": "0.0.2",
+  "version": "0.0.3",
   "type": "module",
   "exports": {
     ".": "./tailwindcss.css",

styles/theme.css

@@ -1,6 +1,6 @@
 @theme static {
   /* ----- Breakpoints ----- */
-  --breakpoint-desktop: 360px;
+  --breakpoint-desktop: 640px;
 
   /* ------ Colors ------ */
   --color-primary-50: #fff6ed;