loco_motion-rails 0.0.7 → 0.4.0

data/app/components/daisy/navigation/steps_component.rb

@@ -1,7 +1,69 @@
+#
+# Creates a component for displaying a series of steps that users can follow to
+# complete a task. Useful for onboarding, form completion, and progress tracking.
+#
+# @note Steps are automatically numbered and connected with lines. You can use
+#   colors to indicate progress through the steps.
+#
+# @slot steps+ {Daisy::Navigation::StepsComponent::StepComponent} The individual
+#   steps to display.
+#
+# @example Basic steps with progress
+#   = daisy_steps do |steps|
+#     - steps.with_step(title: "Write Code", css: "step-primary")
+#     - steps.with_step(title: "Release Code", css: "step-primary")
+#     - steps.with_step(title: "Profit", css: "step-secondary")
+#     - steps.with_step(title: "Rule the World")
+#
+# @example Vertical steps
+#   = daisy_steps(css: "steps-vertical") do |steps|
+#     - steps.with_step(title: "Write Code", css: "step-primary")
+#     - steps.with_step(title: "Release Code", css: "step-primary")
+#     - steps.with_step(title: "Profit", css: "step-secondary")
+#     - steps.with_step(title: "Rule the World")
+#
+# @example Custom step content
+#   = daisy_steps do |steps|
+#     - steps.with_step(number: "AB")
+#     - steps.with_step(number: "★")
+#     - steps.with_step(number: "✓", css: "after:!text-green-500")
+#
 class Daisy::Navigation::StepsComponent < LocoMotion::BaseComponent
 
+  #
+  # A step within a StepsComponent.
+  #
+  # @example Basic step with title
+  #   = steps.with_step(title: "Step 1")
+  #
+  # @example Step with custom number
+  #   = steps.with_step(number: "★", title: "Special Step")
+  #
+  # @example Step with custom content
+  #   = steps.with_step(number: "1") do
+  #     .flex.gap-2
+  #       = hero_icon("check")
+  #       Complete
+  #
   class Daisy::Navigation::StepComponent < LocoMotion::BaseComponent
     attr_reader :simple
+
+    # Create a new instance of the StepComponent.
+    #
+    # @param args [Array] Not used.
+    #
+    # @param kws [Hash] The keyword arguments for the component.
+    #
+    # @option kws title [String] The text to display in the step.
+    #
+    # @option kws number [String] Custom content to display in the step's
+    #   circle. Can be text, numbers, or emoji.
+    #
+    # @option kws css [String] Additional CSS classes for styling. Common
+    #   options include:
+    #   - Progress: `step-primary`, `step-secondary`, `step-accent`
+    #   - Circle Content: `after:!text-green-500`, `after:!bg-black`
+    #
     def initialize(*args, **kws, &block)
       super
 
@@ -25,6 +87,20 @@ class Daisy::Navigation::StepsComponent < LocoMotion::BaseComponent
 
   renders_many :steps, Daisy::Navigation::StepComponent
 
+  # Create a new instance of the StepsComponent.
+  #
+  # @param kws [Hash] The keyword arguments for the component.
+  #
+  # @option kws css [String] Additional CSS classes for styling. Common
+  #   options include:
+  #   - Direction: `steps-vertical`
+  #   - Size: `steps-mini`, `steps-sm`, `steps-md`, `steps-lg`
+  #   - Width: `w-full`, `max-w-xs`
+  #
+  def initialize(**kws)
+    super(**kws)
+  end
+
   def before_render
     set_tag_name(:component, :ul)
     add_css(:component, "steps")

data/app/components/daisy/navigation/tabs_component.rb

