ruflet_core 0.0.9

data/lib/ruflet_ui/ruflet/ui/controls/cupertinos/ruflet_controls.rb

@@ -0,0 +1,89 @@
+# frozen_string_literal: true
+
+require_relative "cupertinoactionsheet_control"
+require_relative "cupertinoactionsheetaction_control"
+require_relative "cupertinoactivityindicator_control"
+require_relative "cupertinoalertdialog_control"
+require_relative "cupertinoappbar_control"
+require_relative "cupertinobottomsheet_control"
+require_relative "cupertinobutton_control"
+require_relative "cupertinocheckbox_control"
+require_relative "cupertinocontextmenu_control"
+require_relative "cupertinocontextmenuaction_control"
+require_relative "cupertinodatepicker_control"
+require_relative "cupertinodialogaction_control"
+require_relative "cupertinofilledbutton_control"
+require_relative "cupertinolisttile_control"
+require_relative "cupertinonavigationbar_control"
+require_relative "cupertinopicker_control"
+require_relative "cupertinoradio_control"
+require_relative "cupertinosegmentedbutton_control"
+require_relative "cupertinoslider_control"
+require_relative "cupertinoslidingsegmentedbutton_control"
+require_relative "cupertinoswitch_control"
+require_relative "cupertinotextfield_control"
+require_relative "cupertinotimerpicker_control"
+require_relative "cupertinotintedbutton_control"
+
+module Ruflet
+  module UI
+    module Controls
+      module Cupertinos
+        module RufletControls
+          module_function
+
+          CLASS_MAP = {
+            "cupertino_action_sheet" => RufletComponents::CupertinoActionSheetControl,
+            "cupertino_action_sheet_action" => RufletComponents::CupertinoActionSheetActionControl,
+            "cupertino_activity_indicator" => RufletComponents::CupertinoActivityIndicatorControl,
+            "cupertino_alert_dialog" => RufletComponents::CupertinoAlertDialogControl,
+            "cupertino_app_bar" => RufletComponents::CupertinoAppBarControl,
+            "cupertino_bottom_sheet" => RufletComponents::CupertinoBottomSheetControl,
+            "cupertino_button" => RufletComponents::CupertinoButtonControl,
+            "cupertino_checkbox" => RufletComponents::CupertinoCheckboxControl,
+            "cupertino_context_menu" => RufletComponents::CupertinoContextMenuControl,
+            "cupertino_context_menu_action" => RufletComponents::CupertinoContextMenuActionControl,
+            "cupertino_date_picker" => RufletComponents::CupertinoDatePickerControl,
+            "cupertino_dialog_action" => RufletComponents::CupertinoDialogActionControl,
+            "cupertino_filled_button" => RufletComponents::CupertinoFilledButtonControl,
+            "cupertino_list_tile" => RufletComponents::CupertinoListTileControl,
+            "cupertino_navigation_bar" => RufletComponents::CupertinoNavigationBarControl,
+            "cupertino_picker" => RufletComponents::CupertinoPickerControl,
+            "cupertino_radio" => RufletComponents::CupertinoRadioControl,
+            "cupertino_segmented_button" => RufletComponents::CupertinoSegmentedButtonControl,
+            "cupertino_slider" => RufletComponents::CupertinoSliderControl,
+            "cupertino_sliding_segmented_button" => RufletComponents::CupertinoSlidingSegmentedButtonControl,
+            "cupertino_switch" => RufletComponents::CupertinoSwitchControl,
+            "cupertino_text_field" => RufletComponents::CupertinoTextFieldControl,
+            "cupertino_timer_picker" => RufletComponents::CupertinoTimerPickerControl,
+            "cupertino_tinted_button" => RufletComponents::CupertinoTintedButtonControl,
+            "cupertinoactionsheet" => RufletComponents::CupertinoActionSheetControl,
+            "cupertinoactionsheetaction" => RufletComponents::CupertinoActionSheetActionControl,
+            "cupertinoactivityindicator" => RufletComponents::CupertinoActivityIndicatorControl,
+            "cupertinoalertdialog" => RufletComponents::CupertinoAlertDialogControl,
+            "cupertinoappbar" => RufletComponents::CupertinoAppBarControl,
+            "cupertinobottomsheet" => RufletComponents::CupertinoBottomSheetControl,
+            "cupertinobutton" => RufletComponents::CupertinoButtonControl,
+            "cupertinocheckbox" => RufletComponents::CupertinoCheckboxControl,
+            "cupertinocontextmenu" => RufletComponents::CupertinoContextMenuControl,
+            "cupertinocontextmenuaction" => RufletComponents::CupertinoContextMenuActionControl,
+            "cupertinodatepicker" => RufletComponents::CupertinoDatePickerControl,
+            "cupertinodialogaction" => RufletComponents::CupertinoDialogActionControl,
+            "cupertinofilledbutton" => RufletComponents::CupertinoFilledButtonControl,
+            "cupertinolisttile" => RufletComponents::CupertinoListTileControl,
+            "cupertinonavigationbar" => RufletComponents::CupertinoNavigationBarControl,
+            "cupertinopicker" => RufletComponents::CupertinoPickerControl,
+            "cupertinoradio" => RufletComponents::CupertinoRadioControl,
+            "cupertinosegmentedbutton" => RufletComponents::CupertinoSegmentedButtonControl,
+            "cupertinoslider" => RufletComponents::CupertinoSliderControl,
+            "cupertinoslidingsegmentedbutton" => RufletComponents::CupertinoSlidingSegmentedButtonControl,
+            "cupertinoswitch" => RufletComponents::CupertinoSwitchControl,
+            "cupertinotextfield" => RufletComponents::CupertinoTextFieldControl,
+            "cupertinotimerpicker" => RufletComponents::CupertinoTimerPickerControl,
+            "cupertinotintedbutton" => RufletComponents::CupertinoTintedButtonControl,
+          }.freeze
+        end
+      end
+    end
+  end
+end

