loco_motion-rails 0.0.8 → 0.5.0

data/lib/loco_motion/base_component.rb

@@ -1,16 +1,21 @@
 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
+  include RailsHeroicon::Helper
 
   class_attribute :component_name
   class_attribute :component_parts, default: { component: {} }
   class_attribute :valid_modifiers, default: []
   class_attribute :valid_sizes, default: []
 
+  # Hooks for concerns to register initialization and setup methods
+  class_attribute :component_initializers, default: []
+  class_attribute :component_setups, default: []
+
   #
-  # Return the current configruation of this component.
+  # Return the current configuration of this component.
   #
   # @return LocoMotion::ComponentConfig
   #
@@ -30,6 +35,24 @@ class LocoMotion::BaseComponent < ViewComponent::Base
 
     # Create our config object
     @config = LocoMotion::ComponentConfig.new(self, **kws, &block)
+
+    # Run registered initializer hooks from concerns
+    self.class.component_initializers.each { |initializer| send(initializer) }
+
+    # Allow certain components to skip styling if they are being inherited
+    @skip_styling = config_option(:skip_styling, false)
+
+    # Allow manual passing of the loco parent on init if it's not auto-set
+    # via slots
+    @loco_parent = kws[:loco_parent] if kws.key?(:loco_parent)
+  end
+
+  #
+  # Run registered setup hooks from concerns before rendering.
+  #
+  def before_render
+    # Note: ViewComponent::Base does not define before_render, so no super call needed.
+    self.class.component_setups.each { |setup| send(setup) }
   end
 
   #
@@ -86,6 +109,26 @@ class LocoMotion::BaseComponent < ViewComponent::Base
     end
   end
 
+  #
+  # Register an instance method to be called during component initialization.
+  #
+  # @param method_name [Symbol] The name of the instance method to call.
+  #
+  def self.register_component_initializer(method_name)
+    # Ensure we don't modify the parent class's array directly
+    self.component_initializers += [method_name.to_sym]
+  end
+
+  #
+  # Register an instance method to be called before component rendering.
+  #
+  # @param method_name [Symbol] The name of the instance method to call.
+  #
+  def self.register_component_setup(method_name)
+    # Ensure we don't modify the parent class's array directly
+    self.component_setups += [method_name.to_sym]
+  end
+
   #
   # Defines a single modifier of this component. Modifiers control certain
   # rendering aspects of the component.
@@ -225,12 +268,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.
   #
@@ -366,6 +415,7 @@ class LocoMotion::BaseComponent < ViewComponent::Base
       "@valid_sizes=#{valid_sizes.inspect}",
       "@config=#{@config.inspect}",
       "@component_parts=#{parts.inspect}",
+      "@loco_parent=#{loco_parent.inspect}",
     ].join(" ") + ">"
   end
 end

data/lib/loco_motion/component_config.rb

@@ -40,6 +40,7 @@ class LocoMotion::ComponentConfig
     @parts[:component][:user_tag_name] = kws[:tag_name] if kws[:tag_name]
     @parts[:component][:user_css].push(kws[:css]) if kws[:css]
     @parts[:component][:user_html].deep_merge!(kws[:html]) if kws[:html]
+    @parts[:component][:user_stimulus_controllers].push(kws[:controller]) if kws[:controller]
     @parts[:component][:user_stimulus_controllers].push(kws[:controllers]) if kws[:controllers]
   end
 

data/lib/loco_motion/concerns/iconable_component.rb

