├── uikit ├── example │ ├── lib │ │ ├── src │ │ │ ├── tabs │ │ │ │ ├── colors.dart │ │ │ │ ├── typography.dart │ │ │ │ ├── textfields │ │ │ │ │ └── standard_textfield_tab.dart │ │ │ │ └── buttons │ │ │ │ │ ├── primary_button_tab.dart │ │ │ │ │ ├── secondary_button_tab.dart │ │ │ │ │ ├── destructive_button_tab.dart │ │ │ │ │ └── icon_button_tab.dart │ │ │ └── core │ │ │ │ ├── sidebar.dart │ │ │ │ ├── widget_preview.dart │ │ │ │ └── theme_option.dart │ │ └── main.dart │ ├── linux │ │ ├── .gitignore │ │ ├── runner │ │ │ ├── main.cc │ │ │ ├── my_application.h │ │ │ ├── CMakeLists.txt │ │ │ └── my_application.cc │ │ ├── flutter │ │ │ ├── generated_plugin_registrant.cc │ │ │ ├── generated_plugin_registrant.h │ │ │ ├── generated_plugins.cmake │ │ │ └── CMakeLists.txt │ │ └── CMakeLists.txt │ ├── ios │ │ ├── Runner │ │ │ ├── Runner-Bridging-Header.h │ │ │ ├── Assets.xcassets │ │ │ │ ├── LaunchImage.imageset │ │ │ │ │ ├── LaunchImage.png │ │ │ │ │ ├── LaunchImage@2x.png │ │ │ │ │ ├── LaunchImage@3x.png │ │ │ │ │ ├── README.md │ │ │ │ │ └── Contents.json │ │ │ │ └── AppIcon.appiconset │ │ │ │ │ ├── Icon-App-20x20@1x.png │ │ │ │ │ ├── Icon-App-20x20@2x.png │ │ │ │ │ ├── Icon-App-20x20@3x.png │ │ │ │ │ ├── Icon-App-29x29@1x.png │ │ │ │ │ ├── Icon-App-29x29@2x.png │ │ │ │ │ ├── Icon-App-29x29@3x.png │ │ │ │ │ ├── Icon-App-40x40@1x.png │ │ │ │ │ ├── Icon-App-40x40@2x.png │ │ │ │ │ ├── Icon-App-40x40@3x.png │ │ │ │ │ ├── Icon-App-60x60@2x.png │ │ │ │ │ ├── Icon-App-60x60@3x.png │ │ │ │ │ ├── Icon-App-76x76@1x.png │ │ │ │ │ ├── Icon-App-76x76@2x.png │ │ │ │ │ ├── Icon-App-1024x1024@1x.png │ │ │ │ │ ├── Icon-App-83.5x83.5@2x.png │ │ │ │ │ └── Contents.json │ │ │ ├── AppDelegate.swift │ │ │ ├── Base.lproj │ │ │ │ ├── Main.storyboard │ │ │ │ └── LaunchScreen.storyboard │ │ │ └── Info.plist │ │ ├── Flutter │ │ │ ├── Debug.xcconfig │ │ │ ├── Release.xcconfig │ │ │ └── AppFrameworkInfo.plist │ │ ├── Runner.xcodeproj │ │ │ ├── project.xcworkspace │ │ │ │ ├── contents.xcworkspacedata │ │ │ │ └── xcshareddata │ │ │ │ │ ├── WorkspaceSettings.xcsettings │ │ │ │ │ └── IDEWorkspaceChecks.plist │ │ │ └── xcshareddata │ │ │ │ └── xcschemes │ │ │ │ └── Runner.xcscheme │ │ ├── Runner.xcworkspace │ │ │ ├── contents.xcworkspacedata │ │ │ └── xcshareddata │ │ │ │ ├── WorkspaceSettings.xcsettings │ │ │ │ └── IDEWorkspaceChecks.plist │ │ ├── RunnerTests │ │ │ └── RunnerTests.swift │ │ ├── .gitignore │ │ └── Podfile │ ├── web │ │ ├── favicon.png │ │ ├── icons │ │ │ ├── Icon-192.png │ │ │ ├── Icon-512.png │ │ │ ├── Icon-maskable-192.png │ │ │ └── Icon-maskable-512.png │ │ ├── manifest.json │ │ └── index.html │ ├── macos │ │ ├── Runner │ │ │ ├── Configs │ │ │ │ ├── Debug.xcconfig │ │ │ │ ├── Release.xcconfig │ │ │ │ ├── Warnings.xcconfig │ │ │ │ └── AppInfo.xcconfig │ │ │ ├── Assets.xcassets │ │ │ │ └── AppIcon.appiconset │ │ │ │ │ ├── app_icon_16.png │ │ │ │ │ ├── app_icon_32.png │ │ │ │ │ ├── app_icon_64.png │ │ │ │ │ ├── app_icon_1024.png │ │ │ │ │ ├── app_icon_128.png │ │ │ │ │ ├── app_icon_256.png │ │ │ │ │ ├── app_icon_512.png │ │ │ │ │ └── Contents.json │ │ │ ├── Release.entitlements │ │ │ ├── AppDelegate.swift │ │ │ ├── DebugProfile.entitlements │ │ │ ├── MainFlutterWindow.swift │ │ │ └── Info.plist │ │ ├── .gitignore │ │ ├── Flutter │ │ │ ├── Flutter-Debug.xcconfig │ │ │ ├── Flutter-Release.xcconfig │ │ │ └── GeneratedPluginRegistrant.swift │ │ ├── Runner.xcworkspace │ │ │ ├── contents.xcworkspacedata │ │ │ └── xcshareddata │ │ │ │ └── IDEWorkspaceChecks.plist │ │ ├── Runner.xcodeproj │ │ │ ├── project.xcworkspace │ │ │ │ └── xcshareddata │ │ │ │ │ └── IDEWorkspaceChecks.plist │ │ │ └── xcshareddata │ │ │ │ └── xcschemes │ │ │ │ └── Runner.xcscheme │ │ ├── RunnerTests │ │ │ └── RunnerTests.swift │ │ ├── Podfile.lock │ │ └── Podfile │ ├── windows │ │ ├── runner │ │ │ ├── resources │ │ │ │ └── app_icon.ico │ │ │ ├── resource.h │ │ │ ├── runner.exe.manifest │ │ │ ├── utils.h │ │ │ ├── flutter_window.h │ │ │ ├── main.cpp │ │ │ ├── CMakeLists.txt │ │ │ ├── utils.cpp │ │ │ ├── flutter_window.cpp │ │ │ ├── Runner.rc │ │ │ ├── win32_window.h │ │ │ └── win32_window.cpp │ │ ├── flutter │ │ │ ├── generated_plugin_registrant.cc │ │ │ ├── generated_plugin_registrant.h │ │ │ ├── generated_plugins.cmake │ │ │ └── CMakeLists.txt │ │ ├── .gitignore │ │ └── CMakeLists.txt │ ├── android │ │ ├── app │ │ │ ├── src │ │ │ │ ├── main │ │ │ │ │ ├── res │ │ │ │ │ │ ├── mipmap-hdpi │ │ │ │ │ │ │ └── ic_launcher.png │ │ │ │ │ │ ├── mipmap-mdpi │ │ │ │ │ │ │ └── ic_launcher.png │ │ │ │ │ │ ├── mipmap-xhdpi │ │ │ │ │ │ │ └── ic_launcher.png │ │ │ │ │ │ ├── mipmap-xxhdpi │ │ │ │ │ │ │ └── ic_launcher.png │ │ │ │ │ │ ├── mipmap-xxxhdpi │ │ │ │ │ │ │ └── ic_launcher.png │ │ │ │ │ │ ├── drawable │ │ │ │ │ │ │ └── launch_background.xml │ │ │ │ │ │ ├── drawable-v21 │ │ │ │ │ │ │ └── launch_background.xml │ │ │ │ │ │ ├── values │ │ │ │ │ │ │ └── styles.xml │ │ │ │ │ │ └── values-night │ │ │ │ │ │ │ └── styles.xml │ │ │ │ │ ├── kotlin │ │ │ │ │ │ └── com │ │ │ │ │ │ │ └── example │ │ │ │ │ │ │ └── example │ │ │ │ │ │ │ └── MainActivity.kt │ │ │ │ │ └── AndroidManifest.xml │ │ │ │ ├── debug │ │ │ │ │ └── AndroidManifest.xml │ │ │ │ └── profile │ │ │ │ │ └── AndroidManifest.xml │ │ │ └── build.gradle.kts │ │ ├── gradle.properties │ │ ├── gradle │ │ │ └── wrapper │ │ │ │ └── gradle-wrapper.properties │ │ ├── .gitignore │ │ ├── build.gradle.kts │ │ └── settings.gradle.kts │ ├── pubspec.yaml │ ├── .gitignore │ ├── test │ │ └── widget_test.dart │ ├── analysis_options.yaml │ └── .metadata ├── LICENSE ├── CHANGELOG.md ├── analysis_options.yaml ├── pubspec.yaml ├── .metadata ├── lib │ ├── uikit.dart │ └── src │ │ ├── tokens │ │ ├── theme.dart │ │ ├── gutter_tokens.dart │ │ ├── margin_tokens.dart │ │ ├── padding_tokens.dart │ │ ├── radius_tokens.dart │ │ ├── tokens.dart │ │ ├── color_tokens.dart │ │ ├── typography_tokens.dart │ │ └── defaults.dart │ │ └── components │ │ ├── checkbox.dart │ │ ├── list_tile.dart │ │ ├── text_input.dart │ │ └── button.dart └── .gitignore ├── .fvmrc ├── design_preview ├── LICENSE ├── analysis_options.yaml ├── .metadata ├── lib │ ├── src │ │ └── core │ │ │ ├── router │ │ │ └── route_handler.dart │ │ │ ├── widget │ │ │ ├── not_selected_tab_screen.dart │ │ │ ├── options │ │ │ │ ├── option_textfield.dart │ │ │ │ └── option_selector.dart │ │ │ ├── tabs_root.dart │ │ │ ├── preview_widget.dart │ │ │ └── tabs_tree.dart │ │ │ └── tab.dart │ └── design_preview.dart ├── pubspec.yaml └── .gitignore ├── design_preview_gorouter ├── LICENSE ├── CHANGELOG.md ├── lib │ ├── design_preview_gorouter.dart │ └── src │ │ ├── route_handler.dart │ │ └── routes.dart ├── analysis_options.yaml ├── .metadata ├── pubspec.yaml ├── .gitignore └── README.md ├── .vscode ├── settings.json └── launch.json ├── .gitignore └── pubspec.yaml /uikit/example/lib/src/tabs/colors.dart: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.fvmrc: -------------------------------------------------------------------------------- 1 | { 2 | "flutter": "3.29.2" 3 | } -------------------------------------------------------------------------------- /uikit/example/lib/src/tabs/typography.dart: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /uikit/LICENSE: -------------------------------------------------------------------------------- 1 | TODO: Add your license here. 2 | -------------------------------------------------------------------------------- /uikit/example/linux/.gitignore: -------------------------------------------------------------------------------- 1 | flutter/ephemeral 2 | -------------------------------------------------------------------------------- /design_preview/LICENSE: -------------------------------------------------------------------------------- 1 | TODO: Add your license here. 2 | -------------------------------------------------------------------------------- /design_preview_gorouter/LICENSE: -------------------------------------------------------------------------------- 1 | TODO: Add your license here. 2 | -------------------------------------------------------------------------------- /uikit/CHANGELOG.md: -------------------------------------------------------------------------------- 1 | ## 0.0.1 2 | 3 | * TODO: Describe initial release. 4 | -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "dart.flutterSdkPath": ".fvm/versions/3.29.2" 3 | } -------------------------------------------------------------------------------- /design_preview_gorouter/CHANGELOG.md: -------------------------------------------------------------------------------- 1 | ## 0.0.1 2 | 3 | * TODO: Describe initial release. 4 | -------------------------------------------------------------------------------- /uikit/example/ios/Runner/Runner-Bridging-Header.h: -------------------------------------------------------------------------------- 1 | #import "GeneratedPluginRegistrant.h" 2 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .dart_tool/ 2 | build/ 3 | pubspec.lock 4 | .idea/ 5 | 6 | # FVM Version Cache 7 | .fvm/ -------------------------------------------------------------------------------- /design_preview_gorouter/lib/design_preview_gorouter.dart: -------------------------------------------------------------------------------- 1 | export 'src/route_handler.dart'; 2 | export 'src/routes.dart'; -------------------------------------------------------------------------------- /uikit/example/web/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/web/favicon.png -------------------------------------------------------------------------------- /uikit/example/macos/Runner/Configs/Debug.xcconfig: -------------------------------------------------------------------------------- 1 | #include "../../Flutter/Flutter-Debug.xcconfig" 2 | #include "Warnings.xcconfig" 3 | -------------------------------------------------------------------------------- /uikit/example/macos/Runner/Configs/Release.xcconfig: -------------------------------------------------------------------------------- 1 | #include "../../Flutter/Flutter-Release.xcconfig" 2 | #include "Warnings.xcconfig" 3 | -------------------------------------------------------------------------------- /uikit/example/web/icons/Icon-192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/web/icons/Icon-192.png -------------------------------------------------------------------------------- /uikit/example/web/icons/Icon-512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/web/icons/Icon-512.png -------------------------------------------------------------------------------- /uikit/example/macos/.gitignore: -------------------------------------------------------------------------------- 1 | # Flutter-related 2 | **/Flutter/ephemeral/ 3 | **/Pods/ 4 | 5 | # Xcode-related 6 | **/dgph 7 | **/xcuserdata/ 8 | -------------------------------------------------------------------------------- /uikit/example/ios/Flutter/Debug.xcconfig: -------------------------------------------------------------------------------- 1 | #include? "Pods/Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig" 2 | #include "Generated.xcconfig" 3 | -------------------------------------------------------------------------------- /uikit/example/web/icons/Icon-maskable-192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/web/icons/Icon-maskable-192.png -------------------------------------------------------------------------------- /uikit/example/web/icons/Icon-maskable-512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/web/icons/Icon-maskable-512.png -------------------------------------------------------------------------------- /uikit/example/ios/Flutter/Release.xcconfig: -------------------------------------------------------------------------------- 1 | #include? "Pods/Target Support Files/Pods-Runner/Pods-Runner.release.xcconfig" 2 | #include "Generated.xcconfig" 3 | -------------------------------------------------------------------------------- /uikit/example/windows/runner/resources/app_icon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/windows/runner/resources/app_icon.ico -------------------------------------------------------------------------------- /uikit/example/macos/Flutter/Flutter-Debug.xcconfig: -------------------------------------------------------------------------------- 1 | #include? "Pods/Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig" 2 | #include "ephemeral/Flutter-Generated.xcconfig" 3 | -------------------------------------------------------------------------------- /uikit/example/macos/Flutter/Flutter-Release.xcconfig: -------------------------------------------------------------------------------- 1 | #include? "Pods/Target Support Files/Pods-Runner/Pods-Runner.release.xcconfig" 2 | #include "ephemeral/Flutter-Generated.xcconfig" 3 | -------------------------------------------------------------------------------- /pubspec.yaml: -------------------------------------------------------------------------------- 1 | name: _ 2 | environment: 3 | sdk: ^3.7.0 4 | flutter: ^3.29.0 5 | 6 | workspace: 7 | - design_preview 8 | - uikit 9 | - uikit/example 10 | - design_preview_gorouter -------------------------------------------------------------------------------- /uikit/analysis_options.yaml: -------------------------------------------------------------------------------- 1 | include: package:flutter_lints/flutter.yaml 2 | 3 | # Additional information about this file can be found at 4 | # https://dart.dev/guides/language/analysis-options 5 | -------------------------------------------------------------------------------- /uikit/example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /uikit/example/android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /uikit/example/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /design_preview/analysis_options.yaml: -------------------------------------------------------------------------------- 1 | include: package:flutter_lints/flutter.yaml 2 | 3 | # Additional information about this file can be found at 4 | # https://dart.dev/guides/language/analysis-options 5 | -------------------------------------------------------------------------------- /uikit/example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /uikit/example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /design_preview_gorouter/analysis_options.yaml: -------------------------------------------------------------------------------- 1 | include: package:flutter_lints/flutter.yaml 2 | 3 | # Additional information about this file can be found at 4 | # https://dart.dev/guides/language/analysis-options 5 | -------------------------------------------------------------------------------- /uikit/example/android/app/src/main/kotlin/com/example/example/MainActivity.kt: -------------------------------------------------------------------------------- 1 | package com.example.example 2 | 3 | import io.flutter.embedding.android.FlutterActivity 4 | 5 | class MainActivity : FlutterActivity() 6 | -------------------------------------------------------------------------------- /uikit/example/android/gradle.properties: -------------------------------------------------------------------------------- 1 | org.gradle.jvmargs=-Xmx8G -XX:MaxMetaspaceSize=4G -XX:ReservedCodeCacheSize=512m -XX:+HeapDumpOnOutOfMemoryError 2 | android.useAndroidX=true 3 | android.enableJetifier=true 4 | -------------------------------------------------------------------------------- /uikit/example/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png -------------------------------------------------------------------------------- /uikit/example/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_16.png -------------------------------------------------------------------------------- /uikit/example/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_32.png -------------------------------------------------------------------------------- /uikit/example/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_64.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_64.png -------------------------------------------------------------------------------- /uikit/example/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png -------------------------------------------------------------------------------- /uikit/example/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png -------------------------------------------------------------------------------- /uikit/example/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_1024.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_1024.png -------------------------------------------------------------------------------- /uikit/example/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_128.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_128.png -------------------------------------------------------------------------------- /uikit/example/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_256.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_256.png -------------------------------------------------------------------------------- /uikit/example/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/macos/Runner/Assets.xcassets/AppIcon.appiconset/app_icon_512.png -------------------------------------------------------------------------------- /uikit/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png -------------------------------------------------------------------------------- /uikit/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png -------------------------------------------------------------------------------- /uikit/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png -------------------------------------------------------------------------------- /uikit/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png -------------------------------------------------------------------------------- /uikit/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png -------------------------------------------------------------------------------- /uikit/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png -------------------------------------------------------------------------------- /uikit/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png -------------------------------------------------------------------------------- /uikit/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png -------------------------------------------------------------------------------- /uikit/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png -------------------------------------------------------------------------------- /uikit/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png -------------------------------------------------------------------------------- /uikit/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png -------------------------------------------------------------------------------- /uikit/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png -------------------------------------------------------------------------------- /uikit/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png -------------------------------------------------------------------------------- /uikit/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png -------------------------------------------------------------------------------- /uikit/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hawkkiller/design_system_example/HEAD/uikit/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png -------------------------------------------------------------------------------- /uikit/example/linux/runner/main.cc: -------------------------------------------------------------------------------- 1 | #include "my_application.h" 2 | 3 | int main(int argc, char** argv) { 4 | g_autoptr(MyApplication) app = my_application_new(); 5 | return g_application_run(G_APPLICATION(app), argc, argv); 6 | } 7 | -------------------------------------------------------------------------------- /uikit/example/ios/Runner.xcodeproj/project.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /uikit/example/ios/Runner.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /uikit/example/linux/flutter/generated_plugin_registrant.cc: -------------------------------------------------------------------------------- 1 | // 2 | // Generated file. Do not edit. 3 | // 4 | 5 | // clang-format off 6 | 7 | #include "generated_plugin_registrant.h" 8 | 9 | 10 | void fl_register_plugins(FlPluginRegistry* registry) { 11 | } 12 | -------------------------------------------------------------------------------- /uikit/example/windows/flutter/generated_plugin_registrant.cc: -------------------------------------------------------------------------------- 1 | // 2 | // Generated file. Do not edit. 3 | // 4 | 5 | // clang-format off 6 | 7 | #include "generated_plugin_registrant.h" 8 | 9 | 10 | void RegisterPlugins(flutter::PluginRegistry* registry) { 11 | } 12 | -------------------------------------------------------------------------------- /uikit/example/android/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | zipStoreBase=GRADLE_USER_HOME 4 | zipStorePath=wrapper/dists 5 | distributionUrl=https\://services.gradle.org/distributions/gradle-8.10.2-all.zip 6 | -------------------------------------------------------------------------------- /uikit/example/macos/Runner/Release.entitlements: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | com.apple.security.app-sandbox 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /uikit/example/ios/Runner.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | PreviewsEnabled 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /uikit/example/macos/Runner.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /uikit/example/ios/Runner.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IDEDidComputeMac32BitWarning 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /uikit/example/macos/Runner.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IDEDidComputeMac32BitWarning 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /uikit/example/android/.gitignore: -------------------------------------------------------------------------------- 1 | gradle-wrapper.jar 2 | /.gradle 3 | /captures/ 4 | /gradlew 5 | /gradlew.bat 6 | /local.properties 7 | GeneratedPluginRegistrant.java 8 | .cxx/ 9 | 10 | # Remember to never publicly share your keystore. 11 | # See https://flutter.dev/to/reference-keystore 12 | key.properties 13 | **/*.keystore 14 | **/*.jks 15 | -------------------------------------------------------------------------------- /uikit/example/ios/Runner.xcodeproj/project.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | PreviewsEnabled 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /uikit/example/ios/Runner.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IDEDidComputeMac32BitWarning 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /uikit/example/macos/Runner.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IDEDidComputeMac32BitWarning 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /uikit/pubspec.yaml: -------------------------------------------------------------------------------- 1 | name: uikit 2 | description: "A new Flutter package project." 3 | version: 0.0.1 4 | 5 | resolution: workspace 6 | 7 | environment: 8 | sdk: ^3.7.0 9 | flutter: ^3.29.0 10 | 11 | dependencies: 12 | flutter: 13 | sdk: flutter 14 | 15 | dev_dependencies: 16 | flutter_test: 17 | sdk: flutter 18 | flutter_lints: ^5.0.0 19 | -------------------------------------------------------------------------------- /uikit/.metadata: -------------------------------------------------------------------------------- 1 | # This file tracks properties of this Flutter project. 2 | # Used by Flutter tool to assess capabilities and perform upgrades etc. 3 | # 4 | # This file should be version controlled and should not be manually edited. 5 | 6 | version: 7 | revision: "35c388afb57ef061d06a39b537336c87e0e3d1b1" 8 | channel: "stable" 9 | 10 | project_type: package 11 | -------------------------------------------------------------------------------- /design_preview/.metadata: -------------------------------------------------------------------------------- 1 | # This file tracks properties of this Flutter project. 2 | # Used by Flutter tool to assess capabilities and perform upgrades etc. 3 | # 4 | # This file should be version controlled and should not be manually edited. 5 | 6 | version: 7 | revision: "35c388afb57ef061d06a39b537336c87e0e3d1b1" 8 | channel: "stable" 9 | 10 | project_type: package 11 | -------------------------------------------------------------------------------- /design_preview/lib/src/core/router/route_handler.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | abstract interface class RouteHandler { 4 | String encodeTitleToPath(String title); 5 | bool isPathActive(BuildContext context, String path); 6 | bool isPathParentOfCurrent(BuildContext context, String path); 7 | void navigateTo(BuildContext context, String path); 8 | } 9 | -------------------------------------------------------------------------------- /uikit/example/ios/RunnerTests/RunnerTests.swift: -------------------------------------------------------------------------------- 1 | import Flutter 2 | import UIKit 3 | import XCTest 4 | 5 | class RunnerTests: XCTestCase { 6 | 7 | func testExample() { 8 | // If you add code to the Runner application, consider adding tests here. 9 | // See https://developer.apple.com/documentation/xctest for more information about using XCTest. 10 | } 11 | 12 | } 13 | -------------------------------------------------------------------------------- /design_preview_gorouter/.metadata: -------------------------------------------------------------------------------- 1 | # This file tracks properties of this Flutter project. 2 | # Used by Flutter tool to assess capabilities and perform upgrades etc. 3 | # 4 | # This file should be version controlled and should not be manually edited. 5 | 6 | version: 7 | revision: "35c388afb57ef061d06a39b537336c87e0e3d1b1" 8 | channel: "stable" 9 | 10 | project_type: package 11 | -------------------------------------------------------------------------------- /uikit/example/macos/Flutter/GeneratedPluginRegistrant.swift: -------------------------------------------------------------------------------- 1 | // 2 | // Generated file. Do not edit. 3 | // 4 | 5 | import FlutterMacOS 6 | import Foundation 7 | 8 | import shared_preferences_foundation 9 | 10 | func RegisterGeneratedPlugins(registry: FlutterPluginRegistry) { 11 | SharedPreferencesPlugin.register(with: registry.registrar(forPlugin: "SharedPreferencesPlugin")) 12 | } 13 | -------------------------------------------------------------------------------- /uikit/example/macos/RunnerTests/RunnerTests.swift: -------------------------------------------------------------------------------- 1 | import Cocoa 2 | import FlutterMacOS 3 | import XCTest 4 | 5 | class RunnerTests: XCTestCase { 6 | 7 | func testExample() { 8 | // If you add code to the Runner application, consider adding tests here. 9 | // See https://developer.apple.com/documentation/xctest for more information about using XCTest. 10 | } 11 | 12 | } 13 | -------------------------------------------------------------------------------- /design_preview/pubspec.yaml: -------------------------------------------------------------------------------- 1 | name: design_preview 2 | description: "A new Flutter package project." 3 | version: 0.0.1 4 | publish_to: none 5 | 6 | resolution: workspace 7 | 8 | environment: 9 | sdk: ^3.7.0 10 | flutter: ^3.29.0 11 | 12 | dependencies: 13 | flutter: 14 | sdk: flutter 15 | 16 | dev_dependencies: 17 | flutter_test: 18 | sdk: flutter 19 | flutter_lints: ^5.0.0 20 | -------------------------------------------------------------------------------- /uikit/example/windows/.gitignore: -------------------------------------------------------------------------------- 1 | flutter/ephemeral/ 2 | 3 | # Visual Studio user-specific files. 4 | *.suo 5 | *.user 6 | *.userosscache 7 | *.sln.docstates 8 | 9 | # Visual Studio build-related files. 10 | x64/ 11 | x86/ 12 | 13 | # Visual Studio cache files 14 | # files ending in .cache can be ignored 15 | *.[Cc]ache 16 | # but keep track of directories ending in .cache 17 | !*.[Cc]ache/ 18 | -------------------------------------------------------------------------------- /uikit/example/ios/Runner/Assets.xcassets/LaunchImage.imageset/README.md: -------------------------------------------------------------------------------- 1 | # Launch Screen Assets 2 | 3 | You can customize the launch screen with your own desired assets by replacing the image files in this directory. 4 | 5 | You can also do it by opening your Flutter project's Xcode project with `open ios/Runner.xcworkspace`, selecting `Runner/Assets.xcassets` in the Project Navigator and dropping in the desired images. -------------------------------------------------------------------------------- /uikit/example/macos/Runner/AppDelegate.swift: -------------------------------------------------------------------------------- 1 | import Cocoa 2 | import FlutterMacOS 3 | 4 | @main 5 | class AppDelegate: FlutterAppDelegate { 6 | override func applicationShouldTerminateAfterLastWindowClosed(_ sender: NSApplication) -> Bool { 7 | return true 8 | } 9 | 10 | override func applicationSupportsSecureRestorableState(_ app: NSApplication) -> Bool { 11 | return true 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /design_preview/lib/design_preview.dart: -------------------------------------------------------------------------------- 1 | export 'src/core/router/route_handler.dart'; 2 | export 'src/core/tab.dart'; 3 | export 'src/core/widget/not_selected_tab_screen.dart'; 4 | export 'src/core/widget/options/option_selector.dart'; 5 | export 'src/core/widget/options/option_textfield.dart'; 6 | export 'src/core/widget/preview_widget.dart'; 7 | export 'src/core/widget/tabs_root.dart'; 8 | export 'src/core/widget/tabs_tree.dart'; -------------------------------------------------------------------------------- /uikit/example/linux/flutter/generated_plugin_registrant.h: -------------------------------------------------------------------------------- 1 | // 2 | // Generated file. Do not edit. 3 | // 4 | 5 | // clang-format off 6 | 7 | #ifndef GENERATED_PLUGIN_REGISTRANT_ 8 | #define GENERATED_PLUGIN_REGISTRANT_ 9 | 10 | #include 11 | 12 | // Registers Flutter plugins. 13 | void fl_register_plugins(FlPluginRegistry* registry); 14 | 15 | #endif // GENERATED_PLUGIN_REGISTRANT_ 16 | -------------------------------------------------------------------------------- /uikit/example/windows/flutter/generated_plugin_registrant.h: -------------------------------------------------------------------------------- 1 | // 2 | // Generated file. Do not edit. 3 | // 4 | 5 | // clang-format off 6 | 7 | #ifndef GENERATED_PLUGIN_REGISTRANT_ 8 | #define GENERATED_PLUGIN_REGISTRANT_ 9 | 10 | #include 11 | 12 | // Registers Flutter plugins. 13 | void RegisterPlugins(flutter::PluginRegistry* registry); 14 | 15 | #endif // GENERATED_PLUGIN_REGISTRANT_ 16 | -------------------------------------------------------------------------------- /design_preview_gorouter/pubspec.yaml: -------------------------------------------------------------------------------- 1 | name: design_preview_gorouter 2 | description: "A new Flutter package project." 3 | version: 0.0.1 4 | 5 | resolution: workspace 6 | 7 | environment: 8 | sdk: ^3.7.0 9 | flutter: ^3.29.0 10 | 11 | dependencies: 12 | flutter: 13 | sdk: flutter 14 | go_router: ^14.8.1 15 | design_preview: ^0.0.1 16 | 17 | dev_dependencies: 18 | flutter_test: 19 | sdk: flutter 20 | flutter_lints: ^5.0.0 21 | -------------------------------------------------------------------------------- /uikit/example/android/app/src/debug/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /uikit/example/android/app/src/profile/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /uikit/example/macos/Runner/DebugProfile.entitlements: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | com.apple.security.app-sandbox 6 | 7 | com.apple.security.cs.allow-jit 8 | 9 | com.apple.security.network.server 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /uikit/example/ios/Runner/AppDelegate.swift: -------------------------------------------------------------------------------- 1 | import Flutter 2 | import UIKit 3 | 4 | @main 5 | @objc class AppDelegate: FlutterAppDelegate { 6 | override func application( 7 | _ application: UIApplication, 8 | didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]? 9 | ) -> Bool { 10 | GeneratedPluginRegistrant.register(with: self) 11 | return super.application(application, didFinishLaunchingWithOptions: launchOptions) 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /uikit/example/macos/Runner/MainFlutterWindow.swift: -------------------------------------------------------------------------------- 1 | import Cocoa 2 | import FlutterMacOS 3 | 4 | class MainFlutterWindow: NSWindow { 5 | override func awakeFromNib() { 6 | let flutterViewController = FlutterViewController() 7 | let windowFrame = self.frame 8 | self.contentViewController = flutterViewController 9 | self.setFrame(windowFrame, display: true) 10 | 11 | RegisterGeneratedPlugins(registry: flutterViewController) 12 | 13 | super.awakeFromNib() 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /uikit/example/linux/runner/my_application.h: -------------------------------------------------------------------------------- 1 | #ifndef FLUTTER_MY_APPLICATION_H_ 2 | #define FLUTTER_MY_APPLICATION_H_ 3 | 4 | #include 5 | 6 | G_DECLARE_FINAL_TYPE(MyApplication, my_application, MY, APPLICATION, 7 | GtkApplication) 8 | 9 | /** 10 | * my_application_new: 11 | * 12 | * Creates a new Flutter-based application. 13 | * 14 | * Returns: a new #MyApplication. 15 | */ 16 | MyApplication* my_application_new(); 17 | 18 | #endif // FLUTTER_MY_APPLICATION_H_ 19 | -------------------------------------------------------------------------------- /design_preview/lib/src/core/widget/not_selected_tab_screen.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | class NotSelectedTabScreen extends StatelessWidget { 4 | const NotSelectedTabScreen({super.key}); 5 | 6 | @override 7 | Widget build(BuildContext context) { 8 | final theme = Theme.of(context); 9 | return Center( 10 | child: Text( 11 | 'Not Selected', 12 | style: theme.textTheme.bodyLarge?.copyWith(color: theme.colorScheme.onSurface), 13 | ), 14 | ); 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /uikit/example/windows/runner/resource.h: -------------------------------------------------------------------------------- 1 | //{{NO_DEPENDENCIES}} 2 | // Microsoft Visual C++ generated include file. 3 | // Used by Runner.rc 4 | // 5 | #define IDI_APP_ICON 101 6 | 7 | // Next default values for new objects 8 | // 9 | #ifdef APSTUDIO_INVOKED 10 | #ifndef APSTUDIO_READONLY_SYMBOLS 11 | #define _APS_NEXT_RESOURCE_VALUE 102 12 | #define _APS_NEXT_COMMAND_VALUE 40001 13 | #define _APS_NEXT_CONTROL_VALUE 1001 14 | #define _APS_NEXT_SYMED_VALUE 101 15 | #endif 16 | #endif 17 | -------------------------------------------------------------------------------- /uikit/example/android/app/src/main/res/drawable/launch_background.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 12 | 13 | -------------------------------------------------------------------------------- /uikit/example/android/app/src/main/res/drawable-v21/launch_background.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 12 | 13 | -------------------------------------------------------------------------------- /uikit/example/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "idiom" : "universal", 5 | "filename" : "LaunchImage.png", 6 | "scale" : "1x" 7 | }, 8 | { 9 | "idiom" : "universal", 10 | "filename" : "LaunchImage@2x.png", 11 | "scale" : "2x" 12 | }, 13 | { 14 | "idiom" : "universal", 15 | "filename" : "LaunchImage@3x.png", 16 | "scale" : "3x" 17 | } 18 | ], 19 | "info" : { 20 | "version" : 1, 21 | "author" : "xcode" 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /design_preview/lib/src/core/widget/options/option_textfield.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | class OptionTextField extends StatelessWidget { 4 | const OptionTextField({super.key, required this.controller, required this.label}); 5 | 6 | final String label; 7 | final TextEditingController controller; 8 | 9 | @override 10 | Widget build(BuildContext context) { 11 | return TextField( 12 | controller: controller, 13 | decoration: InputDecoration(labelText: label, border: const OutlineInputBorder()), 14 | ); 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /uikit/example/pubspec.yaml: -------------------------------------------------------------------------------- 1 | name: example 2 | description: "A new Flutter project." 3 | publish_to: "none" 4 | version: 1.0.0+1 5 | 6 | environment: 7 | sdk: ^3.7.0 8 | flutter: ^3.29.0 9 | 10 | resolution: workspace 11 | 12 | dependencies: 13 | flutter: 14 | sdk: flutter 15 | cupertino_icons: ^1.0.8 16 | uikit: ^0.0.1 17 | design_preview: ^0.0.1 18 | design_preview_gorouter: ^0.0.1 19 | go_router: ^14.8.1 20 | shared_preferences: ^2.5.2 21 | 22 | dev_dependencies: 23 | flutter_test: 24 | sdk: flutter 25 | flutter_lints: ^5.0.0 26 | 27 | flutter: 28 | uses-material-design: true 29 | -------------------------------------------------------------------------------- /uikit/lib/uikit.dart: -------------------------------------------------------------------------------- 1 | /* Components */ 2 | export 'src/components/button.dart'; 3 | export 'src/components/checkbox.dart'; 4 | export 'src/components/list_tile.dart'; 5 | export 'src/components/text_input.dart'; 6 | /* Design Tokens */ 7 | export 'src/tokens/color_tokens.dart'; 8 | export 'src/tokens/defaults.dart'; 9 | export 'src/tokens/gutter_tokens.dart'; 10 | export 'src/tokens/margin_tokens.dart'; 11 | export 'src/tokens/padding_tokens.dart'; 12 | export 'src/tokens/radius_tokens.dart'; 13 | export 'src/tokens/theme.dart'; 14 | export 'src/tokens/tokens.dart'; 15 | export 'src/tokens/typography_tokens.dart'; 16 | -------------------------------------------------------------------------------- /uikit/example/android/build.gradle.kts: -------------------------------------------------------------------------------- 1 | allprojects { 2 | repositories { 3 | google() 4 | mavenCentral() 5 | } 6 | } 7 | 8 | val newBuildDir: Directory = rootProject.layout.buildDirectory.dir("../../build").get() 9 | rootProject.layout.buildDirectory.value(newBuildDir) 10 | 11 | subprojects { 12 | val newSubprojectBuildDir: Directory = newBuildDir.dir(project.name) 13 | project.layout.buildDirectory.value(newSubprojectBuildDir) 14 | } 15 | subprojects { 16 | project.evaluationDependsOn(":app") 17 | } 18 | 19 | tasks.register("clean") { 20 | delete(rootProject.layout.buildDirectory) 21 | } 22 | -------------------------------------------------------------------------------- /uikit/example/macos/Runner/Configs/Warnings.xcconfig: -------------------------------------------------------------------------------- 1 | WARNING_CFLAGS = -Wall -Wconditional-uninitialized -Wnullable-to-nonnull-conversion -Wmissing-method-return-type -Woverlength-strings 2 | GCC_WARN_UNDECLARED_SELECTOR = YES 3 | CLANG_UNDEFINED_BEHAVIOR_SANITIZER_NULLABILITY = YES 4 | CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE 5 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES 6 | CLANG_WARN_PRAGMA_PACK = YES 7 | CLANG_WARN_STRICT_PROTOTYPES = YES 8 | CLANG_WARN_COMMA = YES 9 | GCC_WARN_STRICT_SELECTOR_MATCH = YES 10 | CLANG_WARN_OBJC_REPEATED_USE_OF_WEAK = YES 11 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES 12 | GCC_WARN_SHADOW = YES 13 | CLANG_WARN_UNREACHABLE_CODE = YES 14 | -------------------------------------------------------------------------------- /design_preview/lib/src/core/tab.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | abstract mixin class PreviewTab { 4 | String get title; 5 | 6 | Widget buildWidget(BuildContext context); 7 | } 8 | 9 | mixin WidgetTab on Widget implements PreviewTab { 10 | @override 11 | Widget buildWidget(BuildContext context) => this; 12 | } 13 | 14 | class FolderTab with PreviewTab { 15 | const FolderTab(this.title, this.tabs); 16 | 17 | @override 18 | final String title; 19 | 20 | final List tabs; 21 | 22 | @override 23 | Widget buildWidget(BuildContext context) { 24 | throw UnimplementedError('FolderTab does not implement buildWidget'); 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /uikit/lib/src/tokens/theme.dart: -------------------------------------------------------------------------------- 1 | import '../../uikit.dart'; 2 | import 'package:flutter/material.dart'; 3 | 4 | ThemeData buildThemeData(Tokens tokens, Brightness brightness) { 5 | return ThemeData( 6 | brightness: brightness, 7 | extensions: [tokens], 8 | colorScheme: ColorScheme.fromSeed( 9 | seedColor: tokens.colors.primary, 10 | brightness: brightness, 11 | dynamicSchemeVariant: DynamicSchemeVariant.neutral, 12 | ), 13 | textSelectionTheme: TextSelectionThemeData( 14 | cursorColor: tokens.colors.selection, 15 | selectionColor: tokens.colors.selection, 16 | selectionHandleColor: tokens.colors.selection, 17 | ), 18 | ); 19 | } 20 | -------------------------------------------------------------------------------- /uikit/example/lib/src/core/sidebar.dart: -------------------------------------------------------------------------------- 1 | import 'package:example/src/core/theme_option.dart'; 2 | import 'package:flutter/material.dart'; 3 | 4 | class Sidebar extends StatelessWidget { 5 | const Sidebar({super.key, required this.children, this.addThemeOption = true}); 6 | 7 | final bool addThemeOption; 8 | final List children; 9 | 10 | @override 11 | Widget build(BuildContext context) { 12 | return ListView( 13 | padding: const EdgeInsets.all(8), 14 | children: [ 15 | if (addThemeOption) ...[ThemeOptionInput(), Divider(height: 24)], 16 | for (final child in children) ...[child, const SizedBox(height: 16)], 17 | ], 18 | ); 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /uikit/example/macos/Runner/Configs/AppInfo.xcconfig: -------------------------------------------------------------------------------- 1 | // Application-level settings for the Runner target. 2 | // 3 | // This may be replaced with something auto-generated from metadata (e.g., pubspec.yaml) in the 4 | // future. If not, the values below would default to using the project name when this becomes a 5 | // 'flutter create' template. 6 | 7 | // The application's name. By default this is also the title of the Flutter window. 8 | PRODUCT_NAME = example 9 | 10 | // The application's bundle identifier 11 | PRODUCT_BUNDLE_IDENTIFIER = com.example.example 12 | 13 | // The copyright displayed in application information 14 | PRODUCT_COPYRIGHT = Copyright © 2025 com.example. All rights reserved. 15 | -------------------------------------------------------------------------------- /uikit/example/windows/runner/runner.exe.manifest: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | PerMonitorV2 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /uikit/.gitignore: -------------------------------------------------------------------------------- 1 | # Miscellaneous 2 | *.class 3 | *.log 4 | *.pyc 5 | *.swp 6 | .DS_Store 7 | .atom/ 8 | .buildlog/ 9 | .history 10 | .svn/ 11 | migrate_working_dir/ 12 | 13 | # IntelliJ related 14 | *.iml 15 | *.ipr 16 | *.iws 17 | .idea/ 18 | 19 | # The .vscode folder contains launch configuration and tasks you configure in 20 | # VS Code which you may wish to be included in version control, so this line 21 | # is commented out by default. 22 | #.vscode/ 23 | 24 | # Flutter/Dart/Pub related 25 | # Libraries should not include pubspec.lock, per https://dart.dev/guides/libraries/private-files#pubspeclock. 26 | /pubspec.lock 27 | **/doc/api/ 28 | .dart_tool/ 29 | .flutter-plugins 30 | .flutter-plugins-dependencies 31 | build/ 32 | -------------------------------------------------------------------------------- /design_preview/.gitignore: -------------------------------------------------------------------------------- 1 | # Miscellaneous 2 | *.class 3 | *.log 4 | *.pyc 5 | *.swp 6 | .DS_Store 7 | .atom/ 8 | .buildlog/ 9 | .history 10 | .svn/ 11 | migrate_working_dir/ 12 | 13 | # IntelliJ related 14 | *.iml 15 | *.ipr 16 | *.iws 17 | .idea/ 18 | 19 | # The .vscode folder contains launch configuration and tasks you configure in 20 | # VS Code which you may wish to be included in version control, so this line 21 | # is commented out by default. 22 | #.vscode/ 23 | 24 | # Flutter/Dart/Pub related 25 | # Libraries should not include pubspec.lock, per https://dart.dev/guides/libraries/private-files#pubspeclock. 26 | /pubspec.lock 27 | **/doc/api/ 28 | .dart_tool/ 29 | .flutter-plugins 30 | .flutter-plugins-dependencies 31 | build/ 32 | -------------------------------------------------------------------------------- /design_preview_gorouter/.gitignore: -------------------------------------------------------------------------------- 1 | # Miscellaneous 2 | *.class 3 | *.log 4 | *.pyc 5 | *.swp 6 | .DS_Store 7 | .atom/ 8 | .buildlog/ 9 | .history 10 | .svn/ 11 | migrate_working_dir/ 12 | 13 | # IntelliJ related 14 | *.iml 15 | *.ipr 16 | *.iws 17 | .idea/ 18 | 19 | # The .vscode folder contains launch configuration and tasks you configure in 20 | # VS Code which you may wish to be included in version control, so this line 21 | # is commented out by default. 22 | #.vscode/ 23 | 24 | # Flutter/Dart/Pub related 25 | # Libraries should not include pubspec.lock, per https://dart.dev/guides/libraries/private-files#pubspeclock. 26 | /pubspec.lock 27 | **/doc/api/ 28 | .dart_tool/ 29 | .flutter-plugins 30 | .flutter-plugins-dependencies 31 | build/ 32 | -------------------------------------------------------------------------------- /uikit/example/ios/.gitignore: -------------------------------------------------------------------------------- 1 | **/dgph 2 | *.mode1v3 3 | *.mode2v3 4 | *.moved-aside 5 | *.pbxuser 6 | *.perspectivev3 7 | **/*sync/ 8 | .sconsign.dblite 9 | .tags* 10 | **/.vagrant/ 11 | **/DerivedData/ 12 | Icon? 13 | **/Pods/ 14 | **/.symlinks/ 15 | profile 16 | xcuserdata 17 | **/.generated/ 18 | Flutter/App.framework 19 | Flutter/Flutter.framework 20 | Flutter/Flutter.podspec 21 | Flutter/Generated.xcconfig 22 | Flutter/ephemeral/ 23 | Flutter/app.flx 24 | Flutter/app.zip 25 | Flutter/flutter_assets/ 26 | Flutter/flutter_export_environment.sh 27 | ServiceDefinitions.json 28 | Runner/GeneratedPluginRegistrant.* 29 | 30 | # Exceptions to above rules. 31 | !default.mode1v3 32 | !default.mode2v3 33 | !default.pbxuser 34 | !default.perspectivev3 35 | -------------------------------------------------------------------------------- /uikit/example/windows/runner/utils.h: -------------------------------------------------------------------------------- 1 | #ifndef RUNNER_UTILS_H_ 2 | #define RUNNER_UTILS_H_ 3 | 4 | #include 5 | #include 6 | 7 | // Creates a console for the process, and redirects stdout and stderr to 8 | // it for both the runner and the Flutter library. 9 | void CreateAndAttachConsole(); 10 | 11 | // Takes a null-terminated wchar_t* encoded in UTF-16 and returns a std::string 12 | // encoded in UTF-8. Returns an empty std::string on failure. 13 | std::string Utf8FromUtf16(const wchar_t* utf16_string); 14 | 15 | // Gets the command line arguments passed in as a std::vector, 16 | // encoded in UTF-8. Returns an empty std::vector on failure. 17 | std::vector GetCommandLineArguments(); 18 | 19 | #endif // RUNNER_UTILS_H_ 20 | -------------------------------------------------------------------------------- /uikit/example/macos/Podfile.lock: -------------------------------------------------------------------------------- 1 | PODS: 2 | - FlutterMacOS (1.0.0) 3 | - shared_preferences_foundation (0.0.1): 4 | - Flutter 5 | - FlutterMacOS 6 | 7 | DEPENDENCIES: 8 | - FlutterMacOS (from `Flutter/ephemeral`) 9 | - shared_preferences_foundation (from `Flutter/ephemeral/.symlinks/plugins/shared_preferences_foundation/darwin`) 10 | 11 | EXTERNAL SOURCES: 12 | FlutterMacOS: 13 | :path: Flutter/ephemeral 14 | shared_preferences_foundation: 15 | :path: Flutter/ephemeral/.symlinks/plugins/shared_preferences_foundation/darwin 16 | 17 | SPEC CHECKSUMS: 18 | FlutterMacOS: 8f6f14fa908a6fb3fba0cd85dbd81ec4b251fb24 19 | shared_preferences_foundation: 9e1978ff2562383bd5676f64ec4e9aa8fa06a6f7 20 | 21 | PODFILE CHECKSUM: 7eb978b976557c8c1cd717d8185ec483fd090a82 22 | 23 | COCOAPODS: 1.16.2 24 | -------------------------------------------------------------------------------- /uikit/lib/src/tokens/gutter_tokens.dart: -------------------------------------------------------------------------------- 1 | import 'dart:ui' show lerpDouble; 2 | 3 | import 'package:flutter/material.dart' show ThemeExtension; 4 | 5 | class GutterTokens extends ThemeExtension { 6 | const GutterTokens({required double base}) : _base = base; 7 | 8 | final double _base; 9 | 10 | double get level1 => _base * 0.5; 11 | double get level2 => _base; 12 | double get level3 => _base * 2; 13 | double get level4 => _base * 3; 14 | double get level5 => _base * 4; 15 | 16 | @override 17 | GutterTokens copyWith({double? base}) { 18 | return GutterTokens(base: base ?? _base); 19 | } 20 | 21 | @override 22 | GutterTokens lerp(ThemeExtension? other, double t) { 23 | if (other is! GutterTokens) return this; 24 | return GutterTokens(base: lerpDouble(_base, other._base, t)!); 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /uikit/example/android/settings.gradle.kts: -------------------------------------------------------------------------------- 1 | pluginManagement { 2 | val flutterSdkPath = run { 3 | val properties = java.util.Properties() 4 | file("local.properties").inputStream().use { properties.load(it) } 5 | val flutterSdkPath = properties.getProperty("flutter.sdk") 6 | require(flutterSdkPath != null) { "flutter.sdk not set in local.properties" } 7 | flutterSdkPath 8 | } 9 | 10 | includeBuild("$flutterSdkPath/packages/flutter_tools/gradle") 11 | 12 | repositories { 13 | google() 14 | mavenCentral() 15 | gradlePluginPortal() 16 | } 17 | } 18 | 19 | plugins { 20 | id("dev.flutter.flutter-plugin-loader") version "1.0.0" 21 | id("com.android.application") version "8.7.0" apply false 22 | id("org.jetbrains.kotlin.android") version "1.8.22" apply false 23 | } 24 | 25 | include(":app") 26 | -------------------------------------------------------------------------------- /uikit/example/linux/flutter/generated_plugins.cmake: -------------------------------------------------------------------------------- 1 | # 2 | # Generated file, do not edit. 3 | # 4 | 5 | list(APPEND FLUTTER_PLUGIN_LIST 6 | ) 7 | 8 | list(APPEND FLUTTER_FFI_PLUGIN_LIST 9 | ) 10 | 11 | set(PLUGIN_BUNDLED_LIBRARIES) 12 | 13 | foreach(plugin ${FLUTTER_PLUGIN_LIST}) 14 | add_subdirectory(flutter/ephemeral/.plugin_symlinks/${plugin}/linux plugins/${plugin}) 15 | target_link_libraries(${BINARY_NAME} PRIVATE ${plugin}_plugin) 16 | list(APPEND PLUGIN_BUNDLED_LIBRARIES $) 17 | list(APPEND PLUGIN_BUNDLED_LIBRARIES ${${plugin}_bundled_libraries}) 18 | endforeach(plugin) 19 | 20 | foreach(ffi_plugin ${FLUTTER_FFI_PLUGIN_LIST}) 21 | add_subdirectory(flutter/ephemeral/.plugin_symlinks/${ffi_plugin}/linux plugins/${ffi_plugin}) 22 | list(APPEND PLUGIN_BUNDLED_LIBRARIES ${${ffi_plugin}_bundled_libraries}) 23 | endforeach(ffi_plugin) 24 | -------------------------------------------------------------------------------- /uikit/example/windows/flutter/generated_plugins.cmake: -------------------------------------------------------------------------------- 1 | # 2 | # Generated file, do not edit. 3 | # 4 | 5 | list(APPEND FLUTTER_PLUGIN_LIST 6 | ) 7 | 8 | list(APPEND FLUTTER_FFI_PLUGIN_LIST 9 | ) 10 | 11 | set(PLUGIN_BUNDLED_LIBRARIES) 12 | 13 | foreach(plugin ${FLUTTER_PLUGIN_LIST}) 14 | add_subdirectory(flutter/ephemeral/.plugin_symlinks/${plugin}/windows plugins/${plugin}) 15 | target_link_libraries(${BINARY_NAME} PRIVATE ${plugin}_plugin) 16 | list(APPEND PLUGIN_BUNDLED_LIBRARIES $) 17 | list(APPEND PLUGIN_BUNDLED_LIBRARIES ${${plugin}_bundled_libraries}) 18 | endforeach(plugin) 19 | 20 | foreach(ffi_plugin ${FLUTTER_FFI_PLUGIN_LIST}) 21 | add_subdirectory(flutter/ephemeral/.plugin_symlinks/${ffi_plugin}/windows plugins/${ffi_plugin}) 22 | list(APPEND PLUGIN_BUNDLED_LIBRARIES ${${ffi_plugin}_bundled_libraries}) 23 | endforeach(ffi_plugin) 24 | -------------------------------------------------------------------------------- /uikit/example/ios/Flutter/AppFrameworkInfo.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | App 9 | CFBundleIdentifier 10 | io.flutter.flutter.app 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | App 15 | CFBundlePackageType 16 | FMWK 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1.0 23 | MinimumOSVersion 24 | 12.0 25 | 26 | 27 | -------------------------------------------------------------------------------- /uikit/example/.gitignore: -------------------------------------------------------------------------------- 1 | # Miscellaneous 2 | *.class 3 | *.log 4 | *.pyc 5 | *.swp 6 | .DS_Store 7 | .atom/ 8 | .build/ 9 | .buildlog/ 10 | .history 11 | .svn/ 12 | .swiftpm/ 13 | migrate_working_dir/ 14 | 15 | # IntelliJ related 16 | *.iml 17 | *.ipr 18 | *.iws 19 | .idea/ 20 | 21 | # The .vscode folder contains launch configuration and tasks you configure in 22 | # VS Code which you may wish to be included in version control, so this line 23 | # is commented out by default. 24 | #.vscode/ 25 | 26 | # Flutter/Dart/Pub related 27 | **/doc/api/ 28 | **/ios/Flutter/.last_build_id 29 | .dart_tool/ 30 | .flutter-plugins 31 | .flutter-plugins-dependencies 32 | .pub-cache/ 33 | .pub/ 34 | /build/ 35 | 36 | # Symbolication related 37 | app.*.symbols 38 | 39 | # Obfuscation related 40 | app.*.map.json 41 | 42 | # Android Studio will place build artifacts here 43 | /android/app/debug 44 | /android/app/profile 45 | /android/app/release 46 | -------------------------------------------------------------------------------- /uikit/example/web/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "example", 3 | "short_name": "example", 4 | "start_url": ".", 5 | "display": "standalone", 6 | "background_color": "#0175C2", 7 | "theme_color": "#0175C2", 8 | "description": "A new Flutter project.", 9 | "orientation": "portrait-primary", 10 | "prefer_related_applications": false, 11 | "icons": [ 12 | { 13 | "src": "icons/Icon-192.png", 14 | "sizes": "192x192", 15 | "type": "image/png" 16 | }, 17 | { 18 | "src": "icons/Icon-512.png", 19 | "sizes": "512x512", 20 | "type": "image/png" 21 | }, 22 | { 23 | "src": "icons/Icon-maskable-192.png", 24 | "sizes": "192x192", 25 | "type": "image/png", 26 | "purpose": "maskable" 27 | }, 28 | { 29 | "src": "icons/Icon-maskable-512.png", 30 | "sizes": "512x512", 31 | "type": "image/png", 32 | "purpose": "maskable" 33 | } 34 | ] 35 | } 36 | -------------------------------------------------------------------------------- /uikit/example/android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 9 | 15 | 18 | 19 | -------------------------------------------------------------------------------- /uikit/example/windows/runner/flutter_window.h: -------------------------------------------------------------------------------- 1 | #ifndef RUNNER_FLUTTER_WINDOW_H_ 2 | #define RUNNER_FLUTTER_WINDOW_H_ 3 | 4 | #include 5 | #include 6 | 7 | #include 8 | 9 | #include "win32_window.h" 10 | 11 | // A window that does nothing but host a Flutter view. 12 | class FlutterWindow : public Win32Window { 13 | public: 14 | // Creates a new FlutterWindow hosting a Flutter view running |project|. 15 | explicit FlutterWindow(const flutter::DartProject& project); 16 | virtual ~FlutterWindow(); 17 | 18 | protected: 19 | // Win32Window: 20 | bool OnCreate() override; 21 | void OnDestroy() override; 22 | LRESULT MessageHandler(HWND window, UINT const message, WPARAM const wparam, 23 | LPARAM const lparam) noexcept override; 24 | 25 | private: 26 | // The project to run. 27 | flutter::DartProject project_; 28 | 29 | // The Flutter instance hosted by this window. 30 | std::unique_ptr flutter_controller_; 31 | }; 32 | 33 | #endif // RUNNER_FLUTTER_WINDOW_H_ 34 | -------------------------------------------------------------------------------- /uikit/example/android/app/src/main/res/values-night/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 9 | 15 | 18 | 19 | -------------------------------------------------------------------------------- /uikit/example/linux/runner/CMakeLists.txt: -------------------------------------------------------------------------------- 1 | cmake_minimum_required(VERSION 3.13) 2 | project(runner LANGUAGES CXX) 3 | 4 | # Define the application target. To change its name, change BINARY_NAME in the 5 | # top-level CMakeLists.txt, not the value here, or `flutter run` will no longer 6 | # work. 7 | # 8 | # Any new source files that you add to the application should be added here. 9 | add_executable(${BINARY_NAME} 10 | "main.cc" 11 | "my_application.cc" 12 | "${FLUTTER_MANAGED_DIR}/generated_plugin_registrant.cc" 13 | ) 14 | 15 | # Apply the standard set of build settings. This can be removed for applications 16 | # that need different build settings. 17 | apply_standard_settings(${BINARY_NAME}) 18 | 19 | # Add preprocessor definitions for the application ID. 20 | add_definitions(-DAPPLICATION_ID="${APPLICATION_ID}") 21 | 22 | # Add dependency libraries. Add any application-specific dependencies here. 23 | target_link_libraries(${BINARY_NAME} PRIVATE flutter) 24 | target_link_libraries(${BINARY_NAME} PRIVATE PkgConfig::GTK) 25 | 26 | target_include_directories(${BINARY_NAME} PRIVATE "${CMAKE_SOURCE_DIR}") 27 | -------------------------------------------------------------------------------- /design_preview_gorouter/lib/src/route_handler.dart: -------------------------------------------------------------------------------- 1 | import 'package:design_preview/design_preview.dart'; 2 | import 'package:flutter/material.dart'; 3 | import 'package:go_router/go_router.dart'; 4 | 5 | /// Helper class that provides utilities for route management 6 | class RouteHandlerGoRouter implements RouteHandler { 7 | @override 8 | bool isPathActive(BuildContext context, String path) { 9 | final location = GoRouterState.of(context).uri.path; 10 | return location == '/$path' || location.startsWith('/$path/'); 11 | } 12 | 13 | @override 14 | bool isPathParentOfCurrent(BuildContext context, String path) { 15 | if (path.isEmpty) return false; 16 | final location = GoRouterState.of(context).uri.toString().substring(1); // Remove leading '/' 17 | if (location == path) return false; 18 | return location.startsWith('$path/'); 19 | } 20 | 21 | @override 22 | String encodeTitleToPath(String title) { 23 | return title.toLowerCase().replaceAll(' ', '-'); 24 | } 25 | 26 | @override 27 | void navigateTo(BuildContext context, String path) { 28 | context.go('/$path'); 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /design_preview/lib/src/core/widget/tabs_root.dart: -------------------------------------------------------------------------------- 1 | import 'package:design_preview/design_preview.dart'; 2 | import 'package:flutter/material.dart'; 3 | 4 | class TabsRoot extends StatelessWidget { 5 | const TabsRoot({ 6 | super.key, 7 | required this.routeHandler, 8 | required this.tabs, 9 | required this.navigator, 10 | }); 11 | 12 | final RouteHandler routeHandler; 13 | final List tabs; 14 | final Widget navigator; 15 | 16 | @override 17 | Widget build(BuildContext context) { 18 | final colors = Theme.of(context).colorScheme; 19 | return Scaffold( 20 | backgroundColor: colors.surface, 21 | body: Row( 22 | children: [ 23 | SizedBox( 24 | width: 250, 25 | child: Drawer( 26 | backgroundColor: colors.surface, 27 | shape: Border( 28 | right: BorderSide(color: colors.onSurface.withValues(alpha: .12)), 29 | ), 30 | child: SingleChildScrollView(child: TabsTree(tabs: tabs, routeHandler: routeHandler)), 31 | ), 32 | ), 33 | Expanded(child: navigator), 34 | ], 35 | ), 36 | ); 37 | } 38 | } 39 | -------------------------------------------------------------------------------- /design_preview_gorouter/lib/src/routes.dart: -------------------------------------------------------------------------------- 1 | import 'package:design_preview/design_preview.dart'; 2 | import 'package:go_router/go_router.dart'; 3 | 4 | /// Recursively builds routes from tabs with the given path prefix. 5 | List buildRoutesForTabs(RouteHandler handler, List tabs) { 6 | final routes = []; 7 | 8 | for (final tab in tabs) { 9 | final path = handler.encodeTitleToPath(tab.title); 10 | 11 | if (tab is FolderTab) { 12 | // Create nested routes for folder tabs 13 | final childRoutes = buildRoutesForTabs(handler, tab.tabs); 14 | if (childRoutes.isNotEmpty) { 15 | routes.add( 16 | GoRoute( 17 | path: path, 18 | routes: childRoutes, 19 | builder: (context, state) => NotSelectedTabScreen(), 20 | ), 21 | ); 22 | } 23 | } else { 24 | // Create route for content tabs 25 | routes.add( 26 | GoRoute( 27 | path: path, 28 | pageBuilder: (context, state) { 29 | return NoTransitionPage(child: tab.buildWidget(context)); 30 | }, 31 | ), 32 | ); 33 | } 34 | } 35 | 36 | return routes; 37 | } 38 | -------------------------------------------------------------------------------- /uikit/example/test/widget_test.dart: -------------------------------------------------------------------------------- 1 | // This is a basic Flutter widget test. 2 | // 3 | // To perform an interaction with a widget in your test, use the WidgetTester 4 | // utility in the flutter_test package. For example, you can send tap and scroll 5 | // gestures. You can also use WidgetTester to find child widgets in the widget 6 | // tree, read text, and verify that the values of widget properties are correct. 7 | 8 | import 'package:flutter/material.dart'; 9 | import 'package:flutter_test/flutter_test.dart'; 10 | 11 | import 'package:example/main.dart'; 12 | 13 | void main() { 14 | testWidgets('Counter increments smoke test', (WidgetTester tester) async { 15 | // Build our app and trigger a frame. 16 | await tester.pumpWidget(const MyApp()); 17 | 18 | // Verify that our counter starts at 0. 19 | expect(find.text('0'), findsOneWidget); 20 | expect(find.text('1'), findsNothing); 21 | 22 | // Tap the '+' icon and trigger a frame. 23 | await tester.tap(find.byIcon(Icons.add)); 24 | await tester.pump(); 25 | 26 | // Verify that our counter has incremented. 27 | expect(find.text('0'), findsNothing); 28 | expect(find.text('1'), findsOneWidget); 29 | }); 30 | } 31 | -------------------------------------------------------------------------------- /uikit/example/macos/Runner/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | $(DEVELOPMENT_LANGUAGE) 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIconFile 10 | 11 | CFBundleIdentifier 12 | $(PRODUCT_BUNDLE_IDENTIFIER) 13 | CFBundleInfoDictionaryVersion 14 | 6.0 15 | CFBundleName 16 | $(PRODUCT_NAME) 17 | CFBundlePackageType 18 | APPL 19 | CFBundleShortVersionString 20 | $(FLUTTER_BUILD_NAME) 21 | CFBundleVersion 22 | $(FLUTTER_BUILD_NUMBER) 23 | LSMinimumSystemVersion 24 | $(MACOSX_DEPLOYMENT_TARGET) 25 | NSHumanReadableCopyright 26 | $(PRODUCT_COPYRIGHT) 27 | NSMainNibFile 28 | MainMenu 29 | NSPrincipalClass 30 | NSApplication 31 | 32 | 33 | -------------------------------------------------------------------------------- /uikit/lib/src/components/checkbox.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:uikit/uikit.dart'; 3 | 4 | class UiCheckbox extends StatelessWidget { 5 | const UiCheckbox({super.key, required this.value, this.onChanged}); 6 | 7 | final bool value; 8 | final ValueChanged? onChanged; 9 | 10 | bool get enabled => onChanged != null; 11 | 12 | @override 13 | Widget build(BuildContext context) { 14 | return Checkbox( 15 | value: value, 16 | onChanged: enabled ? (newValue) => onChanged!(newValue!) : null, 17 | checkColor: context.colors.primaryForeground, 18 | overlayColor: WidgetStateProperty.all(context.colors.primary.withValues(alpha: .12)), 19 | fillColor: WidgetStateColor.fromMap({ 20 | WidgetState.disabled: context.colors.background, 21 | WidgetState.selected: context.colors.primary, 22 | WidgetState.any: Colors.transparent, 23 | }), 24 | shape: RoundedRectangleBorder(borderRadius: BorderRadius.all(context.tokens.radius.level1)), 25 | side: WidgetStateBorderSide.fromMap({ 26 | WidgetState.disabled: BorderSide(color: context.colors.primary.withValues(alpha: .38)), 27 | WidgetState.selected: null, 28 | WidgetState.any: BorderSide(color: context.colors.primary), 29 | }), 30 | ); 31 | } 32 | } 33 | -------------------------------------------------------------------------------- /design_preview/lib/src/core/widget/options/option_selector.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | class OptionSelectorItem { 4 | OptionSelectorItem({required this.value, String? label}) 5 | : label = label ?? value.toString(); 6 | 7 | final T value; 8 | final String label; 9 | } 10 | 11 | class OptionSelector extends StatelessWidget { 12 | const OptionSelector({ 13 | super.key, 14 | required this.label, 15 | required this.controller, 16 | required this.values, 17 | }); 18 | 19 | final String label; 20 | final ValueNotifier controller; 21 | final List> values; 22 | 23 | DropdownMenuEntry _buildItem(OptionSelectorItem item) { 24 | return DropdownMenuEntry(value: item.value, label: item.label); 25 | } 26 | 27 | @override 28 | Widget build(BuildContext context) { 29 | return ListenableBuilder( 30 | listenable: controller, 31 | builder: (context, _) { 32 | return DropdownMenu( 33 | initialSelection: controller.value, 34 | label: Text(label), 35 | dropdownMenuEntries: values.map(_buildItem).toList(), 36 | onSelected: (value) { 37 | if (value == null) return; 38 | controller.value = value; 39 | }, 40 | ); 41 | }, 42 | ); 43 | } 44 | } 45 | -------------------------------------------------------------------------------- /uikit/example/web/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | example 33 | 34 | 35 | 36 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /uikit/lib/src/tokens/margin_tokens.dart: -------------------------------------------------------------------------------- 1 | import 'dart:ui' show lerpDouble; 2 | 3 | import 'package:flutter/material.dart' show ThemeExtension; 4 | 5 | class MarginTokens extends ThemeExtension { 6 | const MarginTokens({ 7 | required this.level1, 8 | required this.level2, 9 | required this.level3, 10 | required this.level4, 11 | required this.level5, 12 | }); 13 | 14 | final double level1; 15 | final double level2; 16 | final double level3; 17 | final double level4; 18 | final double level5; 19 | 20 | @override 21 | MarginTokens copyWith({double? level1, double? level2, double? level3, double? level4, double? level5}) { 22 | return MarginTokens( 23 | level1: level1 ?? this.level1, 24 | level2: level2 ?? this.level2, 25 | level3: level3 ?? this.level3, 26 | level4: level4 ?? this.level4, 27 | level5: level5 ?? this.level5, 28 | ); 29 | } 30 | 31 | @override 32 | MarginTokens lerp(ThemeExtension? other, double t) { 33 | if (other is! MarginTokens) return this; 34 | return MarginTokens( 35 | level1: lerpDouble(level1, other.level1, t)!, 36 | level2: lerpDouble(level2, other.level2, t)!, 37 | level3: lerpDouble(level3, other.level3, t)!, 38 | level4: lerpDouble(level4, other.level4, t)!, 39 | level5: lerpDouble(level5, other.level5, t)!, 40 | ); 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /uikit/lib/src/tokens/padding_tokens.dart: -------------------------------------------------------------------------------- 1 | import 'dart:ui' show lerpDouble; 2 | 3 | import 'package:flutter/material.dart' show ThemeExtension; 4 | 5 | class PaddingTokens extends ThemeExtension { 6 | const PaddingTokens({ 7 | required this.level1, 8 | required this.level2, 9 | required this.level3, 10 | required this.level4, 11 | required this.level5, 12 | }); 13 | 14 | final double level1; 15 | final double level2; 16 | final double level3; 17 | final double level4; 18 | final double level5; 19 | 20 | @override 21 | PaddingTokens copyWith({double? level1, double? level2, double? level3, double? level4, double? level5}) { 22 | return PaddingTokens( 23 | level1: level1 ?? this.level1, 24 | level2: level2 ?? this.level2, 25 | level3: level3 ?? this.level3, 26 | level4: level4 ?? this.level4, 27 | level5: level5 ?? this.level5, 28 | ); 29 | } 30 | 31 | @override 32 | PaddingTokens lerp(ThemeExtension? other, double t) { 33 | if (other is! PaddingTokens) return this; 34 | return PaddingTokens( 35 | level1: lerpDouble(level1, other.level1, t)!, 36 | level2: lerpDouble(level2, other.level2, t)!, 37 | level3: lerpDouble(level3, other.level3, t)!, 38 | level4: lerpDouble(level4, other.level4, t)!, 39 | level5: lerpDouble(level5, other.level5, t)!, 40 | ); 41 | } 42 | } 43 | -------------------------------------------------------------------------------- /design_preview_gorouter/README.md: -------------------------------------------------------------------------------- 1 | 13 | 14 | TODO: Put a short description of the package here that helps potential users 15 | know whether this package might be useful for them. 16 | 17 | ## Features 18 | 19 | TODO: List what your package can do. Maybe include images, gifs, or videos. 20 | 21 | ## Getting started 22 | 23 | TODO: List prerequisites and provide or point to information on how to 24 | start using the package. 25 | 26 | ## Usage 27 | 28 | TODO: Include short and useful examples for package users. Add longer examples 29 | to `/example` folder. 30 | 31 | ```dart 32 | const like = 'sample'; 33 | ``` 34 | 35 | ## Additional information 36 | 37 | TODO: Tell users more about the package: where to find more information, how to 38 | contribute to the package, how to file issues, what response they can expect 39 | from the package authors, and more. 40 | -------------------------------------------------------------------------------- /uikit/example/windows/runner/main.cpp: -------------------------------------------------------------------------------- 1 | #include 2 | #include 3 | #include 4 | 5 | #include "flutter_window.h" 6 | #include "utils.h" 7 | 8 | int APIENTRY wWinMain(_In_ HINSTANCE instance, _In_opt_ HINSTANCE prev, 9 | _In_ wchar_t *command_line, _In_ int show_command) { 10 | // Attach to console when present (e.g., 'flutter run') or create a 11 | // new console when running with a debugger. 12 | if (!::AttachConsole(ATTACH_PARENT_PROCESS) && ::IsDebuggerPresent()) { 13 | CreateAndAttachConsole(); 14 | } 15 | 16 | // Initialize COM, so that it is available for use in the library and/or 17 | // plugins. 18 | ::CoInitializeEx(nullptr, COINIT_APARTMENTTHREADED); 19 | 20 | flutter::DartProject project(L"data"); 21 | 22 | std::vector command_line_arguments = 23 | GetCommandLineArguments(); 24 | 25 | project.set_dart_entrypoint_arguments(std::move(command_line_arguments)); 26 | 27 | FlutterWindow window(project); 28 | Win32Window::Point origin(10, 10); 29 | Win32Window::Size size(1280, 720); 30 | if (!window.Create(L"example", origin, size)) { 31 | return EXIT_FAILURE; 32 | } 33 | window.SetQuitOnClose(true); 34 | 35 | ::MSG msg; 36 | while (::GetMessage(&msg, nullptr, 0, 0)) { 37 | ::TranslateMessage(&msg); 38 | ::DispatchMessage(&msg); 39 | } 40 | 41 | ::CoUninitialize(); 42 | return EXIT_SUCCESS; 43 | } 44 | -------------------------------------------------------------------------------- /uikit/example/analysis_options.yaml: -------------------------------------------------------------------------------- 1 | # This file configures the analyzer, which statically analyzes Dart code to 2 | # check for errors, warnings, and lints. 3 | # 4 | # The issues identified by the analyzer are surfaced in the UI of Dart-enabled 5 | # IDEs (https://dart.dev/tools#ides-and-editors). The analyzer can also be 6 | # invoked from the command line by running `flutter analyze`. 7 | 8 | # The following line activates a set of recommended lints for Flutter apps, 9 | # packages, and plugins designed to encourage good coding practices. 10 | include: package:flutter_lints/flutter.yaml 11 | 12 | linter: 13 | # The lint rules applied to this project can be customized in the 14 | # section below to disable rules from the `package:flutter_lints/flutter.yaml` 15 | # included above or to enable additional rules. A list of all available lints 16 | # and their documentation is published at https://dart.dev/lints. 17 | # 18 | # Instead of disabling a lint rule for the entire project in the 19 | # section below, it can also be suppressed for a single line of code 20 | # or a specific dart file by using the `// ignore: name_of_lint` and 21 | # `// ignore_for_file: name_of_lint` syntax on the line or in the file 22 | # producing the lint. 23 | rules: 24 | # avoid_print: false # Uncomment to disable the `avoid_print` rule 25 | # prefer_single_quotes: true # Uncomment to enable the `prefer_single_quotes` rule 26 | 27 | # Additional information about this file can be found at 28 | # https://dart.dev/guides/language/analysis-options 29 | -------------------------------------------------------------------------------- /uikit/example/macos/Podfile: -------------------------------------------------------------------------------- 1 | platform :osx, '10.14' 2 | 3 | # CocoaPods analytics sends network stats synchronously affecting flutter build latency. 4 | ENV['COCOAPODS_DISABLE_STATS'] = 'true' 5 | 6 | project 'Runner', { 7 | 'Debug' => :debug, 8 | 'Profile' => :release, 9 | 'Release' => :release, 10 | } 11 | 12 | def flutter_root 13 | generated_xcode_build_settings_path = File.expand_path(File.join('..', 'Flutter', 'ephemeral', 'Flutter-Generated.xcconfig'), __FILE__) 14 | unless File.exist?(generated_xcode_build_settings_path) 15 | raise "#{generated_xcode_build_settings_path} must exist. If you're running pod install manually, make sure \"flutter pub get\" is executed first" 16 | end 17 | 18 | File.foreach(generated_xcode_build_settings_path) do |line| 19 | matches = line.match(/FLUTTER_ROOT\=(.*)/) 20 | return matches[1].strip if matches 21 | end 22 | raise "FLUTTER_ROOT not found in #{generated_xcode_build_settings_path}. Try deleting Flutter-Generated.xcconfig, then run \"flutter pub get\"" 23 | end 24 | 25 | require File.expand_path(File.join('packages', 'flutter_tools', 'bin', 'podhelper'), flutter_root) 26 | 27 | flutter_macos_podfile_setup 28 | 29 | target 'Runner' do 30 | use_frameworks! 31 | 32 | flutter_install_all_macos_pods File.dirname(File.realpath(__FILE__)) 33 | target 'RunnerTests' do 34 | inherit! :search_paths 35 | end 36 | end 37 | 38 | post_install do |installer| 39 | installer.pods_project.targets.each do |target| 40 | flutter_additional_macos_build_settings(target) 41 | end 42 | end 43 | -------------------------------------------------------------------------------- /uikit/example/ios/Podfile: -------------------------------------------------------------------------------- 1 | # Uncomment this line to define a global platform for your project 2 | # platform :ios, '12.0' 3 | 4 | # CocoaPods analytics sends network stats synchronously affecting flutter build latency. 5 | ENV['COCOAPODS_DISABLE_STATS'] = 'true' 6 | 7 | project 'Runner', { 8 | 'Debug' => :debug, 9 | 'Profile' => :release, 10 | 'Release' => :release, 11 | } 12 | 13 | def flutter_root 14 | generated_xcode_build_settings_path = File.expand_path(File.join('..', 'Flutter', 'Generated.xcconfig'), __FILE__) 15 | unless File.exist?(generated_xcode_build_settings_path) 16 | raise "#{generated_xcode_build_settings_path} must exist. If you're running pod install manually, make sure flutter pub get is executed first" 17 | end 18 | 19 | File.foreach(generated_xcode_build_settings_path) do |line| 20 | matches = line.match(/FLUTTER_ROOT\=(.*)/) 21 | return matches[1].strip if matches 22 | end 23 | raise "FLUTTER_ROOT not found in #{generated_xcode_build_settings_path}. Try deleting Generated.xcconfig, then run flutter pub get" 24 | end 25 | 26 | require File.expand_path(File.join('packages', 'flutter_tools', 'bin', 'podhelper'), flutter_root) 27 | 28 | flutter_ios_podfile_setup 29 | 30 | target 'Runner' do 31 | use_frameworks! 32 | 33 | flutter_install_all_ios_pods File.dirname(File.realpath(__FILE__)) 34 | target 'RunnerTests' do 35 | inherit! :search_paths 36 | end 37 | end 38 | 39 | post_install do |installer| 40 | installer.pods_project.targets.each do |target| 41 | flutter_additional_ios_build_settings(target) 42 | end 43 | end 44 | -------------------------------------------------------------------------------- /uikit/example/android/app/build.gradle.kts: -------------------------------------------------------------------------------- 1 | plugins { 2 | id("com.android.application") 3 | id("kotlin-android") 4 | // The Flutter Gradle Plugin must be applied after the Android and Kotlin Gradle plugins. 5 | id("dev.flutter.flutter-gradle-plugin") 6 | } 7 | 8 | android { 9 | namespace = "com.example.example" 10 | compileSdk = flutter.compileSdkVersion 11 | ndkVersion = flutter.ndkVersion 12 | 13 | compileOptions { 14 | sourceCompatibility = JavaVersion.VERSION_11 15 | targetCompatibility = JavaVersion.VERSION_11 16 | } 17 | 18 | kotlinOptions { 19 | jvmTarget = JavaVersion.VERSION_11.toString() 20 | } 21 | 22 | defaultConfig { 23 | // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html). 24 | applicationId = "com.example.example" 25 | // You can update the following values to match your application needs. 26 | // For more information, see: https://flutter.dev/to/review-gradle-config. 27 | minSdk = flutter.minSdkVersion 28 | targetSdk = flutter.targetSdkVersion 29 | versionCode = flutter.versionCode 30 | versionName = flutter.versionName 31 | } 32 | 33 | buildTypes { 34 | release { 35 | // TODO: Add your own signing config for the release build. 36 | // Signing with the debug keys for now, so `flutter run --release` works. 37 | signingConfig = signingConfigs.getByName("debug") 38 | } 39 | } 40 | } 41 | 42 | flutter { 43 | source = "../.." 44 | } 45 | -------------------------------------------------------------------------------- /uikit/example/macos/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "size" : "16x16", 5 | "idiom" : "mac", 6 | "filename" : "app_icon_16.png", 7 | "scale" : "1x" 8 | }, 9 | { 10 | "size" : "16x16", 11 | "idiom" : "mac", 12 | "filename" : "app_icon_32.png", 13 | "scale" : "2x" 14 | }, 15 | { 16 | "size" : "32x32", 17 | "idiom" : "mac", 18 | "filename" : "app_icon_32.png", 19 | "scale" : "1x" 20 | }, 21 | { 22 | "size" : "32x32", 23 | "idiom" : "mac", 24 | "filename" : "app_icon_64.png", 25 | "scale" : "2x" 26 | }, 27 | { 28 | "size" : "128x128", 29 | "idiom" : "mac", 30 | "filename" : "app_icon_128.png", 31 | "scale" : "1x" 32 | }, 33 | { 34 | "size" : "128x128", 35 | "idiom" : "mac", 36 | "filename" : "app_icon_256.png", 37 | "scale" : "2x" 38 | }, 39 | { 40 | "size" : "256x256", 41 | "idiom" : "mac", 42 | "filename" : "app_icon_256.png", 43 | "scale" : "1x" 44 | }, 45 | { 46 | "size" : "256x256", 47 | "idiom" : "mac", 48 | "filename" : "app_icon_512.png", 49 | "scale" : "2x" 50 | }, 51 | { 52 | "size" : "512x512", 53 | "idiom" : "mac", 54 | "filename" : "app_icon_512.png", 55 | "scale" : "1x" 56 | }, 57 | { 58 | "size" : "512x512", 59 | "idiom" : "mac", 60 | "filename" : "app_icon_1024.png", 61 | "scale" : "2x" 62 | } 63 | ], 64 | "info" : { 65 | "version" : 1, 66 | "author" : "xcode" 67 | } 68 | } 69 | -------------------------------------------------------------------------------- /uikit/example/lib/src/tabs/textfields/standard_textfield_tab.dart: -------------------------------------------------------------------------------- 1 | import 'package:design_preview/design_preview.dart'; 2 | import 'package:example/src/core/sidebar.dart'; 3 | import 'package:example/src/core/widget_preview.dart'; 4 | import 'package:flutter/material.dart'; 5 | import 'package:uikit/uikit.dart'; 6 | 7 | class StandardTextfieldTab extends StatefulWidget with WidgetTab { 8 | const StandardTextfieldTab({super.key}); 9 | 10 | @override 11 | String get title => 'Standard'; 12 | 13 | @override 14 | State createState() => _StandardTextfieldTabState(); 15 | } 16 | 17 | class _StandardTextfieldTabState extends State { 18 | late final _labelController = TextEditingController(text: 'Label'); 19 | late final _valueController = TextEditingController(text: 'Hello!'); 20 | late final _listenable = Listenable.merge([_labelController]); 21 | 22 | @override 23 | void dispose() { 24 | super.dispose(); 25 | _labelController.dispose(); 26 | } 27 | 28 | @override 29 | Widget build(BuildContext context) { 30 | return WidgetPreview( 31 | constraints: BoxConstraints.tightFor(width: 300), 32 | listenable: _listenable, 33 | builder: (context) { 34 | return UiTextInput.outlined(labelText: _labelController.text, controller: _valueController); 35 | }, 36 | sidebarBuilder: (context) { 37 | return Sidebar( 38 | children: [ 39 | OptionTextField(controller: _labelController, label: 'Label'), 40 | OptionTextField(controller: _valueController, label: 'Value'), 41 | ], 42 | ); 43 | }, 44 | ); 45 | } 46 | } 47 | -------------------------------------------------------------------------------- /uikit/example/lib/src/tabs/buttons/primary_button_tab.dart: -------------------------------------------------------------------------------- 1 | import 'package:design_preview/design_preview.dart'; 2 | import 'package:example/src/core/sidebar.dart'; 3 | import 'package:example/src/core/widget_preview.dart'; 4 | import 'package:flutter/material.dart'; 5 | import 'package:uikit/uikit.dart'; 6 | 7 | class PrimaryButtonTab extends StatefulWidget with WidgetTab { 8 | const PrimaryButtonTab({super.key}); 9 | 10 | @override 11 | String get title => 'Primary'; 12 | 13 | @override 14 | State createState() => _PrimaryButtonTabState(); 15 | } 16 | 17 | class _PrimaryButtonTabState extends State { 18 | final labelController = TextEditingController(text: 'Primary Button'); 19 | final isEnabled = ValueNotifier(true); 20 | late final _formListenable = Listenable.merge([labelController, isEnabled]); 21 | 22 | @override 23 | Widget build(BuildContext context) { 24 | return WidgetPreview( 25 | listenable: _formListenable, 26 | builder: (context) { 27 | return UiButton.primary( 28 | labelController.text, 29 | onPressed: () {}, 30 | icon: Icon(Icons.add), 31 | enabled: isEnabled.value, 32 | ); 33 | }, 34 | sidebarBuilder: (context) { 35 | return Sidebar( 36 | children: [ 37 | OptionTextField(controller: labelController, label: 'Button Label'), 38 | CheckboxListTile( 39 | title: Text('Enabled'), 40 | value: isEnabled.value, 41 | onChanged: (value) => isEnabled.value = value!, 42 | ), 43 | ], 44 | ); 45 | }, 46 | ); 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /uikit/example/lib/src/tabs/buttons/secondary_button_tab.dart: -------------------------------------------------------------------------------- 1 | import 'package:design_preview/design_preview.dart'; 2 | import 'package:example/src/core/sidebar.dart'; 3 | import 'package:example/src/core/widget_preview.dart'; 4 | import 'package:flutter/material.dart'; 5 | import 'package:uikit/uikit.dart'; 6 | 7 | class SecondaryButtonTab extends StatefulWidget with WidgetTab { 8 | const SecondaryButtonTab({super.key}); 9 | 10 | @override 11 | String get title => 'Secondary'; 12 | 13 | @override 14 | State createState() => _SecondaryButtonTabState(); 15 | } 16 | 17 | class _SecondaryButtonTabState extends State { 18 | final labelController = TextEditingController(text: 'Secondary Button'); 19 | final isEnabled = ValueNotifier(true); 20 | late final _formListenable = Listenable.merge([labelController, isEnabled]); 21 | 22 | @override 23 | Widget build(BuildContext context) { 24 | return WidgetPreview( 25 | listenable: _formListenable, 26 | builder: (context) { 27 | return UiButton.secondary( 28 | labelController.text, 29 | onPressed: () {}, 30 | icon: Icon(Icons.add), 31 | enabled: isEnabled.value, 32 | ); 33 | }, 34 | sidebarBuilder: (context) { 35 | return Sidebar( 36 | children: [ 37 | OptionTextField(controller: labelController, label: 'Button Label'), 38 | CheckboxListTile( 39 | title: Text('Enabled'), 40 | value: isEnabled.value, 41 | onChanged: (value) => isEnabled.value = value!, 42 | ), 43 | ], 44 | ); 45 | }, 46 | ); 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /uikit/example/lib/src/core/widget_preview.dart: -------------------------------------------------------------------------------- 1 | import 'package:design_preview/design_preview.dart'; 2 | import 'package:example/src/core/theme_option.dart'; 3 | import 'package:flutter/material.dart'; 4 | import 'package:uikit/uikit.dart'; 5 | 6 | class WidgetPreview extends StatelessWidget { 7 | const WidgetPreview({ 8 | required this.builder, 9 | this.sidebarBuilder, 10 | this.listenable, 11 | this.theme, 12 | this.constraints, 13 | super.key, 14 | }); 15 | 16 | final WidgetBuilder builder; 17 | final BoxConstraints? constraints; 18 | final ThemeData? theme; 19 | final WidgetBuilder? sidebarBuilder; 20 | final Listenable? listenable; 21 | 22 | @override 23 | Widget build(BuildContext context) { 24 | final optionTheme = theme ?? ThemeOptionInherited.of(context); 25 | return PreviewWidget( 26 | sidebarBuilder: sidebarBuilder, 27 | listenable: listenable, 28 | builder: (context) { 29 | return MaterialApp( 30 | debugShowCheckedModeBanner: false, 31 | theme: optionTheme, 32 | home: Builder( 33 | builder: (context) { 34 | return Material( 35 | color: context.colors.background, 36 | child: Center( 37 | child: Padding( 38 | padding: const EdgeInsets.all(8.0), 39 | child: ConstrainedBox( 40 | constraints: constraints ?? BoxConstraints(), 41 | child: builder(context), 42 | ), 43 | ), 44 | ), 45 | ); 46 | }, 47 | ), 48 | ); 49 | }, 50 | ); 51 | } 52 | } 53 | -------------------------------------------------------------------------------- /uikit/example/lib/src/tabs/buttons/destructive_button_tab.dart: -------------------------------------------------------------------------------- 1 | import 'package:design_preview/design_preview.dart'; 2 | import 'package:example/src/core/sidebar.dart'; 3 | import 'package:example/src/core/widget_preview.dart'; 4 | import 'package:flutter/material.dart'; 5 | import 'package:uikit/uikit.dart'; 6 | 7 | class DestructiveButtonTab extends StatefulWidget with WidgetTab { 8 | const DestructiveButtonTab({super.key}); 9 | 10 | @override 11 | String get title => 'Destructive'; 12 | 13 | @override 14 | State createState() => _DestructiveButtonTabState(); 15 | } 16 | 17 | class _DestructiveButtonTabState extends State { 18 | final labelController = TextEditingController(text: 'Delete'); 19 | final isEnabled = ValueNotifier(true); 20 | late final _formListenable = Listenable.merge([labelController, isEnabled]); 21 | 22 | @override 23 | Widget build(BuildContext context) { 24 | return WidgetPreview( 25 | listenable: _formListenable, 26 | builder: (context) { 27 | return UiButton.destructive( 28 | labelController.text, 29 | onPressed: () {}, 30 | icon: Icon(Icons.add), 31 | enabled: isEnabled.value, 32 | ); 33 | }, 34 | sidebarBuilder: (context) { 35 | return Sidebar( 36 | children: [ 37 | OptionTextField(controller: labelController, label: 'Button Label'), 38 | CheckboxListTile( 39 | title: Text('Enabled'), 40 | value: isEnabled.value, 41 | onChanged: (value) => isEnabled.value = value!, 42 | ), 43 | ], 44 | ); 45 | }, 46 | ); 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /uikit/example/ios/Runner/Base.lproj/Main.storyboard: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /uikit/lib/src/tokens/radius_tokens.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | class RadiusTokens extends ThemeExtension { 4 | const RadiusTokens({ 5 | required this.level1, 6 | required this.level2, 7 | required this.level3, 8 | required this.level4, 9 | required this.level5, 10 | }); 11 | 12 | final Radius level1; 13 | final Radius level2; 14 | final Radius level3; 15 | final Radius level4; 16 | final Radius level5; 17 | 18 | @override 19 | ThemeExtension copyWith({ 20 | Radius? level1, 21 | Radius? level2, 22 | Radius? level3, 23 | Radius? level4, 24 | Radius? level5, 25 | }) { 26 | return RadiusTokens( 27 | level1: level1 ?? this.level1, 28 | level2: level2 ?? this.level2, 29 | level3: level3 ?? this.level3, 30 | level4: level4 ?? this.level4, 31 | level5: level5 ?? this.level5, 32 | ); 33 | } 34 | 35 | @override 36 | RadiusTokens lerp(ThemeExtension? other, double t) { 37 | StadiumBorder(); 38 | if (other is! RadiusTokens) return this; 39 | 40 | return RadiusTokens( 41 | level1: Radius.lerp(level1, other.level1, t) ?? level1, 42 | level2: Radius.lerp(level2, other.level2, t) ?? level2, 43 | level3: Radius.lerp(level3, other.level3, t) ?? level3, 44 | level4: Radius.lerp(level4, other.level4, t) ?? level4, 45 | level5: Radius.lerp(level5, other.level5, t) ?? level5, 46 | ); 47 | } 48 | 49 | @override 50 | String toString() { 51 | return 'RadiusTokens(' 52 | 'level1: $level1, ' 53 | 'level2: $level2, ' 54 | 'level3: $level3, ' 55 | 'level4: $level4, ' 56 | 'level5: $level5, ' 57 | ')'; 58 | } 59 | } 60 | -------------------------------------------------------------------------------- /uikit/example/ios/Runner/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | $(DEVELOPMENT_LANGUAGE) 7 | CFBundleDisplayName 8 | Example 9 | CFBundleExecutable 10 | $(EXECUTABLE_NAME) 11 | CFBundleIdentifier 12 | $(PRODUCT_BUNDLE_IDENTIFIER) 13 | CFBundleInfoDictionaryVersion 14 | 6.0 15 | CFBundleName 16 | example 17 | CFBundlePackageType 18 | APPL 19 | CFBundleShortVersionString 20 | $(FLUTTER_BUILD_NAME) 21 | CFBundleSignature 22 | ???? 23 | CFBundleVersion 24 | $(FLUTTER_BUILD_NUMBER) 25 | LSRequiresIPhoneOS 26 | 27 | UILaunchStoryboardName 28 | LaunchScreen 29 | UIMainStoryboardFile 30 | Main 31 | UISupportedInterfaceOrientations 32 | 33 | UIInterfaceOrientationPortrait 34 | UIInterfaceOrientationLandscapeLeft 35 | UIInterfaceOrientationLandscapeRight 36 | 37 | UISupportedInterfaceOrientations~ipad 38 | 39 | UIInterfaceOrientationPortrait 40 | UIInterfaceOrientationPortraitUpsideDown 41 | UIInterfaceOrientationLandscapeLeft 42 | UIInterfaceOrientationLandscapeRight 43 | 44 | CADisableMinimumFrameDurationOnPhone 45 | 46 | UIApplicationSupportsIndirectInputEvents 47 | 48 | 49 | 50 | -------------------------------------------------------------------------------- /uikit/example/.metadata: -------------------------------------------------------------------------------- 1 | # This file tracks properties of this Flutter project. 2 | # Used by Flutter tool to assess capabilities and perform upgrades etc. 3 | # 4 | # This file should be version controlled and should not be manually edited. 5 | 6 | version: 7 | revision: "35c388afb57ef061d06a39b537336c87e0e3d1b1" 8 | channel: "stable" 9 | 10 | project_type: app 11 | 12 | # Tracks metadata for the flutter migrate command 13 | migration: 14 | platforms: 15 | - platform: root 16 | create_revision: 35c388afb57ef061d06a39b537336c87e0e3d1b1 17 | base_revision: 35c388afb57ef061d06a39b537336c87e0e3d1b1 18 | - platform: android 19 | create_revision: 35c388afb57ef061d06a39b537336c87e0e3d1b1 20 | base_revision: 35c388afb57ef061d06a39b537336c87e0e3d1b1 21 | - platform: ios 22 | create_revision: 35c388afb57ef061d06a39b537336c87e0e3d1b1 23 | base_revision: 35c388afb57ef061d06a39b537336c87e0e3d1b1 24 | - platform: linux 25 | create_revision: 35c388afb57ef061d06a39b537336c87e0e3d1b1 26 | base_revision: 35c388afb57ef061d06a39b537336c87e0e3d1b1 27 | - platform: macos 28 | create_revision: 35c388afb57ef061d06a39b537336c87e0e3d1b1 29 | base_revision: 35c388afb57ef061d06a39b537336c87e0e3d1b1 30 | - platform: web 31 | create_revision: 35c388afb57ef061d06a39b537336c87e0e3d1b1 32 | base_revision: 35c388afb57ef061d06a39b537336c87e0e3d1b1 33 | - platform: windows 34 | create_revision: 35c388afb57ef061d06a39b537336c87e0e3d1b1 35 | base_revision: 35c388afb57ef061d06a39b537336c87e0e3d1b1 36 | 37 | # User provided section 38 | 39 | # List of Local paths (relative to this file) that should be 40 | # ignored by the migrate tool. 41 | # 42 | # Files that are not part of the templates will be ignored by default. 43 | unmanaged_files: 44 | - 'lib/main.dart' 45 | - 'ios/Runner.xcodeproj/project.pbxproj' 46 | -------------------------------------------------------------------------------- /uikit/lib/src/components/list_tile.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:uikit/uikit.dart'; 3 | 4 | sealed class UiListTile extends StatelessWidget { 5 | const UiListTile({super.key}); 6 | 7 | const factory UiListTile.standard({ 8 | required String title, 9 | VoidCallback? onTap, 10 | Widget? leading, 11 | Key? key, 12 | }) = _UiListTile; 13 | 14 | const factory UiListTile.checkbox({ 15 | required String title, 16 | required bool value, 17 | ValueChanged? onChanged, 18 | Key? key, 19 | }) = _UiListTileCheckbox; 20 | } 21 | 22 | class _UiListTile extends UiListTile { 23 | const _UiListTile({required this.title, this.onTap, this.leading, super.key}); 24 | 25 | final String title; 26 | final Widget? leading; 27 | final VoidCallback? onTap; 28 | 29 | @override 30 | Widget build(BuildContext context) { 31 | return ListTile( 32 | title: Text(title), 33 | titleTextStyle: context.typography.labelLarge, 34 | onTap: onTap, 35 | leading: leading, 36 | iconColor: context.colors.primaryForeground, 37 | hoverColor: context.colors.primary.withValues(alpha: .12), 38 | shape: RoundedRectangleBorder(borderRadius: BorderRadius.all(context.tokens.radius.level1)), 39 | contentPadding: EdgeInsets.symmetric(horizontal: context.padding.level1), 40 | dense: true, 41 | ); 42 | } 43 | } 44 | 45 | class _UiListTileCheckbox extends UiListTile { 46 | const _UiListTileCheckbox({required this.title, required this.value, this.onChanged, super.key}); 47 | 48 | final String title; 49 | final bool value; 50 | final ValueChanged? onChanged; 51 | 52 | @override 53 | Widget build(BuildContext context) { 54 | return UiListTile.standard( 55 | title: title, 56 | leading: IgnorePointer(child: UiCheckbox(value: value, onChanged: onChanged)), 57 | onTap: onChanged != null ? () => onChanged!(!value) : null, 58 | ); 59 | } 60 | } -------------------------------------------------------------------------------- /uikit/example/windows/runner/CMakeLists.txt: -------------------------------------------------------------------------------- 1 | cmake_minimum_required(VERSION 3.14) 2 | project(runner LANGUAGES CXX) 3 | 4 | # Define the application target. To change its name, change BINARY_NAME in the 5 | # top-level CMakeLists.txt, not the value here, or `flutter run` will no longer 6 | # work. 7 | # 8 | # Any new source files that you add to the application should be added here. 9 | add_executable(${BINARY_NAME} WIN32 10 | "flutter_window.cpp" 11 | "main.cpp" 12 | "utils.cpp" 13 | "win32_window.cpp" 14 | "${FLUTTER_MANAGED_DIR}/generated_plugin_registrant.cc" 15 | "Runner.rc" 16 | "runner.exe.manifest" 17 | ) 18 | 19 | # Apply the standard set of build settings. This can be removed for applications 20 | # that need different build settings. 21 | apply_standard_settings(${BINARY_NAME}) 22 | 23 | # Add preprocessor definitions for the build version. 24 | target_compile_definitions(${BINARY_NAME} PRIVATE "FLUTTER_VERSION=\"${FLUTTER_VERSION}\"") 25 | target_compile_definitions(${BINARY_NAME} PRIVATE "FLUTTER_VERSION_MAJOR=${FLUTTER_VERSION_MAJOR}") 26 | target_compile_definitions(${BINARY_NAME} PRIVATE "FLUTTER_VERSION_MINOR=${FLUTTER_VERSION_MINOR}") 27 | target_compile_definitions(${BINARY_NAME} PRIVATE "FLUTTER_VERSION_PATCH=${FLUTTER_VERSION_PATCH}") 28 | target_compile_definitions(${BINARY_NAME} PRIVATE "FLUTTER_VERSION_BUILD=${FLUTTER_VERSION_BUILD}") 29 | 30 | # Disable Windows macros that collide with C++ standard library functions. 31 | target_compile_definitions(${BINARY_NAME} PRIVATE "NOMINMAX") 32 | 33 | # Add dependency libraries and include directories. Add any application-specific 34 | # dependencies here. 35 | target_link_libraries(${BINARY_NAME} PRIVATE flutter flutter_wrapper_app) 36 | target_link_libraries(${BINARY_NAME} PRIVATE "dwmapi.lib") 37 | target_include_directories(${BINARY_NAME} PRIVATE "${CMAKE_SOURCE_DIR}") 38 | 39 | # Run the Flutter tool portions of the build. This must not be removed. 40 | add_dependencies(${BINARY_NAME} flutter_assemble) 41 | -------------------------------------------------------------------------------- /design_preview/lib/src/core/widget/preview_widget.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | class PreviewWidget extends StatelessWidget { 4 | const PreviewWidget({super.key, required this.builder, this.sidebarBuilder, this.listenable}); 5 | 6 | final WidgetBuilder builder; 7 | final WidgetBuilder? sidebarBuilder; 8 | final Listenable? listenable; 9 | 10 | @override 11 | Widget build(BuildContext context) { 12 | if (listenable != null) { 13 | return ListenableBuilder( 14 | listenable: listenable!, 15 | builder: (context, _) { 16 | return _PreviewResponsive(builder: builder, sidebarBuilder: sidebarBuilder); 17 | }, 18 | ); 19 | } 20 | return _PreviewResponsive(builder: builder, sidebarBuilder: sidebarBuilder); 21 | } 22 | } 23 | 24 | class _PreviewResponsive extends StatelessWidget { 25 | const _PreviewResponsive({required this.builder, this.sidebarBuilder}); 26 | 27 | final WidgetBuilder builder; 28 | final WidgetBuilder? sidebarBuilder; 29 | 30 | @override 31 | Widget build(BuildContext context) { 32 | return _PreviewLarge(builder: builder, sidebarBuilder: sidebarBuilder); 33 | } 34 | } 35 | 36 | class _PreviewLarge extends StatelessWidget { 37 | const _PreviewLarge({required this.builder, this.sidebarBuilder}); 38 | 39 | final WidgetBuilder builder; 40 | final WidgetBuilder? sidebarBuilder; 41 | 42 | @override 43 | Widget build(BuildContext context) { 44 | return Row( 45 | children: [ 46 | Expanded(child: builder(context)), 47 | if (sidebarBuilder != null) 48 | DecoratedBox( 49 | decoration: BoxDecoration( 50 | border: Border( 51 | left: BorderSide( 52 | color: Theme.of(context).colorScheme.onSurface.withValues(alpha: .12), 53 | ), 54 | ), 55 | ), 56 | child: SizedBox(width: 250, height: double.infinity, child: sidebarBuilder!(context)), 57 | ), 58 | ], 59 | ); 60 | } 61 | } 62 | -------------------------------------------------------------------------------- /uikit/example/lib/src/tabs/buttons/icon_button_tab.dart: -------------------------------------------------------------------------------- 1 | import 'package:design_preview/design_preview.dart'; 2 | import 'package:example/src/core/sidebar.dart'; 3 | import 'package:example/src/core/widget_preview.dart'; 4 | import 'package:flutter/material.dart'; 5 | import 'package:uikit/uikit.dart'; 6 | 7 | class IconButtonTab extends StatefulWidget with WidgetTab { 8 | const IconButtonTab({super.key}); 9 | 10 | @override 11 | String get title => 'Icon'; 12 | 13 | @override 14 | State createState() => _IconButtonTabState(); 15 | } 16 | 17 | class _IconButtonTabState extends State { 18 | final isEnabled = ValueNotifier(true); 19 | final iconSelector = ValueNotifier(Icons.add); 20 | late final _formListenable = Listenable.merge([isEnabled, iconSelector]); 21 | 22 | @override 23 | void dispose() { 24 | super.dispose(); 25 | isEnabled.dispose(); 26 | iconSelector.dispose(); 27 | } 28 | 29 | @override 30 | Widget build(BuildContext context) { 31 | return WidgetPreview( 32 | listenable: _formListenable, 33 | builder: (context) { 34 | return UiButton.icon(Icon(iconSelector.value), onPressed: () {}, enabled: isEnabled.value); 35 | }, 36 | sidebarBuilder: (context) { 37 | return Sidebar( 38 | children: [ 39 | CheckboxListTile( 40 | title: Text('Enabled'), 41 | value: isEnabled.value, 42 | onChanged: (value) => isEnabled.value = value!, 43 | ), 44 | OptionSelector( 45 | label: 'Icon', 46 | controller: iconSelector, 47 | values: [ 48 | OptionSelectorItem(value: Icons.add, label: 'Add'), 49 | OptionSelectorItem(value: Icons.remove, label: 'Remove'), 50 | OptionSelectorItem(value: Icons.check, label: 'Check'), 51 | OptionSelectorItem(value: Icons.close, label: 'Close'), 52 | ], 53 | ), 54 | ], 55 | ); 56 | }, 57 | ); 58 | } 59 | } 60 | -------------------------------------------------------------------------------- /uikit/example/windows/runner/utils.cpp: -------------------------------------------------------------------------------- 1 | #include "utils.h" 2 | 3 | #include 4 | #include 5 | #include 6 | #include 7 | 8 | #include 9 | 10 | void CreateAndAttachConsole() { 11 | if (::AllocConsole()) { 12 | FILE *unused; 13 | if (freopen_s(&unused, "CONOUT$", "w", stdout)) { 14 | _dup2(_fileno(stdout), 1); 15 | } 16 | if (freopen_s(&unused, "CONOUT$", "w", stderr)) { 17 | _dup2(_fileno(stdout), 2); 18 | } 19 | std::ios::sync_with_stdio(); 20 | FlutterDesktopResyncOutputStreams(); 21 | } 22 | } 23 | 24 | std::vector GetCommandLineArguments() { 25 | // Convert the UTF-16 command line arguments to UTF-8 for the Engine to use. 26 | int argc; 27 | wchar_t** argv = ::CommandLineToArgvW(::GetCommandLineW(), &argc); 28 | if (argv == nullptr) { 29 | return std::vector(); 30 | } 31 | 32 | std::vector command_line_arguments; 33 | 34 | // Skip the first argument as it's the binary name. 35 | for (int i = 1; i < argc; i++) { 36 | command_line_arguments.push_back(Utf8FromUtf16(argv[i])); 37 | } 38 | 39 | ::LocalFree(argv); 40 | 41 | return command_line_arguments; 42 | } 43 | 44 | std::string Utf8FromUtf16(const wchar_t* utf16_string) { 45 | if (utf16_string == nullptr) { 46 | return std::string(); 47 | } 48 | unsigned int target_length = ::WideCharToMultiByte( 49 | CP_UTF8, WC_ERR_INVALID_CHARS, utf16_string, 50 | -1, nullptr, 0, nullptr, nullptr) 51 | -1; // remove the trailing null character 52 | int input_length = (int)wcslen(utf16_string); 53 | std::string utf8_string; 54 | if (target_length == 0 || target_length > utf8_string.max_size()) { 55 | return utf8_string; 56 | } 57 | utf8_string.resize(target_length); 58 | int converted_length = ::WideCharToMultiByte( 59 | CP_UTF8, WC_ERR_INVALID_CHARS, utf16_string, 60 | input_length, utf8_string.data(), target_length, nullptr, nullptr); 61 | if (converted_length == 0) { 62 | return std::string(); 63 | } 64 | return utf8_string; 65 | } 66 | -------------------------------------------------------------------------------- /uikit/example/lib/main.dart: -------------------------------------------------------------------------------- 1 | import 'package:design_preview/design_preview.dart'; 2 | import 'package:design_preview_gorouter/design_preview_gorouter.dart'; 3 | import 'package:example/src/core/theme_option.dart'; 4 | import 'package:example/src/tabs/buttons/destructive_button_tab.dart'; 5 | import 'package:example/src/tabs/buttons/icon_button_tab.dart'; 6 | import 'package:example/src/tabs/buttons/primary_button_tab.dart'; 7 | import 'package:example/src/tabs/buttons/secondary_button_tab.dart'; 8 | import 'package:example/src/tabs/textfields/standard_textfield_tab.dart'; 9 | import 'package:flutter/material.dart'; 10 | import 'package:go_router/go_router.dart'; 11 | import 'package:uikit/uikit.dart'; 12 | 13 | Future main(List args) async { 14 | runApp(MyApp()); 15 | } 16 | 17 | class MyApp extends StatefulWidget { 18 | const MyApp({super.key}); 19 | 20 | static const tabs = [ 21 | FolderTab('Buttons', [ 22 | PrimaryButtonTab(), 23 | SecondaryButtonTab(), 24 | DestructiveButtonTab(), 25 | IconButtonTab(), 26 | ]), 27 | FolderTab('Textfields', [StandardTextfieldTab()]), 28 | ]; 29 | 30 | @override 31 | State createState() => _MyAppState(); 32 | } 33 | 34 | class _MyAppState extends State { 35 | late final _router = buildGoRouter(); 36 | 37 | @override 38 | Widget build(BuildContext context) => MaterialApp.router( 39 | debugShowCheckedModeBanner: false, 40 | routerConfig: _router, 41 | theme: Defaults.lightTheme, 42 | builder: (context, child) { 43 | return ThemeOptionInherited(child: child!); 44 | }, 45 | ); 46 | } 47 | 48 | GoRouter buildGoRouter() { 49 | final handler = RouteHandlerGoRouter(); 50 | 51 | return GoRouter( 52 | routes: [ 53 | ShellRoute( 54 | routes: [ 55 | GoRoute( 56 | path: '/', 57 | builder: (context, state) => NotSelectedTabScreen(), 58 | routes: buildRoutesForTabs(handler, MyApp.tabs), 59 | ), 60 | ], 61 | builder: (context, state, child) { 62 | return TabsRoot(routeHandler: handler, tabs: MyApp.tabs, navigator: child); 63 | }, 64 | ), 65 | ], 66 | ); 67 | } 68 | -------------------------------------------------------------------------------- /uikit/lib/src/tokens/tokens.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:uikit/uikit.dart'; 3 | 4 | class Tokens extends ThemeExtension { 5 | const Tokens({ 6 | required this.margin, 7 | required this.padding, 8 | required this.gutter, 9 | required this.colors, 10 | required this.typography, 11 | required this.radius, 12 | }); 13 | 14 | final MarginTokens margin; 15 | final PaddingTokens padding; 16 | final GutterTokens gutter; 17 | final ColorTokens colors; 18 | final TypographyTokens typography; 19 | final RadiusTokens radius; 20 | 21 | @override 22 | Tokens copyWith({ 23 | MarginTokens? margin, 24 | PaddingTokens? padding, 25 | GutterTokens? gutter, 26 | ColorTokens? colors, 27 | TypographyTokens? typography, 28 | RadiusTokens? radius, 29 | }) { 30 | return Tokens( 31 | margin: margin ?? this.margin, 32 | padding: padding ?? this.padding, 33 | gutter: gutter ?? this.gutter, 34 | colors: colors ?? this.colors, 35 | typography: typography ?? this.typography, 36 | radius: radius ?? this.radius, 37 | ); 38 | } 39 | 40 | @override 41 | Tokens lerp(ThemeExtension? other, double t) { 42 | if (other is! Tokens) return this; 43 | 44 | return Tokens( 45 | margin: margin.lerp(other.margin, t), 46 | padding: padding.lerp(other.padding, t), 47 | gutter: gutter.lerp(other.gutter, t), 48 | colors: colors.lerp(other.colors, t), 49 | typography: typography.lerp(other.typography, t), 50 | radius: radius.lerp(other.radius, t), 51 | ); 52 | } 53 | 54 | @override 55 | String toString() { 56 | return 'Tokens(' 57 | 'margin: $margin, ' 58 | 'padding: $padding, ' 59 | 'gutter: $gutter, ' 60 | 'colors: $colors, ' 61 | 'typography: $typography, ' 62 | 'radius: $radius' 63 | ')'; 64 | } 65 | } 66 | 67 | extension BuildContextTokens on BuildContext { 68 | Tokens get tokens => Theme.of(this).extension() ?? Defaults.tokens; 69 | ColorTokens get colors => tokens.colors; 70 | TypographyTokens get typography => tokens.typography; 71 | MarginTokens get margin => tokens.margin; 72 | PaddingTokens get padding => tokens.padding; 73 | GutterTokens get gutter => tokens.gutter; 74 | RadiusTokens get radius => tokens.radius; 75 | } 76 | -------------------------------------------------------------------------------- /uikit/example/android/app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 6 | 15 | 19 | 23 | 24 | 25 | 26 | 27 | 28 | 30 | 33 | 34 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /uikit/example/windows/runner/flutter_window.cpp: -------------------------------------------------------------------------------- 1 | #include "flutter_window.h" 2 | 3 | #include 4 | 5 | #include "flutter/generated_plugin_registrant.h" 6 | 7 | FlutterWindow::FlutterWindow(const flutter::DartProject& project) 8 | : project_(project) {} 9 | 10 | FlutterWindow::~FlutterWindow() {} 11 | 12 | bool FlutterWindow::OnCreate() { 13 | if (!Win32Window::OnCreate()) { 14 | return false; 15 | } 16 | 17 | RECT frame = GetClientArea(); 18 | 19 | // The size here must match the window dimensions to avoid unnecessary surface 20 | // creation / destruction in the startup path. 21 | flutter_controller_ = std::make_unique( 22 | frame.right - frame.left, frame.bottom - frame.top, project_); 23 | // Ensure that basic setup of the controller was successful. 24 | if (!flutter_controller_->engine() || !flutter_controller_->view()) { 25 | return false; 26 | } 27 | RegisterPlugins(flutter_controller_->engine()); 28 | SetChildContent(flutter_controller_->view()->GetNativeWindow()); 29 | 30 | flutter_controller_->engine()->SetNextFrameCallback([&]() { 31 | this->Show(); 32 | }); 33 | 34 | // Flutter can complete the first frame before the "show window" callback is 35 | // registered. The following call ensures a frame is pending to ensure the 36 | // window is shown. It is a no-op if the first frame hasn't completed yet. 37 | flutter_controller_->ForceRedraw(); 38 | 39 | return true; 40 | } 41 | 42 | void FlutterWindow::OnDestroy() { 43 | if (flutter_controller_) { 44 | flutter_controller_ = nullptr; 45 | } 46 | 47 | Win32Window::OnDestroy(); 48 | } 49 | 50 | LRESULT 51 | FlutterWindow::MessageHandler(HWND hwnd, UINT const message, 52 | WPARAM const wparam, 53 | LPARAM const lparam) noexcept { 54 | // Give Flutter, including plugins, an opportunity to handle window messages. 55 | if (flutter_controller_) { 56 | std::optional result = 57 | flutter_controller_->HandleTopLevelWindowProc(hwnd, message, wparam, 58 | lparam); 59 | if (result) { 60 | return *result; 61 | } 62 | } 63 | 64 | switch (message) { 65 | case WM_FONTCHANGE: 66 | flutter_controller_->engine()->ReloadSystemFonts(); 67 | break; 68 | } 69 | 70 | return Win32Window::MessageHandler(hwnd, message, wparam, lparam); 71 | } 72 | -------------------------------------------------------------------------------- /uikit/example/ios/Runner/Base.lproj/LaunchScreen.storyboard: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /.vscode/launch.json: -------------------------------------------------------------------------------- 1 | { 2 | // Use IntelliSense to learn about possible attributes. 3 | // Hover to view descriptions of existing attributes. 4 | // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 5 | "version": "0.2.0", 6 | "configurations": [ 7 | { 8 | "name": "sizzle_design_system", 9 | "request": "launch", 10 | "type": "dart" 11 | }, 12 | { 13 | "name": "design_preview", 14 | "cwd": "design_preview", 15 | "request": "launch", 16 | "type": "dart" 17 | }, 18 | { 19 | "name": "design_preview (profile mode)", 20 | "cwd": "design_preview", 21 | "request": "launch", 22 | "type": "dart", 23 | "flutterMode": "profile" 24 | }, 25 | { 26 | "name": "design_preview (release mode)", 27 | "cwd": "design_preview", 28 | "request": "launch", 29 | "type": "dart", 30 | "flutterMode": "release" 31 | }, 32 | { 33 | "name": "design_preview_gorouter", 34 | "cwd": "design_preview_gorouter", 35 | "request": "launch", 36 | "type": "dart" 37 | }, 38 | { 39 | "name": "design_preview_gorouter (profile mode)", 40 | "cwd": "design_preview_gorouter", 41 | "request": "launch", 42 | "type": "dart", 43 | "flutterMode": "profile" 44 | }, 45 | { 46 | "name": "design_preview_gorouter (release mode)", 47 | "cwd": "design_preview_gorouter", 48 | "request": "launch", 49 | "type": "dart", 50 | "flutterMode": "release" 51 | }, 52 | { 53 | "name": "uikit", 54 | "cwd": "uikit", 55 | "request": "launch", 56 | "type": "dart" 57 | }, 58 | { 59 | "name": "uikit (profile mode)", 60 | "cwd": "uikit", 61 | "request": "launch", 62 | "type": "dart", 63 | "flutterMode": "profile" 64 | }, 65 | { 66 | "name": "uikit (release mode)", 67 | "cwd": "uikit", 68 | "request": "launch", 69 | "type": "dart", 70 | "flutterMode": "release" 71 | }, 72 | { 73 | "name": "example", 74 | "cwd": "uikit/example", 75 | "request": "launch", 76 | "type": "dart" 77 | }, 78 | { 79 | "name": "example (profile mode)", 80 | "cwd": "uikit/example", 81 | "request": "launch", 82 | "type": "dart", 83 | "flutterMode": "profile" 84 | }, 85 | { 86 | "name": "example (release mode)", 87 | "cwd": "uikit/example", 88 | "request": "launch", 89 | "type": "dart", 90 | "flutterMode": "release" 91 | } 92 | ] 93 | } -------------------------------------------------------------------------------- /uikit/example/lib/src/core/theme_option.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:uikit/uikit.dart'; 3 | 4 | class ThemeOptionInput extends StatelessWidget { 5 | const ThemeOptionInput({super.key}); 6 | 7 | static final _entries = >[ 8 | DropdownMenuEntry(value: Defaults.lightTheme, label: 'Light'), 9 | DropdownMenuEntry(value: Defaults.darkTheme, label: 'Dark'), 10 | ]; 11 | 12 | @override 13 | Widget build(BuildContext context) { 14 | final theme = ThemeOptionInherited.of(context); 15 | 16 | return DropdownMenu( 17 | dropdownMenuEntries: _entries, 18 | initialSelection: theme ?? _entries.first.value, 19 | onSelected: (value) { 20 | if (value == null) return; 21 | ThemeOptionInherited.setTheme(context, value); 22 | }, 23 | ); 24 | } 25 | } 26 | 27 | class ThemeOptionInherited extends StatefulWidget { 28 | const ThemeOptionInherited({super.key, required this.child}); 29 | 30 | final Widget child; 31 | 32 | static void setTheme(BuildContext context, ThemeData theme) { 33 | final _ThemeOptionInherited? inherited = 34 | context.getElementForInheritedWidgetOfExactType<_ThemeOptionInherited>()?.widget 35 | as _ThemeOptionInherited?; 36 | inherited?.state.setTheme(theme); 37 | } 38 | 39 | static ThemeData? of(BuildContext context, {bool listen = true}) { 40 | final _ThemeOptionInherited? inherited = 41 | listen 42 | ? context.dependOnInheritedWidgetOfExactType<_ThemeOptionInherited>() 43 | : context.getElementForInheritedWidgetOfExactType<_ThemeOptionInherited>()?.widget 44 | as _ThemeOptionInherited?; 45 | return inherited?.theme; 46 | } 47 | 48 | @override 49 | State createState() => ThemeOptionInheritedState(); 50 | } 51 | 52 | class ThemeOptionInheritedState extends State { 53 | ThemeData? _theme; 54 | 55 | void setTheme(ThemeData theme) { 56 | if (_theme != theme) { 57 | setState(() { 58 | _theme = theme; 59 | }); 60 | } 61 | } 62 | 63 | @override 64 | Widget build(BuildContext context) { 65 | return _ThemeOptionInherited(theme: _theme, state: this, child: widget.child); 66 | } 67 | } 68 | 69 | class _ThemeOptionInherited extends InheritedWidget { 70 | const _ThemeOptionInherited({required this.theme, required super.child, required this.state}); 71 | 72 | final ThemeOptionInheritedState state; 73 | final ThemeData? theme; 74 | 75 | @override 76 | bool updateShouldNotify(_ThemeOptionInherited oldWidget) { 77 | return theme != oldWidget.theme; 78 | } 79 | } 80 | -------------------------------------------------------------------------------- /uikit/example/linux/flutter/CMakeLists.txt: -------------------------------------------------------------------------------- 1 | # This file controls Flutter-level build steps. It should not be edited. 2 | cmake_minimum_required(VERSION 3.10) 3 | 4 | set(EPHEMERAL_DIR "${CMAKE_CURRENT_SOURCE_DIR}/ephemeral") 5 | 6 | # Configuration provided via flutter tool. 7 | include(${EPHEMERAL_DIR}/generated_config.cmake) 8 | 9 | # TODO: Move the rest of this into files in ephemeral. See 10 | # https://github.com/flutter/flutter/issues/57146. 11 | 12 | # Serves the same purpose as list(TRANSFORM ... PREPEND ...), 13 | # which isn't available in 3.10. 14 | function(list_prepend LIST_NAME PREFIX) 15 | set(NEW_LIST "") 16 | foreach(element ${${LIST_NAME}}) 17 | list(APPEND NEW_LIST "${PREFIX}${element}") 18 | endforeach(element) 19 | set(${LIST_NAME} "${NEW_LIST}" PARENT_SCOPE) 20 | endfunction() 21 | 22 | # === Flutter Library === 23 | # System-level dependencies. 24 | find_package(PkgConfig REQUIRED) 25 | pkg_check_modules(GTK REQUIRED IMPORTED_TARGET gtk+-3.0) 26 | pkg_check_modules(GLIB REQUIRED IMPORTED_TARGET glib-2.0) 27 | pkg_check_modules(GIO REQUIRED IMPORTED_TARGET gio-2.0) 28 | 29 | set(FLUTTER_LIBRARY "${EPHEMERAL_DIR}/libflutter_linux_gtk.so") 30 | 31 | # Published to parent scope for install step. 32 | set(FLUTTER_LIBRARY ${FLUTTER_LIBRARY} PARENT_SCOPE) 33 | set(FLUTTER_ICU_DATA_FILE "${EPHEMERAL_DIR}/icudtl.dat" PARENT_SCOPE) 34 | set(PROJECT_BUILD_DIR "${PROJECT_DIR}/build/" PARENT_SCOPE) 35 | set(AOT_LIBRARY "${PROJECT_DIR}/build/lib/libapp.so" PARENT_SCOPE) 36 | 37 | list(APPEND FLUTTER_LIBRARY_HEADERS 38 | "fl_basic_message_channel.h" 39 | "fl_binary_codec.h" 40 | "fl_binary_messenger.h" 41 | "fl_dart_project.h" 42 | "fl_engine.h" 43 | "fl_json_message_codec.h" 44 | "fl_json_method_codec.h" 45 | "fl_message_codec.h" 46 | "fl_method_call.h" 47 | "fl_method_channel.h" 48 | "fl_method_codec.h" 49 | "fl_method_response.h" 50 | "fl_plugin_registrar.h" 51 | "fl_plugin_registry.h" 52 | "fl_standard_message_codec.h" 53 | "fl_standard_method_codec.h" 54 | "fl_string_codec.h" 55 | "fl_value.h" 56 | "fl_view.h" 57 | "flutter_linux.h" 58 | ) 59 | list_prepend(FLUTTER_LIBRARY_HEADERS "${EPHEMERAL_DIR}/flutter_linux/") 60 | add_library(flutter INTERFACE) 61 | target_include_directories(flutter INTERFACE 62 | "${EPHEMERAL_DIR}" 63 | ) 64 | target_link_libraries(flutter INTERFACE "${FLUTTER_LIBRARY}") 65 | target_link_libraries(flutter INTERFACE 66 | PkgConfig::GTK 67 | PkgConfig::GLIB 68 | PkgConfig::GIO 69 | ) 70 | add_dependencies(flutter flutter_assemble) 71 | 72 | # === Flutter tool backend === 73 | # _phony_ is a non-existent file to force this command to run every time, 74 | # since currently there's no way to get a full input/output list from the 75 | # flutter tool. 76 | add_custom_command( 77 | OUTPUT ${FLUTTER_LIBRARY} ${FLUTTER_LIBRARY_HEADERS} 78 | ${CMAKE_CURRENT_BINARY_DIR}/_phony_ 79 | COMMAND ${CMAKE_COMMAND} -E env 80 | ${FLUTTER_TOOL_ENVIRONMENT} 81 | "${FLUTTER_ROOT}/packages/flutter_tools/bin/tool_backend.sh" 82 | ${FLUTTER_TARGET_PLATFORM} ${CMAKE_BUILD_TYPE} 83 | VERBATIM 84 | ) 85 | add_custom_target(flutter_assemble DEPENDS 86 | "${FLUTTER_LIBRARY}" 87 | ${FLUTTER_LIBRARY_HEADERS} 88 | ) 89 | -------------------------------------------------------------------------------- /uikit/example/ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "size" : "20x20", 5 | "idiom" : "iphone", 6 | "filename" : "Icon-App-20x20@2x.png", 7 | "scale" : "2x" 8 | }, 9 | { 10 | "size" : "20x20", 11 | "idiom" : "iphone", 12 | "filename" : "Icon-App-20x20@3x.png", 13 | "scale" : "3x" 14 | }, 15 | { 16 | "size" : "29x29", 17 | "idiom" : "iphone", 18 | "filename" : "Icon-App-29x29@1x.png", 19 | "scale" : "1x" 20 | }, 21 | { 22 | "size" : "29x29", 23 | "idiom" : "iphone", 24 | "filename" : "Icon-App-29x29@2x.png", 25 | "scale" : "2x" 26 | }, 27 | { 28 | "size" : "29x29", 29 | "idiom" : "iphone", 30 | "filename" : "Icon-App-29x29@3x.png", 31 | "scale" : "3x" 32 | }, 33 | { 34 | "size" : "40x40", 35 | "idiom" : "iphone", 36 | "filename" : "Icon-App-40x40@2x.png", 37 | "scale" : "2x" 38 | }, 39 | { 40 | "size" : "40x40", 41 | "idiom" : "iphone", 42 | "filename" : "Icon-App-40x40@3x.png", 43 | "scale" : "3x" 44 | }, 45 | { 46 | "size" : "60x60", 47 | "idiom" : "iphone", 48 | "filename" : "Icon-App-60x60@2x.png", 49 | "scale" : "2x" 50 | }, 51 | { 52 | "size" : "60x60", 53 | "idiom" : "iphone", 54 | "filename" : "Icon-App-60x60@3x.png", 55 | "scale" : "3x" 56 | }, 57 | { 58 | "size" : "20x20", 59 | "idiom" : "ipad", 60 | "filename" : "Icon-App-20x20@1x.png", 61 | "scale" : "1x" 62 | }, 63 | { 64 | "size" : "20x20", 65 | "idiom" : "ipad", 66 | "filename" : "Icon-App-20x20@2x.png", 67 | "scale" : "2x" 68 | }, 69 | { 70 | "size" : "29x29", 71 | "idiom" : "ipad", 72 | "filename" : "Icon-App-29x29@1x.png", 73 | "scale" : "1x" 74 | }, 75 | { 76 | "size" : "29x29", 77 | "idiom" : "ipad", 78 | "filename" : "Icon-App-29x29@2x.png", 79 | "scale" : "2x" 80 | }, 81 | { 82 | "size" : "40x40", 83 | "idiom" : "ipad", 84 | "filename" : "Icon-App-40x40@1x.png", 85 | "scale" : "1x" 86 | }, 87 | { 88 | "size" : "40x40", 89 | "idiom" : "ipad", 90 | "filename" : "Icon-App-40x40@2x.png", 91 | "scale" : "2x" 92 | }, 93 | { 94 | "size" : "76x76", 95 | "idiom" : "ipad", 96 | "filename" : "Icon-App-76x76@1x.png", 97 | "scale" : "1x" 98 | }, 99 | { 100 | "size" : "76x76", 101 | "idiom" : "ipad", 102 | "filename" : "Icon-App-76x76@2x.png", 103 | "scale" : "2x" 104 | }, 105 | { 106 | "size" : "83.5x83.5", 107 | "idiom" : "ipad", 108 | "filename" : "Icon-App-83.5x83.5@2x.png", 109 | "scale" : "2x" 110 | }, 111 | { 112 | "size" : "1024x1024", 113 | "idiom" : "ios-marketing", 114 | "filename" : "Icon-App-1024x1024@1x.png", 115 | "scale" : "1x" 116 | } 117 | ], 118 | "info" : { 119 | "version" : 1, 120 | "author" : "xcode" 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /uikit/lib/src/tokens/color_tokens.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | class ColorTokens extends ThemeExtension { 4 | final Color background; 5 | final Color foreground; 6 | final Color primary; 7 | final Color primaryForeground; 8 | final Color secondary; 9 | final Color secondaryForeground; 10 | final Color accent; 11 | final Color accentForeground; 12 | final Color destructive; 13 | final Color destructiveForeground; 14 | final Color ring; 15 | final Color selection; 16 | 17 | ColorTokens({ 18 | required this.background, 19 | required this.foreground, 20 | required this.primary, 21 | required this.primaryForeground, 22 | required this.secondary, 23 | required this.secondaryForeground, 24 | required this.accent, 25 | required this.accentForeground, 26 | required this.destructive, 27 | required this.destructiveForeground, 28 | required this.ring, 29 | required this.selection, 30 | }); 31 | 32 | @override 33 | ThemeExtension copyWith({ 34 | Color? background, 35 | Color? foreground, 36 | Color? primary, 37 | Color? primaryForeground, 38 | Color? secondary, 39 | Color? secondaryForeground, 40 | Color? accent, 41 | Color? accentForeground, 42 | Color? destructive, 43 | Color? destructiveForeground, 44 | Color? border, 45 | Color? ring, 46 | Color? selection, 47 | }) { 48 | return ColorTokens( 49 | background: background ?? this.background, 50 | foreground: foreground ?? this.foreground, 51 | primary: primary ?? this.primary, 52 | primaryForeground: primaryForeground ?? this.primaryForeground, 53 | secondary: secondary ?? this.secondary, 54 | secondaryForeground: secondaryForeground ?? this.secondaryForeground, 55 | accent: accent ?? this.accent, 56 | accentForeground: accentForeground ?? this.accentForeground, 57 | destructive: destructive ?? this.destructive, 58 | destructiveForeground: destructiveForeground ?? this.destructiveForeground, 59 | ring: ring ?? this.ring, 60 | selection: selection ?? this.selection, 61 | ); 62 | } 63 | 64 | @override 65 | ColorTokens lerp(covariant ThemeExtension? other, double t) { 66 | if (other is! ColorTokens) { 67 | return this; 68 | } 69 | 70 | return ColorTokens( 71 | background: Color.lerp(background, other.background, t)!, 72 | foreground: Color.lerp(foreground, other.foreground, t)!, 73 | primary: Color.lerp(primary, other.primary, t)!, 74 | primaryForeground: Color.lerp(primaryForeground, other.primaryForeground, t)!, 75 | secondary: Color.lerp(secondary, other.secondary, t)!, 76 | secondaryForeground: Color.lerp(secondaryForeground, other.secondaryForeground, t)!, 77 | accent: Color.lerp(accent, other.accent, t)!, 78 | accentForeground: Color.lerp(accentForeground, other.accentForeground, t)!, 79 | destructive: Color.lerp(destructive, other.destructive, t)!, 80 | destructiveForeground: Color.lerp(destructiveForeground, other.destructiveForeground, t)!, 81 | ring: Color.lerp(ring, other.ring, t)!, 82 | selection: Color.lerp(selection, other.selection, t)!, 83 | ); 84 | } 85 | } 86 | -------------------------------------------------------------------------------- /uikit/example/windows/runner/Runner.rc: -------------------------------------------------------------------------------- 1 | // Microsoft Visual C++ generated resource script. 2 | // 3 | #pragma code_page(65001) 4 | #include "resource.h" 5 | 6 | #define APSTUDIO_READONLY_SYMBOLS 7 | ///////////////////////////////////////////////////////////////////////////// 8 | // 9 | // Generated from the TEXTINCLUDE 2 resource. 10 | // 11 | #include "winres.h" 12 | 13 | ///////////////////////////////////////////////////////////////////////////// 14 | #undef APSTUDIO_READONLY_SYMBOLS 15 | 16 | ///////////////////////////////////////////////////////////////////////////// 17 | // English (United States) resources 18 | 19 | #if !defined(AFX_RESOURCE_DLL) || defined(AFX_TARG_ENU) 20 | LANGUAGE LANG_ENGLISH, SUBLANG_ENGLISH_US 21 | 22 | #ifdef APSTUDIO_INVOKED 23 | ///////////////////////////////////////////////////////////////////////////// 24 | // 25 | // TEXTINCLUDE 26 | // 27 | 28 | 1 TEXTINCLUDE 29 | BEGIN 30 | "resource.h\0" 31 | END 32 | 33 | 2 TEXTINCLUDE 34 | BEGIN 35 | "#include ""winres.h""\r\n" 36 | "\0" 37 | END 38 | 39 | 3 TEXTINCLUDE 40 | BEGIN 41 | "\r\n" 42 | "\0" 43 | END 44 | 45 | #endif // APSTUDIO_INVOKED 46 | 47 | 48 | ///////////////////////////////////////////////////////////////////////////// 49 | // 50 | // Icon 51 | // 52 | 53 | // Icon with lowest ID value placed first to ensure application icon 54 | // remains consistent on all systems. 55 | IDI_APP_ICON ICON "resources\\app_icon.ico" 56 | 57 | 58 | ///////////////////////////////////////////////////////////////////////////// 59 | // 60 | // Version 61 | // 62 | 63 | #if defined(FLUTTER_VERSION_MAJOR) && defined(FLUTTER_VERSION_MINOR) && defined(FLUTTER_VERSION_PATCH) && defined(FLUTTER_VERSION_BUILD) 64 | #define VERSION_AS_NUMBER FLUTTER_VERSION_MAJOR,FLUTTER_VERSION_MINOR,FLUTTER_VERSION_PATCH,FLUTTER_VERSION_BUILD 65 | #else 66 | #define VERSION_AS_NUMBER 1,0,0,0 67 | #endif 68 | 69 | #if defined(FLUTTER_VERSION) 70 | #define VERSION_AS_STRING FLUTTER_VERSION 71 | #else 72 | #define VERSION_AS_STRING "1.0.0" 73 | #endif 74 | 75 | VS_VERSION_INFO VERSIONINFO 76 | FILEVERSION VERSION_AS_NUMBER 77 | PRODUCTVERSION VERSION_AS_NUMBER 78 | FILEFLAGSMASK VS_FFI_FILEFLAGSMASK 79 | #ifdef _DEBUG 80 | FILEFLAGS VS_FF_DEBUG 81 | #else 82 | FILEFLAGS 0x0L 83 | #endif 84 | FILEOS VOS__WINDOWS32 85 | FILETYPE VFT_APP 86 | FILESUBTYPE 0x0L 87 | BEGIN 88 | BLOCK "StringFileInfo" 89 | BEGIN 90 | BLOCK "040904e4" 91 | BEGIN 92 | VALUE "CompanyName", "com.example" "\0" 93 | VALUE "FileDescription", "example" "\0" 94 | VALUE "FileVersion", VERSION_AS_STRING "\0" 95 | VALUE "InternalName", "example" "\0" 96 | VALUE "LegalCopyright", "Copyright (C) 2025 com.example. All rights reserved." "\0" 97 | VALUE "OriginalFilename", "example.exe" "\0" 98 | VALUE "ProductName", "example" "\0" 99 | VALUE "ProductVersion", VERSION_AS_STRING "\0" 100 | END 101 | END 102 | BLOCK "VarFileInfo" 103 | BEGIN 104 | VALUE "Translation", 0x409, 1252 105 | END 106 | END 107 | 108 | #endif // English (United States) resources 109 | ///////////////////////////////////////////////////////////////////////////// 110 | 111 | 112 | 113 | #ifndef APSTUDIO_INVOKED 114 | ///////////////////////////////////////////////////////////////////////////// 115 | // 116 | // Generated from the TEXTINCLUDE 3 resource. 117 | // 118 | 119 | 120 | ///////////////////////////////////////////////////////////////////////////// 121 | #endif // not APSTUDIO_INVOKED 122 | -------------------------------------------------------------------------------- /uikit/example/windows/runner/win32_window.h: -------------------------------------------------------------------------------- 1 | #ifndef RUNNER_WIN32_WINDOW_H_ 2 | #define RUNNER_WIN32_WINDOW_H_ 3 | 4 | #include 5 | 6 | #include 7 | #include 8 | #include 9 | 10 | // A class abstraction for a high DPI-aware Win32 Window. Intended to be 11 | // inherited from by classes that wish to specialize with custom 12 | // rendering and input handling 13 | class Win32Window { 14 | public: 15 | struct Point { 16 | unsigned int x; 17 | unsigned int y; 18 | Point(unsigned int x, unsigned int y) : x(x), y(y) {} 19 | }; 20 | 21 | struct Size { 22 | unsigned int width; 23 | unsigned int height; 24 | Size(unsigned int width, unsigned int height) 25 | : width(width), height(height) {} 26 | }; 27 | 28 | Win32Window(); 29 | virtual ~Win32Window(); 30 | 31 | // Creates a win32 window with |title| that is positioned and sized using 32 | // |origin| and |size|. New windows are created on the default monitor. Window 33 | // sizes are specified to the OS in physical pixels, hence to ensure a 34 | // consistent size this function will scale the inputted width and height as 35 | // as appropriate for the default monitor. The window is invisible until 36 | // |Show| is called. Returns true if the window was created successfully. 37 | bool Create(const std::wstring& title, const Point& origin, const Size& size); 38 | 39 | // Show the current window. Returns true if the window was successfully shown. 40 | bool Show(); 41 | 42 | // Release OS resources associated with window. 43 | void Destroy(); 44 | 45 | // Inserts |content| into the window tree. 46 | void SetChildContent(HWND content); 47 | 48 | // Returns the backing Window handle to enable clients to set icon and other 49 | // window properties. Returns nullptr if the window has been destroyed. 50 | HWND GetHandle(); 51 | 52 | // If true, closing this window will quit the application. 53 | void SetQuitOnClose(bool quit_on_close); 54 | 55 | // Return a RECT representing the bounds of the current client area. 56 | RECT GetClientArea(); 57 | 58 | protected: 59 | // Processes and route salient window messages for mouse handling, 60 | // size change and DPI. Delegates handling of these to member overloads that 61 | // inheriting classes can handle. 62 | virtual LRESULT MessageHandler(HWND window, 63 | UINT const message, 64 | WPARAM const wparam, 65 | LPARAM const lparam) noexcept; 66 | 67 | // Called when CreateAndShow is called, allowing subclass window-related 68 | // setup. Subclasses should return false if setup fails. 69 | virtual bool OnCreate(); 70 | 71 | // Called when Destroy is called. 72 | virtual void OnDestroy(); 73 | 74 | private: 75 | friend class WindowClassRegistrar; 76 | 77 | // OS callback called by message pump. Handles the WM_NCCREATE message which 78 | // is passed when the non-client area is being created and enables automatic 79 | // non-client DPI scaling so that the non-client area automatically 80 | // responds to changes in DPI. All other messages are handled by 81 | // MessageHandler. 82 | static LRESULT CALLBACK WndProc(HWND const window, 83 | UINT const message, 84 | WPARAM const wparam, 85 | LPARAM const lparam) noexcept; 86 | 87 | // Retrieves a class instance pointer for |window| 88 | static Win32Window* GetThisFromHandle(HWND const window) noexcept; 89 | 90 | // Update the window frame's theme to match the system theme. 91 | static void UpdateTheme(HWND const window); 92 | 93 | bool quit_on_close_ = false; 94 | 95 | // window handle for top level window. 96 | HWND window_handle_ = nullptr; 97 | 98 | // window handle for hosted content. 99 | HWND child_content_ = nullptr; 100 | }; 101 | 102 | #endif // RUNNER_WIN32_WINDOW_H_ 103 | -------------------------------------------------------------------------------- /uikit/lib/src/tokens/typography_tokens.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart' show TextStyle, ThemeExtension; 2 | 3 | class TypographyTokens extends ThemeExtension { 4 | const TypographyTokens({ 5 | required this.displayLarge, 6 | required this.displayMedium, 7 | required this.displaySmall, 8 | required this.headlineLarge, 9 | required this.headlineMedium, 10 | required this.headlineSmall, 11 | required this.titleLarge, 12 | required this.titleMedium, 13 | required this.titleSmall, 14 | required this.bodyLarge, 15 | required this.bodyMedium, 16 | required this.bodySmall, 17 | required this.labelLarge, 18 | required this.labelMedium, 19 | required this.labelSmall, 20 | }); 21 | 22 | final TextStyle displayLarge; 23 | final TextStyle displayMedium; 24 | final TextStyle displaySmall; 25 | final TextStyle headlineLarge; 26 | final TextStyle headlineMedium; 27 | final TextStyle headlineSmall; 28 | final TextStyle titleLarge; 29 | final TextStyle titleMedium; 30 | final TextStyle titleSmall; 31 | final TextStyle bodyLarge; 32 | final TextStyle bodyMedium; 33 | final TextStyle bodySmall; 34 | final TextStyle labelLarge; 35 | final TextStyle labelMedium; 36 | final TextStyle labelSmall; 37 | 38 | @override 39 | TypographyTokens copyWith({ 40 | TextStyle? displayLarge, 41 | TextStyle? displayMedium, 42 | TextStyle? displaySmall, 43 | TextStyle? headlineLarge, 44 | TextStyle? headlineMedium, 45 | TextStyle? headlineSmall, 46 | TextStyle? titleLarge, 47 | TextStyle? titleMedium, 48 | TextStyle? titleSmall, 49 | TextStyle? bodyLarge, 50 | TextStyle? bodyMedium, 51 | TextStyle? bodySmall, 52 | TextStyle? labelLarge, 53 | TextStyle? labelMedium, 54 | TextStyle? labelSmall, 55 | }) { 56 | return TypographyTokens( 57 | displayLarge: displayLarge ?? this.displayLarge, 58 | displayMedium: displayMedium ?? this.displayMedium, 59 | displaySmall: displaySmall ?? this.displaySmall, 60 | headlineLarge: headlineLarge ?? this.headlineLarge, 61 | headlineMedium: headlineMedium ?? this.headlineMedium, 62 | headlineSmall: headlineSmall ?? this.headlineSmall, 63 | titleLarge: titleLarge ?? this.titleLarge, 64 | titleMedium: titleMedium ?? this.titleMedium, 65 | titleSmall: titleSmall ?? this.titleSmall, 66 | bodyLarge: bodyLarge ?? this.bodyLarge, 67 | bodyMedium: bodyMedium ?? this.bodyMedium, 68 | bodySmall: bodySmall ?? this.bodySmall, 69 | labelLarge: labelLarge ?? this.labelLarge, 70 | labelMedium: labelMedium ?? this.labelMedium, 71 | labelSmall: labelSmall ?? this.labelSmall, 72 | ); 73 | } 74 | 75 | @override 76 | TypographyTokens lerp(ThemeExtension? other, double t) { 77 | if (other is! TypographyTokens) return this; 78 | return TypographyTokens( 79 | displayLarge: TextStyle.lerp(displayLarge, other.displayLarge, t)!, 80 | displayMedium: TextStyle.lerp(displayMedium, other.displayMedium, t)!, 81 | displaySmall: TextStyle.lerp(displaySmall, other.displaySmall, t)!, 82 | headlineLarge: TextStyle.lerp(headlineLarge, other.headlineLarge, t)!, 83 | headlineMedium: TextStyle.lerp(headlineMedium, other.headlineMedium, t)!, 84 | headlineSmall: TextStyle.lerp(headlineSmall, other.headlineSmall, t)!, 85 | titleLarge: TextStyle.lerp(titleLarge, other.titleLarge, t)!, 86 | titleMedium: TextStyle.lerp(titleMedium, other.titleMedium, t)!, 87 | titleSmall: TextStyle.lerp(titleSmall, other.titleSmall, t)!, 88 | bodyLarge: TextStyle.lerp(bodyLarge, other.bodyLarge, t)!, 89 | bodyMedium: TextStyle.lerp(bodyMedium, other.bodyMedium, t)!, 90 | bodySmall: TextStyle.lerp(bodySmall, other.bodySmall, t)!, 91 | labelLarge: TextStyle.lerp(labelLarge, other.labelLarge, t)!, 92 | labelMedium: TextStyle.lerp(labelMedium, other.labelMedium, t)!, 93 | labelSmall: TextStyle.lerp(labelSmall, other.labelSmall, t)!, 94 | ); 95 | } 96 | } 97 | -------------------------------------------------------------------------------- /uikit/example/ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 24 | 25 | 30 | 31 | 37 | 38 | 39 | 40 | 43 | 49 | 50 | 51 | 52 | 53 | 64 | 66 | 72 | 73 | 74 | 75 | 81 | 83 | 89 | 90 | 91 | 92 | 94 | 95 | 98 | 99 | 100 | -------------------------------------------------------------------------------- /uikit/example/macos/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 24 | 25 | 30 | 31 | 37 | 38 | 39 | 40 | 43 | 49 | 50 | 51 | 52 | 53 | 64 | 66 | 72 | 73 | 74 | 75 | 81 | 83 | 89 | 90 | 91 | 92 | 94 | 95 | 98 | 99 | 100 | -------------------------------------------------------------------------------- /uikit/example/windows/flutter/CMakeLists.txt: -------------------------------------------------------------------------------- 1 | # This file controls Flutter-level build steps. It should not be edited. 2 | cmake_minimum_required(VERSION 3.14) 3 | 4 | set(EPHEMERAL_DIR "${CMAKE_CURRENT_SOURCE_DIR}/ephemeral") 5 | 6 | # Configuration provided via flutter tool. 7 | include(${EPHEMERAL_DIR}/generated_config.cmake) 8 | 9 | # TODO: Move the rest of this into files in ephemeral. See 10 | # https://github.com/flutter/flutter/issues/57146. 11 | set(WRAPPER_ROOT "${EPHEMERAL_DIR}/cpp_client_wrapper") 12 | 13 | # Set fallback configurations for older versions of the flutter tool. 14 | if (NOT DEFINED FLUTTER_TARGET_PLATFORM) 15 | set(FLUTTER_TARGET_PLATFORM "windows-x64") 16 | endif() 17 | 18 | # === Flutter Library === 19 | set(FLUTTER_LIBRARY "${EPHEMERAL_DIR}/flutter_windows.dll") 20 | 21 | # Published to parent scope for install step. 22 | set(FLUTTER_LIBRARY ${FLUTTER_LIBRARY} PARENT_SCOPE) 23 | set(FLUTTER_ICU_DATA_FILE "${EPHEMERAL_DIR}/icudtl.dat" PARENT_SCOPE) 24 | set(PROJECT_BUILD_DIR "${PROJECT_DIR}/build/" PARENT_SCOPE) 25 | set(AOT_LIBRARY "${PROJECT_DIR}/build/windows/app.so" PARENT_SCOPE) 26 | 27 | list(APPEND FLUTTER_LIBRARY_HEADERS 28 | "flutter_export.h" 29 | "flutter_windows.h" 30 | "flutter_messenger.h" 31 | "flutter_plugin_registrar.h" 32 | "flutter_texture_registrar.h" 33 | ) 34 | list(TRANSFORM FLUTTER_LIBRARY_HEADERS PREPEND "${EPHEMERAL_DIR}/") 35 | add_library(flutter INTERFACE) 36 | target_include_directories(flutter INTERFACE 37 | "${EPHEMERAL_DIR}" 38 | ) 39 | target_link_libraries(flutter INTERFACE "${FLUTTER_LIBRARY}.lib") 40 | add_dependencies(flutter flutter_assemble) 41 | 42 | # === Wrapper === 43 | list(APPEND CPP_WRAPPER_SOURCES_CORE 44 | "core_implementations.cc" 45 | "standard_codec.cc" 46 | ) 47 | list(TRANSFORM CPP_WRAPPER_SOURCES_CORE PREPEND "${WRAPPER_ROOT}/") 48 | list(APPEND CPP_WRAPPER_SOURCES_PLUGIN 49 | "plugin_registrar.cc" 50 | ) 51 | list(TRANSFORM CPP_WRAPPER_SOURCES_PLUGIN PREPEND "${WRAPPER_ROOT}/") 52 | list(APPEND CPP_WRAPPER_SOURCES_APP 53 | "flutter_engine.cc" 54 | "flutter_view_controller.cc" 55 | ) 56 | list(TRANSFORM CPP_WRAPPER_SOURCES_APP PREPEND "${WRAPPER_ROOT}/") 57 | 58 | # Wrapper sources needed for a plugin. 59 | add_library(flutter_wrapper_plugin STATIC 60 | ${CPP_WRAPPER_SOURCES_CORE} 61 | ${CPP_WRAPPER_SOURCES_PLUGIN} 62 | ) 63 | apply_standard_settings(flutter_wrapper_plugin) 64 | set_target_properties(flutter_wrapper_plugin PROPERTIES 65 | POSITION_INDEPENDENT_CODE ON) 66 | set_target_properties(flutter_wrapper_plugin PROPERTIES 67 | CXX_VISIBILITY_PRESET hidden) 68 | target_link_libraries(flutter_wrapper_plugin PUBLIC flutter) 69 | target_include_directories(flutter_wrapper_plugin PUBLIC 70 | "${WRAPPER_ROOT}/include" 71 | ) 72 | add_dependencies(flutter_wrapper_plugin flutter_assemble) 73 | 74 | # Wrapper sources needed for the runner. 75 | add_library(flutter_wrapper_app STATIC 76 | ${CPP_WRAPPER_SOURCES_CORE} 77 | ${CPP_WRAPPER_SOURCES_APP} 78 | ) 79 | apply_standard_settings(flutter_wrapper_app) 80 | target_link_libraries(flutter_wrapper_app PUBLIC flutter) 81 | target_include_directories(flutter_wrapper_app PUBLIC 82 | "${WRAPPER_ROOT}/include" 83 | ) 84 | add_dependencies(flutter_wrapper_app flutter_assemble) 85 | 86 | # === Flutter tool backend === 87 | # _phony_ is a non-existent file to force this command to run every time, 88 | # since currently there's no way to get a full input/output list from the 89 | # flutter tool. 90 | set(PHONY_OUTPUT "${CMAKE_CURRENT_BINARY_DIR}/_phony_") 91 | set_source_files_properties("${PHONY_OUTPUT}" PROPERTIES SYMBOLIC TRUE) 92 | add_custom_command( 93 | OUTPUT ${FLUTTER_LIBRARY} ${FLUTTER_LIBRARY_HEADERS} 94 | ${CPP_WRAPPER_SOURCES_CORE} ${CPP_WRAPPER_SOURCES_PLUGIN} 95 | ${CPP_WRAPPER_SOURCES_APP} 96 | ${PHONY_OUTPUT} 97 | COMMAND ${CMAKE_COMMAND} -E env 98 | ${FLUTTER_TOOL_ENVIRONMENT} 99 | "${FLUTTER_ROOT}/packages/flutter_tools/bin/tool_backend.bat" 100 | ${FLUTTER_TARGET_PLATFORM} $ 101 | VERBATIM 102 | ) 103 | add_custom_target(flutter_assemble DEPENDS 104 | "${FLUTTER_LIBRARY}" 105 | ${FLUTTER_LIBRARY_HEADERS} 106 | ${CPP_WRAPPER_SOURCES_CORE} 107 | ${CPP_WRAPPER_SOURCES_PLUGIN} 108 | ${CPP_WRAPPER_SOURCES_APP} 109 | ) 110 | -------------------------------------------------------------------------------- /uikit/example/windows/CMakeLists.txt: -------------------------------------------------------------------------------- 1 | # Project-level configuration. 2 | cmake_minimum_required(VERSION 3.14) 3 | project(example LANGUAGES CXX) 4 | 5 | # The name of the executable created for the application. Change this to change 6 | # the on-disk name of your application. 7 | set(BINARY_NAME "example") 8 | 9 | # Explicitly opt in to modern CMake behaviors to avoid warnings with recent 10 | # versions of CMake. 11 | cmake_policy(VERSION 3.14...3.25) 12 | 13 | # Define build configuration option. 14 | get_property(IS_MULTICONFIG GLOBAL PROPERTY GENERATOR_IS_MULTI_CONFIG) 15 | if(IS_MULTICONFIG) 16 | set(CMAKE_CONFIGURATION_TYPES "Debug;Profile;Release" 17 | CACHE STRING "" FORCE) 18 | else() 19 | if(NOT CMAKE_BUILD_TYPE AND NOT CMAKE_CONFIGURATION_TYPES) 20 | set(CMAKE_BUILD_TYPE "Debug" CACHE 21 | STRING "Flutter build mode" FORCE) 22 | set_property(CACHE CMAKE_BUILD_TYPE PROPERTY STRINGS 23 | "Debug" "Profile" "Release") 24 | endif() 25 | endif() 26 | # Define settings for the Profile build mode. 27 | set(CMAKE_EXE_LINKER_FLAGS_PROFILE "${CMAKE_EXE_LINKER_FLAGS_RELEASE}") 28 | set(CMAKE_SHARED_LINKER_FLAGS_PROFILE "${CMAKE_SHARED_LINKER_FLAGS_RELEASE}") 29 | set(CMAKE_C_FLAGS_PROFILE "${CMAKE_C_FLAGS_RELEASE}") 30 | set(CMAKE_CXX_FLAGS_PROFILE "${CMAKE_CXX_FLAGS_RELEASE}") 31 | 32 | # Use Unicode for all projects. 33 | add_definitions(-DUNICODE -D_UNICODE) 34 | 35 | # Compilation settings that should be applied to most targets. 36 | # 37 | # Be cautious about adding new options here, as plugins use this function by 38 | # default. In most cases, you should add new options to specific targets instead 39 | # of modifying this function. 40 | function(APPLY_STANDARD_SETTINGS TARGET) 41 | target_compile_features(${TARGET} PUBLIC cxx_std_17) 42 | target_compile_options(${TARGET} PRIVATE /W4 /WX /wd"4100") 43 | target_compile_options(${TARGET} PRIVATE /EHsc) 44 | target_compile_definitions(${TARGET} PRIVATE "_HAS_EXCEPTIONS=0") 45 | target_compile_definitions(${TARGET} PRIVATE "$<$:_DEBUG>") 46 | endfunction() 47 | 48 | # Flutter library and tool build rules. 49 | set(FLUTTER_MANAGED_DIR "${CMAKE_CURRENT_SOURCE_DIR}/flutter") 50 | add_subdirectory(${FLUTTER_MANAGED_DIR}) 51 | 52 | # Application build; see runner/CMakeLists.txt. 53 | add_subdirectory("runner") 54 | 55 | 56 | # Generated plugin build rules, which manage building the plugins and adding 57 | # them to the application. 58 | include(flutter/generated_plugins.cmake) 59 | 60 | 61 | # === Installation === 62 | # Support files are copied into place next to the executable, so that it can 63 | # run in place. This is done instead of making a separate bundle (as on Linux) 64 | # so that building and running from within Visual Studio will work. 65 | set(BUILD_BUNDLE_DIR "$") 66 | # Make the "install" step default, as it's required to run. 67 | set(CMAKE_VS_INCLUDE_INSTALL_TO_DEFAULT_BUILD 1) 68 | if(CMAKE_INSTALL_PREFIX_INITIALIZED_TO_DEFAULT) 69 | set(CMAKE_INSTALL_PREFIX "${BUILD_BUNDLE_DIR}" CACHE PATH "..." FORCE) 70 | endif() 71 | 72 | set(INSTALL_BUNDLE_DATA_DIR "${CMAKE_INSTALL_PREFIX}/data") 73 | set(INSTALL_BUNDLE_LIB_DIR "${CMAKE_INSTALL_PREFIX}") 74 | 75 | install(TARGETS ${BINARY_NAME} RUNTIME DESTINATION "${CMAKE_INSTALL_PREFIX}" 76 | COMPONENT Runtime) 77 | 78 | install(FILES "${FLUTTER_ICU_DATA_FILE}" DESTINATION "${INSTALL_BUNDLE_DATA_DIR}" 79 | COMPONENT Runtime) 80 | 81 | install(FILES "${FLUTTER_LIBRARY}" DESTINATION "${INSTALL_BUNDLE_LIB_DIR}" 82 | COMPONENT Runtime) 83 | 84 | if(PLUGIN_BUNDLED_LIBRARIES) 85 | install(FILES "${PLUGIN_BUNDLED_LIBRARIES}" 86 | DESTINATION "${INSTALL_BUNDLE_LIB_DIR}" 87 | COMPONENT Runtime) 88 | endif() 89 | 90 | # Copy the native assets provided by the build.dart from all packages. 91 | set(NATIVE_ASSETS_DIR "${PROJECT_BUILD_DIR}native_assets/windows/") 92 | install(DIRECTORY "${NATIVE_ASSETS_DIR}" 93 | DESTINATION "${INSTALL_BUNDLE_LIB_DIR}" 94 | COMPONENT Runtime) 95 | 96 | # Fully re-copy the assets directory on each build to avoid having stale files 97 | # from a previous install. 98 | set(FLUTTER_ASSET_DIR_NAME "flutter_assets") 99 | install(CODE " 100 | file(REMOVE_RECURSE \"${INSTALL_BUNDLE_DATA_DIR}/${FLUTTER_ASSET_DIR_NAME}\") 101 | " COMPONENT Runtime) 102 | install(DIRECTORY "${PROJECT_BUILD_DIR}/${FLUTTER_ASSET_DIR_NAME}" 103 | DESTINATION "${INSTALL_BUNDLE_DATA_DIR}" COMPONENT Runtime) 104 | 105 | # Install the AOT library on non-Debug builds only. 106 | install(FILES "${AOT_LIBRARY}" DESTINATION "${INSTALL_BUNDLE_DATA_DIR}" 107 | CONFIGURATIONS Profile;Release 108 | COMPONENT Runtime) 109 | -------------------------------------------------------------------------------- /uikit/example/linux/CMakeLists.txt: -------------------------------------------------------------------------------- 1 | # Project-level configuration. 2 | cmake_minimum_required(VERSION 3.13) 3 | project(runner LANGUAGES CXX) 4 | 5 | # The name of the executable created for the application. Change this to change 6 | # the on-disk name of your application. 7 | set(BINARY_NAME "example") 8 | # The unique GTK application identifier for this application. See: 9 | # https://wiki.gnome.org/HowDoI/ChooseApplicationID 10 | set(APPLICATION_ID "com.example.example") 11 | 12 | # Explicitly opt in to modern CMake behaviors to avoid warnings with recent 13 | # versions of CMake. 14 | cmake_policy(SET CMP0063 NEW) 15 | 16 | # Load bundled libraries from the lib/ directory relative to the binary. 17 | set(CMAKE_INSTALL_RPATH "$ORIGIN/lib") 18 | 19 | # Root filesystem for cross-building. 20 | if(FLUTTER_TARGET_PLATFORM_SYSROOT) 21 | set(CMAKE_SYSROOT ${FLUTTER_TARGET_PLATFORM_SYSROOT}) 22 | set(CMAKE_FIND_ROOT_PATH ${CMAKE_SYSROOT}) 23 | set(CMAKE_FIND_ROOT_PATH_MODE_PROGRAM NEVER) 24 | set(CMAKE_FIND_ROOT_PATH_MODE_PACKAGE ONLY) 25 | set(CMAKE_FIND_ROOT_PATH_MODE_LIBRARY ONLY) 26 | set(CMAKE_FIND_ROOT_PATH_MODE_INCLUDE ONLY) 27 | endif() 28 | 29 | # Define build configuration options. 30 | if(NOT CMAKE_BUILD_TYPE AND NOT CMAKE_CONFIGURATION_TYPES) 31 | set(CMAKE_BUILD_TYPE "Debug" CACHE 32 | STRING "Flutter build mode" FORCE) 33 | set_property(CACHE CMAKE_BUILD_TYPE PROPERTY STRINGS 34 | "Debug" "Profile" "Release") 35 | endif() 36 | 37 | # Compilation settings that should be applied to most targets. 38 | # 39 | # Be cautious about adding new options here, as plugins use this function by 40 | # default. In most cases, you should add new options to specific targets instead 41 | # of modifying this function. 42 | function(APPLY_STANDARD_SETTINGS TARGET) 43 | target_compile_features(${TARGET} PUBLIC cxx_std_14) 44 | target_compile_options(${TARGET} PRIVATE -Wall -Werror) 45 | target_compile_options(${TARGET} PRIVATE "$<$>:-O3>") 46 | target_compile_definitions(${TARGET} PRIVATE "$<$>:NDEBUG>") 47 | endfunction() 48 | 49 | # Flutter library and tool build rules. 50 | set(FLUTTER_MANAGED_DIR "${CMAKE_CURRENT_SOURCE_DIR}/flutter") 51 | add_subdirectory(${FLUTTER_MANAGED_DIR}) 52 | 53 | # System-level dependencies. 54 | find_package(PkgConfig REQUIRED) 55 | pkg_check_modules(GTK REQUIRED IMPORTED_TARGET gtk+-3.0) 56 | 57 | # Application build; see runner/CMakeLists.txt. 58 | add_subdirectory("runner") 59 | 60 | # Run the Flutter tool portions of the build. This must not be removed. 61 | add_dependencies(${BINARY_NAME} flutter_assemble) 62 | 63 | # Only the install-generated bundle's copy of the executable will launch 64 | # correctly, since the resources must in the right relative locations. To avoid 65 | # people trying to run the unbundled copy, put it in a subdirectory instead of 66 | # the default top-level location. 67 | set_target_properties(${BINARY_NAME} 68 | PROPERTIES 69 | RUNTIME_OUTPUT_DIRECTORY "${CMAKE_BINARY_DIR}/intermediates_do_not_run" 70 | ) 71 | 72 | 73 | # Generated plugin build rules, which manage building the plugins and adding 74 | # them to the application. 75 | include(flutter/generated_plugins.cmake) 76 | 77 | 78 | # === Installation === 79 | # By default, "installing" just makes a relocatable bundle in the build 80 | # directory. 81 | set(BUILD_BUNDLE_DIR "${PROJECT_BINARY_DIR}/bundle") 82 | if(CMAKE_INSTALL_PREFIX_INITIALIZED_TO_DEFAULT) 83 | set(CMAKE_INSTALL_PREFIX "${BUILD_BUNDLE_DIR}" CACHE PATH "..." FORCE) 84 | endif() 85 | 86 | # Start with a clean build bundle directory every time. 87 | install(CODE " 88 | file(REMOVE_RECURSE \"${BUILD_BUNDLE_DIR}/\") 89 | " COMPONENT Runtime) 90 | 91 | set(INSTALL_BUNDLE_DATA_DIR "${CMAKE_INSTALL_PREFIX}/data") 92 | set(INSTALL_BUNDLE_LIB_DIR "${CMAKE_INSTALL_PREFIX}/lib") 93 | 94 | install(TARGETS ${BINARY_NAME} RUNTIME DESTINATION "${CMAKE_INSTALL_PREFIX}" 95 | COMPONENT Runtime) 96 | 97 | install(FILES "${FLUTTER_ICU_DATA_FILE}" DESTINATION "${INSTALL_BUNDLE_DATA_DIR}" 98 | COMPONENT Runtime) 99 | 100 | install(FILES "${FLUTTER_LIBRARY}" DESTINATION "${INSTALL_BUNDLE_LIB_DIR}" 101 | COMPONENT Runtime) 102 | 103 | foreach(bundled_library ${PLUGIN_BUNDLED_LIBRARIES}) 104 | install(FILES "${bundled_library}" 105 | DESTINATION "${INSTALL_BUNDLE_LIB_DIR}" 106 | COMPONENT Runtime) 107 | endforeach(bundled_library) 108 | 109 | # Copy the native assets provided by the build.dart from all packages. 110 | set(NATIVE_ASSETS_DIR "${PROJECT_BUILD_DIR}native_assets/linux/") 111 | install(DIRECTORY "${NATIVE_ASSETS_DIR}" 112 | DESTINATION "${INSTALL_BUNDLE_LIB_DIR}" 113 | COMPONENT Runtime) 114 | 115 | # Fully re-copy the assets directory on each build to avoid having stale files 116 | # from a previous install. 117 | set(FLUTTER_ASSET_DIR_NAME "flutter_assets") 118 | install(CODE " 119 | file(REMOVE_RECURSE \"${INSTALL_BUNDLE_DATA_DIR}/${FLUTTER_ASSET_DIR_NAME}\") 120 | " COMPONENT Runtime) 121 | install(DIRECTORY "${PROJECT_BUILD_DIR}/${FLUTTER_ASSET_DIR_NAME}" 122 | DESTINATION "${INSTALL_BUNDLE_DATA_DIR}" COMPONENT Runtime) 123 | 124 | # Install the AOT library on non-Debug builds only. 125 | if(NOT CMAKE_BUILD_TYPE MATCHES "Debug") 126 | install(FILES "${AOT_LIBRARY}" DESTINATION "${INSTALL_BUNDLE_LIB_DIR}" 127 | COMPONENT Runtime) 128 | endif() 129 | -------------------------------------------------------------------------------- /uikit/example/linux/runner/my_application.cc: -------------------------------------------------------------------------------- 1 | #include "my_application.h" 2 | 3 | #include 4 | #ifdef GDK_WINDOWING_X11 5 | #include 6 | #endif 7 | 8 | #include "flutter/generated_plugin_registrant.h" 9 | 10 | struct _MyApplication { 11 | GtkApplication parent_instance; 12 | char** dart_entrypoint_arguments; 13 | }; 14 | 15 | G_DEFINE_TYPE(MyApplication, my_application, GTK_TYPE_APPLICATION) 16 | 17 | // Implements GApplication::activate. 18 | static void my_application_activate(GApplication* application) { 19 | MyApplication* self = MY_APPLICATION(application); 20 | GtkWindow* window = 21 | GTK_WINDOW(gtk_application_window_new(GTK_APPLICATION(application))); 22 | 23 | // Use a header bar when running in GNOME as this is the common style used 24 | // by applications and is the setup most users will be using (e.g. Ubuntu 25 | // desktop). 26 | // If running on X and not using GNOME then just use a traditional title bar 27 | // in case the window manager does more exotic layout, e.g. tiling. 28 | // If running on Wayland assume the header bar will work (may need changing 29 | // if future cases occur). 30 | gboolean use_header_bar = TRUE; 31 | #ifdef GDK_WINDOWING_X11 32 | GdkScreen* screen = gtk_window_get_screen(window); 33 | if (GDK_IS_X11_SCREEN(screen)) { 34 | const gchar* wm_name = gdk_x11_screen_get_window_manager_name(screen); 35 | if (g_strcmp0(wm_name, "GNOME Shell") != 0) { 36 | use_header_bar = FALSE; 37 | } 38 | } 39 | #endif 40 | if (use_header_bar) { 41 | GtkHeaderBar* header_bar = GTK_HEADER_BAR(gtk_header_bar_new()); 42 | gtk_widget_show(GTK_WIDGET(header_bar)); 43 | gtk_header_bar_set_title(header_bar, "example"); 44 | gtk_header_bar_set_show_close_button(header_bar, TRUE); 45 | gtk_window_set_titlebar(window, GTK_WIDGET(header_bar)); 46 | } else { 47 | gtk_window_set_title(window, "example"); 48 | } 49 | 50 | gtk_window_set_default_size(window, 1280, 720); 51 | gtk_widget_show(GTK_WIDGET(window)); 52 | 53 | g_autoptr(FlDartProject) project = fl_dart_project_new(); 54 | fl_dart_project_set_dart_entrypoint_arguments(project, self->dart_entrypoint_arguments); 55 | 56 | FlView* view = fl_view_new(project); 57 | gtk_widget_show(GTK_WIDGET(view)); 58 | gtk_container_add(GTK_CONTAINER(window), GTK_WIDGET(view)); 59 | 60 | fl_register_plugins(FL_PLUGIN_REGISTRY(view)); 61 | 62 | gtk_widget_grab_focus(GTK_WIDGET(view)); 63 | } 64 | 65 | // Implements GApplication::local_command_line. 66 | static gboolean my_application_local_command_line(GApplication* application, gchar*** arguments, int* exit_status) { 67 | MyApplication* self = MY_APPLICATION(application); 68 | // Strip out the first argument as it is the binary name. 69 | self->dart_entrypoint_arguments = g_strdupv(*arguments + 1); 70 | 71 | g_autoptr(GError) error = nullptr; 72 | if (!g_application_register(application, nullptr, &error)) { 73 | g_warning("Failed to register: %s", error->message); 74 | *exit_status = 1; 75 | return TRUE; 76 | } 77 | 78 | g_application_activate(application); 79 | *exit_status = 0; 80 | 81 | return TRUE; 82 | } 83 | 84 | // Implements GApplication::startup. 85 | static void my_application_startup(GApplication* application) { 86 | //MyApplication* self = MY_APPLICATION(object); 87 | 88 | // Perform any actions required at application startup. 89 | 90 | G_APPLICATION_CLASS(my_application_parent_class)->startup(application); 91 | } 92 | 93 | // Implements GApplication::shutdown. 94 | static void my_application_shutdown(GApplication* application) { 95 | //MyApplication* self = MY_APPLICATION(object); 96 | 97 | // Perform any actions required at application shutdown. 98 | 99 | G_APPLICATION_CLASS(my_application_parent_class)->shutdown(application); 100 | } 101 | 102 | // Implements GObject::dispose. 103 | static void my_application_dispose(GObject* object) { 104 | MyApplication* self = MY_APPLICATION(object); 105 | g_clear_pointer(&self->dart_entrypoint_arguments, g_strfreev); 106 | G_OBJECT_CLASS(my_application_parent_class)->dispose(object); 107 | } 108 | 109 | static void my_application_class_init(MyApplicationClass* klass) { 110 | G_APPLICATION_CLASS(klass)->activate = my_application_activate; 111 | G_APPLICATION_CLASS(klass)->local_command_line = my_application_local_command_line; 112 | G_APPLICATION_CLASS(klass)->startup = my_application_startup; 113 | G_APPLICATION_CLASS(klass)->shutdown = my_application_shutdown; 114 | G_OBJECT_CLASS(klass)->dispose = my_application_dispose; 115 | } 116 | 117 | static void my_application_init(MyApplication* self) {} 118 | 119 | MyApplication* my_application_new() { 120 | // Set the program name to the application ID, which helps various systems 121 | // like GTK and desktop environments map this running application to its 122 | // corresponding .desktop file. This ensures better integration by allowing 123 | // the application to be recognized beyond its binary name. 124 | g_set_prgname(APPLICATION_ID); 125 | 126 | return MY_APPLICATION(g_object_new(my_application_get_type(), 127 | "application-id", APPLICATION_ID, 128 | "flags", G_APPLICATION_NON_UNIQUE, 129 | nullptr)); 130 | } 131 | -------------------------------------------------------------------------------- /uikit/lib/src/tokens/defaults.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:uikit/uikit.dart'; 3 | 4 | class Defaults { 5 | static final margin = MarginTokens( 6 | level1: 4.0, 7 | level2: 8.0, 8 | level3: 16.0, 9 | level4: 24.0, 10 | level5: 32.0, 11 | ); 12 | static final padding = PaddingTokens( 13 | level1: 4.0, 14 | level2: 8.0, 15 | level3: 16.0, 16 | level4: 24.0, 17 | level5: 32.0, 18 | ); 19 | static final gutter = GutterTokens(base: 16.0); 20 | static final radius = RadiusTokens( 21 | level1: Radius.circular(4.0), 22 | level2: Radius.circular(8.0), 23 | level3: Radius.circular(16.0), 24 | level4: Radius.circular(24.0), 25 | level5: Radius.circular(32.0), 26 | ); 27 | 28 | static final darkColors = ColorTokens( 29 | background: const Color(0xFF09090B), // 240 10% 3.9% 30 | foreground: const Color(0xFFFAFAFA), // 0 0% 98% 31 | primary: const Color(0xFFFAFAFA), // 0 0% 98% 32 | primaryForeground: const Color(0xFF18181B), // 240 5.9% 10% 33 | secondary: const Color(0xFF27272A), // 240 3.7% 15.9% 34 | secondaryForeground: const Color(0xFFFAFAFA), // 0 0% 98% 35 | accent: const Color(0xFF27272A), // 240 3.7% 15.9% 36 | accentForeground: const Color(0xFFFAFAFA), // 0 0% 98% 37 | destructive: const Color(0xFF7F1D1D), // 0 62.8% 30.6% 38 | destructiveForeground: const Color(0xFFFAFAFA), // 0 0% 98% 39 | ring: const Color(0xFFD4D4D8), // 240 4.9% 83.9% 40 | selection: const Color(0xFFD4D4D8), // Using ring color as a placeholder for selection 41 | ); 42 | 43 | static final lightColors = ColorTokens( 44 | background: const Color(0xFFFAFAFA), // 0 0% 98% 45 | foreground: const Color(0xFF18181B), // 240 5.9% 10% 46 | primary: const Color(0xFF18181B), // 240 5.9% 10% 47 | primaryForeground: const Color(0xFFFAFAFA), // 0 0% 98% 48 | secondary: const Color(0xFFD4D4D8), // 240 4.9% 83.9% 49 | secondaryForeground: const Color(0xFF18181B), // 240 5.9% 10% 50 | accent: const Color(0xFFD4D4D8), // 240 4.9% 83.9% 51 | accentForeground: const Color(0xFF18181B), // 240 5.9% 10% 52 | destructive: const Color(0xFF7F1D1D), // 0 62.8% 30.6% 53 | destructiveForeground: const Color(0xFFFAFAFA), // 0 0% 98% 54 | ring: const Color(0xFF18181B), // 240 5.9% 10% 55 | selection: const Color(0xFFD4D4D8), // Using ring color as a placeholder for selection 56 | ); 57 | 58 | static final lightTypography = buildTypography(lightColors); 59 | static final darkTypography = buildTypography(darkColors); 60 | 61 | static TypographyTokens buildTypography(ColorTokens colorTokens) { 62 | return TypographyTokens( 63 | displayLarge: TextStyle( 64 | fontSize: 57, 65 | fontWeight: FontWeight.normal, 66 | color: colorTokens.foreground, 67 | ), 68 | displayMedium: TextStyle( 69 | fontSize: 45, 70 | fontWeight: FontWeight.normal, 71 | color: colorTokens.foreground, 72 | ), 73 | displaySmall: TextStyle( 74 | fontSize: 36, 75 | fontWeight: FontWeight.normal, 76 | color: colorTokens.foreground, 77 | ), 78 | headlineLarge: TextStyle( 79 | fontSize: 32, 80 | fontWeight: FontWeight.normal, 81 | color: colorTokens.foreground, 82 | ), 83 | headlineMedium: TextStyle( 84 | fontSize: 28, 85 | fontWeight: FontWeight.normal, 86 | color: colorTokens.foreground, 87 | ), 88 | headlineSmall: TextStyle( 89 | fontSize: 24, 90 | fontWeight: FontWeight.normal, 91 | color: colorTokens.foreground, 92 | ), 93 | titleLarge: TextStyle( 94 | fontSize: 22, 95 | fontWeight: FontWeight.normal, 96 | color: colorTokens.foreground, 97 | ), 98 | titleMedium: TextStyle( 99 | fontSize: 16, 100 | fontWeight: FontWeight.w500, 101 | color: colorTokens.foreground, 102 | ), 103 | titleSmall: TextStyle( 104 | fontSize: 14, 105 | fontWeight: FontWeight.w500, 106 | color: colorTokens.foreground, 107 | ), 108 | bodyLarge: TextStyle( 109 | fontSize: 16, 110 | fontWeight: FontWeight.normal, 111 | color: colorTokens.foreground, 112 | ), 113 | bodyMedium: TextStyle( 114 | fontSize: 14, 115 | fontWeight: FontWeight.normal, 116 | color: colorTokens.foreground, 117 | ), 118 | bodySmall: TextStyle( 119 | fontSize: 12, 120 | fontWeight: FontWeight.normal, 121 | color: colorTokens.foreground, 122 | ), 123 | labelLarge: TextStyle( 124 | fontSize: 14, 125 | fontWeight: FontWeight.w500, 126 | color: colorTokens.foreground, 127 | ), 128 | labelMedium: TextStyle( 129 | fontSize: 12, 130 | fontWeight: FontWeight.w500, 131 | color: colorTokens.foreground, 132 | ), 133 | labelSmall: TextStyle( 134 | fontSize: 11, 135 | fontWeight: FontWeight.w500, 136 | color: colorTokens.foreground, 137 | ), 138 | ); 139 | } 140 | 141 | static final tokens = Tokens( 142 | margin: margin, 143 | padding: padding, 144 | gutter: gutter, 145 | radius: radius, 146 | typography: lightTypography, 147 | colors: lightColors, 148 | ); 149 | 150 | static final darkTokens = Tokens( 151 | margin: margin, 152 | padding: padding, 153 | gutter: gutter, 154 | radius: radius, 155 | typography: darkTypography, 156 | colors: darkColors, 157 | ); 158 | 159 | static final lightTheme = buildThemeData(tokens, Brightness.light); 160 | static final darkTheme = buildThemeData(darkTokens, Brightness.dark); 161 | } 162 | -------------------------------------------------------------------------------- /design_preview/lib/src/core/widget/tabs_tree.dart: -------------------------------------------------------------------------------- 1 | import 'package:design_preview/src/core/router/route_handler.dart'; 2 | import 'package:design_preview/src/core/tab.dart'; 3 | import 'package:flutter/material.dart'; 4 | 5 | class TabsTree extends StatelessWidget { 6 | const TabsTree({ 7 | required this.tabs, 8 | required this.routeHandler, 9 | this.pathPrefix = '', 10 | this.indentLevel = 0, 11 | super.key, 12 | }); 13 | 14 | final RouteHandler routeHandler; 15 | final List tabs; 16 | final String pathPrefix; 17 | final int indentLevel; 18 | 19 | @override 20 | Widget build(BuildContext context) { 21 | return Column( 22 | crossAxisAlignment: CrossAxisAlignment.start, 23 | children: tabs.map((tab) => _buildTabItem(context, tab)).toList(), 24 | ); 25 | } 26 | 27 | Widget _buildTabItem(BuildContext context, PreviewTab tab) { 28 | final path = routeHandler.encodeTitleToPath(tab.title); 29 | final fullPath = pathPrefix.isEmpty ? path : '$pathPrefix/$path'; 30 | 31 | if (tab is FolderTab) { 32 | return _FolderTabItem( 33 | routeHandler: routeHandler, 34 | folder: tab, 35 | pathPrefix: fullPath, 36 | indentLevel: indentLevel, 37 | ); 38 | } else { 39 | return _LeafTabItem( 40 | routeHandler: routeHandler, 41 | tab: tab, 42 | path: fullPath, 43 | indentLevel: indentLevel, 44 | ); 45 | } 46 | } 47 | } 48 | 49 | class _LeafTabItem extends StatelessWidget { 50 | const _LeafTabItem({ 51 | required this.routeHandler, 52 | required this.tab, 53 | required this.path, 54 | required this.indentLevel, 55 | }); 56 | 57 | final RouteHandler routeHandler; 58 | final PreviewTab tab; 59 | final String path; 60 | final int indentLevel; 61 | 62 | @override 63 | Widget build(BuildContext context) { 64 | final isActive = routeHandler.isPathActive(context, path); 65 | final colors = Theme.of(context).colorScheme; 66 | final typography = Theme.of(context).textTheme; 67 | 68 | return InkWell( 69 | hoverColor: colors.onSurface.withValues(alpha: .05), 70 | onTap: () { 71 | if (isActive) return; 72 | routeHandler.navigateTo(context, path); 73 | }, 74 | borderRadius: BorderRadius.circular(2), 75 | child: Padding( 76 | padding: EdgeInsets.only(left: 12.0 * indentLevel, top: 6.0, bottom: 6.0), 77 | child: Row( 78 | children: [ 79 | Icon( 80 | Icons.circle, 81 | size: 6, 82 | color: isActive ? colors.onSurface : Colors.transparent, 83 | ), 84 | const SizedBox(width: 6), 85 | Text( 86 | tab.title, 87 | style: typography.labelLarge?.copyWith( 88 | color: colors.onSurface.withValues(alpha: isActive ? 1 : 0.5), 89 | ), 90 | ), 91 | ], 92 | ), 93 | ), 94 | ); 95 | } 96 | } 97 | 98 | class _FolderTabItem extends StatefulWidget { 99 | const _FolderTabItem({ 100 | required this.routeHandler, 101 | required this.folder, 102 | required this.pathPrefix, 103 | required this.indentLevel, 104 | }); 105 | 106 | final RouteHandler routeHandler; 107 | final FolderTab folder; 108 | final String pathPrefix; 109 | final int indentLevel; 110 | 111 | @override 112 | State<_FolderTabItem> createState() => _FolderTabItemState(); 113 | } 114 | 115 | class _FolderTabItemState extends State<_FolderTabItem> { 116 | bool _isExpanded = false; 117 | bool _handledManually = false; 118 | 119 | @override 120 | Widget build(BuildContext context) { 121 | // Check if this folder contains the active route 122 | final isParentOfActive = widget.routeHandler.isPathParentOfCurrent(context, widget.pathPrefix); 123 | 124 | // Auto-expand if this folder is a parent of the active route 125 | if (isParentOfActive && !_isExpanded && !_handledManually) { 126 | _isExpanded = true; 127 | } 128 | 129 | final colors = Theme.of(context).colorScheme; 130 | final typography = Theme.of(context).textTheme; 131 | 132 | return Column( 133 | crossAxisAlignment: CrossAxisAlignment.start, 134 | children: [ 135 | InkWell( 136 | onTap: () { 137 | setState(() { 138 | _isExpanded = !_isExpanded; 139 | _handledManually = true; 140 | }); 141 | }, 142 | borderRadius: BorderRadius.circular(2), 143 | hoverColor: colors.onSurface.withValues(alpha: .05), 144 | child: Padding( 145 | padding: EdgeInsets.only(left: 12.0 * widget.indentLevel), 146 | child: Padding( 147 | padding: const EdgeInsets.symmetric(vertical: 6.0, horizontal: 8.0), 148 | child: Row( 149 | children: [ 150 | Icon( 151 | _isExpanded ? Icons.keyboard_arrow_down : Icons.keyboard_arrow_right, 152 | size: 14, 153 | color: colors.onSurface, 154 | ), 155 | const SizedBox(width: 4), 156 | Text( 157 | widget.folder.title, 158 | style: typography.labelLarge?.copyWith(color: colors.onSurface), 159 | ), 160 | ], 161 | ), 162 | ), 163 | ), 164 | ), 165 | if (_isExpanded && widget.folder.tabs.isNotEmpty) 166 | TabsTree( 167 | routeHandler: widget.routeHandler, 168 | tabs: widget.folder.tabs, 169 | pathPrefix: widget.pathPrefix, 170 | indentLevel: widget.indentLevel + 1, 171 | ), 172 | ], 173 | ); 174 | } 175 | } 176 | -------------------------------------------------------------------------------- /uikit/lib/src/components/text_input.dart: -------------------------------------------------------------------------------- 1 | import 'package:uikit/uikit.dart'; 2 | import 'package:flutter/material.dart'; 3 | 4 | sealed class UiTextInput extends StatelessWidget { 5 | const UiTextInput({ 6 | super.key, 7 | this.controller, 8 | this.hintText, 9 | this.labelText, 10 | this.helperText, 11 | this.errorText, 12 | this.prefixIcon, 13 | this.suffixIcon, 14 | this.obscureText = false, 15 | this.enabled = true, 16 | this.autocorrect = true, 17 | this.autofocus = false, 18 | this.enableSuggestions = true, 19 | this.keyboardType = TextInputType.text, 20 | this.textInputAction = TextInputAction.done, 21 | this.onChanged, 22 | this.onSubmitted, 23 | this.onEditingComplete, 24 | this.focusNode, 25 | }); 26 | 27 | const factory UiTextInput.outlined({ 28 | Key? key, 29 | TextEditingController? controller, 30 | String? hintText, 31 | String? labelText, 32 | String? helperText, 33 | String? errorText, 34 | Widget? prefixIcon, 35 | Widget? suffixIcon, 36 | bool obscureText, 37 | bool enabled, 38 | bool autocorrect, 39 | bool autofocus, 40 | bool enableSuggestions, 41 | TextInputType keyboardType, 42 | TextInputAction textInputAction, 43 | ValueChanged? onChanged, 44 | ValueChanged? onSubmitted, 45 | VoidCallback? onEditingComplete, 46 | FocusNode? focusNode, 47 | }) = _UiTextInputOutlined; 48 | 49 | final TextEditingController? controller; 50 | final String? hintText; 51 | final String? labelText; 52 | final String? helperText; 53 | final String? errorText; 54 | final Widget? prefixIcon; 55 | final Widget? suffixIcon; 56 | final bool obscureText; 57 | final bool enabled; 58 | final bool autocorrect; 59 | final bool autofocus; 60 | final bool enableSuggestions; 61 | final TextInputType keyboardType; 62 | final TextInputAction textInputAction; 63 | final ValueChanged? onChanged; 64 | final ValueChanged? onSubmitted; 65 | final VoidCallback? onEditingComplete; 66 | final FocusNode? focusNode; 67 | } 68 | 69 | final class _UiTextInputOutlined extends UiTextInput { 70 | const _UiTextInputOutlined({ 71 | super.key, 72 | super.controller, 73 | super.hintText, 74 | super.labelText, 75 | super.helperText, 76 | super.errorText, 77 | super.prefixIcon, 78 | super.suffixIcon, 79 | super.obscureText, 80 | super.enabled, 81 | super.autocorrect, 82 | super.autofocus, 83 | super.enableSuggestions, 84 | super.keyboardType, 85 | super.textInputAction, 86 | super.onChanged, 87 | super.onSubmitted, 88 | super.onEditingComplete, 89 | super.focusNode, 90 | }); 91 | 92 | @override 93 | Widget build(BuildContext context) { 94 | return TextField( 95 | controller: controller, 96 | style: context.typography.bodyMedium.copyWith(color: context.colors.foreground), 97 | cursorErrorColor: context.colors.destructive, 98 | cursorColor: context.colors.primary, 99 | decoration: InputDecoration( 100 | hintText: hintText, 101 | labelText: labelText, 102 | helperText: helperText, 103 | errorText: errorText, 104 | prefixIcon: prefixIcon, 105 | suffixIcon: suffixIcon, 106 | enabled: enabled, 107 | filled: false, 108 | errorStyle: context.typography.bodyMedium.copyWith(color: context.colors.destructive), 109 | hintStyle: WidgetStateTextStyle.resolveWith((states) { 110 | if (states.contains(WidgetState.disabled)) { 111 | return context.typography.bodyMedium.copyWith( 112 | color: context.colors.foreground.withValues(alpha: .38), 113 | ); 114 | } 115 | 116 | return context.typography.bodyMedium.copyWith( 117 | color: context.colors.foreground.withValues(alpha: .5), 118 | ); 119 | }), 120 | floatingLabelStyle: WidgetStateTextStyle.resolveWith((states) { 121 | if (states.contains(WidgetState.disabled)) { 122 | return context.typography.bodyMedium.copyWith( 123 | color: context.colors.foreground.withValues(alpha: .38), 124 | ); 125 | } 126 | 127 | if (states.contains(WidgetState.focused)) { 128 | return context.typography.bodyMedium.copyWith(color: context.colors.primary); 129 | } 130 | 131 | return context.typography.bodyMedium.copyWith( 132 | color: context.colors.foreground.withValues(alpha: .5), 133 | ); 134 | }), 135 | labelStyle: WidgetStateTextStyle.resolveWith((states) { 136 | if (states.contains(WidgetState.disabled)) { 137 | return context.typography.bodyMedium.copyWith( 138 | color: context.colors.foreground.withValues(alpha: .38), 139 | ); 140 | } 141 | 142 | if (states.contains(WidgetState.focused)) { 143 | return context.typography.bodyMedium.copyWith(color: context.colors.primary); 144 | } 145 | 146 | return context.typography.bodyMedium.copyWith( 147 | color: context.colors.foreground.withValues(alpha: .5), 148 | ); 149 | }), 150 | border: WidgetStateInputBorder.fromMap({ 151 | WidgetState.disabled: OutlineInputBorder( 152 | borderSide: BorderSide(color: context.colors.foreground.withValues(alpha: .12)), 153 | ), 154 | WidgetState.focused: OutlineInputBorder( 155 | borderSide: BorderSide(color: context.colors.primary), 156 | ), 157 | WidgetState.error: OutlineInputBorder( 158 | borderSide: BorderSide(color: context.colors.destructive), 159 | ), 160 | WidgetState.any: OutlineInputBorder( 161 | borderSide: BorderSide(color: context.colors.primary.withValues(alpha: .5)), 162 | ), 163 | }), 164 | ), 165 | ); 166 | } 167 | } 168 | -------------------------------------------------------------------------------- /uikit/lib/src/components/button.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:uikit/uikit.dart'; 3 | 4 | class UiButtonStyle extends ButtonStyle { 5 | const UiButtonStyle({ 6 | required this.tokens, 7 | Color? backgroundColor, 8 | Color? foregroundColor, 9 | Color? overlayColor, 10 | OutlinedBorder? shape, 11 | OutlinedBorder? disabledShape, 12 | }) : _backgroundColor = backgroundColor, 13 | _foregroundColor = foregroundColor, 14 | _overlayColor = overlayColor, 15 | _shape = shape, 16 | _disabledShape = disabledShape; 17 | 18 | final Tokens tokens; 19 | final Color? _backgroundColor; 20 | final Color? _foregroundColor; 21 | final Color? _overlayColor; 22 | final OutlinedBorder? _shape; 23 | final OutlinedBorder? _disabledShape; 24 | 25 | static WidgetStateProperty? enabledOr(T? enabled, T? disabled) { 26 | if (disabled == null) { 27 | return WidgetStatePropertyAll(enabled); 28 | } 29 | 30 | return WidgetStateProperty.fromMap({ 31 | WidgetState.disabled: disabled, 32 | WidgetState.any: enabled, 33 | }); 34 | } 35 | 36 | @override 37 | WidgetStateProperty? get backgroundColor => 38 | enabledOr(_backgroundColor, _backgroundColor?.withValues(alpha: 0.5)); 39 | 40 | @override 41 | WidgetStateProperty? get foregroundColor => 42 | enabledOr(_foregroundColor, _foregroundColor?.withValues(alpha: 0.5)); 43 | 44 | @override 45 | WidgetStateProperty? get iconColor => foregroundColor; 46 | 47 | @override 48 | WidgetStateProperty? get shape => enabledOr(_shape, _disabledShape); 49 | 50 | @override 51 | WidgetStateProperty? get overlayColor => switch ((_foregroundColor, _overlayColor)) { 52 | (null, null) => null, 53 | (_, Color(a: 0.0)) => WidgetStatePropertyAll(_overlayColor), 54 | (_, final Color color) || 55 | (final Color color, _) => WidgetStateProperty.fromMap({ 56 | WidgetState.pressed: color.withValues(alpha: 0.1), 57 | WidgetState.hovered: color.withValues(alpha: 0.08), 58 | WidgetState.focused: color.withValues(alpha: 0.1), 59 | }), 60 | }; 61 | 62 | @override 63 | WidgetStateProperty? get textStyle => WidgetStatePropertyAll( 64 | tokens.typography.labelLarge.copyWith(color: _foregroundColor, height: 1.05), 65 | ); 66 | } 67 | 68 | sealed class UiButton extends StatelessWidget { 69 | const UiButton({super.key, this.enabled = true, this.onPressed}); 70 | 71 | final bool enabled; 72 | final VoidCallback? onPressed; 73 | 74 | /// Returns `true` if [enabled] is `true` and [onPressed] is not `null`. 75 | bool get isEnabled => enabled && onPressed != null; 76 | 77 | /// Returns [onPressed] if [isEnabled] is `true`, otherwise returns `null`. 78 | VoidCallback? get effectiveOnPressed => isEnabled ? onPressed : null; 79 | 80 | const factory UiButton.primary( 81 | String content, { 82 | Widget? icon, 83 | VoidCallback? onPressed, 84 | bool enabled, 85 | Key? key, 86 | }) = _UiButtonPrimary; 87 | 88 | const factory UiButton.secondary( 89 | String content, { 90 | Widget? icon, 91 | VoidCallback? onPressed, 92 | bool enabled, 93 | Key? key, 94 | }) = _UiButtonSecondary; 95 | 96 | const factory UiButton.destructive( 97 | String content, { 98 | Widget? icon, 99 | VoidCallback? onPressed, 100 | bool enabled, 101 | Key? key, 102 | }) = _UiButtonDestructive; 103 | 104 | const factory UiButton.icon(Widget icon, {Key? key, VoidCallback? onPressed, bool enabled}) = 105 | _UiButtonIcon; 106 | } 107 | 108 | class _UiButtonPrimary extends UiButton { 109 | const _UiButtonPrimary(this.label, {super.key, super.onPressed, this.icon, super.enabled}); 110 | 111 | final Widget? icon; 112 | final String label; 113 | 114 | @override 115 | Widget build(BuildContext context) { 116 | final colors = context.colors; 117 | 118 | return FilledButton.icon( 119 | label: Text(label), 120 | icon: icon, 121 | onPressed: effectiveOnPressed, 122 | style: UiButtonStyle( 123 | tokens: context.tokens, 124 | backgroundColor: colors.primary, 125 | foregroundColor: colors.primaryForeground, 126 | overlayColor: colors.primaryForeground, 127 | shape: RoundedRectangleBorder(borderRadius: BorderRadius.all(context.radius.level1)), 128 | ), 129 | ); 130 | } 131 | } 132 | 133 | class _UiButtonSecondary extends UiButton { 134 | const _UiButtonSecondary(this.label, {super.key, super.onPressed, this.icon, super.enabled}); 135 | 136 | final String label; 137 | final Widget? icon; 138 | 139 | @override 140 | Widget build(BuildContext context) { 141 | final colors = context.colors; 142 | 143 | return FilledButton.icon( 144 | label: Text(label), 145 | icon: icon, 146 | onPressed: effectiveOnPressed, 147 | style: UiButtonStyle( 148 | tokens: context.tokens, 149 | backgroundColor: colors.secondary, 150 | foregroundColor: colors.secondaryForeground, 151 | overlayColor: colors.secondaryForeground, 152 | shape: RoundedRectangleBorder(borderRadius: BorderRadius.all(context.radius.level1)), 153 | ), 154 | ); 155 | } 156 | } 157 | 158 | class _UiButtonDestructive extends UiButton { 159 | const _UiButtonDestructive(this.label, {super.key, super.onPressed, this.icon, super.enabled}); 160 | 161 | final String label; 162 | final Widget? icon; 163 | 164 | @override 165 | Widget build(BuildContext context) { 166 | final colors = context.colors; 167 | 168 | return FilledButton.icon( 169 | label: Text(label), 170 | icon: icon, 171 | onPressed: effectiveOnPressed, 172 | style: UiButtonStyle( 173 | tokens: context.tokens, 174 | backgroundColor: colors.destructive, 175 | foregroundColor: colors.destructiveForeground, 176 | overlayColor: colors.destructiveForeground, 177 | shape: RoundedRectangleBorder(borderRadius: BorderRadius.all(context.radius.level1)), 178 | ), 179 | ); 180 | } 181 | } 182 | 183 | class _UiButtonIcon extends UiButton { 184 | const _UiButtonIcon(this.icon, {super.key, super.onPressed, super.enabled}); 185 | 186 | final Widget icon; 187 | 188 | @override 189 | Widget build(BuildContext context) { 190 | final colors = context.colors; 191 | 192 | return IconButton( 193 | icon: icon, 194 | onPressed: effectiveOnPressed, 195 | style: UiButtonStyle( 196 | tokens: context.tokens, 197 | backgroundColor: colors.background, 198 | foregroundColor: colors.foreground, 199 | overlayColor: colors.foreground, 200 | shape: RoundedRectangleBorder( 201 | borderRadius: BorderRadius.all(context.radius.level1), 202 | side: BorderSide(color: colors.primary), 203 | ), 204 | disabledShape: RoundedRectangleBorder( 205 | borderRadius: BorderRadius.all(context.radius.level1), 206 | side: BorderSide(color: colors.primary.withValues(alpha: .38)), 207 | ), 208 | ), 209 | ); 210 | } 211 | } 212 | -------------------------------------------------------------------------------- /uikit/example/windows/runner/win32_window.cpp: -------------------------------------------------------------------------------- 1 | #include "win32_window.h" 2 | 3 | #include 4 | #include 5 | 6 | #include "resource.h" 7 | 8 | namespace { 9 | 10 | /// Window attribute that enables dark mode window decorations. 11 | /// 12 | /// Redefined in case the developer's machine has a Windows SDK older than 13 | /// version 10.0.22000.0. 14 | /// See: https://docs.microsoft.com/windows/win32/api/dwmapi/ne-dwmapi-dwmwindowattribute 15 | #ifndef DWMWA_USE_IMMERSIVE_DARK_MODE 16 | #define DWMWA_USE_IMMERSIVE_DARK_MODE 20 17 | #endif 18 | 19 | constexpr const wchar_t kWindowClassName[] = L"FLUTTER_RUNNER_WIN32_WINDOW"; 20 | 21 | /// Registry key for app theme preference. 22 | /// 23 | /// A value of 0 indicates apps should use dark mode. A non-zero or missing 24 | /// value indicates apps should use light mode. 25 | constexpr const wchar_t kGetPreferredBrightnessRegKey[] = 26 | L"Software\\Microsoft\\Windows\\CurrentVersion\\Themes\\Personalize"; 27 | constexpr const wchar_t kGetPreferredBrightnessRegValue[] = L"AppsUseLightTheme"; 28 | 29 | // The number of Win32Window objects that currently exist. 30 | static int g_active_window_count = 0; 31 | 32 | using EnableNonClientDpiScaling = BOOL __stdcall(HWND hwnd); 33 | 34 | // Scale helper to convert logical scaler values to physical using passed in 35 | // scale factor 36 | int Scale(int source, double scale_factor) { 37 | return static_cast(source * scale_factor); 38 | } 39 | 40 | // Dynamically loads the |EnableNonClientDpiScaling| from the User32 module. 41 | // This API is only needed for PerMonitor V1 awareness mode. 42 | void EnableFullDpiSupportIfAvailable(HWND hwnd) { 43 | HMODULE user32_module = LoadLibraryA("User32.dll"); 44 | if (!user32_module) { 45 | return; 46 | } 47 | auto enable_non_client_dpi_scaling = 48 | reinterpret_cast( 49 | GetProcAddress(user32_module, "EnableNonClientDpiScaling")); 50 | if (enable_non_client_dpi_scaling != nullptr) { 51 | enable_non_client_dpi_scaling(hwnd); 52 | } 53 | FreeLibrary(user32_module); 54 | } 55 | 56 | } // namespace 57 | 58 | // Manages the Win32Window's window class registration. 59 | class WindowClassRegistrar { 60 | public: 61 | ~WindowClassRegistrar() = default; 62 | 63 | // Returns the singleton registrar instance. 64 | static WindowClassRegistrar* GetInstance() { 65 | if (!instance_) { 66 | instance_ = new WindowClassRegistrar(); 67 | } 68 | return instance_; 69 | } 70 | 71 | // Returns the name of the window class, registering the class if it hasn't 72 | // previously been registered. 73 | const wchar_t* GetWindowClass(); 74 | 75 | // Unregisters the window class. Should only be called if there are no 76 | // instances of the window. 77 | void UnregisterWindowClass(); 78 | 79 | private: 80 | WindowClassRegistrar() = default; 81 | 82 | static WindowClassRegistrar* instance_; 83 | 84 | bool class_registered_ = false; 85 | }; 86 | 87 | WindowClassRegistrar* WindowClassRegistrar::instance_ = nullptr; 88 | 89 | const wchar_t* WindowClassRegistrar::GetWindowClass() { 90 | if (!class_registered_) { 91 | WNDCLASS window_class{}; 92 | window_class.hCursor = LoadCursor(nullptr, IDC_ARROW); 93 | window_class.lpszClassName = kWindowClassName; 94 | window_class.style = CS_HREDRAW | CS_VREDRAW; 95 | window_class.cbClsExtra = 0; 96 | window_class.cbWndExtra = 0; 97 | window_class.hInstance = GetModuleHandle(nullptr); 98 | window_class.hIcon = 99 | LoadIcon(window_class.hInstance, MAKEINTRESOURCE(IDI_APP_ICON)); 100 | window_class.hbrBackground = 0; 101 | window_class.lpszMenuName = nullptr; 102 | window_class.lpfnWndProc = Win32Window::WndProc; 103 | RegisterClass(&window_class); 104 | class_registered_ = true; 105 | } 106 | return kWindowClassName; 107 | } 108 | 109 | void WindowClassRegistrar::UnregisterWindowClass() { 110 | UnregisterClass(kWindowClassName, nullptr); 111 | class_registered_ = false; 112 | } 113 | 114 | Win32Window::Win32Window() { 115 | ++g_active_window_count; 116 | } 117 | 118 | Win32Window::~Win32Window() { 119 | --g_active_window_count; 120 | Destroy(); 121 | } 122 | 123 | bool Win32Window::Create(const std::wstring& title, 124 | const Point& origin, 125 | const Size& size) { 126 | Destroy(); 127 | 128 | const wchar_t* window_class = 129 | WindowClassRegistrar::GetInstance()->GetWindowClass(); 130 | 131 | const POINT target_point = {static_cast(origin.x), 132 | static_cast(origin.y)}; 133 | HMONITOR monitor = MonitorFromPoint(target_point, MONITOR_DEFAULTTONEAREST); 134 | UINT dpi = FlutterDesktopGetDpiForMonitor(monitor); 135 | double scale_factor = dpi / 96.0; 136 | 137 | HWND window = CreateWindow( 138 | window_class, title.c_str(), WS_OVERLAPPEDWINDOW, 139 | Scale(origin.x, scale_factor), Scale(origin.y, scale_factor), 140 | Scale(size.width, scale_factor), Scale(size.height, scale_factor), 141 | nullptr, nullptr, GetModuleHandle(nullptr), this); 142 | 143 | if (!window) { 144 | return false; 145 | } 146 | 147 | UpdateTheme(window); 148 | 149 | return OnCreate(); 150 | } 151 | 152 | bool Win32Window::Show() { 153 | return ShowWindow(window_handle_, SW_SHOWNORMAL); 154 | } 155 | 156 | // static 157 | LRESULT CALLBACK Win32Window::WndProc(HWND const window, 158 | UINT const message, 159 | WPARAM const wparam, 160 | LPARAM const lparam) noexcept { 161 | if (message == WM_NCCREATE) { 162 | auto window_struct = reinterpret_cast(lparam); 163 | SetWindowLongPtr(window, GWLP_USERDATA, 164 | reinterpret_cast(window_struct->lpCreateParams)); 165 | 166 | auto that = static_cast(window_struct->lpCreateParams); 167 | EnableFullDpiSupportIfAvailable(window); 168 | that->window_handle_ = window; 169 | } else if (Win32Window* that = GetThisFromHandle(window)) { 170 | return that->MessageHandler(window, message, wparam, lparam); 171 | } 172 | 173 | return DefWindowProc(window, message, wparam, lparam); 174 | } 175 | 176 | LRESULT 177 | Win32Window::MessageHandler(HWND hwnd, 178 | UINT const message, 179 | WPARAM const wparam, 180 | LPARAM const lparam) noexcept { 181 | switch (message) { 182 | case WM_DESTROY: 183 | window_handle_ = nullptr; 184 | Destroy(); 185 | if (quit_on_close_) { 186 | PostQuitMessage(0); 187 | } 188 | return 0; 189 | 190 | case WM_DPICHANGED: { 191 | auto newRectSize = reinterpret_cast(lparam); 192 | LONG newWidth = newRectSize->right - newRectSize->left; 193 | LONG newHeight = newRectSize->bottom - newRectSize->top; 194 | 195 | SetWindowPos(hwnd, nullptr, newRectSize->left, newRectSize->top, newWidth, 196 | newHeight, SWP_NOZORDER | SWP_NOACTIVATE); 197 | 198 | return 0; 199 | } 200 | case WM_SIZE: { 201 | RECT rect = GetClientArea(); 202 | if (child_content_ != nullptr) { 203 | // Size and position the child window. 204 | MoveWindow(child_content_, rect.left, rect.top, rect.right - rect.left, 205 | rect.bottom - rect.top, TRUE); 206 | } 207 | return 0; 208 | } 209 | 210 | case WM_ACTIVATE: 211 | if (child_content_ != nullptr) { 212 | SetFocus(child_content_); 213 | } 214 | return 0; 215 | 216 | case WM_DWMCOLORIZATIONCOLORCHANGED: 217 | UpdateTheme(hwnd); 218 | return 0; 219 | } 220 | 221 | return DefWindowProc(window_handle_, message, wparam, lparam); 222 | } 223 | 224 | void Win32Window::Destroy() { 225 | OnDestroy(); 226 | 227 | if (window_handle_) { 228 | DestroyWindow(window_handle_); 229 | window_handle_ = nullptr; 230 | } 231 | if (g_active_window_count == 0) { 232 | WindowClassRegistrar::GetInstance()->UnregisterWindowClass(); 233 | } 234 | } 235 | 236 | Win32Window* Win32Window::GetThisFromHandle(HWND const window) noexcept { 237 | return reinterpret_cast( 238 | GetWindowLongPtr(window, GWLP_USERDATA)); 239 | } 240 | 241 | void Win32Window::SetChildContent(HWND content) { 242 | child_content_ = content; 243 | SetParent(content, window_handle_); 244 | RECT frame = GetClientArea(); 245 | 246 | MoveWindow(content, frame.left, frame.top, frame.right - frame.left, 247 | frame.bottom - frame.top, true); 248 | 249 | SetFocus(child_content_); 250 | } 251 | 252 | RECT Win32Window::GetClientArea() { 253 | RECT frame; 254 | GetClientRect(window_handle_, &frame); 255 | return frame; 256 | } 257 | 258 | HWND Win32Window::GetHandle() { 259 | return window_handle_; 260 | } 261 | 262 | void Win32Window::SetQuitOnClose(bool quit_on_close) { 263 | quit_on_close_ = quit_on_close; 264 | } 265 | 266 | bool Win32Window::OnCreate() { 267 | // No-op; provided for subclasses. 268 | return true; 269 | } 270 | 271 | void Win32Window::OnDestroy() { 272 | // No-op; provided for subclasses. 273 | } 274 | 275 | void Win32Window::UpdateTheme(HWND const window) { 276 | DWORD light_mode; 277 | DWORD light_mode_size = sizeof(light_mode); 278 | LSTATUS result = RegGetValue(HKEY_CURRENT_USER, kGetPreferredBrightnessRegKey, 279 | kGetPreferredBrightnessRegValue, 280 | RRF_RT_REG_DWORD, nullptr, &light_mode, 281 | &light_mode_size); 282 | 283 | if (result == ERROR_SUCCESS) { 284 | BOOL enable_dark_mode = light_mode == 0; 285 | DwmSetWindowAttribute(window, DWMWA_USE_IMMERSIVE_DARK_MODE, 286 | &enable_dark_mode, sizeof(enable_dark_mode)); 287 | } 288 | } 289 | --------------------------------------------------------------------------------