data/lib/ruflet_ui/ruflet/ui/controls/materials/alertdialog_control.rb

@@ -0,0 +1,58 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Controls
+      module RufletComponents
+        class AlertDialogControl < Ruflet::Control
+          TYPE = "alertdialog".freeze
+          WIRE = "AlertDialog".freeze
+
+          def initialize(id: nil, action_button_padding: nil, actions: nil, actions_alignment: nil, actions_overflow_button_spacing: nil, actions_padding: nil, adaptive: nil, alignment: nil, badge: nil, barrier_color: nil, bgcolor: nil, clip_behavior: nil, col: nil, content: nil, content_padding: nil, content_text_style: nil, data: nil, disabled: nil, elevation: nil, expand: nil, expand_loose: nil, icon: nil, icon_color: nil, icon_padding: nil, inset_padding: nil, key: nil, modal: nil, opacity: nil, open: nil, rtl: nil, scrollable: nil, semantics_label: nil, shadow_color: nil, shape: nil, title: nil, title_padding: nil, title_text_style: nil, tooltip: nil, visible: nil, on_dismiss: nil)
+            props = {}
+            props[:action_button_padding] = action_button_padding unless action_button_padding.nil?
+            props[:actions] = actions unless actions.nil?
+            props[:actions_alignment] = actions_alignment unless actions_alignment.nil?
+            props[:actions_overflow_button_spacing] = actions_overflow_button_spacing unless actions_overflow_button_spacing.nil?
+            props[:actions_padding] = actions_padding unless actions_padding.nil?
+            props[:adaptive] = adaptive unless adaptive.nil?
+            props[:alignment] = alignment unless alignment.nil?
+            props[:badge] = badge unless badge.nil?
+            props[:barrier_color] = barrier_color unless barrier_color.nil?
+            props[:bgcolor] = bgcolor unless bgcolor.nil?
+            props[:clip_behavior] = clip_behavior unless clip_behavior.nil?
+            props[:col] = col unless col.nil?
+            props[:content] = content unless content.nil?
+            props[:content_padding] = content_padding unless content_padding.nil?
+            props[:content_text_style] = content_text_style unless content_text_style.nil?
+            props[:data] = data unless data.nil?
+            props[:disabled] = disabled unless disabled.nil?
+            props[:elevation] = elevation unless elevation.nil?
+            props[:expand] = expand unless expand.nil?
+            props[:expand_loose] = expand_loose unless expand_loose.nil?
+            props[:icon] = icon unless icon.nil?
+            props[:icon_color] = icon_color unless icon_color.nil?
+            props[:icon_padding] = icon_padding unless icon_padding.nil?
+            props[:inset_padding] = inset_padding unless inset_padding.nil?
+            props[:key] = key unless key.nil?
+            props[:modal] = modal unless modal.nil?
+            props[:opacity] = opacity unless opacity.nil?
+            props[:open] = open unless open.nil?
+            props[:rtl] = rtl unless rtl.nil?
+            props[:scrollable] = scrollable unless scrollable.nil?
+            props[:semantics_label] = semantics_label unless semantics_label.nil?
+            props[:shadow_color] = shadow_color unless shadow_color.nil?
+            props[:shape] = shape unless shape.nil?
+            props[:title] = title unless title.nil?
+            props[:title_padding] = title_padding unless title_padding.nil?
+            props[:title_text_style] = title_text_style unless title_text_style.nil?
+            props[:tooltip] = tooltip unless tooltip.nil?
+            props[:visible] = visible unless visible.nil?
+            props[:on_dismiss] = on_dismiss unless on_dismiss.nil?
+            super(type: TYPE, id: id, **props)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/ruflet_ui/ruflet/ui/controls/materials/appbar_control.rb