@@ -1,18 +1,103 @@
-# This is the Tabs component.
+#
+# Creates a tabbed navigation component that can be used either as links or radio
+# buttons with associated content.
+#
+# @note When using radio button tabs, the titles must be simple strings and cannot
+#   contain HTML elements or icons.
+#
+# @slot tabs+ {Daisy::Navigation::TabsComponent::TabComponent} The individual
+#   tabs to display.
+#
+# @example Basic tabs with links
+#   = daisy_tabs(css: "tabs-bordered") do |tabs|
+#     - tabs.with_tab(title: "Home", active: true)
+#     - tabs.with_tab(title: "Click Me", html: { onclick: "alert('Clicked!')" })
+#     - tabs.with_tab(title: "Google", href: "https://google.com", target: "_blank")
+#
+# @example Radio button tabs with content
+#   = daisy_tabs(css: "tabs-lifted", radio: true) do |tabs|
+#     - tabs.with_tab(title: "Tab 1", checked: true) do
+#       %p Tab 1 content
+#     - tabs.with_tab(title: "Tab 2") do
+#       %p Tab 2 content
+#
+# @example Tabs with custom titles and content
+#   = daisy_tabs(css: "tabs-lifted") do |tabs|
+#     - tabs.with_tab do |tab|
+#       - tab.with_title do
+#         .flex.gap-2
+#           = hero_icon("home")
+#           Home
+#       - tab.with_custom_content(css: "tab-content p-4") do
+#         %p Welcome home!
+#
 class Daisy::Navigation::TabsComponent < LocoMotion::BaseComponent
 
+  #
+  # A tab within a TabsComponent that can be either a link or a radio button.
+  #
+  # @part content_wrapper The wrapper for the tab's content when not using
+  #   custom content.
+  #
+  # @slot title The title content for the tab. Only used if no `title` option
+  #   is provided.
+  #
+  # @slot custom_content Custom content to be rendered after the tab. Use this
+  #   instead of the block content for complete control over the content's HTML.
+  #
+  # @example Basic tab with title
+  #   = tabs.with_tab(title: "Home")
+  #
+  # @example Tab with custom title
+  #   = tabs.with_tab do |tab|
+  #     - tab.with_title do
+  #       .flex.gap-2
+  #         = hero_icon("home")
+  #         Home
+  #
+  # @example Tab with content
+  #   = tabs.with_tab(title: "Content") do
+  #     %p This is the tab's content
+  #
+  # @example Tab with custom content
+  #   = tabs.with_tab do |tab|
+  #     - tab.with_custom_content(css: "tab-content p-4") do
+  #       %p Custom content with custom wrapper
+  #
   class TabComponent < LocoMotion::BasicComponent
     define_parts :content_wrapper
 
     renders_one :title
     renders_one :custom_content
 
-    attr_reader :active
-
-    # @return [String] Accessor for the `title` string passed via the component
-    #   config.
-    attr_reader :simple_title
-
+    attr_reader :active, :simple_title
+
+    # Create a new instance of the TabComponent.
+    #
+    # @param args [Array] Not used.
+    #
+    # @param kws [Hash] The keyword arguments for the component.
+    #
+    # @option kws title [String] The text to display in the tab.
+    #
+    # @option kws active [Boolean] Whether this tab is active (default: false).
+    #
+    # @option kws checked [Boolean] Whether this tab is checked (default: false).
+    #
+    # @option kws disabled [Boolean] Whether this tab is disabled (default: false).
+    #
+    # @option kws href [String] The URL to visit when the tab is clicked.
+    #
+    # @option kws target [String] The target attribute for the tab (e.g., "_blank").
+    #
+    # @option kws value [String] The value attribute when using radio buttons.
+    #
+    # @option kws css [String] Additional CSS classes for styling. Common
+    #   options include:
+    #   - Size: `tab-lg`, `tab-md`, `tab-sm`, `tab-xs`
+    #   - Width: `w-full`, `!w-14`
+    #   - Cursor: `cursor-pointer`, `!cursor-auto`
+    #
     def initialize(*args, **kws, &block)
       super
 
@@ -88,6 +173,24 @@ class Daisy::Navigation::TabsComponent < LocoMotion::BaseComponent
 
   attr_reader :name, :radio
 
+  # Create a new instance of the TabsComponent.
+  #
+  # @param args [Array] Not used.
+  #
+  # @param kws [Hash] The keyword arguments for the component.
+  #
+  # @option kws name [String] The name attribute for radio button tabs
+  #   (default: auto-generated UUID).
+  #
+  # @option kws radio [Boolean] Whether to use radio buttons instead of links
+  #   (default: false).
+  #
+  # @option kws css [String] Additional CSS classes for styling. Common
+  #   options include:
+  #   - Style: `tabs-bordered`, `tabs-lifted`
+  #   - Size: `tabs-lg`, `tabs-md`, `tabs-sm`, `tabs-xs`
+  #   - Width: `w-full`, `w-[500px]`
+  #
   def initialize(*args, **kws, &block)
     super
 

