fernandes-ui 0.1.1 → 0.1.2

data/app/behaviors/ui/dialog_overlay_behavior.rb

@@ -2,68 +2,68 @@
 
 require "tailwind_merge"
 
-    # Shared behavior for Dialog Overlay component
-    # Handles backdrop/overlay styling and attributes
-    module UI::DialogOverlayBehavior
-      # Base CSS classes for overlay backdrop
-      # Use opacity-0 and pointer-events-none when closed for smooth animations
-      def dialog_overlay_base_classes
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:opacity-0 data-[state=open]:opacity-100 data-[state=open]:pointer-events-auto data-[state=closed]:pointer-events-none fixed inset-0 z-50 bg-black/50"
-      end
+# Shared behavior for Dialog Overlay component
+# Handles backdrop/overlay styling and attributes
+module UI::DialogOverlayBehavior
+  # Base CSS classes for overlay backdrop
+  # Use opacity-0 and pointer-events-none when closed for smooth animations
+  def dialog_overlay_base_classes
+    "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:opacity-0 data-[state=open]:opacity-100 data-[state=open]:pointer-events-auto data-[state=closed]:pointer-events-none fixed inset-0 z-50 bg-black/50"
+  end
 
-      # Merge base classes with custom classes using TailwindMerge
-      def dialog_overlay_classes
-        TailwindMerge::Merger.new.merge([dialog_overlay_base_classes].compact.join(" "))
-      end
+  # Merge base classes with custom classes using TailwindMerge
+  def dialog_overlay_classes
+    TailwindMerge::Merger.new.merge([dialog_overlay_base_classes].compact.join(" "))
+  end
 
-      # Container wrapper classes
-      # Use invisible (visibility: hidden) when closed, visible when open
-      def dialog_overlay_container_base_classes
-        "data-[state=closed]:invisible data-[state=open]:visible fixed inset-0 z-50"
-      end
+  # Container wrapper classes
+  # Use invisible (visibility: hidden) when closed, visible when open
+  def dialog_overlay_container_base_classes
+    "data-[state=closed]:invisible data-[state=open]:visible fixed inset-0 z-50"
+  end
 
-      # Merge container base classes with custom classes
-      def dialog_overlay_container_classes
-        TailwindMerge::Merger.new.merge([dialog_overlay_container_base_classes, @classes].compact.join(" "))
-      end
+  # Merge container base classes with custom classes
+  def dialog_overlay_container_classes
+    TailwindMerge::Merger.new.merge([dialog_overlay_container_base_classes, @classes].compact.join(" "))
+  end
 
-      # Data attributes for container
-      def dialog_overlay_container_data_attributes
-        {
-          ui__dialog_target: "container"
-        }
-      end
+  # Data attributes for container
+  def dialog_overlay_container_data_attributes
+    {
+      ui__dialog_target: "container"
+    }
+  end
 
-      # Data attributes for overlay backdrop
-      def dialog_overlay_data_attributes
-        {
-          ui__dialog_target: "overlay",
-          action: "click->ui--dialog#closeOnOverlayClick"
-        }
-      end
+  # Data attributes for overlay backdrop
+  def dialog_overlay_data_attributes
+    {
+      ui__dialog_target: "overlay",
+      action: "click->ui--dialog#closeOnOverlayClick"
+    }
+  end
 
-      # Merge user-provided data attributes for container
-      def merged_dialog_overlay_container_data_attributes
-        user_data = @attributes&.fetch(:data, {}) || {}
-        user_data.merge(dialog_overlay_container_data_attributes)
-      end
+  # Merge user-provided data attributes for container
+  def merged_dialog_overlay_container_data_attributes
+    user_data = @attributes&.fetch(:data, {}) || {}
+    user_data.merge(dialog_overlay_container_data_attributes)
+  end
 
-      # Build complete HTML attributes hash for container wrapper
-      def dialog_overlay_container_html_attributes
-        base_attrs = @attributes&.except(:data) || {}
-        base_attrs.merge(
-          class: dialog_overlay_container_classes,
-          "data-state": @open ? "open" : "closed",
-          data: merged_dialog_overlay_container_data_attributes
-        )
-      end
+  # Build complete HTML attributes hash for container wrapper
+  def dialog_overlay_container_html_attributes
+    base_attrs = @attributes&.except(:data) || {}
+    base_attrs.merge(
+      class: dialog_overlay_container_classes,
+      "data-state": @open ? "open" : "closed",
+      data: merged_dialog_overlay_container_data_attributes
+    )
+  end
 