@@ -0,0 +1,53 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Controls
+      module RufletComponents
+        class AppBarControl < Ruflet::Control
+          TYPE = "appbar".freeze
+          WIRE = "AppBar".freeze
+
+          def initialize(id: nil, actions: nil, actions_padding: nil, adaptive: nil, automatically_imply_leading: nil, badge: nil, bgcolor: nil, center_title: nil, clip_behavior: nil, col: nil, color: nil, data: nil, disabled: nil, elevation: nil, elevation_on_scroll: nil, exclude_header_semantics: nil, expand: nil, expand_loose: nil, force_material_transparency: nil, key: nil, leading: nil, leading_width: nil, opacity: nil, rtl: nil, secondary: nil, shadow_color: nil, shape: nil, title: nil, title_spacing: nil, title_text_style: nil, toolbar_height: nil, toolbar_opacity: nil, toolbar_text_style: nil, tooltip: nil, visible: nil)
+            props = {}
+            props[:actions] = actions unless actions.nil?
+            props[:actions_padding] = actions_padding unless actions_padding.nil?
+            props[:adaptive] = adaptive unless adaptive.nil?
+            props[:automatically_imply_leading] = automatically_imply_leading unless automatically_imply_leading.nil?
+            props[:badge] = badge unless badge.nil?
+            props[:bgcolor] = bgcolor unless bgcolor.nil?
+            props[:center_title] = center_title unless center_title.nil?
+            props[:clip_behavior] = clip_behavior unless clip_behavior.nil?
+            props[:col] = col unless col.nil?
+            props[:color] = color unless color.nil?
+            props[:data] = data unless data.nil?
+            props[:disabled] = disabled unless disabled.nil?
+            props[:elevation] = elevation unless elevation.nil?
+            props[:elevation_on_scroll] = elevation_on_scroll unless elevation_on_scroll.nil?
+            props[:exclude_header_semantics] = exclude_header_semantics unless exclude_header_semantics.nil?
+            props[:expand] = expand unless expand.nil?
+            props[:expand_loose] = expand_loose unless expand_loose.nil?
+            props[:force_material_transparency] = force_material_transparency unless force_material_transparency.nil?
+            props[:key] = key unless key.nil?
+            props[:leading] = leading unless leading.nil?
+            props[:leading_width] = leading_width unless leading_width.nil?
+            props[:opacity] = opacity unless opacity.nil?
+            props[:rtl] = rtl unless rtl.nil?
+            props[:secondary] = secondary unless secondary.nil?
+            props[:shadow_color] = shadow_color unless shadow_color.nil?
+            props[:shape] = shape unless shape.nil?
+            props[:title] = title unless title.nil?
+            props[:title_spacing] = title_spacing unless title_spacing.nil?
+            props[:title_text_style] = title_text_style unless title_text_style.nil?
+            props[:toolbar_height] = toolbar_height unless toolbar_height.nil?
+            props[:toolbar_opacity] = toolbar_opacity unless toolbar_opacity.nil?
+            props[:toolbar_text_style] = toolbar_text_style unless toolbar_text_style.nil?
+            props[:tooltip] = tooltip unless tooltip.nil?
+            props[:visible] = visible unless visible.nil?
+            super(type: TYPE, id: id, **props)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/ruflet_ui/ruflet/ui/controls/materials/audio_control.rb

