refactor: playground

playground/lib/main.dart

@@ -14,7 +14,6 @@ import 'package:playground/pages/context_menu.dart';
 import 'package:playground/pages/date_picker.dart';
 import 'package:playground/pages/dialog.dart';
 import 'package:playground/pages/form.dart';
-import 'package:playground/pages/image.dart';
 import 'package:playground/pages/input.dart';
 import 'package:playground/pages/input_otp.dart';
 import 'package:playground/pages/popover.dart';
@@ -124,15 +123,6 @@ final _router = GoRouter(
       path: '/avatar',
       builder: (context, state) => const AvatarPage(),
     ),
-    GoRoute(
-      path: '/image',
-      builder: (context, state) {
-        final style = state.uri.queryParameters['style'] ?? 'local';
-        return ImagePage(
-          style: ImageStyle.values.byName(style),
-        );
-      },
-    ),
     GoRoute(
       path: '/tooltip',
       builder: (context, state) => const TooltipPage(),

playground/lib/pages/button.dart

@@ -49,12 +49,12 @@ class ButtonPage extends StatelessWidget {
               onPressed: () {},
             ),
           PlagroundButtonStyle.icon => ShadButton.outline(
-              icon: const ShadImage(LucideIcons.chevronRight),
+              icon: const Icon(LucideIcons.chevronRight),
               onPressed: () {},
             ),
           PlagroundButtonStyle.textIcon => ShadButton(
               onPressed: () {},
-              icon: const ShadImage(LucideIcons.mail),
+              icon: const Icon(LucideIcons.mail),
               child: const Text('Login with Email'),
             ),
           PlagroundButtonStyle.loading => ShadButton(

playground/lib/pages/card.dart

@@ -127,7 +127,7 @@ class _CardNotificationsState extends State<CardNotifications> {
         width: double.infinity,
         icon: const Padding(
           padding: EdgeInsets.only(right: 8),
-          child: ShadImage.square(LucideIcons.check, size: 16),
+          child: Icon(LucideIcons.check),
         ),
         onPressed: () {},
         child: const Text('Mark all as read'),
@@ -143,7 +143,7 @@ class _CardNotificationsState extends State<CardNotifications> {
             ),
             child: Row(
               children: [
-                ShadImage.square(
+                Icon(
                   LucideIcons.bellRing,
                   size: 24,
                   color: theme.colorScheme.foreground,

playground/lib/pages/context_menu.dart

@@ -24,10 +24,7 @@ class ContextMenuPage extends StatelessWidget {
               child: Text('Reload'),
             ),
             const ShadContextMenuItem.inset(
-              trailing: ShadImage.square(
-                LucideIcons.chevronRight,
-                size: 16,
-              ),
+              trailing: Icon(LucideIcons.chevronRight),
               items: [
                 ShadContextMenuItem(
                   child: Text('Save Page As...'),
@@ -47,7 +44,7 @@ class ContextMenuPage extends StatelessWidget {
             ),
             const Divider(height: 8),
             const ShadContextMenuItem(
-              leading: ShadImage.square(LucideIcons.check, size: 16),
+              leading: Icon(LucideIcons.check),
               child: Text('Show Bookmarks Bar'),
             ),
             const ShadContextMenuItem.inset(child: Text('Show Full URLs')),

playground/lib/pages/form.dart

@@ -205,7 +205,7 @@ class _FormPageState extends State<FormPage> {
                             ShadInputOTPSlot(),
                           ],
                         ),
-                        ShadImage.square(size: 24, LucideIcons.dot),
+                        Icon(size: 24, LucideIcons.dot),
                         ShadInputOTPGroup(
                           children: [
                             ShadInputOTPSlot(),

playground/lib/pages/input.dart

@@ -59,7 +59,7 @@ class _PasswordInputState extends State<PasswordInput> {
       obscureText: obscure,
       prefix: const Padding(
         padding: EdgeInsets.all(4.0),
-        child: ShadImage.square(size: 16, LucideIcons.lock),
+        child: Icon(LucideIcons.lock),
       ),
       suffix: ShadButton(
         width: 24,
@@ -69,10 +69,7 @@ class _PasswordInputState extends State<PasswordInput> {
           secondaryBorder: ShadBorder.none,
           secondaryFocusedBorder: ShadBorder.none,
         ),
-        icon: ShadImage.square(
-          size: 16,
-          obscure ? LucideIcons.eyeOff : LucideIcons.eye,
-        ),
+        icon: Icon(obscure ? LucideIcons.eyeOff : LucideIcons.eye),
         onPressed: () {
           setState(() => obscure = !obscure);
         },

playground/lib/pages/input_otp.dart

@@ -34,7 +34,7 @@ class InputOTPPage extends StatelessWidget {
                       ShadInputOTPSlot(),
                     ],
                   ),
-                  ShadImage.square(size: 24, LucideIcons.dot),
+                  Icon(size: 24, LucideIcons.dot),
                   ShadInputOTPGroup(
                     children: [
                       ShadInputOTPSlot(),

playground/lib/pages/time_picker.dart

@@ -36,7 +36,7 @@ class PrimaryTimePicker extends StatelessWidget {
       child: const ShadTimePicker(
         trailing: Padding(
           padding: EdgeInsets.only(left: 8, top: 14),
-          child: ShadImage.square(LucideIcons.clock4, size: 16),
+          child: Icon(LucideIcons.clock4),
         ),
       ),
     );

pubspec.yaml

@@ -77,5 +77,3 @@ flutter:
           weight: 800
         - asset: fonts/GeistMono-UltraBlack.otf
           weight: 900
-  assets:
-    - test/assets/