-      # Build complete HTML attributes hash for overlay backdrop
-      def dialog_overlay_html_attributes
-        {
-          class: dialog_overlay_classes,
-          "data-state": @open ? "open" : "closed",
-          data: dialog_overlay_data_attributes
-        }
-      end
-    end
+  # Build complete HTML attributes hash for overlay backdrop
+  def dialog_overlay_html_attributes
+    {
+      class: dialog_overlay_classes,
+      "data-state": @open ? "open" : "closed",
+      data: dialog_overlay_data_attributes
+    }
+  end
+end

data/app/behaviors/ui/drawer_behavior.rb

@@ -2,56 +2,83 @@
 
 require "tailwind_merge"
 
-    # Shared behavior for Drawer component (Root)
-    # Handles main component logic and data attributes for Vaul drawer
-    module UI::DrawerBehavior
-      # Generate data attributes for Stimulus controller
-      def drawer_data_attributes
-        attrs = {
-          controller: "ui--drawer",
-          ui__drawer_open_value: @open,
-          ui__drawer_direction_value: @direction,
-          ui__drawer_dismissible_value: @dismissible,
-          ui__drawer_modal_value: @modal
-        }
-
-        # Add snap points if provided
-        if @snap_points && !@snap_points.empty?
-          attrs[:ui__drawer_snap_points_value] = @snap_points.to_json
-          attrs[:ui__drawer_active_snap_point_value] = @active_snap_point || -1
-          attrs[:ui__drawer_fade_from_index_value] = @fade_from_index || (@snap_points.length - 1)
-          attrs[:ui__drawer_snap_to_sequential_point_value] = @snap_to_sequential_point if @snap_to_sequential_point
-        end
-
-        # Add advanced options
-        attrs[:ui__drawer_handle_only_value] = @handle_only if @handle_only
-        attrs[:ui__drawer_reposition_inputs_value] = @reposition_inputs if @reposition_inputs == false
-
-        attrs
-      end
-
-      # Merge user-provided data attributes
-      def merged_drawer_data_attributes
-        user_data = @attributes&.fetch(:data, {}) || {}
-        user_data.merge(drawer_data_attributes)
-      end
-
-      # Build complete HTML attributes hash
-      def drawer_html_attributes
-        base_attrs = @attributes&.except(:data) || {}
-        base_attrs.merge(
-          class: drawer_classes,
-          data: merged_drawer_data_attributes
-        )
-      end
-
-      # Base CSS classes
-      def drawer_base_classes
-        ""
-      end
-
-      # Generate final classes using TailwindMerge
-      def drawer_classes
-        TailwindMerge::Merger.new.merge([drawer_base_classes, @classes].compact.join(" "))
-      end
+# UI::DrawerBehavior
+#
+# @ui_component Drawer
+# @ui_category overlay
+#
+# @ui_anatomy Drawer - Root container with state management (required)
+# @ui_anatomy Close - Button to close/dismiss the component
+# @ui_anatomy Content - Main content container (required)
+# @ui_anatomy Description - Descriptive text element
+# @ui_anatomy Footer - Footer section with actions
+# @ui_anatomy Handle - Draggable handle element
+# @ui_anatomy Header - Header section with title and controls
+# @ui_anatomy Overlay - Background overlay that dims the page
+# @ui_anatomy Title - Title text element
+# @ui_anatomy Trigger - Button or element that activates the component (required)
+#
+# @ui_feature Custom styling with Tailwind classes
+# @ui_feature Focus management
+# @ui_feature Animation support
+#
+# @ui_aria_pattern Dialog (Modal)
+# @ui_aria_reference https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/
+#
+# @ui_keyboard Escape Closes the component
+# @ui_keyboard End Moves focus to last item
+#
+# @ui_related dialog
+# @ui_related sheet
+#
+module UI::DrawerBehavior
+  # Generate data attributes for Stimulus controller
+  def drawer_data_attributes
+    attrs = {
+      controller: "ui--drawer",
+      ui__drawer_open_value: @open,
+      ui__drawer_direction_value: @direction,
+      ui__drawer_dismissible_value: @dismissible,
+      ui__drawer_modal_value: @modal
+    }
+
+    # Add snap points if provided
+    if @snap_points && !@snap_points.empty?
+      attrs[:ui__drawer_snap_points_value] = @snap_points.to_json
+      attrs[:ui__drawer_active_snap_point_value] = @active_snap_point || -1
+      attrs[:ui__drawer_fade_from_index_value] = @fade_from_index || (@snap_points.length - 1)
+      attrs[:ui__drawer_snap_to_sequential_point_value] = @snap_to_sequential_point if @snap_to_sequential_point
     end