data/app/components/hero/icon_component.rb

@@ -1,6 +1,46 @@
+#
+# Creates an icon component using Heroicons, a set of free, MIT-licensed
+# high-quality SVG icons. For a complete list of available icons, visit
+# https://heroicons.com.
+#
+# @note By default, icons are displayed with the `size-5` Tailwind class. This
+#   can be overridden without using the `!` modifier because we utilize the
+#   `:where()` pseudo-class to ensure our default classes have the lowest CSS
+#   specificity.
+#
+# @example Basic icon usage
+#   = hero_icon("academic-cap")
+#   = hero_icon(icon: "adjustments-horizontal")
+#   %span.text-blue-500
+#     = hero_icon("archive-box")
+#
+# @example Customized icons
+#   = hero_icon("no-symbol", css: "size-4 text-red-600")
+#   = hero_icon("arrow-trending-up", css: "size-10 text-green-600")
+#   = hero_icon("exclamation-triangle", css: "size-14 text-yellow-400 animate-pulse")
+#
 class Hero::IconComponent < LocoMotion::BaseComponent
   prepend LocoMotion::Concerns::TippableComponent
 
+  # Create a new instance of the IconComponent.
+  #
+  # @param args [Array] If provided, the first argument is considered the
+  #   `icon` name.
+  #
+  # @param kws [Hash] The keyword arguments for the component.
+  #
+  # @option kws icon [String] The name of the icon to display. See
+  #   https://heroicons.com for available icons.
+  #
+  # @option kws variant [Symbol] The variant of the icon to use
+  #   (default: :outline).
+  #
+  # @option kws css [String] Additional CSS classes for styling. Common
+  #   options include:
+  #   - Size: `size-4`, `size-10`, `size-14`
+  #   - Color: `text-red-600`, `text-green-600`, `text-yellow-400`
+  #   - Animation: `animate-pulse`, `animate-spin`
+  #
   def initialize(*args, **kws, &block)
     super
 

data/app/helpers/daisy/form_builder_helper.rb