@@ -0,0 +1,36 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Controls
+      module RufletComponents
+        class AudioControl < Ruflet::Control
+          TYPE = "audio".freeze
+          WIRE = "Audio".freeze
+
+          def initialize(id: nil, autoplay: nil, balance: nil, data: nil, key: nil, opacity: nil, release_mode: nil, rtl: nil, src: nil, tooltip: nil, visible: nil, volume: nil, on_duration_change: nil, on_error: nil, on_loaded: nil, on_position_change: nil, on_seek_complete: nil, on_state_change: nil)
+            props = {}
+            props[:autoplay] = autoplay unless autoplay.nil?
+            props[:balance] = balance unless balance.nil?
+            props[:data] = data unless data.nil?
+            props[:key] = key unless key.nil?
+            props[:opacity] = opacity unless opacity.nil?
+            props[:release_mode] = release_mode unless release_mode.nil?
+            props[:rtl] = rtl unless rtl.nil?
+            props[:src] = src unless src.nil?
+            props[:tooltip] = tooltip unless tooltip.nil?
+            props[:visible] = visible unless visible.nil?
+            props[:volume] = volume unless volume.nil?
+            props[:on_duration_change] = on_duration_change unless on_duration_change.nil?
+            props[:on_error] = on_error unless on_error.nil?
+            props[:on_loaded] = on_loaded unless on_loaded.nil?
+            props[:on_position_change] = on_position_change unless on_position_change.nil?
+            props[:on_seek_complete] = on_seek_complete unless on_seek_complete.nil?
+            props[:on_state_change] = on_state_change unless on_state_change.nil?
+            super(type: TYPE, id: id, **props)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/ruflet_ui/ruflet/ui/controls/materials/autocomplete_control.rb

@@ -0,0 +1,58 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Controls
+      module RufletComponents
+        class AutoCompleteControl < Ruflet::Control
+          TYPE = "autocomplete".freeze
+          WIRE = "AutoComplete".freeze
+
+          def initialize(id: nil, align: nil, animate_align: nil, animate_margin: nil, animate_offset: nil, animate_opacity: nil, animate_position: nil, animate_rotation: nil, animate_scale: nil, animate_size: nil, aspect_ratio: nil, badge: nil, bottom: nil, col: nil, data: nil, disabled: nil, expand: nil, expand_loose: nil, height: nil, key: nil, left: nil, margin: nil, offset: nil, opacity: nil, right: nil, rotate: nil, rtl: nil, scale: nil, size_change_interval: nil, suggestions: nil, suggestions_max_height: nil, tooltip: nil, top: nil, value: nil, visible: nil, width: nil, on_animation_end: nil, on_change: nil, on_select: nil, on_size_change: nil)
+            props = {}
+            props[:align] = align unless align.nil?
+            props[:animate_align] = animate_align unless animate_align.nil?
+            props[:animate_margin] = animate_margin unless animate_margin.nil?
+            props[:animate_offset] = animate_offset unless animate_offset.nil?
+            props[:animate_opacity] = animate_opacity unless animate_opacity.nil?
+            props[:animate_position] = animate_position unless animate_position.nil?
+            props[:animate_rotation] = animate_rotation unless animate_rotation.nil?
+            props[:animate_scale] = animate_scale unless animate_scale.nil?
+            props[:animate_size] = animate_size unless animate_size.nil?
+            props[:aspect_ratio] = aspect_ratio unless aspect_ratio.nil?
+            props[:badge] = badge unless badge.nil?
+            props[:bottom] = bottom unless bottom.nil?
+            props[:col] = col unless col.nil?
+            props[:data] = data unless data.nil?
+            props[:disabled] = disabled unless disabled.nil?
+            props[:expand] = expand unless expand.nil?
+            props[:expand_loose] = expand_loose unless expand_loose.nil?
+            props[:height] = height unless height.nil?
+            props[:key] = key unless key.nil?
+            props[:left] = left unless left.nil?
+            props[:margin] = margin unless margin.nil?
+            props[:offset] = offset unless offset.nil?
+            props[:opacity] = opacity unless opacity.nil?
+            props[:right] = right unless right.nil?
+            props[:rotate] = rotate unless rotate.nil?
+            props[:rtl] = rtl unless rtl.nil?
+            props[:scale] = scale unless scale.nil?
+            props[:size_change_interval] = size_change_interval unless size_change_interval.nil?
+            props[:suggestions] = suggestions unless suggestions.nil?
+            props[:suggestions_max_height] = suggestions_max_height unless suggestions_max_height.nil?
+            props[:tooltip] = tooltip unless tooltip.nil?
+            props[:top] = top unless top.nil?
+            props[:value] = value unless value.nil?
+            props[:visible] = visible unless visible.nil?
+            props[:width] = width unless width.nil?
+            props[:on_animation_end] = on_animation_end unless on_animation_end.nil?
+            props[:on_change] = on_change unless on_change.nil?
+            props[:on_select] = on_select unless on_select.nil?
+            props[:on_size_change] = on_size_change unless on_size_change.nil?
+            super(type: TYPE, id: id, **props)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/ruflet_ui/ruflet/ui/controls/materials/badge_control.rb

