arcane 6.1.0

A modified variant of shadcn_flutter along with new features & improvements. This package follows the changes of shadcn_flutter while also maintaining additional features & fixes.

example/lib/main.dart

import 'dart:async';

import 'package:arcane/arcane.dart';
import 'package:arcane/component/card_section.dart';
import 'package:flutter/services.dart';

bool v = false;
String? vv;
void main() {
  runZonedGuarded(() {
    runApp("example", const ExampleArcaneApp());
  }, (error, stackTrace) {
    print("Error: $error");
    print("Stack: $stackTrace");
  });
}

class ExampleArcaneApp extends StatelessWidget {
  const ExampleArcaneApp({super.key});

  void didShortcut() {
    print("YOU DID IT");
  }

  @override
  Widget build(BuildContext context) => ArcaneShortcuts(
          shortcuts: {
            LogicalKeySet(
              LogicalKeyboardKey.control,
              LogicalKeyboardKey.alt,
              LogicalKeyboardKey.keyF,
            ): didShortcut
          },
          child: ArcaneApp(
              home: TestSettings(),
              showPerformanceOverlay: false,
              theme: ArcaneTheme(
                  themeMode: ThemeMode.system,
                  blurMode: ArcaneBlurMode.backdropFilter)));
}

class HomeScreen extends StatelessWidget {
  const HomeScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return ArcaneScreen(
      title: "Form Example with some long text\n",
      subtitle: "Some Subtitle Text or some shit",
      actions: [IconButton(icon: Icon(Icons.dots_three_vertical))],
      fab: MagicFabMenu(
        child: Text("Entry"),
        leading: Icon(Icons.play_circle),
        items: [
          MenuButton(child: Text("AAAA")),
          MenuButton(child: Text("AAAA")),
          MenuButton(child: Text("AAAA"))
        ],
      ),
      child: Collection(
        children: [
          CardSection(
            titleText: "Hello Section",
            subtitleText: "This is a subtitle",
            leadingIcon: Icons.address_book,
            trailing:
                IconButtonMenu(icon: Icons.dots_three_vertical, items: []),
            children: [
              ListTile(
                leading: Icon(Icons.address_book),
                title: Text("Entry 1"),
                subtitle: Text("This is a subtitle"),
              ),
              ListTile(
                leading: Icon(Icons.address_book),
                title: Text("Entry 3"),
                subtitle: Text("This is a subtitle"),
              )
            ],
          ).padLeft(16).padRight(16),
          Gap(16),
          Collection(
            children: [
              ...List.generate(
                  5,
                  (i) => MagicTile(
                        leading: Icon(Icons.address_book,
                            color: randomColor(i, targetLuminance: 0.1)),
                        title: Text("Some entry $i"),
                        subtitle: Text("This is a subtitle for entry $i"),
                      ))
            ],
          ),
          Section(
              titleText: "Some Section",
              subtitleText: "fsdfjsdfjd",
              child: Collection(
                children: [
                  ...List.generate(
                      35,
                      (i) => MagicTile(
                            onPressed: () =>
                                DialogConfirm(title: "title", onConfirm: () {})
                                    .open(context),
                            trailing: Icon(Icons.address_book,
                                color: randomColor(i * 192283,
                                    targetLuminance: 0.1)),
                            leading: Icon(Icons.address_book,
                                color: randomColor(i, targetLuminance: 0.1)),
                            title: Text("Some entry $i"),
                            subtitle: Text("This is a subtitle for entry $i"),
                          ))
                ],
              ))
        ],
      ),
    );
  }
}

class SheetScreen extends StatelessWidget {
  const SheetScreen({super.key});

  @override
  Widget build(BuildContext context) => ArcaneScreen(
      gutter: false,
      title: "This is a sheet",
      actions: const [
        IconButtonMenu(
            icon: Icons.activity_thin,
            items: [MenuButton(child: Text("Do Thing"))])
      ],
      child: Collection(
        children: [
          Section(
              titleText: "Section One",
              child: SListView.builder(
                builder: (context, i) => ListTile(
                  titleText: "Entry $i",
                  leadingIcon: Icons.activity_thin,
                ),
                childCount: 10,
              )),
          Section(
              titleText: "Section One",
              child: SGridView.builder(
                builder: (context, i) => BasicCard(
                  onPressed: () =>
                      DialogText(title: "GGG", onConfirm: (t) {}).open(context),
                  title: Text("Entry $i"),
                ),
                childCount: 10,
              ))
        ],
      ));
}