@@ -0,0 +1,159 @@
+# frozen_string_literal: true
+
+module Daisy
+  module FormBuilderHelper
+    # Extends ActionView::Helpers::FormBuilder with Daisy UI component methods
+    def self.included(base)
+      base.class_eval do
+        # Add the daisy_checkbox method to FormBuilder
+        def daisy_checkbox(name, **options)
+          # Get the object name from the form builder
+          object_name = @object_name.to_s
+
+          # Create a unique ID if not provided
+          options[:id] ||= "#{object_name}_#{name}"
+
+          # Set the name attribute
+          options[:name] = "#{object_name}[#{name}]"
+
+          # Pass the form builder's object to the component if it exists
+          if @object && @object.respond_to?(name) && !options.key?(:checked)
+            options[:checked] = @object.send(name)
+          end
+
+          # Render the checkbox component
+          @template.daisy_checkbox(**options)
+        end
+
+        # Add the daisy_toggle method to FormBuilder
+        def daisy_toggle(name, **options)
+          # Get the object name from the form builder
+          object_name = @object_name.to_s
+
+          # Create a unique ID if not provided
+          options[:id] ||= "#{object_name}_#{name}"
+
+          # Set the name attribute
+          options[:name] = "#{object_name}[#{name}]"
+
+          # Pass the form builder's object to the component if it exists
+          if @object && @object.respond_to?(name) && !options.key?(:checked)
+            options[:checked] = @object.send(name)
+          end
+
+          # Render the toggle component
+          @template.daisy_toggle(**options)
+        end
+
+        # Add the daisy_radio method to FormBuilder
+        def daisy_radio(name, **options)
+          # Get the object name from the form builder
+          object_name = @object_name.to_s
+
+          # Create a unique ID if not provided
+          value = options[:value].to_s
+          options[:id] ||= "#{object_name}_#{name}_#{value}"
+
+          # Set the name attribute
+          options[:name] = "#{object_name}[#{name}]"
+
+          # Pass the form builder's object to the component if it exists
+          if @object && @object.respond_to?(name) && !options.key?(:checked)
+            options[:checked] = @object.send(name).to_s == value
+          end
+
+          # Render the radio button component
+          @template.daisy_radio(**options)
+        end
+
+        # Add the daisy_label method to FormBuilder
+        def daisy_label(name, text = nil, **options, &block)
+          # Get the object name from the form builder
+          object_name = @object_name.to_s
+
+          # Create a for_id based on the name if not provided
+          options[:for] ||= "#{object_name}_#{name}"
+
+          # Add a humanized title from the name if not provided
+          options[:title] ||= text || name.to_s.humanize
+
+          # Render the label component
+          @template.daisy_label(**options, &block)
+        end
+
+        # Add the daisy_range method to FormBuilder
+        def daisy_range(method, **options)
+          render_daisy_component(Daisy::DataInput::RangeComponent, method, **options)
+        end
+
+        # Add the daisy_rating method to FormBuilder
+        def daisy_rating(method, **options)
+          render_daisy_component(Daisy::DataInput::RatingComponent, method, **options)
+        end
+
+        # Add the daisy_file_input method to FormBuilder
+        def daisy_file_input(method, **options)
+          render_daisy_component(Daisy::DataInput::FileInputComponent, method, **options)
+        end
+
+        # Add the daisy_text_input method to FormBuilder
+        def daisy_text_input(method, **options)
+          render_daisy_component(Daisy::DataInput::TextInputComponent, method, **options)
+        end
+
+        # Add the daisy_text_area method to FormBuilder
+        def daisy_text_area(method, **options)
+          render_daisy_component(Daisy::DataInput::TextAreaComponent, method, **options)
+        end
+
+        # Add the daisy_select method to FormBuilder
+        def daisy_select(method, options: nil, option_groups: nil, placeholder: nil,
+                          options_css: nil, options_html: {}, **args, &block)
+          # Extract the name from the form builder's object_name and method
+          name = "#{object_name}[#{method}]"
+
+          # Get the current value from the object
+          value = object.try(method)
+
+          # Generate a default ID if not provided
+          id = args[:id] || "#{object_name}_#{method}"
+
+          # Build the component with the extracted form values and any additional options
+          @template.daisy_select(
+            name: name,
+            id: id,
+            value: value,
+            options: options,
+            options_css: options_css,
+            options_html: options_html,
+            placeholder: placeholder,
+            **args,
+            &block
+          )
+        end
+
+        private
+
+        def render_daisy_component(component_class, method, **options)
+          # Get the object name from the form builder
+          object_name = @object_name.to_s
+
+          # Create a unique ID if not provided
+          options[:id] ||= "#{object_name}_#{method}"
+
+          # Set the name attribute
+          options[:name] ||= "#{object_name}[#{method}]"
+
+          # Pass the form builder's object to the component if it exists
+          options[:value] ||= object.try(method)
+
+          # Render the component
+          @template.render component_class.new(**options)
+        end
+      end
+    end
+  end
+end
+
+# Include the FormBuilderHelper in ActionView::Helpers::FormBuilder
+ActionView::Helpers::FormBuilder.include(Daisy::FormBuilderHelper)

data/lib/daisy.rb

@@ -22,8 +22,18 @@ module Daisy
   #
   module Feedback; end
 
+  #
+  # Holds all Data Input-type components.
+  #
+  module DataInput; end
+
   #
   # Holds all Layout-type components.
   #
   module Layout; end
+
+  #
+  # Holds all Mockup-type components.
+  #
+  module Mockup; end
 end

data/lib/loco_motion/base_component.rb

@@ -1,6 +1,7 @@
 class LocoMotion::BaseComponent < ViewComponent::Base
 
   SELF_CLOSING_TAGS = %i[area base br col embed hr img input keygen link meta param source track wbr].freeze
+  EMPTY_PART_IGNORED_TAGS = %i[textarea].freeze
 
   include Heroicons::IconsHelper
 
@@ -10,7 +11,7 @@ class LocoMotion::BaseComponent < ViewComponent::Base
   class_attribute :valid_sizes, default: []
 
   #
-  # Return the current configruation of this component.
+  # Return the current configuration of this component.
   #
   # @return LocoMotion::ComponentConfig
   #
@@ -225,12 +226,18 @@ class LocoMotion::BaseComponent < ViewComponent::Base
         tag(tag_name, **rendered_html(part_name))
       else
         content_tag(tag_name, **rendered_html(part_name)) do
-          "<!-- Empty Part Block //-->".html_safe
+          empty_part_content(tag_name)
         end
       end
     end
   end
 