+
+    # Add advanced options
+    attrs[:ui__drawer_handle_only_value] = @handle_only if @handle_only
+    attrs[:ui__drawer_reposition_inputs_value] = @reposition_inputs if @reposition_inputs == false
+
+    attrs
+  end
+
+  # Merge user-provided data attributes
+  def merged_drawer_data_attributes
+    user_data = @attributes&.fetch(:data, {}) || {}
+    user_data.merge(drawer_data_attributes)
+  end
+
+  # Build complete HTML attributes hash
+  def drawer_html_attributes
+    base_attrs = @attributes&.except(:data) || {}
+    base_attrs.merge(
+      class: drawer_classes,
+      data: merged_drawer_data_attributes
+    )
+  end
+
+  # Base CSS classes
+  def drawer_base_classes
+    ""
+  end
+
+  # Generate final classes using TailwindMerge
+  def drawer_classes
+    TailwindMerge::Merger.new.merge([drawer_base_classes, @classes].compact.join(" "))
+  end
+end

data/app/behaviors/ui/drawer_close_behavior.rb

@@ -1,10 +1,10 @@
 # frozen_string_literal: true
 
-    # Shared behavior for Drawer Close component
-    # Closes drawer on click
-    module UI::DrawerCloseBehavior
-      # Data attributes for close button
-      def drawer_close_data_attributes
-        { data: { action: "click->ui--drawer#close" } }
-      end
-    end
+# Shared behavior for Drawer Close component
+# Closes drawer on click
+module UI::DrawerCloseBehavior
+  # Data attributes for close button
+  def drawer_close_data_attributes
+    {data: {action: "click->ui--drawer#close"}}
+  end
+end

data/app/behaviors/ui/drawer_content_behavior.rb

@@ -2,106 +2,106 @@
 
 require "tailwind_merge"
 