@@ -0,0 +1,31 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Controls
+      module RufletComponents
+        class BadgeControl < Ruflet::Control
+          TYPE = "badge".freeze
+          WIRE = "Badge".freeze
+
+          def initialize(id: nil, alignment: nil, bgcolor: nil, data: nil, key: nil, label: nil, label_visible: nil, large_size: nil, offset: nil, padding: nil, small_size: nil, text_color: nil, text_style: nil)
+            props = {}
+            props[:alignment] = alignment unless alignment.nil?
+            props[:bgcolor] = bgcolor unless bgcolor.nil?
+            props[:data] = data unless data.nil?
+            props[:key] = key unless key.nil?
+            props[:label] = label unless label.nil?
+            props[:label_visible] = label_visible unless label_visible.nil?
+            props[:large_size] = large_size unless large_size.nil?
+            props[:offset] = offset unless offset.nil?
+            props[:padding] = padding unless padding.nil?
+            props[:small_size] = small_size unless small_size.nil?
+            props[:text_color] = text_color unless text_color.nil?
+            props[:text_style] = text_style unless text_style.nil?
+            super(type: TYPE, id: id, **props)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/ruflet_ui/ruflet/ui/controls/materials/banner_control.rb

@@ -0,0 +1,47 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Controls
+      module RufletComponents
+        class BannerControl < Ruflet::Control
+          TYPE = "banner".freeze
+          WIRE = "Banner".freeze
+
+          def initialize(id: nil, actions: nil, adaptive: nil, badge: nil, bgcolor: nil, col: nil, content: nil, content_padding: nil, content_text_style: nil, data: nil, disabled: nil, divider_color: nil, elevation: nil, expand: nil, expand_loose: nil, force_actions_below: nil, key: nil, leading: nil, leading_padding: nil, margin: nil, min_action_bar_height: nil, opacity: nil, open: nil, rtl: nil, shadow_color: nil, tooltip: nil, visible: nil, on_dismiss: nil, on_visible: nil)
+            props = {}
+            props[:actions] = actions unless actions.nil?
+            props[:adaptive] = adaptive unless adaptive.nil?
+            props[:badge] = badge unless badge.nil?
+            props[:bgcolor] = bgcolor unless bgcolor.nil?
+            props[:col] = col unless col.nil?
+            props[:content] = content unless content.nil?
+            props[:content_padding] = content_padding unless content_padding.nil?
+            props[:content_text_style] = content_text_style unless content_text_style.nil?
+            props[:data] = data unless data.nil?
+            props[:disabled] = disabled unless disabled.nil?
+            props[:divider_color] = divider_color unless divider_color.nil?
+            props[:elevation] = elevation unless elevation.nil?
+            props[:expand] = expand unless expand.nil?
+            props[:expand_loose] = expand_loose unless expand_loose.nil?
+            props[:force_actions_below] = force_actions_below unless force_actions_below.nil?
+            props[:key] = key unless key.nil?
+            props[:leading] = leading unless leading.nil?
+            props[:leading_padding] = leading_padding unless leading_padding.nil?
+            props[:margin] = margin unless margin.nil?
+            props[:min_action_bar_height] = min_action_bar_height unless min_action_bar_height.nil?
+            props[:opacity] = opacity unless opacity.nil?
+            props[:open] = open unless open.nil?
+            props[:rtl] = rtl unless rtl.nil?
+            props[:shadow_color] = shadow_color unless shadow_color.nil?
+            props[:tooltip] = tooltip unless tooltip.nil?
+            props[:visible] = visible unless visible.nil?
+            props[:on_dismiss] = on_dismiss unless on_dismiss.nil?
+            props[:on_visible] = on_visible unless on_visible.nil?
+            super(type: TYPE, id: id, **props)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/ruflet_ui/ruflet/ui/controls/materials/bottomappbar_control.rb