@@ -0,0 +1,134 @@
+require "active_support/concern"
+
+module LocoMotion
+  module Concerns
+    #
+    # The IconableComponent concern provides functionality for components that
+    # display icons. It supports both left and right icons and allows for
+    # customization of their CSS classes and HTML attributes.
+    #
+    module IconableComponent
+      extend ActiveSupport::Concern
+
+      included do |base|
+        base.register_component_initializer(:_initialize_iconable_component)
+        base.register_component_setup(:_setup_iconable_component)
+      end
+
+      protected
+
+      #
+      # Initialize icon-related options.
+      #
+      # @option kws icon       [String] The name of Hero icon to render. This is an
+      #   alias of `left_icon`.
+      #
+      # @option kws icon_css   [String] The CSS classes to apply to the icon. This
+      #   is an alias of `left_icon_css`.
+      #
+      # @option kws icon_html  [Hash] Additional HTML attributes to apply to the
+      #   icon. This is an alias of `left_icon_html`.
+      #
+      # @option kws left_icon  [String] The name of Hero icon to render to the
+      #   left of the content.
+      #
+      # @option kws left_icon_css  [String] The CSS classes to apply to the left
+      #   icon.
+      #
+      # @option kws left_icon_html [Hash] Additional HTML attributes to apply to
+      #   the left icon.
+      #
+      # @option kws right_icon [String] The name of Hero icon to render to the
+      #   right of the content.
+      #
+      # @option kws right_icon_css [String] The CSS classes to apply to the right
+      #   icon.
+      #
+      # @option kws right_icon_html [Hash] Additional HTML attributes to apply to
+      #   the right icon.
+      #
+      def _initialize_iconable_component
+        @icon = config_option(:icon)
+        @icon_css = config_option(:icon_css, default_icon_size)
+        @icon_options = config_option(:icon_options, {})
+        @icon_html = config_option(:icon_html, {})
+
+        @left_icon = config_option(:left_icon, @icon)
+        @left_icon_css = config_option(:left_icon_css, @icon_css)
+        @left_icon_options = config_option(:left_icon_options, @icon_html)
+        @left_icon_html = config_option(:left_icon_html, @icon_html)
+
+        @right_icon = config_option(:right_icon)
+        @right_icon_css = config_option(:right_icon_css, @icon_css)
+        @right_icon_options = config_option(:right_icon_options, {})
+        @right_icon_html = config_option(:right_icon_html, @icon_html)
+      end
+
+      #
+      # Configure CSS classes for a component with icons.
+      # This adds necessary classes for proper icon spacing and alignment.
+      #
+      def _setup_iconable_component
+        if @icon || @left_icon || @right_icon
+          add_css(:component, "where:inline-flex where:items-center where:gap-2")
+        end
+      end
+
+      def default_icon_size
+        "where:size-5"
+      end
+
+      public # Ensure these helper methods remain public
+
+      #
+      # Returns the HTML attributes for the left icon.
+      #
+      # @return [Hash] HTML attributes for the left icon
+      #
+      def left_icon_html
+        { class: @left_icon_css }.merge(@left_icon_html)
+      end
+
+      #
+      # Returns the HTML attributes for the right icon.
+      #
+      # @return [Hash] HTML attributes for the right icon
+      #
+      def right_icon_html
+        { class: @right_icon_css }.merge(@right_icon_html)
+      end
+
+      #
+      # Determines if any icons are present in the component.
+      #
+      # @return [Boolean] true if any icons are configured, false otherwise
+      #
+      def has_icons?
+        @left_icon.present? || @right_icon.present?
+      end
+
+      #
+      # Renders the left icon as a Hero::IconComponent instance.
+      #
+      # @return [String] The rendered HTML for the icon
+      #
+      def render_left_icon
+        return unless @left_icon.present?
+
+        hero_icon(@left_icon, css: @left_icon_css, html: @left_icon_html, **@left_icon_options)
+      end
+      alias_method :render_icon, :render_left_icon
+
+      #
+      # Renders the right icon using a hero icon.
+      #
+      # @return [String] The rendered HTML for the icon
+      #
+      def render_right_icon
+        return unless @right_icon.present?
+
+        hero_icon(@right_icon, css: @right_icon_css, html: @right_icon_html, **@right_icon_options)
+      end
+    end
+  end
+end