-    # Shared behavior for Drawer Content component
-    # Handles draggable panel styling, direction variants, and animations
-    module UI::DrawerContentBehavior
-      # Base CSS classes for drawer content
-      # Direction-aware positioning with animations
-      def drawer_content_base_classes
-        [
-          # Base structure with group for child targeting
-          "group/drawer-content bg-background fixed z-50 flex h-auto flex-col",
+# Shared behavior for Drawer Content component
+# Handles draggable panel styling, direction variants, and animations
+module UI::DrawerContentBehavior
+  # Base CSS classes for drawer content
+  # Direction-aware positioning with animations
+  def drawer_content_base_classes
+    [
+      # Base structure with group for child targeting
+      "group/drawer-content bg-background fixed z-50 flex h-auto flex-col",
 
-          # Pointer events control - prevent interaction when closed, enable when open
-          "data-[state=open]:pointer-events-auto data-[state=closed]:pointer-events-none",
+      # Pointer events control - prevent interaction when closed, enable when open
+      "data-[state=open]:pointer-events-auto data-[state=closed]:pointer-events-none",
 
-          # Note: NO CSS transitions - JavaScript controls all animations via inline styles
-          # This prevents conflicts between CSS and JS transitions
+      # Note: NO CSS transitions - JavaScript controls all animations via inline styles
+      # This prevents conflicts between CSS and JS transitions
 
-          # Bottom direction (default)
-          "data-[vaul-drawer-direction=bottom]:inset-x-0",
-          "data-[vaul-drawer-direction=bottom]:bottom-0",
-          "data-[vaul-drawer-direction=bottom]:mt-24",
-          "data-[vaul-drawer-direction=bottom]:max-h-[80vh]",
-          "data-[vaul-drawer-direction=bottom]:rounded-t-lg",
-          "data-[vaul-drawer-direction=bottom]:border-t",
-          "data-[vaul-drawer-direction=bottom]:data-[state=closed]:translate-y-full",
-          "data-[vaul-drawer-direction=bottom]:data-[state=open]:translate-y-0",
+      # Bottom direction (default)
+      "data-[vaul-drawer-direction=bottom]:inset-x-0",
+      "data-[vaul-drawer-direction=bottom]:bottom-0",
+      "data-[vaul-drawer-direction=bottom]:mt-24",
+      "data-[vaul-drawer-direction=bottom]:max-h-[80vh]",
+      "data-[vaul-drawer-direction=bottom]:rounded-t-lg",
+      "data-[vaul-drawer-direction=bottom]:border-t",
+      "data-[vaul-drawer-direction=bottom]:data-[state=closed]:translate-y-full",
+      "data-[vaul-drawer-direction=bottom]:data-[state=open]:translate-y-0",
 
-          # Top direction
-          "data-[vaul-drawer-direction=top]:inset-x-0",
-          "data-[vaul-drawer-direction=top]:top-0",
-          "data-[vaul-drawer-direction=top]:mb-24",
-          "data-[vaul-drawer-direction=top]:max-h-[80vh]",
-          "data-[vaul-drawer-direction=top]:rounded-b-lg",
-          "data-[vaul-drawer-direction=top]:border-b",
-          "data-[vaul-drawer-direction=top]:data-[state=closed]:-translate-y-full",
-          "data-[vaul-drawer-direction=top]:data-[state=open]:translate-y-0",
+      # Top direction
+      "data-[vaul-drawer-direction=top]:inset-x-0",
+      "data-[vaul-drawer-direction=top]:top-0",
+      "data-[vaul-drawer-direction=top]:mb-24",
+      "data-[vaul-drawer-direction=top]:max-h-[80vh]",
+      "data-[vaul-drawer-direction=top]:rounded-b-lg",
+      "data-[vaul-drawer-direction=top]:border-b",
+      "data-[vaul-drawer-direction=top]:data-[state=closed]:-translate-y-full",
+      "data-[vaul-drawer-direction=top]:data-[state=open]:translate-y-0",
 
-          # Right direction
-          "data-[vaul-drawer-direction=right]:inset-y-0",
-          "data-[vaul-drawer-direction=right]:right-0",
-          "data-[vaul-drawer-direction=right]:w-3/4",
-          "data-[vaul-drawer-direction=right]:border-l",
-          "data-[vaul-drawer-direction=right]:sm:max-w-sm",
-          "data-[vaul-drawer-direction=right]:data-[state=closed]:translate-x-full",
-          "data-[vaul-drawer-direction=right]:data-[state=open]:translate-x-0",
+      # Right direction
+      "data-[vaul-drawer-direction=right]:inset-y-0",
+      "data-[vaul-drawer-direction=right]:right-0",
+      "data-[vaul-drawer-direction=right]:w-3/4",
+      "data-[vaul-drawer-direction=right]:border-l",
+      "data-[vaul-drawer-direction=right]:sm:max-w-sm",
+      "data-[vaul-drawer-direction=right]:data-[state=closed]:translate-x-full",
+      "data-[vaul-drawer-direction=right]:data-[state=open]:translate-x-0",
 
-          # Left direction
-          "data-[vaul-drawer-direction=left]:inset-y-0",
-          "data-[vaul-drawer-direction=left]:left-0",
-          "data-[vaul-drawer-direction=left]:w-3/4",
-          "data-[vaul-drawer-direction=left]:border-r",
-          "data-[vaul-drawer-direction=left]:sm:max-w-sm",
-          "data-[vaul-drawer-direction=left]:data-[state=closed]:-translate-x-full",
-          "data-[vaul-drawer-direction=left]:data-[state=open]:translate-x-0"
-        ].join(" ")
-      end
+      # Left direction
+      "data-[vaul-drawer-direction=left]:inset-y-0",
+      "data-[vaul-drawer-direction=left]:left-0",
+      "data-[vaul-drawer-direction=left]:w-3/4",
+      "data-[vaul-drawer-direction=left]:border-r",
+      "data-[vaul-drawer-direction=left]:sm:max-w-sm",
+      "data-[vaul-drawer-direction=left]:data-[state=closed]:-translate-x-full",
+      "data-[vaul-drawer-direction=left]:data-[state=open]:translate-x-0"
+    ].join(" ")
+  end
 
-      # Merge base classes with custom classes using TailwindMerge
-      def drawer_content_classes
-        TailwindMerge::Merger.new.merge([drawer_content_base_classes, @classes].compact.join(" "))
-      end
+  # Merge base classes with custom classes using TailwindMerge
+  def drawer_content_classes
+    TailwindMerge::Merger.new.merge([drawer_content_base_classes, @classes].compact.join(" "))
+  end
 
