ruflet_core 0.0.9

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

@@ -0,0 +1,252 @@
+# frozen_string_literal: true
+
+require_relative "alertdialog_control"
+require_relative "audio_control"
+require_relative "appbar_control"
+require_relative "autocomplete_control"
+require_relative "badge_control"
+require_relative "banner_control"
+require_relative "chart_controls"
+require_relative "bottomappbar_control"
+require_relative "bottomsheet_control"
+require_relative "button_control"
+require_relative "card_control"
+require_relative "checkbox_control"
+require_relative "chip_control"
+require_relative "circleavatar_control"
+require_relative "container_control"
+require_relative "contextmenu_control"
+require_relative "datacell_control"
+require_relative "datacolumn_control"
+require_relative "datarow_control"
+require_relative "datatable_control"
+require_relative "datepicker_control"
+require_relative "daterangepicker_control"
+require_relative "divider_control"
+require_relative "dropdown_control"
+require_relative "dropdownm2_control"
+require_relative "dropdownoption_control"
+require_relative "expansionpanel_control"
+require_relative "expansionpanellist_control"
+require_relative "expansiontile_control"
+require_relative "filledbutton_control"
+require_relative "fillediconbutton_control"
+require_relative "filledtonalbutton_control"
+require_relative "filledtonaliconbutton_control"
+require_relative "floatingactionbutton_control"
+require_relative "iconbutton_control"
+require_relative "listtile_control"
+require_relative "menubar_control"
+require_relative "menuitembutton_control"
+require_relative "navigationbar_control"
+require_relative "navigationbardestination_control"
+require_relative "navigationdrawer_control"
+require_relative "navigationdrawerdestination_control"
+require_relative "navigationrail_control"
+require_relative "navigationraildestination_control"
+require_relative "option_control"
+require_relative "outlinedbutton_control"
+require_relative "outlinediconbutton_control"
+require_relative "popupmenubutton_control"
+require_relative "popupmenuitem_control"
+require_relative "progressbar_control"
+require_relative "progressring_control"
+require_relative "radio_control"
+require_relative "radiogroup_control"
+require_relative "rangeslider_control"
+require_relative "reorderablelistview_control"
+require_relative "searchbar_control"
+require_relative "segment_control"
+require_relative "segmentedbutton_control"
+require_relative "selectionarea_control"
+require_relative "slider_control"
+require_relative "snackbar_control"
+require_relative "submenubutton_control"
+require_relative "switch_control"
+require_relative "tab_control"
+require_relative "tabbar_control"
+require_relative "tabbarview_control"
+require_relative "tabs_control"
+require_relative "textbutton_control"
+require_relative "textfield_control"
+require_relative "timepicker_control"
+require_relative "verticaldivider_control"
+require_relative "webview_control"
+
+module Ruflet
+  module UI
+    module Controls
+      module Materials
+        module RufletControls
+          module_function
+
+          CLASS_MAP = {
+            "alert_dialog" => RufletComponents::AlertDialogControl,
+            "alertdialog" => RufletComponents::AlertDialogControl,
+            "audio" => RufletComponents::AudioControl,
+            "app_bar" => RufletComponents::AppBarControl,
+            "appbar" => RufletComponents::AppBarControl,
+            "auto_complete" => RufletComponents::AutoCompleteControl,
+            "autocomplete" => RufletComponents::AutoCompleteControl,
+            "badge" => RufletComponents::BadgeControl,
+            "banner" => RufletComponents::BannerControl,
+            "bottom_app_bar" => RufletComponents::BottomAppBarControl,
+            "bottom_sheet" => RufletComponents::BottomSheetControl,
+            "bottomappbar" => RufletComponents::BottomAppBarControl,
+            "bottomsheet" => RufletComponents::BottomSheetControl,
+            "bar_chart" => RufletComponents::BarChartControl,
+            "bar_chart_group" => RufletComponents::BarChartGroupControl,
+            "bar_chart_rod" => RufletComponents::BarChartRodControl,
+            "bar_chart_rod_stack_item" => RufletComponents::BarChartRodStackItemControl,
+            "barchart" => RufletComponents::BarChartControl,
+            "barchartgroup" => RufletComponents::BarChartGroupControl,
+            "barchartrod" => RufletComponents::BarChartRodControl,
+            "barchartrodstackitem" => RufletComponents::BarChartRodStackItemControl,
+            "button" => RufletComponents::ButtonControl,
+            "card" => RufletComponents::CardControl,
+            "candlestick_chart" => RufletComponents::CandlestickChartControl,
+            "candlestick_chart_spot" => RufletComponents::CandlestickChartSpotControl,
+            "candlestickchart" => RufletComponents::CandlestickChartControl,
+            "candlestickchartspot" => RufletComponents::CandlestickChartSpotControl,
+            "chart_axis" => RufletComponents::ChartAxisControl,
+            "chart_axis_label" => RufletComponents::ChartAxisLabelControl,
+            "chartaxis" => RufletComponents::ChartAxisControl,
+            "chartaxislabel" => RufletComponents::ChartAxisLabelControl,
+            "checkbox" => RufletComponents::CheckboxControl,
+            "chip" => RufletComponents::ChipControl,
+            "circle_avatar" => RufletComponents::CircleAvatarControl,
+            "circleavatar" => RufletComponents::CircleAvatarControl,
+            "container" => RufletComponents::ContainerControl,
+            "context_menu" => RufletComponents::ContextMenuControl,
+            "contextmenu" => RufletComponents::ContextMenuControl,
+            "data_cell" => RufletComponents::DataCellControl,
+            "data_column" => RufletComponents::DataColumnControl,
+            "data_row" => RufletComponents::DataRowControl,
+            "data_table" => RufletComponents::DataTableControl,
+            "datacell" => RufletComponents::DataCellControl,
+            "datacolumn" => RufletComponents::DataColumnControl,
+            "datarow" => RufletComponents::DataRowControl,
+            "datatable" => RufletComponents::DataTableControl,
+            "date_picker" => RufletComponents::DatePickerControl,
+            "date_range_picker" => RufletComponents::DateRangePickerControl,
+            "datepicker" => RufletComponents::DatePickerControl,
+            "daterangepicker" => RufletComponents::DateRangePickerControl,
+            "divider" => RufletComponents::DividerControl,
+            "dropdown" => RufletComponents::DropdownControl,
+            "dropdown_m2" => RufletComponents::Dropdown2Control,
+            "dropdown_option" => RufletComponents::DropdownOptionControl,
+            "dropdownm2" => RufletComponents::Dropdown2Control,
+            "dropdownoption" => RufletComponents::DropdownOptionControl,
+            "expansion_panel" => RufletComponents::ExpansionPanelControl,
+            "expansion_panel_list" => RufletComponents::ExpansionPanelListControl,
+            "expansion_tile" => RufletComponents::ExpansionTileControl,
+            "expansionpanel" => RufletComponents::ExpansionPanelControl,
+            "expansionpanellist" => RufletComponents::ExpansionPanelListControl,
+            "expansiontile" => RufletComponents::ExpansionTileControl,
+            "filled_button" => RufletComponents::FilledButtonControl,
+            "filled_icon_button" => RufletComponents::FilledIconButtonControl,
+            "filled_tonal_button" => RufletComponents::FilledTonalButtonControl,
+            "filled_tonal_icon_button" => RufletComponents::FilledTonalIconButtonControl,
+            "filledbutton" => RufletComponents::FilledButtonControl,
+            "fillediconbutton" => RufletComponents::FilledIconButtonControl,
+            "filledtonalbutton" => RufletComponents::FilledTonalButtonControl,
+            "filledtonaliconbutton" => RufletComponents::FilledTonalIconButtonControl,
+            "floating_action_button" => RufletComponents::FloatingActionButtonControl,
+            "floatingactionbutton" => RufletComponents::FloatingActionButtonControl,
+            "icon_button" => RufletComponents::IconButtonControl,
+            "iconbutton" => RufletComponents::IconButtonControl,
+            "line_chart" => RufletComponents::LineChartControl,
+            "line_chart_data" => RufletComponents::LineChartDataControl,
+            "line_chart_data_point" => RufletComponents::LineChartDataPointControl,
+            "linechart" => RufletComponents::LineChartControl,
+            "linechartdata" => RufletComponents::LineChartDataControl,
+            "linechartdatapoint" => RufletComponents::LineChartDataPointControl,
+            "list_tile" => RufletComponents::ListTileControl,
+            "listtile" => RufletComponents::ListTileControl,
+            "menu_bar" => RufletComponents::MenuBarControl,
+            "menu_item_button" => RufletComponents::MenuItemButtonControl,
+            "menubar" => RufletComponents::MenuBarControl,
+            "menuitembutton" => RufletComponents::MenuItemButtonControl,
+            "navigation_bar" => RufletComponents::NavigationBarControl,
+            "navigation_bar_destination" => RufletComponents::NavigationBarDestinationControl,
+            "navigation_drawer" => RufletComponents::NavigationDrawerControl,
+            "navigation_drawer_destination" => RufletComponents::NavigationDrawerDestinationControl,
+            "navigation_rail" => RufletComponents::NavigationRailControl,
+            "navigation_rail_destination" => RufletComponents::NavigationRailDestinationControl,
+            "navigationbar" => RufletComponents::NavigationBarControl,
+            "navigationbardestination" => RufletComponents::NavigationBarDestinationControl,
+            "navigationdrawer" => RufletComponents::NavigationDrawerControl,
+            "navigationdrawerdestination" => RufletComponents::NavigationDrawerDestinationControl,
+            "navigationrail" => RufletComponents::NavigationRailControl,
+            "navigationraildestination" => RufletComponents::NavigationRailDestinationControl,
+            "option" => RufletComponents::OptionControl,
+            "outlined_button" => RufletComponents::OutlinedButtonControl,
+            "outlined_icon_button" => RufletComponents::OutlinedIconButtonControl,
+            "outlinedbutton" => RufletComponents::OutlinedButtonControl,
+            "outlinediconbutton" => RufletComponents::OutlinedIconButtonControl,
+            "popup_menu_button" => RufletComponents::PopupMenuButtonControl,
+            "popup_menu_item" => RufletComponents::PopupMenuItemControl,
+            "popupmenubutton" => RufletComponents::PopupMenuButtonControl,
+            "popupmenuitem" => RufletComponents::PopupMenuItemControl,
+            "pie_chart" => RufletComponents::PieChartControl,
+            "pie_chart_section" => RufletComponents::PieChartSectionControl,
+            "piechart" => RufletComponents::PieChartControl,
+            "piechartsection" => RufletComponents::PieChartSectionControl,
+            "progress_bar" => RufletComponents::ProgressBarControl,
+            "progress_ring" => RufletComponents::ProgressRingControl,
+            "progressbar" => RufletComponents::ProgressBarControl,
+            "progressring" => RufletComponents::ProgressRingControl,
+            "radio" => RufletComponents::RadioControl,
+            "radio_group" => RufletComponents::RadioGroupControl,
+            "radiogroup" => RufletComponents::RadioGroupControl,
+            "radar_chart" => RufletComponents::RadarChartControl,
+            "radar_chart_title" => RufletComponents::RadarChartTitleControl,
+            "radar_data_set" => RufletComponents::RadarDataSetControl,
+            "radar_data_set_entry" => RufletComponents::RadarDataSetEntryControl,
+            "radarchart" => RufletComponents::RadarChartControl,
+            "radarcharttitle" => RufletComponents::RadarChartTitleControl,
+            "radardataset" => RufletComponents::RadarDataSetControl,
+            "radardatasetentry" => RufletComponents::RadarDataSetEntryControl,
+            "range_slider" => RufletComponents::RangeSliderControl,
+            "rangeslider" => RufletComponents::RangeSliderControl,
+            "reorderable_list_view" => RufletComponents::ReorderableListViewControl,
+            "reorderablelistview" => RufletComponents::ReorderableListViewControl,
+            "search_bar" => RufletComponents::SearchBarControl,
+            "searchbar" => RufletComponents::SearchBarControl,
+            "segment" => RufletComponents::SegmentControl,
+            "segmented_button" => RufletComponents::SegmentedButtonControl,
+            "segmentedbutton" => RufletComponents::SegmentedButtonControl,
+            "selection_area" => RufletComponents::SelectionAreaControl,
+            "selectionarea" => RufletComponents::SelectionAreaControl,
+            "scatter_chart" => RufletComponents::ScatterChartControl,
+            "scatter_chart_spot" => RufletComponents::ScatterChartSpotControl,
+            "scatterchart" => RufletComponents::ScatterChartControl,
+            "scatterchartspot" => RufletComponents::ScatterChartSpotControl,
+            "slider" => RufletComponents::SliderControl,
+            "snack_bar" => RufletComponents::SnackBarControl,
+            "snackbar" => RufletComponents::SnackBarControl,
+            "submenu_button" => RufletComponents::SubmenuButtonControl,
+            "submenubutton" => RufletComponents::SubmenuButtonControl,
+            "switch" => RufletComponents::SwitchControl,
+            "tab" => RufletComponents::TabControl,
+            "tab_bar" => RufletComponents::TabBarControl,
+            "tab_bar_view" => RufletComponents::TabBarViewControl,
+            "tabbar" => RufletComponents::TabBarControl,
+            "tabbarview" => RufletComponents::TabBarViewControl,
+            "tabs" => RufletComponents::TabsControl,
+            "text_button" => RufletComponents::TextButtonControl,
+            "text_field" => RufletComponents::TextFieldControl,
+            "textbutton" => RufletComponents::TextButtonControl,
+            "textfield" => RufletComponents::TextFieldControl,
+            "time_picker" => RufletComponents::TimePickerControl,
+            "timepicker" => RufletComponents::TimePickerControl,
+            "vertical_divider" => RufletComponents::VerticalDividerControl,
+            "verticaldivider" => RufletComponents::VerticalDividerControl,
+            "web_view" => RufletComponents::WebViewControl,
+            "webview" => RufletComponents::WebViewControl,
+          }.freeze
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,94 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Controls
+      module RufletComponents
+        class SearchBarControl < Ruflet::Control
+          TYPE = "searchbar".freeze
+          WIRE = "SearchBar".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, autofocus: nil, badge: nil, bar_bgcolor: nil, bar_border_side: nil, bar_elevation: nil, bar_hint_text: nil, bar_hint_text_style: nil, bar_leading: nil, bar_overlay_color: nil, bar_padding: nil, bar_scroll_padding: nil, bar_shadow_color: nil, bar_shape: nil, bar_size_constraints: nil, bar_text_style: nil, bar_trailing: nil, bottom: nil, capitalization: nil, col: nil, controls: nil, data: nil, disabled: nil, divider_color: nil, expand: nil, expand_loose: nil, full_screen: nil, height: nil, key: nil, keyboard_type: nil, left: nil, margin: nil, offset: nil, opacity: nil, right: nil, rotate: nil, rtl: nil, scale: nil, shrink_wrap: nil, size_change_interval: nil, tooltip: nil, top: nil, value: nil, view_bar_padding: nil, view_bgcolor: nil, view_elevation: nil, view_header_height: nil, view_header_text_style: nil, view_hint_text: nil, view_hint_text_style: nil, view_leading: nil, view_padding: nil, view_shape: nil, view_side: nil, view_size_constraints: nil, view_trailing: nil, visible: nil, width: nil, on_animation_end: nil, on_blur: nil, on_change: nil, on_focus: nil, on_size_change: nil, on_submit: nil, on_tap: nil, on_tap_outside_bar: 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[:autofocus] = autofocus unless autofocus.nil?
+            props[:badge] = badge unless badge.nil?
+            props[:bar_bgcolor] = bar_bgcolor unless bar_bgcolor.nil?
+            props[:bar_border_side] = bar_border_side unless bar_border_side.nil?
+            props[:bar_elevation] = bar_elevation unless bar_elevation.nil?
+            props[:bar_hint_text] = bar_hint_text unless bar_hint_text.nil?
+            props[:bar_hint_text_style] = bar_hint_text_style unless bar_hint_text_style.nil?
+            props[:bar_leading] = bar_leading unless bar_leading.nil?
+            props[:bar_overlay_color] = bar_overlay_color unless bar_overlay_color.nil?
+            props[:bar_padding] = bar_padding unless bar_padding.nil?
+            props[:bar_scroll_padding] = bar_scroll_padding unless bar_scroll_padding.nil?
+            props[:bar_shadow_color] = bar_shadow_color unless bar_shadow_color.nil?
+            props[:bar_shape] = bar_shape unless bar_shape.nil?
+            props[:bar_size_constraints] = bar_size_constraints unless bar_size_constraints.nil?
+            props[:bar_text_style] = bar_text_style unless bar_text_style.nil?
+            props[:bar_trailing] = bar_trailing unless bar_trailing.nil?
+            props[:bottom] = bottom unless bottom.nil?
+            props[:capitalization] = capitalization unless capitalization.nil?
+            props[:col] = col unless col.nil?
+            props[:controls] = controls unless controls.nil?
+            props[:data] = data unless data.nil?
+            props[:disabled] = disabled unless disabled.nil?
+            props[:divider_color] = divider_color unless divider_color.nil?
+            props[:expand] = expand unless expand.nil?
+            props[:expand_loose] = expand_loose unless expand_loose.nil?
+            props[:full_screen] = full_screen unless full_screen.nil?
+            props[:height] = height unless height.nil?
+            props[:key] = key unless key.nil?
+            props[:keyboard_type] = keyboard_type unless keyboard_type.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[:shrink_wrap] = shrink_wrap unless shrink_wrap.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[:value] = value unless value.nil?
+            props[:view_bar_padding] = view_bar_padding unless view_bar_padding.nil?
+            props[:view_bgcolor] = view_bgcolor unless view_bgcolor.nil?
+            props[:view_elevation] = view_elevation unless view_elevation.nil?
+            props[:view_header_height] = view_header_height unless view_header_height.nil?
+            props[:view_header_text_style] = view_header_text_style unless view_header_text_style.nil?
+            props[:view_hint_text] = view_hint_text unless view_hint_text.nil?
+            props[:view_hint_text_style] = view_hint_text_style unless view_hint_text_style.nil?
+            props[:view_leading] = view_leading unless view_leading.nil?
+            props[:view_padding] = view_padding unless view_padding.nil?
+            props[:view_shape] = view_shape unless view_shape.nil?
+            props[:view_side] = view_side unless view_side.nil?
+            props[:view_size_constraints] = view_size_constraints unless view_size_constraints.nil?
+            props[:view_trailing] = view_trailing unless view_trailing.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_change] = on_change unless on_change.nil?
+            props[:on_focus] = on_focus unless on_focus.nil?
+            props[:on_size_change] = on_size_change unless on_size_change.nil?
+            props[:on_submit] = on_submit unless on_submit.nil?
+            props[:on_tap] = on_tap unless on_tap.nil?
+            props[:on_tap_outside_bar] = on_tap_outside_bar unless on_tap_outside_bar.nil?
+            super(type: TYPE, id: id, **props)
+          end
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,33 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Controls
+      module RufletComponents
+        class SegmentControl < Ruflet::Control
+          TYPE = "segment".freeze
+          WIRE = "Segment".freeze
+
+          def initialize(id: nil, badge: nil, col: nil, data: nil, disabled: nil, expand: nil, expand_loose: nil, icon: nil, key: nil, label: nil, opacity: nil, rtl: nil, tooltip: nil, value: nil, visible: nil)
+            props = {}
+            props[:badge] = badge unless badge.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[:icon] = icon unless icon.nil?
+            props[:key] = key unless key.nil?
+            props[:label] = label unless label.nil?
+            props[:opacity] = opacity unless opacity.nil?
+            props[:rtl] = rtl unless rtl.nil?
+            props[:tooltip] = tooltip unless tooltip.nil?
+            props[:value] = value unless value.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/segmentedbutton_control.rb