+  def empty_part_content(tag_name)
+    unless EMPTY_PART_IGNORED_TAGS.include?(tag_name.to_sym)
+      "<!-- Empty Part Block //-->".html_safe
+    end
+  end
+
   #
   # Returns the user-provided or component-default HTML tag-name.
   #

data/lib/loco_motion/engine.rb

@@ -4,5 +4,11 @@ module LocoMotion
 
     config.autoload_paths << "#{root}/app"
     config.autoload_paths << "#{root}/lib"
+    
+    initializer "loco_motion.form_builder_extensions" do
+      ActiveSupport.on_load(:action_view) do
+        require_relative "../../app/helpers/daisy/form_builder_helper"
+      end
+    end
   end
 end

data/lib/loco_motion/helpers.rb

@@ -23,11 +23,24 @@ module LocoMotion
     "Daisy::DataDisplay::CollapseComponent" => { names: "collapse", group: "Data", title: "Collapses", example: "collapses" },
     "Daisy::DataDisplay::CountdownComponent" => { names: "countdown", group: "Data", title: "Countdowns", example: "countdowns" },
     "Daisy::DataDisplay::DiffComponent" => { names: "diff", group: "Data", title: "Diffs", example: "diffs" },
+    "Daisy::DataDisplay::FigureComponent" => { names: "figure", group: "Data", title: "Figures", example: "figures" },
     "Daisy::DataDisplay::KbdComponent" => { names: "kbd", group: "Data", title: "Keyboard (KBD)", example: "kbds" },
     "Daisy::DataDisplay::StatComponent" => { names: "stat", group: "Data", title: "Stats", example: "stats" },
     "Daisy::DataDisplay::TableComponent" => { names: "table", group: "Data", title: "Tables", example: "tables" },
     "Daisy::DataDisplay::TimelineComponent" => { names: "timeline", group: "Data", title: "Timelines", example: "timelines" },
 
+    # Data Input
+    "Daisy::DataInput::CheckboxComponent" => { names: "checkbox", group: "Data Input", title: "Checkboxes", example: "checkboxes" },
+    "Daisy::DataInput::FileInputComponent" => { names: "file_input", group: "Data Input", title: "File Inputs", example: "file_inputs" },
+    "Daisy::DataInput::LabelComponent" => { names: "label", group: "Data Input", title: "Labels", example: "labels" },
+    "Daisy::DataInput::RadioButtonComponent" => { names: "radio", group: "Data Input", title: "Radio Buttons", example: "radio_buttons" },
+    "Daisy::DataInput::RangeComponent" => { names: "range", group: "Data Input", title: "Ranges", example: "ranges" },
+    "Daisy::DataInput::RatingComponent" => { names: "rating", group: "Data Input", title: "Ratings", example: "ratings" },
+    "Daisy::DataInput::SelectComponent" => { names: "select", group: "Data Input", title: "Selects", example: "selects" },
+    "Daisy::DataInput::TextInputComponent" => { names: "text_input", group: "Data Input", title: "Text Inputs", example: "text_inputs" },
+    "Daisy::DataInput::TextAreaComponent" => { names: "text_area", group: "Data Input", title: "Text Areas", example: "text_areas" },
+    "Daisy::DataInput::ToggleComponent" => { names: "toggle", group: "Data Input", title: "Toggles", example: "toggles" },
+
     # Navigation
     "Daisy::Navigation::BreadcrumbsComponent" => { names: "breadcrumbs", group: "Navigation", title: "Breadcrumbs", example: "breadcrumbs" },
     "Daisy::Navigation::BottomNavComponent" => { names: "bottom_nav", group: "Navigation", title: "Bottom Navs", example: "bottom_navs" },
@@ -57,6 +70,12 @@ module LocoMotion
     "Daisy::Layout::JoinComponent" => { names: "join", group: "Layout", title: "Joins", example: "joins" },
     "Daisy::Layout::MaskComponent" => { names: nil, group: "Layout", title: "Masks", example: "masks" },
     "Daisy::Layout::StackComponent" => { names: "stack", group: "Layout", title: "Stacks", example: "stacks" },