data/lib/loco_motion/concerns/labelable_component.rb

@@ -0,0 +1,142 @@
+# frozen_string_literal: true
+
+module LocoMotion
+  module Concerns
+    #
+    # Can be included in relevant components to add labeling functionality.
+    # This adds support for start, end, and floating labels that can either be
+    # provided as plain text or customized via slots.
+    #
+    # @loco_example Basic usage with a start label
+    #   class MyInputComponent < LocoMotion::BaseComponent
+    #     include LocoMotion::Concerns::LabelableComponent
+    #     # component implementation ...
+    #   end
+    #
+    #   = daisy_my_input(name: "username", start: "Username")
+    #
+    # @loco_example With an end label (useful for checkboxes/radios)
+    #   = daisy_checkbox(name: "terms", end: "I agree to the terms")
+    #
+    # @loco_example With a floating label
+    #   = daisy_text_input(name: "email", floating: "Email Address")
+    #
+    # @loco_example Using a custom slot for the label
+    #   = daisy_text_input(name: "password") do |input|
+    #     - input.with_floating do
+    #       Password
+    #       %span.text-red-500 *
+    #
+    module LabelableComponent
+      extend ActiveSupport::Concern
+
+      #
+      # Called when the module is included in a component class.
+      # Sets up the necessary parts & slots for custom label content.
+      #
+      included do
+        define_parts :label_wrapper, :start, :end, :floating
+
+        renders_one :start
+        renders_one :end
+        renders_one :floating
+
+        # NOTE: We DO NOT define attr_reader properties here because it can
+        # cause confusion / problems with the parts and slots.
+      end
+
+      #
+      # Initializes the component and sets up the label options.
+      #
+      # @param instance_args [Array] Positional arguments passed to the component
+      #
+      # @param instance_kws [Hash] Keyword arguments passed to the component
+      #
+      # @option instance_kws [String, nil] :start Text to display in the start
+      #   label position
+      #
+      # @option instance_kws [String, nil] :end Text to display in the end
+      #   label position
+      #
+      # @option instance_kws [String, nil] :floating Text to display in the
+      #   floating label position
+      #
+      # @option instance_kws [String, nil] :placeholder The input's placeholder
+      #   text.  If not provided and `floating_placeholder` is set, it will use
+      #   that value.
+      #
+      # @option instance_kws [String, nil] :floating_placeholder Text to use for
+      #   both the floating label and the input placeholder. This is a
+      #   convenience option that sets both the `floating` and `placeholder`
+      #   options to the same value. Both `floating` and `placeholder` take
+      #   precedence over `floating_placeholder`.
+      #
+      # @param instance_block [Proc] Block passed to the component for rendering
+      #   custom content
+      #
+      def initialize(*instance_args, **instance_kws, &instance_block)
+        super(*instance_args, **instance_kws, &instance_block)
+
+        @floating_placeholder = config_option(:floating_placeholder)
+
+        @start = config_option(:start)
+        @end = config_option(:end)
+        @floating = config_option(:floating, @floating_placeholder)
+        @placeholder = config_option(:placeholder, @floating_placeholder)
+      end
+
+      #
+      # Sets up the tag names for the label parts before rendering the component.
+      # This method is called automatically during the component rendering
+      # lifecycle.
+      #
+      # Note that CSS classes for labels must be handled by the implementing
+      # component since requirements differ for each type of input component.
+      #
+      def before_render
+        super
+
+        set_tag_name(:label_wrapper, :label)
+        set_tag_name(:start, :span)
+        set_tag_name(:end, :span)
+        set_tag_name(:floating, :span)
+      end
+
+      #
+      # Checks if any type of label is present.
+      #
+      # @return [Boolean] true if any label is present, false otherwise
+      #
+      def has_any_label?
+        has_start_label? || has_end_label? || has_floating_label?
+      end
+
+      #
+      # Checks if a start label is present.
+      #
+      # @return [Boolean] true if start label is present, false otherwise
+      #
+      def has_start_label?
+        start? || @start || config_option(:start).present?
+      end
+
+      #
+      # Checks if an end label is present.
+      #
+      # @return [Boolean] true if end label is present, false otherwise
+      #
+      def has_end_label?
+        end? || @end || config_option(:end).present?
+      end
+
+      #
+      # Checks if a floating label is present.
+      #
+      # @return [Boolean] true if floating label is present, false otherwise
+      #
+      def has_floating_label?
+        floating? || @floating || config_option(:floating).present?
+      end
+    end
+  end
+end

