ruflet_core 0.0.9

data/lib/ruflet_ui/ruflet/ui/controls/shared/view_control.rb

@@ -0,0 +1,77 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Controls
+      module RufletComponents
+        class ViewControl < Ruflet::Control
+          TYPE = "view".freeze
+          WIRE = "View".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, appbar: nil, aspect_ratio: nil, auto_scroll: nil, badge: nil, bgcolor: nil, bottom: nil, bottom_appbar: nil, can_pop: nil, col: nil, controls: nil, data: nil, decoration: nil, disabled: nil, drawer: nil, end_drawer: nil, expand: nil, expand_loose: nil, floating_action_button: nil, floating_action_button_location: nil, foreground_decoration: nil, fullscreen_dialog: nil, height: nil, horizontal_alignment: nil, key: nil, left: nil, margin: nil, navigation_bar: nil, offset: nil, opacity: nil, padding: nil, right: nil, rotate: nil, route: nil, rtl: nil, scale: nil, scroll: nil, scroll_interval: nil, services: nil, size_change_interval: nil, spacing: nil, tooltip: nil, top: nil, vertical_alignment: nil, visible: nil, width: nil, on_animation_end: nil, on_confirm_pop: nil, on_scroll: 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[:appbar] = appbar unless appbar.nil?
+            props[:aspect_ratio] = aspect_ratio unless aspect_ratio.nil?
+            props[:auto_scroll] = auto_scroll unless auto_scroll.nil?
+            props[:badge] = badge unless badge.nil?
+            props[:bgcolor] = bgcolor unless bgcolor.nil?
+            props[:bottom] = bottom unless bottom.nil?
+            props[:bottom_appbar] = bottom_appbar unless bottom_appbar.nil?
+            props[:can_pop] = can_pop unless can_pop.nil?
+            props[:col] = col unless col.nil?
+            props[:controls] = controls unless controls.nil?
+            props[:data] = data unless data.nil?
+            props[:decoration] = decoration unless decoration.nil?
+            props[:disabled] = disabled unless disabled.nil?
+            props[:drawer] = drawer unless drawer.nil?
+            props[:end_drawer] = end_drawer unless end_drawer.nil?
+            props[:expand] = expand unless expand.nil?
+            props[:expand_loose] = expand_loose unless expand_loose.nil?
+            props[:floating_action_button] = floating_action_button unless floating_action_button.nil?
+            props[:floating_action_button_location] = floating_action_button_location unless floating_action_button_location.nil?
+            props[:foreground_decoration] = foreground_decoration unless foreground_decoration.nil?
+            props[:fullscreen_dialog] = fullscreen_dialog unless fullscreen_dialog.nil?
+            props[:height] = height unless height.nil?
+            props[:horizontal_alignment] = horizontal_alignment unless horizontal_alignment.nil?
+            props[:key] = key unless key.nil?
+            props[:left] = left unless left.nil?
+            props[:margin] = margin unless margin.nil?
+            props[:navigation_bar] = navigation_bar unless navigation_bar.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[:route] = route unless route.nil?
+            props[:rtl] = rtl unless rtl.nil?
+            props[:scale] = scale unless scale.nil?
+            props[:scroll] = scroll unless scroll.nil?
+            props[:scroll_interval] = scroll_interval unless scroll_interval.nil?
+            props[:services] = services unless services.nil?
+            props[:size_change_interval] = size_change_interval unless size_change_interval.nil?
+            props[:spacing] = spacing unless spacing.nil?
+            props[:tooltip] = tooltip unless tooltip.nil?
+            props[:top] = top unless top.nil?
+            props[:vertical_alignment] = vertical_alignment unless vertical_alignment.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_confirm_pop] = on_confirm_pop unless on_confirm_pop.nil?
+            props[:on_scroll] = on_scroll unless on_scroll.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/shared/window_control.rb

