- created snackbar, step indicator, money text, text field and progress bar components.

- created wallet balance block, wallet item and kid line chart widgets.
- restructured onboarding, signup and device signup screens into layouts and main screens.
- updated signup and kid wallet screens to 17/11 design.

packages/design_system/lib/src/inputs/textfields.dart

@@ -0,0 +1,72 @@
+import 'package:design_system/design_system.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+
+class CustomTextField extends ConsumerStatefulWidget{
+  bool? showPassword;
+  final bool numeric;
+  final String hint;
+  final String label;
+  final int? lines;
+  final ValueChanged<String>? onChanged;
+  final int? length;
+
+  CustomTextField({
+    super.key,
+    this.showPassword,
+    this.numeric = false,
+    this.hint = '',
+    this.label = '',
+    this.lines,
+    this.length,
+    this.onChanged,
+  });
+
+  @override
+  ConsumerState<CustomTextField> createState() => CustomTextFieldState();
+}
+
+class CustomTextFieldState extends ConsumerState<CustomTextField>{
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = ref.watch(themePortProvider);
+
+    return TextFormField(
+      keyboardType: widget.numeric? TextInputType.number : TextInputType.text,
+      obscureText: !(widget.showPassword ?? true),
+      enableSuggestions: widget.showPassword ?? true,
+      autocorrect: !(widget.showPassword ?? false),
+      style: TextStyle(color: theme.getColorFor(ThemeCode.buttonSecondary)),
+      inputFormatters: widget.numeric? [
+        FilteringTextInputFormatter.digitsOnly
+      ] : [],
+      decoration: InputDecoration(
+        counterText: "",
+        hintText: widget.hint,
+        labelText: widget.label,
+        floatingLabelBehavior: FloatingLabelBehavior.always,
+        border: OutlineInputBorder(
+          borderRadius: BorderRadius.all(Radius.circular(12)),
+          borderSide: BorderSide(color: theme.getColorFor(ThemeCode.textPrimary)),
+          gapPadding: 16
+        ),
+        suffixIcon: widget.showPassword!=null ? IconButton(
+          icon: Icon(widget.showPassword!
+            ? Icons.visibility_off
+            : Icons.visibility),
+          onPressed: () {
+            setState(() {
+              widget.showPassword = !widget.showPassword!;
+            });
+          },
+        ) : null,
+      ),
+      minLines: widget.lines ?? 1,
+      maxLines: widget.lines ?? 1,
+      maxLength: widget.length,
+      onChanged: widget.onChanged ?? (_)=>{},
+    );
+  }
+}