data/lib/loco_motion/concerns/linkable_component.rb

@@ -0,0 +1,40 @@
+require "active_support/concern"
+
+module LocoMotion
+  module Concerns
+    #
+    # Include this module to enable link functionality in a component.
+    # When an href is provided, the component will render as an <a> tag.
+    #
+    module LinkableComponent
+      extend ActiveSupport::Concern
+
+      included do |base|
+        base.register_component_initializer(:_initialize_linkable_component)
+        base.register_component_setup(:_setup_linkable_component)
+      end
+
+      protected
+
+      #
+      # Initialize link-related options.
+      #
+      def _initialize_linkable_component
+        @href = config_option(:href)
+        @target = config_option(:target)
+        @title = config_option(:title)
+      end
+
+      #
+      # Sets the component's tag to <a> if an href is provided and configures the
+      # appropriate HTML attributes.
+      #
+      def _setup_linkable_component
+        if @href
+          set_tag_name(:component, :a)
+          add_html(:component, { href: @href, target: @target, title: @title })
+        end
+      end
+    end
+  end
+end

data/lib/loco_motion/concerns/tippable_component.rb

@@ -1,24 +1,39 @@
+require "active_support/concern"
+
 module LocoMotion
   module Concerns
     #
-    # Can be included in relevant components to allow a new `tip` attibute that
+    # Can be included in relevant components to allow a `tip` attribute that
     # automatically adds the `tooltip` CSS class and the `data-tip` attribute
     # to the component.
     #
     module TippableComponent
+      extend ActiveSupport::Concern
+
+      included do |base|
+        base.register_component_initializer(:_initialize_tippable_component)
+        base.register_component_setup(:_setup_tippable_component)
+      end
+
+      protected
+
       #
-      # Calls the parent `before_render`. Then adds the `tooltip` CSS class and
-      # the `data-tip` attribute to the component if the `tip` attribute is
-      # present.
+      # Initialize tooltip-related options.
       #
-      def before_render
-        super
-
-        tip = config_option(:tip)
+      # @option kws tip [String] The tooltip text to display when hovering
+      #
+      def _initialize_tippable_component
+        @tip = config_option(:tip)
+      end
 
-        if tip
+      #
+      # Configure tooltip functionality for the component.
+      # Adds the `tooltip` CSS class and the `data-tip` attribute if a tip is provided.
+      #
+      def _setup_tippable_component
+        if @tip
           add_css(:component, "tooltip")
-          add_html(:component, { data: { tip: tip } })
+          add_html(:component, { data: { tip: @tip } })
         end
       end
     end

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

@@ -14,24 +14,42 @@ module LocoMotion
     "Daisy::Actions::ThemeControllerComponent" => { names: "theme_controller", group: "Actions", title: "Theme Controllers", example: "theme_controllers" },
 
     # Data