@@ -0,0 +1,56 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Controls
+      module RufletComponents
+        class WindowControl < Ruflet::Control
+          TYPE = "window".freeze
+          WIRE = "Window".freeze
+
+          def initialize(id: nil, alignment: nil, always_on_bottom: nil, always_on_top: nil, aspect_ratio: nil, badge_label: nil, bgcolor: nil, brightness: nil, data: nil, focused: nil, frameless: nil, full_screen: nil, height: nil, icon: nil, ignore_mouse_events: nil, key: nil, left: nil, max_height: nil, max_width: nil, maximizable: nil, maximized: nil, min_height: nil, min_width: nil, minimizable: nil, minimized: nil, movable: nil, opacity: nil, prevent_close: nil, progress_bar: nil, resizable: nil, shadow: nil, skip_task_bar: nil, title_bar_buttons_hidden: nil, title_bar_hidden: nil, top: nil, visible: nil, width: nil, on_event: nil)
+            props = {}
+            props[:alignment] = alignment unless alignment.nil?
+            props[:always_on_bottom] = always_on_bottom unless always_on_bottom.nil?
+            props[:always_on_top] = always_on_top unless always_on_top.nil?
+            props[:aspect_ratio] = aspect_ratio unless aspect_ratio.nil?
+            props[:badge_label] = badge_label unless badge_label.nil?
+            props[:bgcolor] = bgcolor unless bgcolor.nil?
+            props[:brightness] = brightness unless brightness.nil?
+            props[:data] = data unless data.nil?
+            props[:focused] = focused unless focused.nil?
+            props[:frameless] = frameless unless frameless.nil?
+            props[:full_screen] = full_screen unless full_screen.nil?
+            props[:height] = height unless height.nil?
+            props[:icon] = icon unless icon.nil?
+            props[:ignore_mouse_events] = ignore_mouse_events unless ignore_mouse_events.nil?
+            props[:key] = key unless key.nil?
+            props[:left] = left unless left.nil?
+            props[:max_height] = max_height unless max_height.nil?
+            props[:max_width] = max_width unless max_width.nil?
+            props[:maximizable] = maximizable unless maximizable.nil?
+            props[:maximized] = maximized unless maximized.nil?
+            props[:min_height] = min_height unless min_height.nil?
+            props[:min_width] = min_width unless min_width.nil?
+            props[:minimizable] = minimizable unless minimizable.nil?
+            props[:minimized] = minimized unless minimized.nil?
+            props[:movable] = movable unless movable.nil?
+            props[:opacity] = opacity unless opacity.nil?
+            props[:prevent_close] = prevent_close unless prevent_close.nil?
+            props[:progress_bar] = progress_bar unless progress_bar.nil?
+            props[:resizable] = resizable unless resizable.nil?
+            props[:shadow] = shadow unless shadow.nil?
+            props[:skip_task_bar] = skip_task_bar unless skip_task_bar.nil?
+            props[:title_bar_buttons_hidden] = title_bar_buttons_hidden unless title_bar_buttons_hidden.nil?
+            props[:title_bar_hidden] = title_bar_hidden unless title_bar_hidden.nil?
+            props[:top] = top unless top.nil?
+            props[:visible] = visible unless visible.nil?
+            props[:width] = width unless width.nil?
+            props[:on_event] = on_event unless on_event.nil?
+            super(type: TYPE, id: id, **props)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/ruflet_ui/ruflet/ui/controls/shared/windowdragarea_control.rb