-      # Data attributes for Stimulus target (go inside data: hash)
-      def drawer_content_data_attributes
-        attrs = {
-          ui__drawer_target: "content"
-        }
+  # Data attributes for Stimulus target (go inside data: hash)
+  def drawer_content_data_attributes
+    attrs = {
+      ui__drawer_target: "content"
+    }
 
-        # Add action for pointer events (drag handling)
-        attrs[:action] = [
-          "pointerdown->ui--drawer#handlePointerDown",
-          "pointermove->ui--drawer#handlePointerMove",
-          "pointerup->ui--drawer#handlePointerUp",
-          "pointercancel->ui--drawer#handlePointerCancel"
-        ].join(" ")
+    # Add action for pointer events (drag handling)
+    attrs[:action] = [
+      "pointerdown->ui--drawer#handlePointerDown",
+      "pointermove->ui--drawer#handlePointerMove",
+      "pointerup->ui--drawer#handlePointerUp",
+      "pointercancel->ui--drawer#handlePointerCancel"
+    ].join(" ")
 
-        attrs
-      end
+    attrs
+  end
 
-      # Merge user-provided data attributes
-      def merged_drawer_content_data_attributes
-        user_data = @attributes&.fetch(:data, {}) || {}
-        user_data.merge(drawer_content_data_attributes)
-      end
+  # Merge user-provided data attributes
+  def merged_drawer_content_data_attributes
+    user_data = @attributes&.fetch(:data, {}) || {}
+    user_data.merge(drawer_content_data_attributes)
+  end
 
-      # Build complete HTML attributes hash for drawer content
-      def drawer_content_html_attributes
-        direction = @direction || "bottom"
+  # Build complete HTML attributes hash for drawer content
+  def drawer_content_html_attributes
+    direction = @direction || "bottom"
 
-        base_attrs = @attributes&.except(:data) || {}
-        attrs = base_attrs.merge(
-          class: drawer_content_classes,
-          role: "dialog",
-          "aria-modal": "true",
-          "data-state": @open ? "open" : "closed",
-          "data-vaul-drawer": "",
-          "data-vaul-drawer-direction": direction,
-          data: merged_drawer_content_data_attributes
-        )
-        # Add inert when closed to prevent focus on elements inside
-        attrs[:inert] = true unless @open
-        attrs
-      end
-    end
+    base_attrs = @attributes&.except(:data) || {}
+    attrs = base_attrs.merge(
+      class: drawer_content_classes,
+      role: "dialog",
+      "aria-modal": "true",
+      "data-state": @open ? "open" : "closed",
+      "data-vaul-drawer": "",
+      "data-vaul-drawer-direction": direction,
+      data: merged_drawer_content_data_attributes
+    )
+    # Add inert when closed to prevent focus on elements inside
+    attrs[:inert] = true unless @open
+    attrs
+  end
+end

data/app/behaviors/ui/drawer_description_behavior.rb

@@ -2,22 +2,22 @@
 
 require "tailwind_merge"
 
-    # Shared behavior for Drawer Description component
-    # ARIA-compliant description for drawer
-    module UI::DrawerDescriptionBehavior
-      # Base CSS classes for drawer description
-      def drawer_description_base_classes
-        "text-muted-foreground text-sm"
-      end
+# Shared behavior for Drawer Description component
+# ARIA-compliant description for drawer
+module UI::DrawerDescriptionBehavior
+  # Base CSS classes for drawer description
+  def drawer_description_base_classes
+    "text-muted-foreground text-sm"
+  end
 
-      # Merge base classes with custom classes using TailwindMerge
-      def drawer_description_classes
-        TailwindMerge::Merger.new.merge([drawer_description_base_classes, @classes].compact.join(" "))
-      end
+  # Merge base classes with custom classes using TailwindMerge
+  def drawer_description_classes
+    TailwindMerge::Merger.new.merge([drawer_description_base_classes, @classes].compact.join(" "))
+  end
 
-      # Build complete HTML attributes hash for description
-      def drawer_description_html_attributes
-        base_attrs = @attributes || {}
-        base_attrs.merge(class: drawer_description_classes)
-      end
-    end
+  # Build complete HTML attributes hash for description
+  def drawer_description_html_attributes
+    base_attrs = @attributes || {}
+    base_attrs.merge(class: drawer_description_classes)
+  end
+end