-    "Daisy::DataDisplay::AccordionComponent" => { names: "accordion", group: "Data", title: "Accordions", example: "accordions" },
-    "Daisy::DataDisplay::AvatarComponent" => { names: "avatar", group: "Data", title: "Avatars", example: "avatars" },
-    "Daisy::DataDisplay::BadgeComponent" => { names: "badge", group: "Data", title: "Badges", example: "badges" },
-    "Daisy::DataDisplay::CardComponent" => { names: "card", group: "Data", title: "Cards", example: "cards" },
-    "Daisy::DataDisplay::CarouselComponent" => { names: "carousel", group: "Data", title: "Carousels", example: "carousels" },
-    "Daisy::DataDisplay::ChatComponent" => { names: "chat", group: "Data", title: "Chat Bubbles", example: "chat_bubbles" },
-    "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" },
+    "Daisy::DataDisplay::AccordionComponent" => { names: "accordion", group: "Data Display", title: "Accordions", example: "accordions" },
+    "Daisy::DataDisplay::AvatarComponent" => { names: "avatar", group: "Data Display", title: "Avatars", example: "avatars" },
+    "Daisy::DataDisplay::BadgeComponent" => { names: "badge", group: "Data Display", title: "Badges", example: "badges" },
+    "Daisy::DataDisplay::CardComponent" => { names: "card", group: "Data Display", title: "Cards", example: "cards" },
+    "Daisy::DataDisplay::CarouselComponent" => { names: "carousel", group: "Data Display", title: "Carousels", example: "carousels" },
+    "Daisy::DataDisplay::ChatComponent" => { names: "chat", group: "Data Display", title: "Chat Bubbles", example: "chat_bubbles" },
+    "Daisy::DataDisplay::CollapseComponent" => { names: "collapse", group: "Data Display", title: "Collapses", example: "collapses" },
+    "Daisy::DataDisplay::CountdownComponent" => { names: "countdown", group: "Data Display", title: "Countdowns", example: "countdowns" },
+    "Daisy::DataDisplay::DiffComponent" => { names: "diff", group: "Data Display", title: "Diffs", example: "diffs" },
+    "Daisy::DataDisplay::FigureComponent" => { names: "figure", group: "Data Display", title: "Figures", example: "figures" },
+    "Daisy::DataDisplay::KbdComponent" => { names: "kbd", group: "Data Display", title: "Keyboard (KBD)", example: "kbds" },
+    "Daisy::DataDisplay::ListComponent" => { names: "list", group: "Data Display", title: "Lists", example: "lists" },
+    "Daisy::DataDisplay::StatComponent" => { names: "stat", group: "Data Display", title: "Stats", example: "stats" },
+    "Daisy::DataDisplay::StatusComponent" => { names: "status", group: "Data Display", title: "Statuses", example: "statuses" },
+    "Daisy::DataDisplay::TableComponent" => { names: "table", group: "Data Display", title: "Tables", example: "tables" },
+    "Daisy::DataDisplay::TimelineComponent" => { names: "timeline", group: "Data Display", title: "Timelines", example: "timelines" },
+
+    # Data Input
+    "Daisy::DataInput::CallyComponent" => { names: "cally", group: "Data Input", title: "Calendars", example: "calendars" },
+    "Daisy::DataInput::CallyInputComponent" => { names: "cally_input", group: "Data Input", title: "Cally Inputs", example: "cally_inputs" },
+    "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::FieldsetComponent" => { names: "fieldset", group: "Data Input", title: "Fieldsets", example: "fieldsets" },
+    "Daisy::DataInput::FilterComponent" => { names: "filter", group: "Data Input", title: "Filters", example: "filters" },
+    "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: ["input", "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" },
+    "Daisy::Navigation::DockComponent" => { names: "dock", group: "Navigation", title: "Dock", example: "docks" },
     "Daisy::Navigation::LinkComponent" => { names: "link", group: "Navigation", title: "Links", example: "links" },
     "Daisy::Navigation::MenuComponent" => { names: "menu", group: "Navigation", title: "Menus", example: "menus" },
     "Daisy::Navigation::NavbarComponent" => { names: "navbar", group: "Navigation", title: "Navbars", example: "navbars" },