@@ -0,0 +1,58 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Controls
+      module RufletComponents
+        class WindowDragAreaControl < Ruflet::Control
+          TYPE = "windowdragarea".freeze
+          WIRE = "WindowDragArea".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, content: nil, data: nil, disabled: nil, expand: nil, expand_loose: nil, height: nil, key: nil, left: nil, margin: nil, maximizable: nil, offset: nil, opacity: nil, right: nil, rotate: nil, rtl: nil, scale: nil, size_change_interval: nil, tooltip: nil, top: nil, visible: nil, width: nil, on_animation_end: nil, on_double_tap: nil, on_drag_end: nil, on_drag_start: 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[: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[:height] = height unless height.nil?
+            props[:key] = key unless key.nil?
+            props[:left] = left unless left.nil?
+            props[:margin] = margin unless margin.nil?
+            props[:maximizable] = maximizable unless maximizable.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[: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_double_tap] = on_double_tap unless on_double_tap.nil?
+            props[:on_drag_end] = on_drag_end unless on_drag_end.nil?
+            props[:on_drag_start] = on_drag_start unless on_drag_start.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/cupertino_control_factory.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+require_relative "controls/cupertinos/ruflet_controls"
+
+module Ruflet
+  module UI
+      module CupertinoControlFactory
+      module_function
+
+      CLASS_MAP = Controls::Cupertinos::RufletControls::CLASS_MAP.freeze
+    end
+  end
+end

data/lib/ruflet_ui/ruflet/ui/cupertino_control_methods.rb

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module CupertinoControlMethods
+      def cupertino_button(**props) = build_widget(:cupertino_button, **props)
+      def cupertinobutton(**props) = cupertino_button(**props)
+      def cupertino_filled_button(**props) = build_widget(:cupertino_filled_button, **props)
+      def cupertinofilledbutton(**props) = cupertino_filled_button(**props)
+      def cupertino_text_field(**props) = build_widget(:cupertino_text_field, **props)
+      def cupertinotextfield(**props) = cupertino_text_field(**props)
+      def cupertino_switch(**props) = build_widget(:cupertino_switch, **props)
+      def cupertinoswitch(**props) = cupertino_switch(**props)
+      def cupertino_slider(**props) = build_widget(:cupertino_slider, **props)
+      def cupertinoslider(**props) = cupertino_slider(**props)
+      def cupertino_alert_dialog(**props) = build_widget(:cupertino_alert_dialog, **props)
+      def cupertinoalertdialog(**props) = cupertino_alert_dialog(**props)
+      def cupertino_action_sheet(**props) = build_widget(:cupertino_action_sheet, **props)
+      def cupertinoactionsheet(**props) = cupertino_action_sheet(**props)
+      def cupertino_dialog_action(**props) = build_widget(:cupertino_dialog_action, **props)
+      def cupertinodialogaction(**props) = cupertino_dialog_action(**props)
+      def cupertino_navigation_bar(**props) = build_widget(:cupertino_navigation_bar, **props)
+      def cupertinonavigationbar(**props) = cupertino_navigation_bar(**props)
+    end
+  end
+end

data/lib/ruflet_ui/ruflet/ui/cupertino_control_registry.rb

@@ -0,0 +1,49 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module CupertinoControlRegistry
+      TYPE_MAP = {
+        "cupertino_button" => "CupertinoButton",
+        "cupertinobutton" => "CupertinoButton",
+        "cupertino_filled_button" => "CupertinoFilledButton",
+        "cupertinofilledbutton" => "CupertinoFilledButton",
+        "cupertino_tinted_button" => "CupertinoTintedButton",
+        "cupertinotintedbutton" => "CupertinoTintedButton",
+        "cupertino_text_field" => "CupertinoTextField",
+        "cupertinotextfield" => "CupertinoTextField",
+        "cupertino_checkbox" => "CupertinoCheckbox",
+        "cupertinocheckbox" => "CupertinoCheckbox",
+        "cupertino_switch" => "CupertinoSwitch",
+        "cupertinoswitch" => "CupertinoSwitch",
+        "cupertino_slider" => "CupertinoSlider",
+        "cupertinoslider" => "CupertinoSlider",
+        "cupertino_radio" => "CupertinoRadio",
+        "cupertinoradio" => "CupertinoRadio",
+        "cupertino_alert_dialog" => "CupertinoAlertDialog",
+        "cupertinoalertdialog" => "CupertinoAlertDialog",
+        "cupertino_action_sheet" => "CupertinoActionSheet",
+        "cupertinoactionsheet" => "CupertinoActionSheet",
+        "cupertino_dialog_action" => "CupertinoDialogAction",
+        "cupertinodialogaction" => "CupertinoDialogAction",
+        "cupertino_bottom_sheet" => "CupertinoBottomSheet",
+        "cupertinobottomsheet" => "CupertinoBottomSheet",
+        "cupertino_picker" => "CupertinoPicker",
+        "cupertinopicker" => "CupertinoPicker",
+        "cupertino_date_picker" => "CupertinoDatePicker",
+        "cupertinodatepicker" => "CupertinoDatePicker",
+        "cupertino_timer_picker" => "CupertinoTimerPicker",
+        "cupertinotimerpicker" => "CupertinoTimerPicker",
+        "cupertino_navigation_bar" => "CupertinoNavigationBar",
+        "cupertinonavigationbar" => "CupertinoNavigationBar"
+      }.freeze
+
+      EVENT_PROPS = {
+        on_click: "click",
+        on_change: "change",
+        on_submit: "submit",
+        on_dismiss: "dismiss"
+      }.freeze
+    end
+  end
+end

data/lib/ruflet_ui/ruflet/ui/material_control_factory.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+require_relative "controls/materials/ruflet_controls"
+
+module Ruflet
+  module UI
+      module MaterialControlFactory
+      module_function
+
+      CLASS_MAP = Controls::Materials::RufletControls::CLASS_MAP.freeze
+    end
+  end
+end

data/lib/ruflet_ui/ruflet/ui/material_control_methods.rb

@@ -0,0 +1,170 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module MaterialControlMethods
+      def view(**props, &block) = build_widget(:view, **props, &block)
+      def column(**props, &block) = build_widget(:column, **props, &block)
+
+      def center(**props, &block)
+        mapped = props.dup
+        defaults = { expand: true, alignment: { x: 0, y: 0 } }
+
+        if block
+          nested = WidgetBuilder.new
+          block_result = nested.instance_eval(&block)
+          child =
+            if nested.children.any?
+              nested.children.first
+            elsif block_result.is_a?(Ruflet::Control)
+              block_result
+            end
+          mapped[:content] = child if child
+        end
+
+        build_widget(:container, **normalize_container_props(defaults.merge(mapped)))
+      end
+
+      def row(**props, &block) = build_widget(:row, **props, &block)
+      def stack(**props, &block) = build_widget(:stack, **props, &block)
+      def grid_view(**props, &block) = build_widget(:gridview, **props, &block)
+      def gridview(**props, &block) = grid_view(**props, &block)
+      def container(**props, &block) = build_widget(:container, **normalize_container_props(props), &block)
+      def gesture_detector(**props, &block) = build_widget(:gesturedetector, **props, &block)
+      def gesturedetector(**props, &block) = gesture_detector(**props, &block)
+      def draggable(**props, &block) = build_widget(:draggable, **props, &block)
+      def drag_target(**props, &block) = build_widget(:dragtarget, **props, &block)
+      def dragtarget(**props, &block) = drag_target(**props, &block)
+
+      def text(value = nil, **props)
+        mapped = props.dup
+        mapped[:value] = value unless value.nil?
+        build_widget(:text, **mapped)
+      end
+
+      def button(**props) = build_widget(:button, **props)
+      # Ruflet currently uses a single Material button control schema.
+      # Keep elevated_button DSL available by routing to :button.
+      def elevated_button(**props) = build_widget(:button, **props)
+      def text_button(**props) = build_widget(:textbutton, **props)
+      def textbutton(**props) = text_button(**props)
+      def filled_button(**props) = build_widget(:filledbutton, **props)
+      def filledbutton(**props) = filled_button(**props)
+
+      def icon_button(**props) = build_widget(:iconbutton, **props)
+      def iconbutton(**props) = icon_button(**props)
+      def text_field(**props) = build_widget(:textfield, **props)
+      def textfield(**props) = text_field(**props)
+      def checkbox(**props) = build_widget(:checkbox, **props)
+      def radio(**props) = build_widget(:radio, **props)
+      def radio_group(**props) = build_widget(:radiogroup, **props)
+      def radiogroup(**props) = radio_group(**props)
+      def alert_dialog(**props) = build_widget(:alertdialog, **props)
+      def alertdialog(**props) = alert_dialog(**props)
+      def snack_bar(**props) = build_widget(:snackbar, **props)
+      def snackbar(**props) = snack_bar(**props)
+      def bottom_sheet(**props) = build_widget(:bottomsheet, **props)
+      def bottomsheet(**props) = bottom_sheet(**props)
+
+      def markdown(value = nil, **props)
+        mapped = props.dup
+        mapped[:value] = value unless value.nil?
+        build_widget(:markdown, **mapped)
+      end
+
+      def icon(**props) = build_widget(:icon, **props)
+
+      def image(src = nil, src_base64: nil, placeholder_src: nil, **props)
+        mapped = props.dup
+        mapped[:src] = normalize_image_source(src) unless src.nil?
+        mapped[:src] = normalize_image_source(src_base64) if mapped[:src].nil? && !src_base64.nil?
+        mapped[:placeholder_src] = normalize_image_source(placeholder_src) unless placeholder_src.nil?
+        build_widget(:image, **mapped)
+      end
+
+      def app_bar(**props) = build_widget(:appbar, **props)
+      def appbar(**props) = app_bar(**props)
+      def url_launcher(**props) = build_widget(:url_launcher, **props)
+      def clipboard(**props) = build_widget(:clipboard, **props)
+      def floating_action_button(**props) = build_widget(:floatingactionbutton, **props)
+      def floatingactionbutton(**props) = floating_action_button(**props)
+      def tabs(**props, &block) = build_widget(:tabs, **props, &block)
+      def tab(**props, &block) = build_widget(:tab, **props, &block)
+      def tab_bar(**props, &block) = build_widget(:tabbar, **props, &block)
+      def tabbar(**props, &block) = tab_bar(**props, &block)
+      def tab_bar_view(**props, &block) = build_widget(:tabbarview, **props, &block)
+      def tabbarview(**props, &block) = tab_bar_view(**props, &block)
+      def navigation_bar(**props, &block) = build_widget(:navigationbar, **props, &block)
+      def navigationbar(**props, &block) = navigation_bar(**props, &block)
+      def navigation_bar_destination(**props, &block) = build_widget(:navigationbardestination, **props, &block)
+      def navigationbardestination(**props, &block) = navigation_bar_destination(**props, &block)
+      def bar_chart(**props) = build_widget(:barchart, **props)
+      def barchart(**props) = bar_chart(**props)
+      def bar_chart_group(**props) = build_widget(:barchartgroup, **props)
+      def barchartgroup(**props) = bar_chart_group(**props)
+      def bar_chart_rod(**props) = build_widget(:barchartrod, **props)
+      def barchartrod(**props) = bar_chart_rod(**props)
+      def bar_chart_rod_stack_item(**props) = build_widget(:barchartrodstackitem, **props)
+      def barchartrodstackitem(**props) = bar_chart_rod_stack_item(**props)
+      def line_chart(**props) = build_widget(:linechart, **props)
+      def linechart(**props) = line_chart(**props)
+      def line_chart_data(**props) = build_widget(:linechartdata, **props)
+      def linechartdata(**props) = line_chart_data(**props)
+      def line_chart_data_point(**props) = build_widget(:linechartdatapoint, **props)
+      def linechartdatapoint(**props) = line_chart_data_point(**props)
+      def pie_chart(**props) = build_widget(:piechart, **props)
+      def piechart(**props) = pie_chart(**props)
+      def pie_chart_section(**props) = build_widget(:piechartsection, **props)
+      def piechartsection(**props) = pie_chart_section(**props)
+      def candlestick_chart(**props) = build_widget(:candlestickchart, **props)
+      def candlestickchart(**props) = candlestick_chart(**props)
+      def candlestick_chart_spot(**props) = build_widget(:candlestickchartspot, **props)
+      def candlestickchartspot(**props) = candlestick_chart_spot(**props)
+      def radar_chart(**props) = build_widget(:radarchart, **props)
+      def radarchart(**props) = radar_chart(**props)
+      def radar_chart_title(**props) = build_widget(:radarcharttitle, **props)
+      def radarcharttitle(**props) = radar_chart_title(**props)
+      def radar_data_set(**props) = build_widget(:radardataset, **props)
+      def radardataset(**props) = radar_data_set(**props)
+      def radar_data_set_entry(**props) = build_widget(:radardatasetentry, **props)
+      def radardatasetentry(**props) = radar_data_set_entry(**props)
+      def scatter_chart(**props) = build_widget(:scatterchart, **props)
+      def scatterchart(**props) = scatter_chart(**props)
+      def scatter_chart_spot(**props) = build_widget(:scatterchartspot, **props)
+      def scatterchartspot(**props) = scatter_chart_spot(**props)
+      def chart_axis(**props) = build_widget(:chartaxis, **props)
+      def chartaxis(**props) = chart_axis(**props)
+      def chart_axis_label(**props) = build_widget(:chartaxislabel, **props)
+      def chartaxislabel(**props) = chart_axis_label(**props)
+      def web_view(**props) = build_widget(:webview, **props)
+      def webview(**props) = web_view(**props)
+
+      def fab(content = nil, **props)
+        mapped = props.dup
+        mapped[:content] = content unless content.nil?
+        build_widget(:floatingactionbutton, **mapped)
+      end
+
+      private
+
+      def normalize_image_source(value)
+        return value unless value.is_a?(Array)
+        return value.pack("C*") if value.all? { |v| v.is_a?(Integer) }
+        value
+      end
+
+      # Flet container alignment expects a vector-like object ({x:, y:}),
+      # not a plain string. Keep common shorthand compatible.
+      def normalize_container_props(props)
+        mapped = props.dup
+        alignment = mapped[:alignment] || mapped["alignment"]
+        if alignment == "center" || alignment == :center
+          mapped[:alignment] = { x: 0, y: 0 }
+          mapped.delete("alignment")
+        end
+        mapped
+      end
+
+    end
+  end
+end

data/lib/ruflet_ui/ruflet/ui/material_control_registry.rb

@@ -0,0 +1,168 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module MaterialControlRegistry
+      TYPE_MAP = {
+        "text" => "Text",
+        "column" => "Column",
+        "row" => "Row",
+        "stack" => "Stack",
+        "gridview" => "GridView",
+        "grid_view" => "GridView",
+        "view" => "View",
+        "container" => "Container",
+        "checkbox" => "Checkbox",
+        "radio" => "Radio",
+        "radiogroup" => "RadioGroup",
+        "radio_group" => "RadioGroup",
+        "alertdialog" => "AlertDialog",
+        "alert_dialog" => "AlertDialog",
+        "snackbar" => "SnackBar",
+        "snack_bar" => "SnackBar",
+        "bottomsheet" => "BottomSheet",
+        "bottom_sheet" => "BottomSheet",
+        "markdown" => "Markdown",
+        "textbutton" => "TextButton",
+        "text_button" => "TextButton",
+        "filledbutton" => "FilledButton",
+        "filled_button" => "FilledButton",
+        "gesturedetector" => "GestureDetector",
+        "gesture_detector" => "GestureDetector",
+        "autocomplete" => "AutoComplete",
+        "auto_complete" => "AutoComplete",
+        "draggable" => "Draggable",
+        "dragtarget" => "DragTarget",
+        "drag_target" => "DragTarget",
+        "filepicker" => "FilePicker",
+        "file_picker" => "FilePicker",
+        "camera" => "Camera",
+        "textfield" => "TextField",
+        "text_field" => "TextField",
+        "button" => "Button",
+        "elevatedbutton" => "ElevatedButton",
+        "elevated_button" => "ElevatedButton",
+        "iconbutton" => "IconButton",
+        "icon_button" => "IconButton",
+        "icon" => "Icon",
+        "image" => "Image",
+        "appbar" => "AppBar",
+        "app_bar" => "AppBar",
+        "floatingactionbutton" => "FloatingActionButton",
+        "floating_action_button" => "FloatingActionButton",
+        "tabs" => "Tabs",
+        "tab" => "Tab",
+        "tabbar" => "TabBar",
+        "tab_bar" => "TabBar",
+        "tabbarview" => "TabBarView",
+        "tab_bar_view" => "TabBarView",
+        "navigationbar" => "NavigationBar",
+        "navigation_bar" => "NavigationBar",
+        "navigationbardestination" => "NavigationBarDestination",
+        "navigation_bar_destination" => "NavigationBarDestination",
+        "switch" => "Switch",
+        "slider" => "Slider",
+        "dropdown" => "Dropdown",
+        "dropdownm2" => "DropdownM2",
+        "dropdown_m2" => "DropdownM2",
+        "option" => "dropdownoption",
+        "dropdownoption" => "dropdownoption",
+        "card" => "Card",
+        "banner" => "Banner",
+        "datepicker" => "DatePicker",
+        "date_picker" => "DatePicker",
+        "timepicker" => "TimePicker",
+        "time_picker" => "TimePicker",
+        "filledtonalbutton" => "FilledTonalButton",
+        "filled_tonal_button" => "FilledTonalButton",
+        "outlinedbutton" => "OutlinedButton",
+        "outlined_button" => "OutlinedButton",
+        "listtile" => "ListTile",
+        "list_tile" => "ListTile",
+        "progressbar" => "ProgressBar",
+        "progress_bar" => "ProgressBar",
+        "safearea" => "SafeArea",
+        "safe_area" => "SafeArea",
+        "canvas" => "Canvas",
+        "line" => "Line",
+        "overlay" => "Overlay",
+        "dialogs" => "Dialogs",
+        "service_registry" => "ServiceRegistry",
+        "url_launcher" => "UrlLauncher",
+        "clipboard" => "Clipboard",
+        "audio" => "Audio",
+        "video" => "Video",
+        "flashlight" => "Flashlight",
+        "barchart" => "BarChart",
+        "barchartgroup" => "group",
+        "barchartrod" => "rod",
+        "barchartrodstackitem" => "stack_item",
+        "linechart" => "LineChart",
+        "linechartdata" => "data",
+        "linechartdatapoint" => "p",
+        "piechart" => "PieChart",
+        "piechartsection" => "section",
+        "candlestickchart" => "CandlestickChart",
+        "candlestickchartspot" => "CandlestickChartSpot",
+        "radarchart" => "RadarChart",
+        "radarcharttitle" => "RadarChartTitle",
+        "radardataset" => "RadarDataSet",
+        "radardatasetentry" => "RadarDataSetEntry",
+        "scatterchart" => "ScatterChart",
+        "scatterchartspot" => "ScatterChartSpot",
+        "chartaxis" => "axis",
+        "chartaxislabel" => "l",
+        "datacell" => "c",
+        "datacolumn" => "c",
+        "datarow" => "r",
+        "windowdragarea" => "windowDragArea"
+      }.freeze
+
+      EVENT_PROPS = {
+        on_click: "click",
+        on_change: "change",
+        on_action: "action",
+        on_submit: "submit",
+        on_dismiss: "dismiss",
+        on_tap: "tap",
+        on_double_tap: "double_tap",
+        on_long_press: "long_press",
+        on_hover: "hover",
+        on_pan_start: "pan_start",
+        on_pan_update: "pan_update",
+        on_pan_end: "pan_end",
+        on_scale_start: "scale_start",
+        on_scale_update: "scale_update",
+        on_scale_end: "scale_end",
+        on_vertical_drag_start: "vertical_drag_start",
+        on_vertical_drag_update: "vertical_drag_update",
+        on_vertical_drag_end: "vertical_drag_end",
+        on_horizontal_drag_start: "horizontal_drag_start",
+        on_horizontal_drag_update: "horizontal_drag_update",
+        on_horizontal_drag_end: "horizontal_drag_end",
+        on_tap_down: "tap_down",
+        on_long_press_start: "long_press_start",
+        on_right_pan_start: "right_pan_start",
+        on_event: "event",
+        on_load: "load",
+        on_loaded: "loaded",
+        on_enter_fullscreen: "enter_fullscreen",
+        on_exit_fullscreen: "exit_fullscreen",
+        on_duration_change: "duration_change",
+        on_position_change: "position_change",
+        on_state_change: "state_change",
+        on_seek_complete: "seek_complete",
+        on_complete: "complete",
+        on_track_change: "track_change",
+        on_error: "error",
+        on_result: "result",
+        on_upload: "upload",
+        on_accept: "accept",
+        on_will_accept: "will_accept",
+        on_accept_with_details: "accept_with_details",
+        on_move: "move",
+        on_leave: "leave"
+      }.freeze
+    end
+  end
+end

data/lib/ruflet_ui/ruflet/ui/services/ruflet/accelerometer_control.rb

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+
+module Ruflet
+  module UI
+    module Services
+      module RufletServicesComponents
+        class AccelerometerControl < Ruflet::Control
+          TYPE = "accelerometer".freeze
+          WIRE = "Accelerometer".freeze
+
+          def initialize(id: nil, cancel_on_error: nil, data: nil, enabled: nil, interval: nil, key: nil, on_error: nil, on_reading: nil)
+            props = {}
+            props[:cancel_on_error] = cancel_on_error unless cancel_on_error.nil?
+            props[:data] = data unless data.nil?
+            props[:enabled] = enabled unless enabled.nil?
+            props[:interval] = interval unless interval.nil?
+            props[:key] = key unless key.nil?
+            props[:on_error] = on_error unless on_error.nil?
+            props[:on_reading] = on_reading unless on_reading.nil?
+            super(type: TYPE, id: id, **props)
+          end
+        end
+      end
+    end
+  end
+end