data/app/behaviors/ui/drawer_footer_behavior.rb

@@ -2,22 +2,22 @@
 
 require "tailwind_merge"
 
-    # Shared behavior for Drawer Footer component
-    # Action area for drawer (buttons, etc.)
-    module UI::DrawerFooterBehavior
-      # Base CSS classes for drawer footer
-      def drawer_footer_base_classes
-        "mt-auto flex flex-col gap-2 p-4"
-      end
+# Shared behavior for Drawer Footer component
+# Action area for drawer (buttons, etc.)
+module UI::DrawerFooterBehavior
+  # Base CSS classes for drawer footer
+  def drawer_footer_base_classes
+    "mt-auto flex flex-col gap-2 p-4"
+  end
 
-      # Merge base classes with custom classes using TailwindMerge
-      def drawer_footer_classes
-        TailwindMerge::Merger.new.merge([drawer_footer_base_classes, @classes].compact.join(" "))
-      end
+  # Merge base classes with custom classes using TailwindMerge
+  def drawer_footer_classes
+    TailwindMerge::Merger.new.merge([drawer_footer_base_classes, @classes].compact.join(" "))
+  end
 
-      # Build complete HTML attributes hash for footer
-      def drawer_footer_html_attributes
-        base_attrs = @attributes || {}
-        base_attrs.merge(class: drawer_footer_classes)
-      end
-    end
+  # Build complete HTML attributes hash for footer
+  def drawer_footer_html_attributes
+    base_attrs = @attributes || {}
+    base_attrs.merge(class: drawer_footer_classes)
+  end
+end

data/app/behaviors/ui/drawer_handle_behavior.rb

@@ -2,39 +2,39 @@
 
 require "tailwind_merge"
 
-    # Shared behavior for Drawer Handle component
-    # Visual affordance for drag gesture (shown on bottom/top drawers only)
-    module UI::DrawerHandleBehavior
-      # Base CSS classes for handle container
-      def drawer_handle_container_base_classes
-        [
-          "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full",
-          # Only show for bottom direction (matching shadcn/ui implementation)
-          "group-data-[vaul-drawer-direction=bottom]/drawer-content:block"
-        ].join(" ")
-      end
+# Shared behavior for Drawer Handle component
+# Visual affordance for drag gesture (shown on bottom/top drawers only)
+module UI::DrawerHandleBehavior
+  # Base CSS classes for handle container
+  def drawer_handle_container_base_classes
+    [
+      "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full",
+      # Only show for bottom direction (matching shadcn/ui implementation)
+      "group-data-[vaul-drawer-direction=bottom]/drawer-content:block"
+    ].join(" ")
+  end
 
-      # Merge base classes with custom classes using TailwindMerge
-      def drawer_handle_classes
-        TailwindMerge::Merger.new.merge([drawer_handle_container_base_classes, @classes].compact.join(" "))
-      end
+  # Merge base classes with custom classes using TailwindMerge
+  def drawer_handle_classes
+    TailwindMerge::Merger.new.merge([drawer_handle_container_base_classes, @classes].compact.join(" "))
+  end
 
-      # Data attributes for handle (Stimulus target only)
-      def drawer_handle_data_attributes
-        user_data = @attributes&.fetch(:data, {}) || {}
-        user_data.merge({
-          ui__drawer_target: "handle"
-        })
-      end
+  # Data attributes for handle (Stimulus target only)
+  def drawer_handle_data_attributes
+    user_data = @attributes&.fetch(:data, {}) || {}
+    user_data.merge({
+      ui__drawer_target: "handle"
+    })
+  end
 
-      # Build complete HTML attributes hash for handle
-      def drawer_handle_html_attributes
-        base_attrs = @attributes&.except(:data) || {}
-        base_attrs.merge(
-          class: drawer_handle_classes,
-          "aria-hidden": "true",
-          "data-vaul-handle": "",
-          data: drawer_handle_data_attributes
-        )
-      end
-    end
+  # Build complete HTML attributes hash for handle
+  def drawer_handle_html_attributes
+    base_attrs = @attributes&.except(:data) || {}
+    base_attrs.merge(
+      class: drawer_handle_classes,
+      "aria-hidden": "true",
+      "data-vaul-handle": "",
+      data: drawer_handle_data_attributes
+    )
+  end
+end