@@ -49,7 +67,6 @@ module LocoMotion
     "Daisy::Feedback::TooltipComponent" => { names: ["tooltip", "tip"], group: "Feedback", title: "Tooltips", example: "tooltips" },
 
     # Layout
-    "Daisy::Layout::ArtboardComponent" => { names: "artboard", group: "Layout", title: "Artboards", example: "artboards" },
     "Daisy::Layout::DividerComponent" => { names: "divider", group: "Layout", title: "Dividers", example: "dividers" },
     "Daisy::Layout::DrawerComponent" => { names: "drawer", group: "Layout", title: "Drawers", example: "drawers" },
     "Daisy::Layout::FooterComponent" => { names: "footer", group: "Layout", title: "Footers", example: "footers" },
@@ -80,6 +97,10 @@ module LocoMotion
     end
 
     def component_example_path(component_name)
+      "/examples/#{component_name}"
+    end
+
+    def component_partial_path(component_name)
       comp = COMPONENTS[component_name]
 
       comp_split = component_name.split("::")
@@ -91,6 +112,6 @@ module LocoMotion
       "/examples/#{framework}/#{section_path}#{example}"
     end
 
-    module_function :component_example_path
+    module_function :component_example_path, :component_partial_path
   end
 end

data/lib/loco_motion/patches/view_component/slot_loco_parent_patch.rb

@@ -0,0 +1,37 @@
+# Monkey patch ViewComponent::Slot to save the parent component
+
+module LocoMotion
+  module Patches
+    module ViewComponent
+      module SlotPatch
+
+        # Set the loco parent any time the instance changes
+        def __vc_component_instance=(instance)
+          # Call the original implementation
+          super
+
+          # And set the Loco parent
+          set_loco_parent
+        end
+
+        def to_s
+          set_loco_parent
+
+          super
+        end
+
+        def set_loco_parent(parent = @parent)
+          return if parent.nil?
+          return if @__vc_component_instance.nil?
+          return if @__vc_component_instance.loco_parent.present?
+
+          @__vc_component_instance.set_loco_parent(parent)
+        end
+
+      end
+    end
+  end
+end
+
+# Apply the patch
+::ViewComponent::Slot.prepend(LocoMotion::Patches::ViewComponent::SlotPatch)

data/lib/loco_motion/patches/view_component/slotable_default_patch.rb

@@ -0,0 +1,21 @@
+# Monkey patch ViewComponent::SlotableDefault to modify get_slot behavior
+
+module LocoMotion
+  module Patches
+    module ViewComponent
+      module SlotableDefaultPatch
+        # Override get_slot method
+        def get_slot(slot_name)
+          # ensure content is loaded so slots will be defined
+          content unless content_evaluated?
+
+          # Call the original implementation
+          super
+        end
+      end
+    end
+  end
+end
+
+# Apply the patch
+::ViewComponent::SlotableDefault.prepend(LocoMotion::Patches::ViewComponent::SlotableDefaultPatch)

data/lib/loco_motion/version.rb

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

data/lib/loco_motion.rb

@@ -1,8 +1,8 @@
 require "rails"
 require "haml-rails"
-require "heroicons-rails"
+require "rails_heroicon"
 
-require Gem::Specification.find_by_name("heroicons-rails").gem_dir + "/app/helpers/heroicons/icons_helper.rb"
+require Gem::Specification.find_by_name("rails_heroicon").gem_dir + "/lib/rails_heroicon/helper.rb"
 
 require "view_component"
 
@@ -14,5 +14,15 @@ require "loco_motion/basic_component"
 require "loco_motion/engine"
 require "loco_motion/helpers"
 
+# Load patches
+require "loco_motion/patches/view_component/slotable_default_patch"
+require "loco_motion/patches/view_component/slot_loco_parent_patch"
+
 require "hero"
 require "daisy"
+
+begin
+  require "pry" if Rails.env.development?
+rescue LoadError
+  # Don't throw an error, pry should really only be used while debugging locally
+end