+
+    # Mockup
+    "Daisy::Mockup::BrowserComponent" => { names: "browser", group: "Mockup", title: "Browsers", example: "browsers" },
+    "Daisy::Mockup::CodeComponent" => { names: "code", group: "Mockup", title: "Code Blocks", example: "code_blocks" },
+    "Daisy::Mockup::DeviceComponent" => { names: "device", group: "Mockup", title: "Devices", example: "devices" },
+    "Daisy::Mockup::FrameComponent" => { names: "frame", group: "Mockup", title: "Frames", example: "frames" },
   }
 
   module Helpers

data/lib/loco_motion/version.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+module LocoMotion
+  VERSION = "0.4.0"
+end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: loco_motion-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.7
+  version: 0.4.0
 platform: ruby
 authors:
 - Topher Fangio
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-11-19 00:00:00.000000000 Z
+date: 2025-03-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: haml-rails
@@ -45,6 +45,9 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '6.1'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '8.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
@@ -52,6 +55,9 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '6.1'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '8.0'
 - !ruby/object:Gem::Dependency
   name: view_component
   requirement: !ruby/object:Gem::Requirement
@@ -221,19 +227,39 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '1.2'
 - !ruby/object:Gem::Dependency
-  name: rails
+  name: pry
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '6.1'
+        version: 0.15.0
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.15.0
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
       - !ruby/object:Gem::Version
         version: '6.1'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '8.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '6.1'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '8.0'
 - !ruby/object:Gem::Dependency
   name: redcarpet
   requirement: !ruby/object:Gem::Requirement
@@ -360,6 +386,7 @@ files:
 - app/components/daisy/data_display/countdown_controller.js
 - app/components/daisy/data_display/diff_component.html.haml
 - app/components/daisy/data_display/diff_component.rb
+- app/components/daisy/data_display/figure_component.rb
 - app/components/daisy/data_display/kbd_component.rb
 - app/components/daisy/data_display/stat_component.html.haml
 - app/components/daisy/data_display/stat_component.rb
@@ -369,6 +396,19 @@ files:
 - app/components/daisy/data_display/timeline_component.rb
 - app/components/daisy/data_display/timeline_event_component.html.haml
 - app/components/daisy/data_display/timeline_event_component.rb
+- app/components/daisy/data_input/checkbox_component.rb
+- app/components/daisy/data_input/file_input_component.rb
+- app/components/daisy/data_input/label_component.rb
+- app/components/daisy/data_input/radio_button_component.rb
+- app/components/daisy/data_input/range_component.rb
+- app/components/daisy/data_input/rating_component.html.haml
+- app/components/daisy/data_input/rating_component.rb
+- app/components/daisy/data_input/select_component.html.haml
+- app/components/daisy/data_input/select_component.rb
+- app/components/daisy/data_input/text_area_component.rb
+- app/components/daisy/data_input/text_input_component.html.haml
+- app/components/daisy/data_input/text_input_component.rb
+- app/components/daisy/data_input/toggle_component.rb
 - app/components/daisy/feedback/alert_component.html.haml
 - app/components/daisy/feedback/alert_component.rb
 - app/components/daisy/feedback/loading_component.rb
@@ -387,6 +427,10 @@ files:
 - app/components/daisy/layout/indicator_component.rb
 - app/components/daisy/layout/join_component.rb
 - app/components/daisy/layout/stack_component.rb
+- app/components/daisy/mockup/browser_component.rb
+- app/components/daisy/mockup/code_component.rb
+- app/components/daisy/mockup/device_component.rb
+- app/components/daisy/mockup/frame_component.rb
 - app/components/daisy/navigation/bottom_nav_component.rb
 - app/components/daisy/navigation/breadcrumbs_component.html.haml
 - app/components/daisy/navigation/breadcrumbs_component.rb
@@ -399,6 +443,7 @@ files:
 - app/components/daisy/navigation/tabs_component.html.haml
 - app/components/daisy/navigation/tabs_component.rb
 - app/components/hero/icon_component.rb
+- app/helpers/daisy/form_builder_helper.rb
 - lib/daisy.rb
 - lib/hero.rb
 - lib/loco_motion.rb
@@ -410,6 +455,7 @@ files:
 - lib/loco_motion/engine.rb
 - lib/loco_motion/errors.rb
 - lib/loco_motion/helpers.rb
+- lib/loco_motion/version.rb
 homepage: https://rubygems.org/gems/loco_motion-rails
 licenses:
 - MIT
@@ -423,7 +469,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: '0'
+      version: '3.0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="