@@ -0,0 +1,62 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Controls
+      module RufletComponents
+        class BottomAppBarControl < Ruflet::Control
+          TYPE = "bottomappbar".freeze
+          WIRE = "BottomAppBar".freeze
+
+          def initialize(id: nil, align: nil, animate_align: nil, animate_margin: nil, animate_offset: nil, animate_opacity: nil, animate_position: nil, animate_rotation: nil, animate_scale: nil, animate_size: nil, aspect_ratio: nil, badge: nil, bgcolor: nil, border_radius: nil, bottom: nil, clip_behavior: nil, col: nil, content: nil, data: nil, disabled: nil, elevation: nil, expand: nil, expand_loose: nil, height: nil, key: nil, left: nil, margin: nil, notch_margin: nil, offset: nil, opacity: nil, padding: nil, right: nil, rotate: nil, rtl: nil, scale: nil, shadow_color: nil, shape: nil, size_change_interval: nil, tooltip: nil, top: nil, visible: nil, width: nil, on_animation_end: nil, on_size_change: nil)
+            props = {}
+            props[:align] = align unless align.nil?
+            props[:animate_align] = animate_align unless animate_align.nil?
+            props[:animate_margin] = animate_margin unless animate_margin.nil?
+            props[:animate_offset] = animate_offset unless animate_offset.nil?
+            props[:animate_opacity] = animate_opacity unless animate_opacity.nil?
+            props[:animate_position] = animate_position unless animate_position.nil?
+            props[:animate_rotation] = animate_rotation unless animate_rotation.nil?
+            props[:animate_scale] = animate_scale unless animate_scale.nil?
+            props[:animate_size] = animate_size unless animate_size.nil?
+            props[:aspect_ratio] = aspect_ratio unless aspect_ratio.nil?
+            props[:badge] = badge unless badge.nil?
+            props[:bgcolor] = bgcolor unless bgcolor.nil?
+            props[:border_radius] = border_radius unless border_radius.nil?
+            props[:bottom] = bottom unless bottom.nil?
+            props[:clip_behavior] = clip_behavior unless clip_behavior.nil?
+            props[:col] = col unless col.nil?
+            props[:content] = content unless content.nil?
+            props[:data] = data unless data.nil?
+            props[:disabled] = disabled unless disabled.nil?
+            props[:elevation] = elevation unless elevation.nil?
+            props[:expand] = expand unless expand.nil?
+            props[:expand_loose] = expand_loose unless expand_loose.nil?
+            props[:height] = height unless height.nil?
+            props[:key] = key unless key.nil?
+            props[:left] = left unless left.nil?
+            props[:margin] = margin unless margin.nil?
+            props[:notch_margin] = notch_margin unless notch_margin.nil?
+            props[:offset] = offset unless offset.nil?
+            props[:opacity] = opacity unless opacity.nil?
+            props[:padding] = padding unless padding.nil?
+            props[:right] = right unless right.nil?
+            props[:rotate] = rotate unless rotate.nil?
+            props[:rtl] = rtl unless rtl.nil?
+            props[:scale] = scale unless scale.nil?
+            props[:shadow_color] = shadow_color unless shadow_color.nil?
+            props[:shape] = shape unless shape.nil?
+            props[:size_change_interval] = size_change_interval unless size_change_interval.nil?
+            props[:tooltip] = tooltip unless tooltip.nil?
+            props[:top] = top unless top.nil?
+            props[:visible] = visible unless visible.nil?
+            props[:width] = width unless width.nil?
+            props[:on_animation_end] = on_animation_end unless on_animation_end.nil?
+            props[:on_size_change] = on_size_change unless on_size_change.nil?
+            super(type: TYPE, id: id, **props)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/ruflet_ui/ruflet/ui/controls/materials/bottomsheet_control.rb

@@ -0,0 +1,48 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Controls
+      module RufletComponents
+        class BottomSheetControl < Ruflet::Control
+          TYPE = "bottomsheet".freeze
+          WIRE = "BottomSheet".freeze
+
+          def initialize(id: nil, adaptive: nil, animation_style: nil, badge: nil, barrier_color: nil, bgcolor: nil, clip_behavior: nil, col: nil, content: nil, data: nil, disabled: nil, dismissible: nil, draggable: nil, elevation: nil, expand: nil, expand_loose: nil, fullscreen: nil, key: nil, maintain_bottom_view_insets_padding: nil, opacity: nil, open: nil, rtl: nil, scrollable: nil, shape: nil, show_drag_handle: nil, size_constraints: nil, tooltip: nil, use_safe_area: nil, visible: nil, on_dismiss: nil)
+            props = {}
+            props[:adaptive] = adaptive unless adaptive.nil?
+            props[:animation_style] = animation_style unless animation_style.nil?
+            props[:badge] = badge unless badge.nil?
+            props[:barrier_color] = barrier_color unless barrier_color.nil?
+            props[:bgcolor] = bgcolor unless bgcolor.nil?
+            props[:clip_behavior] = clip_behavior unless clip_behavior.nil?
+            props[:col] = col unless col.nil?
+            props[:content] = content unless content.nil?
+            props[:data] = data unless data.nil?
+            props[:disabled] = disabled unless disabled.nil?
+            props[:dismissible] = dismissible unless dismissible.nil?
+            props[:draggable] = draggable unless draggable.nil?
+            props[:elevation] = elevation unless elevation.nil?
+            props[:expand] = expand unless expand.nil?
+            props[:expand_loose] = expand_loose unless expand_loose.nil?
+            props[:fullscreen] = fullscreen unless fullscreen.nil?
+            props[:key] = key unless key.nil?
+            props[:maintain_bottom_view_insets_padding] = maintain_bottom_view_insets_padding unless maintain_bottom_view_insets_padding.nil?
+            props[:opacity] = opacity unless opacity.nil?
+            props[:open] = open unless open.nil?
+            props[:rtl] = rtl unless rtl.nil?
+            props[:scrollable] = scrollable unless scrollable.nil?
+            props[:shape] = shape unless shape.nil?
+            props[:show_drag_handle] = show_drag_handle unless show_drag_handle.nil?
+            props[:size_constraints] = size_constraints unless size_constraints.nil?
+            props[:tooltip] = tooltip unless tooltip.nil?
+            props[:use_safe_area] = use_safe_area unless use_safe_area.nil?
+            props[:visible] = visible unless visible.nil?
+            props[:on_dismiss] = on_dismiss unless on_dismiss.nil?
+            super(type: TYPE, id: id, **props)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/ruflet_ui/ruflet/ui/controls/materials/button_control.rb