@@ -0,0 +1,63 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Controls
+      module RufletComponents
+        class SegmentedButtonControl < Ruflet::Control
+          TYPE = "segmentedbutton".freeze
+          WIRE = "SegmentedButton".freeze
+
+          def initialize(id: nil, align: nil, allow_empty_selection: nil, allow_multiple_selection: 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, direction: nil, disabled: nil, expand: nil, expand_loose: nil, height: nil, key: nil, left: nil, margin: nil, offset: nil, opacity: nil, padding: nil, right: nil, rotate: nil, rtl: nil, scale: nil, segments: nil, selected: nil, selected_icon: nil, show_selected_icon: nil, size_change_interval: nil, style: nil, tooltip: nil, top: nil, visible: nil, width: nil, on_animation_end: nil, on_change: nil, on_size_change: nil)
+            props = {}
+            props[:align] = align unless align.nil?
+            props[:allow_empty_selection] = allow_empty_selection unless allow_empty_selection.nil?
+            props[:allow_multiple_selection] = allow_multiple_selection unless allow_multiple_selection.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[:direction] = direction unless direction.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[: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[:segments] = segments unless segments.nil?
+            props[:selected] = selected unless selected.nil?
+            props[:selected_icon] = selected_icon unless selected_icon.nil?
+            props[:show_selected_icon] = show_selected_icon unless show_selected_icon.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[: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_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/selectionarea_control.rb

@@ -0,0 +1,32 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Controls
+      module RufletComponents
+        class SelectionAreaControl < Ruflet::Control
+          TYPE = "selectionarea".freeze
+          WIRE = "SelectionArea".freeze
+
+          def initialize(id: nil, badge: nil, col: nil, content: nil, data: nil, disabled: nil, expand: nil, expand_loose: nil, key: nil, opacity: nil, rtl: nil, tooltip: nil, visible: nil, on_change: nil)
+            props = {}
+            props[:badge] = badge unless badge.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[:expand] = expand unless expand.nil?
+            props[:expand_loose] = expand_loose unless expand_loose.nil?
+            props[:key] = key unless key.nil?
+            props[:opacity] = opacity unless opacity.nil?
+            props[:rtl] = rtl unless rtl.nil?
+            props[:tooltip] = tooltip unless tooltip.nil?
+            props[:visible] = visible unless visible.nil?
+            props[:on_change] = on_change unless on_change.nil?
+            super(type: TYPE, id: id, **props)
+          end
+        end
+      end
+    end
+  end
+end

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

@@ -0,0 +1,76 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Controls
+      module RufletComponents
+        class SliderControl < Ruflet::Control
+          TYPE = "slider".freeze
+          WIRE = "Slider".freeze
+
+          def initialize(id: nil, active_color: 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, bottom: nil, col: nil, data: nil, disabled: nil, divisions: nil, expand: nil, expand_loose: nil, height: nil, inactive_color: nil, interaction: nil, key: nil, label: nil, left: nil, margin: nil, max: nil, min: nil, mouse_cursor: nil, offset: nil, opacity: nil, overlay_color: nil, padding: nil, right: nil, rotate: nil, round: nil, rtl: nil, scale: nil, secondary_active_color: nil, secondary_track_value: nil, size_change_interval: nil, thumb_color: nil, tooltip: nil, top: nil, value: nil, visible: nil, width: nil, year_2023: nil, on_animation_end: nil, on_blur: nil, on_change: nil, on_change_end: nil, on_change_start: nil, on_focus: nil, on_size_change: nil)
+            props = {}
+            props[:active_color] = active_color unless active_color.nil?
+            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[:bottom] = bottom unless bottom.nil?
+            props[:col] = col unless col.nil?
+            props[:data] = data unless data.nil?
+            props[:disabled] = disabled unless disabled.nil?
+            props[:divisions] = divisions unless divisions.nil?
+            props[:expand] = expand unless expand.nil?
+            props[:expand_loose] = expand_loose unless expand_loose.nil?
+            props[:height] = height unless height.nil?
+            props[:inactive_color] = inactive_color unless inactive_color.nil?
+            props[:interaction] = interaction unless interaction.nil?
+            props[:key] = key unless key.nil?
+            props[:label] = label unless label.nil?
+            props[:left] = left unless left.nil?
+            props[:margin] = margin unless margin.nil?
+            props[:max] = max unless max.nil?
+            props[:min] = min unless min.nil?
+            props[:mouse_cursor] = mouse_cursor unless mouse_cursor.nil?
+            props[:offset] = offset unless offset.nil?
+            props[:opacity] = opacity unless opacity.nil?
+            props[:overlay_color] = overlay_color unless overlay_color.nil?
+            props[:padding] = padding unless padding.nil?
+            props[:right] = right unless right.nil?
+            props[:rotate] = rotate unless rotate.nil?
+            props[:round] = round unless round.nil?
+            props[:rtl] = rtl unless rtl.nil?
+            props[:scale] = scale unless scale.nil?
+            props[:secondary_active_color] = secondary_active_color unless secondary_active_color.nil?
+            props[:secondary_track_value] = secondary_track_value unless secondary_track_value.nil?
+            props[:size_change_interval] = size_change_interval unless size_change_interval.nil?
+            props[:thumb_color] = thumb_color unless thumb_color.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[:year_2023] = year_2023 unless year_2023.nil?
+            props[:on_animation_end] = on_animation_end unless on_animation_end.nil?
+            props[:on_blur] = on_blur unless on_blur.nil?
+            props[:on_change] = on_change unless on_change.nil?
+            props[:on_change_end] = on_change_end unless on_change_end.nil?
+            props[:on_change_start] = on_change_start unless on_change_start.nil?
+            props[:on_focus] = on_focus unless on_focus.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/snackbar_control.rb

@@ -0,0 +1,51 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Controls
+      module RufletComponents
+        class SnackBarControl < Ruflet::Control
+          TYPE = "snackbar".freeze
+          WIRE = "SnackBar".freeze
+
+          def initialize(id: nil, action: nil, action_overflow_threshold: nil, adaptive: nil, badge: nil, behavior: nil, bgcolor: nil, clip_behavior: nil, close_icon_color: nil, col: nil, content: nil, data: nil, disabled: nil, dismiss_direction: nil, duration: nil, elevation: nil, expand: nil, expand_loose: nil, key: nil, margin: nil, opacity: nil, open: nil, padding: nil, persist: nil, rtl: nil, shape: nil, show_close_icon: nil, tooltip: nil, visible: nil, width: nil, on_action: nil, on_dismiss: nil, on_visible: nil)
+            props = {}
+            props[:action] = action unless action.nil?
+            props[:action_overflow_threshold] = action_overflow_threshold unless action_overflow_threshold.nil?
+            props[:adaptive] = adaptive unless adaptive.nil?
+            props[:badge] = badge unless badge.nil?
+            props[:behavior] = behavior unless behavior.nil?
+            props[:bgcolor] = bgcolor unless bgcolor.nil?
+            props[:clip_behavior] = clip_behavior unless clip_behavior.nil?
+            props[:close_icon_color] = close_icon_color unless close_icon_color.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[:dismiss_direction] = dismiss_direction unless dismiss_direction.nil?
+            props[:duration] = duration unless duration.nil?
+            props[:elevation] = elevation unless elevation.nil?
+            props[:expand] = expand unless expand.nil?
+            props[:expand_loose] = expand_loose unless expand_loose.nil?
+            props[:key] = key unless key.nil?
+            props[:margin] = margin unless margin.nil?
+            props[:opacity] = opacity unless opacity.nil?
+            props[:open] = open unless open.nil?
+            props[:padding] = padding unless padding.nil?
+            props[:persist] = persist unless persist.nil?
+            props[:rtl] = rtl unless rtl.nil?
+            props[:shape] = shape unless shape.nil?
+            props[:show_close_icon] = show_close_icon unless show_close_icon.nil?
+            props[:tooltip] = tooltip unless tooltip.nil?
+            props[:visible] = visible unless visible.nil?
+            props[:width] = width unless width.nil?
+            props[:on_action] = on_action unless on_action.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