@@ -0,0 +1,69 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Controls
+      module RufletComponents
+        class ButtonControl < Ruflet::Control
+          TYPE = "button".freeze
+          WIRE = "Button".freeze
+
+          def initialize(id: nil, adaptive: nil, align: nil, animate_align: nil, animate_margin: nil, animate_offset: nil, animate_opacity: nil, animate_position: nil, animate_rotation: nil, animate_scale: nil, animate_size: nil, aspect_ratio: nil, autofocus: nil, badge: nil, bgcolor: nil, bottom: nil, clip_behavior: nil, col: nil, color: nil, content: nil, data: nil, disabled: nil, elevation: nil, expand: nil, expand_loose: nil, height: nil, icon: nil, icon_color: nil, key: nil, left: nil, margin: nil, offset: nil, opacity: nil, right: nil, rotate: nil, rtl: nil, scale: nil, size_change_interval: nil, style: nil, tooltip: nil, top: nil, url: nil, visible: nil, width: nil, on_animation_end: nil, on_blur: nil, on_click: nil, on_focus: nil, on_hover: nil, on_long_press: nil, on_size_change: nil)
+            props = {}
+            props[:adaptive] = adaptive unless adaptive.nil?
+            props[:align] = align unless align.nil?
+            props[:animate_align] = animate_align unless animate_align.nil?
+            props[:animate_margin] = animate_margin unless animate_margin.nil?
+            props[:animate_offset] = animate_offset unless animate_offset.nil?
+            props[:animate_opacity] = animate_opacity unless animate_opacity.nil?
+            props[:animate_position] = animate_position unless animate_position.nil?
+            props[:animate_rotation] = animate_rotation unless animate_rotation.nil?
+            props[:animate_scale] = animate_scale unless animate_scale.nil?
+            props[:animate_size] = animate_size unless animate_size.nil?
+            props[:aspect_ratio] = aspect_ratio unless aspect_ratio.nil?
+            props[:autofocus] = autofocus unless autofocus.nil?
+            props[:badge] = badge unless badge.nil?
+            props[:bgcolor] = bgcolor unless bgcolor.nil?
+            props[:bottom] = bottom unless bottom.nil?
+            props[:clip_behavior] = clip_behavior unless clip_behavior.nil?
+            props[:col] = col unless col.nil?
+            props[:color] = color unless color.nil?
+            props[:content] = content unless content.nil?
+            props[:data] = data unless data.nil?
+            props[:disabled] = disabled unless disabled.nil?
+            props[:elevation] = elevation unless elevation.nil?
+            props[:expand] = expand unless expand.nil?
+            props[:expand_loose] = expand_loose unless expand_loose.nil?
+            props[:height] = height unless height.nil?
+            props[:icon] = icon unless icon.nil?
+            props[:icon_color] = icon_color unless icon_color.nil?
+            props[:key] = key unless key.nil?
+            props[:left] = left unless left.nil?
+            props[:margin] = margin unless margin.nil?
+            props[:offset] = offset unless offset.nil?
+            props[:opacity] = opacity unless opacity.nil?
+            props[:right] = right unless right.nil?
+            props[:rotate] = rotate unless rotate.nil?
+            props[:rtl] = rtl unless rtl.nil?
+            props[:scale] = scale unless scale.nil?
+            props[:size_change_interval] = size_change_interval unless size_change_interval.nil?
+            props[:style] = style unless style.nil?
+            props[:tooltip] = tooltip unless tooltip.nil?
+            props[:top] = top unless top.nil?
+            props[:url] = url unless url.nil?
+            props[:visible] = visible unless visible.nil?
+            props[:width] = width unless width.nil?
+            props[:on_animation_end] = on_animation_end unless on_animation_end.nil?
+            props[:on_blur] = on_blur unless on_blur.nil?
+            props[:on_click] = on_click unless on_click.nil?
+            props[:on_focus] = on_focus unless on_focus.nil?
+            props[:on_hover] = on_hover unless on_hover.nil?
+            props[:on_long_press] = on_long_press unless on_long_press.nil?
+            props[:on_size_change] = on_size_change unless on_size_change.nil?
+            super(type: TYPE, id: id, **props)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/ruflet_ui/ruflet/ui/controls/materials/card_control.rb

@@ -0,0 +1,63 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Controls
+      module RufletComponents
+        class CardControl < Ruflet::Control
+          TYPE = "card".freeze
+          WIRE = "Card".freeze
+
+          def initialize(id: nil, adaptive: nil, align: nil, animate_align: nil, animate_margin: nil, animate_offset: nil, animate_opacity: nil, animate_position: nil, animate_rotation: nil, animate_scale: nil, animate_size: nil, aspect_ratio: nil, badge: nil, bgcolor: nil, bottom: nil, clip_behavior: nil, col: nil, content: nil, data: nil, disabled: nil, elevation: nil, expand: nil, expand_loose: nil, height: nil, key: nil, left: nil, margin: nil, offset: nil, opacity: nil, right: nil, rotate: nil, rtl: nil, scale: nil, semantic_container: nil, shadow_color: nil, shape: nil, show_border_on_foreground: nil, size_change_interval: nil, tooltip: nil, top: nil, variant: nil, visible: nil, width: nil, on_animation_end: nil, on_size_change: nil)
+            props = {}
+            props[:adaptive] = adaptive unless adaptive.nil?
+            props[:align] = align unless align.nil?
+            props[:animate_align] = animate_align unless animate_align.nil?
+            props[:animate_margin] = animate_margin unless animate_margin.nil?
+            props[:animate_offset] = animate_offset unless animate_offset.nil?
+            props[:animate_opacity] = animate_opacity unless animate_opacity.nil?
+            props[:animate_position] = animate_position unless animate_position.nil?
+            props[:animate_rotation] = animate_rotation unless animate_rotation.nil?
+            props[:animate_scale] = animate_scale unless animate_scale.nil?
+            props[:animate_size] = animate_size unless animate_size.nil?
+            props[:aspect_ratio] = aspect_ratio unless aspect_ratio.nil?
+            props[:badge] = badge unless badge.nil?
+            props[:bgcolor] = bgcolor unless bgcolor.nil?
+            props[:bottom] = bottom unless bottom.nil?
+            props[:clip_behavior] = clip_behavior unless clip_behavior.nil?
+            props[:col] = col unless col.nil?
+            props[:content] = content unless content.nil?
+            props[:data] = data unless data.nil?
+            props[:disabled] = disabled unless disabled.nil?
+            props[:elevation] = elevation unless elevation.nil?
+            props[:expand] = expand unless expand.nil?
+            props[:expand_loose] = expand_loose unless expand_loose.nil?
+            props[:height] = height unless height.nil?
+            props[:key] = key unless key.nil?
+            props[:left] = left unless left.nil?
+            props[:margin] = margin unless margin.nil?
+            props[:offset] = offset unless offset.nil?
+            props[:opacity] = opacity unless opacity.nil?
+            props[:right] = right unless right.nil?
+            props[:rotate] = rotate unless rotate.nil?
+            props[:rtl] = rtl unless rtl.nil?
+            props[:scale] = scale unless scale.nil?
+            props[:semantic_container] = semantic_container unless semantic_container.nil?
+            props[:shadow_color] = shadow_color unless shadow_color.nil?
+            props[:shape] = shape unless shape.nil?
+            props[:show_border_on_foreground] = show_border_on_foreground unless show_border_on_foreground.nil?
+            props[:size_change_interval] = size_change_interval unless size_change_interval.nil?
+            props[:tooltip] = tooltip unless tooltip.nil?
+            props[:top] = top unless top.nil?
+            props[:variant] = variant unless variant.nil?
+            props[:visible] = visible unless visible.nil?
+            props[:width] = width unless width.nil?
+            props[:on_animation_end] = on_animation_end unless on_animation_end.nil?
+            props[:on_size_change] = on_size_change unless on_size_change.nil?
+            super(type: TYPE, id: id, **props)
+          end
+        end
+      end
+    end
+  end
+end