poetry-ui 0.0.2

data/app/components/poetry/ui/field_group/component.rb

@@ -0,0 +1,61 @@
+# frozen_string_literal: true
+
+module Poetry
+  module Ui
+    # The FieldGroup family - the stacking container for Fields.
+    module FieldGroup
+      # The FieldGroup - the Field family's stacking container: fields,
+      # fieldsets, and separators stack with the
+      # theme's rhythm instead of hand-spaced flex columns. It is also the
+      # CSS `@container` scope responsive fields key on - Field's
+      # orientation: :responsive flips to a row only once ITS field-group
+      # container passes the md mark.
+      #
+      # @example Stacking fields with the theme's rhythm
+      #   render Poetry::Ui::FieldGroup::Component.new do
+      #     safe_join([
+      #       render(Poetry::Ui::Field::Component.new) { ... },
+      #       render(Poetry::Ui::FieldSeparator::Component.new),
+      #       render(Poetry::Ui::Field::Component.new) { ... }
+      #     ])
+      #   end
+      class Component < Poetry::Core::Component
+        # The closed vocabulary for the variant axis.
+        VARIANTS = %i[default choices].freeze
+
+        # Projected into the registry, llms.txt, and the agent surface.
+        AGENT_RULES = [
+          "Stack Fields (and Fieldsets) with poetry_field_group - the theme owns the rhythm; " \
+          "never hand-space a form column with gap utilities.",
+          "variant: :choices packs a run of horizontal checkbox/switch fields tighter (the " \
+          "choice-group form).",
+          "Field's orientation: :responsive is container-driven: it needs a FieldGroup " \
+          "ancestor to measure against - without one it stays stacked."
+        ].freeze
+
+        style :variant, default: :default, required: true, variants: VARIANTS,
+                        doc: ":choices packs a run of horizontal checkbox/switch fields tighter."
+
+        part "field-group", "The stacking container - fields, fieldsets, and separators " \
+                            "render as direct children; also the @container responsive " \
+                            "fields measure against"
+
+        # Renders the stacking container around the content.
+        # @api private
+        def call
+          content_tag(:div, content, **root_attributes.to_attributes)
+        end
+
+        # The container's attributes.
+        # @api private
+        def root_attributes
+          html_attributes.merge_if_not_set(
+            { "data-slot" => "field-group" }.merge(component_data_attributes)
+          )
+        end
+
+        private :root_attributes
+      end
+    end
+  end
+end

data/app/components/poetry/ui/field_group/preview.html.erb

@@ -0,0 +1,30 @@
+<%# Shared template for the FieldGroup previews: default stacks wired
+    quartet fields around a separator; choices: packs horizontal
+    checkbox rows (the tighter run the variant exists for). %>
+<div class="w-96 p-4">
+  <%= render component do %>
+    <% if local_assigns[:choices] %>
+      <%= render Poetry::Ui::Field::Component.new(id: "field-group-preview-disks", label_text: "Hard disks",
+                                                  orientation: :horizontal) do |field| %>
+        <%= render Poetry::Ui::Checkbox::Component.new(name: "disks", checked: true,
+                                                       **field.control_attributes.transform_keys(&:to_sym)) %>
+      <% end %>
+      <%= render Poetry::Ui::Field::Component.new(id: "field-group-preview-external", label_text: "External disks",
+                                                  orientation: :horizontal) do |field| %>
+        <%= render Poetry::Ui::Checkbox::Component.new(name: "external",
+                                                       **field.control_attributes.transform_keys(&:to_sym)) %>
+      <% end %>
+    <% else %>
+      <%= render Poetry::Ui::Field::Component.new(id: "field-group-preview-email", label_text: "Email") do |field| %>
+        <%= render Poetry::Ui::Input::Component.new(type: "email", name: "email",
+                                                    **field.control_attributes.transform_keys(&:to_sym)) %>
+      <% end %>
+      <%= render Poetry::Ui::FieldSeparator::Component.new.with_content("Or continue with") %>
+      <%= render Poetry::Ui::Field::Component.new(id: "field-group-preview-sso", label_text: "SSO domain",
+                                                  hint: "Your identity provider's domain.") do |field| %>
+        <%= render Poetry::Ui::Input::Component.new(name: "sso",
+                                                    **field.control_attributes.transform_keys(&:to_sym)) %>
+      <% end %>
+    <% end %>
+  <% end %>
+</div>

data/app/components/poetry/ui/field_group/preview.rb

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+module Poetry
+  module Ui
+    module FieldGroup
+      # The stacking container over real wired Fields - rendering rides
+      # the sidecar preview.html.erb (the Field preview precedent).
+      class Preview < Poetry::Core::Preview::Base
+        def default
+          render_with(component: Component.new)
+        end
+
+        # The tighter checkbox-run rhythm (upstream's checkbox-group form).
+        def choices
+          render_with(component: Component.new(variant: :choices), choices: true)
+        end
+      end
+    end
+  end
+end

data/app/components/poetry/ui/field_group/style.rb

@@ -0,0 +1,25 @@
+# frozen_string_literal: true
+
+module Poetry
+  module Ui
+    module FieldGroup
+      # Upstream FieldGroup structure: the named group/@container pair is
+      # what responsive fields and theme rhythm rules key on. The stack
+      # gap is design and rides the theme under cn-field-group; :choices
+      # emits its marker for the tighter checkbox-run rhythm (upstream
+      # overrides data-slot to checkbox-group for the same effect - poetry
+      # keeps the slot stable and mirrors the variant as a class, the
+      # drawer-direction marker pattern).
+      class Style < Poetry::Core::Style
+        base "cn-field-group group/field-group @container/field-group flex w-full flex-col"
+
+        # Default is the base state and emits nothing (the marker/core-X
+        # empty-variant precedent).
+        variant :variant, {
+          default: "",
+          choices: "cn-field-group-choices"
+        }
+      end
+    end
+  end
+end

data/app/components/poetry/ui/field_separator/component.rb

@@ -0,0 +1,70 @@
+# frozen_string_literal: true
+
+module Poetry
+  module Ui
+    # The FieldSeparator family - the divider row between stacked fields.
+    module FieldSeparator
+      # The FieldSeparator - the divider between stacked fields inside a
+      # FieldGroup: a Separator drawn across the
+      # row, with an optional inline caption riding on top ("Or continue
+      # with"). The caption is visual chrome on a decorative rule - the
+      # Separator inside stays aria-hidden either way.
+      #
+      # @example A captioned divider between stacked fields
+      #   render Poetry::Ui::FieldSeparator::Component.new { "Or continue with" }
+      class Component < Poetry::Core::Component
+        # Projected into the registry, llms.txt, and the agent surface.
+        AGENT_RULES = [
+          "Divides stacked fields inside a poetry_field_group - not a general-purpose rule " \
+          "(that is poetry_separator).",
+          "Pass a block for the inline caption form (\"Or continue with\") - the caption sits " \
+          "on the line, backed by the page background."
+        ].freeze
+
+        part "field-separator", "The divider row - a decorative Separator drawn across it",
+             states: {
+               "data-content" => { condition: "always - whether the inline caption renders",
+                                   values: %w[true false] }
+             }
+        part "field-separator-content", "The inline caption span (block content) - sits on " \
+                                        "the line, backed by the page background"
+
+        # Renders the divider row (rule + optional caption).
+        # @api private
+        def call
+          content_tag(:div, **root_attributes.to_attributes) do
+            safe_join([rule, caption].compact)
+          end
+        end
+
+        # The divider row's attributes.
+        # @api private
+        def root_attributes
+          html_attributes.merge_if_not_set(
+            # Normalized to "true"/"false": ViewComponent's content? is
+            # truthy/falsy, not boolean (defined?-strings, blocks), Rails
+            # drops false attribute values, and the declared-state
+            # contract wants the pair always visible.
+            { "data-slot" => "field-separator", "data-content" => (content? ? "true" : "false") }
+              .merge(component_data_attributes)
+          )
+        end
+
+        private
+
+        def rule
+          render(Separator::Component.new(class: css(:line)))
+        end
+
+        def caption
+          return unless content?
+
+          content_tag(:span, content, "data-slot" => "field-separator-content",
+                                      "class" => css(:content))
+        end
+
+        private :root_attributes
+      end
+    end
+  end
+end

data/app/components/poetry/ui/field_separator/preview.rb

@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+
+module Poetry
+  module Ui
+    module FieldSeparator
+      class Preview < Poetry::Core::Preview::Base
+        def default
+          render_component
+        end
+
+        # The inline caption form - the line breaks around the text.
+        def with_caption
+          render_component { "Or continue with" }
+        end
+      end
+    end
+  end
+end

data/app/components/poetry/ui/field_separator/style.rb

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+module Poetry
+  module Ui
+    module FieldSeparator
+      # Upstream FieldSeparator structure: the row is a positioning context
+      # for the absolute Separator; the caption floats centered on it,
+      # backed by the page background so the line breaks around the text.
+      # Height/margins/type ride the theme under cn-field-separator.
+      class Style < Poetry::Core::Style
+        base "cn-field-separator relative"
+
+        element :content, "cn-field-separator-content relative mx-auto block w-fit bg-background"
+        # The rule the content sits on (dictionary-resident for the
+        # safelist harvest).
+        element :line, "absolute inset-0 top-1/2"
+      end
+    end
+  end
+end

data/app/components/poetry/ui/fieldset/component.rb

@@ -0,0 +1,90 @@
+# frozen_string_literal: true
+
+module Poetry
+  module Ui
+    # The Fieldset family - a named group of related fields.
+    module Fieldset
+      # The Fieldset - the Field family's GROUP layer: a run of related
+      # fields inside a
+      # real <fieldset>, named by a real <legend>. The native pair carries
+      # the group semantics assistive technology already understands - no
+      # aria wiring to
+      # hand-write, which is why legend: is required rather than optional
+      # chrome. legend_variant: :label renders the legend at label size
+      # while the group keeps its accessible name.
+      #
+      # @example A named group of address fields
+      #   render Poetry::Ui::Fieldset::Component.new(legend: "Shipping address") do
+      #     # poetry_field_group with the fields
+      #   end
+      class Component < Poetry::Core::Component
+        # The closed vocabulary for the legend_variant axis.
+        LEGEND_VARIANTS = %i[legend label].freeze
+
+        # Projected into the registry, llms.txt, and the agent surface.
+        AGENT_RULES = [
+          "A run of related fields gets poetry_fieldset with legend: - the group's accessible " \
+          "name (a bare <div> around fields tells AT nothing).",
+          "legend_variant: :label renders the legend at label size - use it when the group is " \
+          "one setting explained by its rows (checkbox/switch runs).",
+          "hint: is the muted description under the legend; per-field hints stay on the fields.",
+          "Stack the fields inside with poetry_field_group - never hand-spaced flex columns."
+        ].freeze
+
+        option :legend, :string, required: true, doc: "The group's accessible name - renders as the real <legend>."
+        option :legend_variant, :symbol, default: :legend,
+                                         doc: ":label renders the legend at label size - for a group that is one " \
+                                              "setting explained by its rows (checkbox/switch runs)."
+        option :hint, :string, doc: "Muted description under the legend; per-field hints stay on the fields."
+
+        validates :legend_variant, inclusion: { in: LEGEND_VARIANTS }
+
+        part "field-set", "The <fieldset> root - legend, optional hint, then the fields"
+        part "field-legend", "The <legend> - the group's accessible name",
+             states: {
+               "data-variant" => { condition: "always - the legend's size treatment",
+                                   values: LEGEND_VARIANTS.map(&:to_s) }
+             }
+        part "field-set-hint", "Muted description under the legend (hint:)"
+
+        # Enforces the required legend before render.
+        # @api private
+        def before_render
+          raise ArgumentError, "Fieldset requires legend: (the group's accessible name)" if legend.blank?
+        end
+
+        # Renders the <fieldset> (legend, optional hint, then the fields).
+        # @api private
+        def call
+          content_tag(:fieldset, **root_attributes.to_attributes) do
+            safe_join([legend_tag, hint_tag, content].compact)
+          end
+        end
+
+        # The <fieldset> root's attributes.
+        # @api private
+        def root_attributes
+          html_attributes.merge_if_not_set(
+            { "data-slot" => "field-set" }.merge(component_data_attributes)
+          )
+        end
+
+        private
+
+        def legend_tag
+          content_tag(:legend, legend, "data-slot" => "field-legend",
+                                       "data-variant" => legend_variant,
+                                       "class" => css(:legend))
+        end
+
+        def hint_tag
+          return if hint.blank?
+
+          content_tag(:p, hint, "data-slot" => "field-set-hint", "class" => css(:hint))
+        end
+
+        private :root_attributes
+      end
+    end
+  end
+end

data/app/components/poetry/ui/fieldset/preview.html.erb

@@ -0,0 +1,22 @@
+<%# Shared template for the Fieldset previews: the legend/hint pair over a
+    FieldGroup of real wired Fields (the canonical composition). %>
+<div class="w-96 p-4">
+  <%= render component do %>
+    <%= render Poetry::Ui::FieldGroup::Component.new do %>
+      <%= render Poetry::Ui::Field::Component.new(id: "fieldset-preview-street", label_text: "Street address") do |field| %>
+        <%= render Poetry::Ui::Input::Component.new(name: "street", placeholder: "123 Main St",
+                                                    **field.control_attributes.transform_keys(&:to_sym)) %>
+      <% end %>
+      <div class="grid grid-cols-2 gap-4">
+        <%= render Poetry::Ui::Field::Component.new(id: "fieldset-preview-city", label_text: "City") do |field| %>
+          <%= render Poetry::Ui::Input::Component.new(name: "city", placeholder: "New York",
+                                                      **field.control_attributes.transform_keys(&:to_sym)) %>
+        <% end %>
+        <%= render Poetry::Ui::Field::Component.new(id: "fieldset-preview-zip", label_text: "Postal code") do |field| %>
+          <%= render Poetry::Ui::Input::Component.new(name: "zip", placeholder: "90502",
+                                                      **field.control_attributes.transform_keys(&:to_sym)) %>
+        <% end %>
+      </div>
+    <% end %>
+  <% end %>
+</div>

data/app/components/poetry/ui/fieldset/preview.rb

@@ -0,0 +1,25 @@
+# frozen_string_literal: true
+
+module Poetry
+  module Ui
+    module Fieldset
+      # The group layer over real nested Fields - rendering rides the
+      # sidecar preview.html.erb (nesting controls inside fields needs a
+      # real view context, the Field preview precedent).
+      class Preview < Poetry::Core::Preview::Base
+        def default
+          render_with(component: Component.new(legend: "Address information",
+                                               hint: "We need your address to deliver the order."))
+        end
+
+        # The label-sized legend: the group is one setting explained by
+        # its rows (the checkbox/switch-run form).
+        def label_legend
+          render_with(component: Component.new(legend: "Show these items",
+                                               legend_variant: :label,
+                                               hint: "Pick what lands on the desktop."))
+        end
+      end
+    end
+  end
+end

data/app/components/poetry/ui/fieldset/style.rb

@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+
+module Poetry
+  module Ui
+    module Fieldset
+      # Upstream FieldSet/FieldLegend/FieldDescription structure; the
+      # group rhythm (gaps, legend margins, type scale) rides the theme.
+      # :hint wears cn-field-description - the same style hook as Field's
+      # hint, so one theme rule styles description text across the family.
+      class Style < Poetry::Core::Style
+        base "cn-field-set flex flex-col"
+
+        element :legend, "cn-field-legend"
+        element :hint, "cn-field-description"
+      end
+    end
+  end
+end

data/app/components/poetry/ui/file_input/component.html.erb

@@ -0,0 +1,14 @@
+<% if variant == :input %>
+  <%= render input_variant_component %>
+<% else %>
+  <%= content_tag(:div, **root_attributes.to_attributes) do %>
+    <%= content_tag(:label, dropzone_attributes) do %>
+      <%= tag(:input, control_attributes) %>
+      <%= render Poetry::Ui::Icon::Component.new(name: :upload, class: css(:icon)) %>
+      <span data-slot="file-input-prompt" class="<%= css(:prompt) %>"><%= prompt_text %></span>
+      <% if hint.present? %><span data-slot="file-input-hint" class="<%= css(:hint) %>"><%= hint %></span><% end %>
+    <% end %>
+    <%= content_tag(:ul, "", list_attributes) %>
+    <%= content_tag(:button, t("poetry.file_input.clear"), clear_attributes) %>
+  <% end %>
+<% end %>

data/app/components/poetry/ui/file_input/component.rb

@@ -0,0 +1,188 @@
+# frozen_string_literal: true
+
+module Poetry
+  module Ui
+    # The FileInput family - file selection as a plain control or a dropzone.
+    module FileInput
+      # The FileInput - file
+      # selection in two shapes. variant: :input is the plain styled native
+      # control (the Input component with type=file - zero JS, the browser
+      # shows the selection). variant: :dropzone is the drag-and-drop
+      # surface: a <label> wrapping a visually-hidden native input - so
+      # click-to-browse and keyboard access are the PLATFORM's - with JS
+      # adding only what HTML cannot
+      # (drop, the selection list, clear). The native input is always the
+      # form value; ActiveStorage direct upload rides it untouched
+      # (data: { direct_upload_url: ... } passes straight through).
+      #
+      # @example Drag-and-drop upload surface
+      #   render Poetry::Ui::FileInput::Component.new(
+      #     variant: :dropzone, name: "attachments[]", multiple: true,
+      #     hint: "PDF or PNG, up to 10 MB"
+      #   )
+      class Component < Poetry::Core::Component
+        # Projected into the registry, llms.txt, and the agent surface.
+        AGENT_RULES = [
+          "File selection is a FileInput: variant: :input for compact forms, :dropzone when " \
+          "dragging is expected (uploads as the page's point) - never a hand-rolled drop div.",
+          "The native input is the form value: set name: (multiple: true wants a name ending " \
+          "in [] for Rails params); ActiveStorage direct upload attaches to it as usual.",
+          "The dropzone's selected-file list and clear button are controller-rendered - compose " \
+          "prompt:/hint: copy instead of adding your own list markup.",
+          "In a Field, prefer form.file_input (the builder wires id/label/errors); the bare " \
+          "component suits standalone dropzones."
+        ].freeze
+
+        use_stimulus do
+          on :root do
+            controller :file_input do
+              register
+              value :multiple
+            end
+          end
+          on :dropzone do
+            controller :file_input do
+              action :dragenter, on: :dragenter
+              action :dragover, on: :dragover
+              action :dragleave, on: :dragleave
+              action :drop, on: :drop
+            end
+          end
+          on :control do
+            controller :file_input do
+              target :input
+              action :changed, on: :change
+            end
+          end
+          on :list do
+            controller(:file_input) { target :list }
+          end
+          on :clear do
+            controller :file_input do
+              target :clear
+              action :clear, on: :click
+            end
+          end
+        end
+
+        style :variant, default: :input, variants: %i[input dropzone],
+                        doc: ":input is the compact native control; :dropzone the drag-and-drop surface."
+
+        option :name, :string,
+               doc: "The native input's name - the submitted param (multiple: true wants a name ending in [] for " \
+                    "Rails params)."
+        option :id, :string, doc: "The native input's id (Field/FormBuilder wire it to the label)."
+        option :multiple, :boolean, default: false,
+                                    doc: "Allows selecting several files; forwarded to the native input."
+        option :accept, :string, doc: "The native accept filter (e.g. \"image/*,.pdf\")."
+        option :disabled, :boolean, default: false, doc: "Disables the native input and dims the dropzone."
+        option :invalid, :boolean, default: false,
+                                   doc: "Marks the control aria-invalid (set by Field/FormBuilder from model errors)."
+        option :described_by, :string, doc: "Ids for the native input's aria-describedby (Field wires this)."
+        option :prompt, :string, doc: "The dropzone's instruction line - overrides the translated default."
+        option :hint, :string, doc: "Muted constraints copy under the prompt (formats, size limits)."
+
+        part "file-input", "The dropzone root - wraps the zone, the selection list, and clear",
+             states: {
+               "data-variant" => { condition: "always on the dropzone root (the input variant " \
+                                              "renders the Input component instead)",
+                                   values: %w[dropzone] },
+               "data-dragging" => { condition: "a file drag is over the zone (controller-written, " \
+                                               "enter/leave counted)" },
+               "data-populated" => { condition: "the native input holds at least one file " \
+                                                "(controller-written)" }
+             }
+        part "file-input-dropzone", "The <label> drop surface - dashed, platform click-to-browse; " \
+                                    "its text is the control's accessible name"
+        part "file-input-control", "The native <input type=file> - visually hidden in the " \
+                                   "dropzone, THE form value in both variants"
+        part "file-input-prompt", "The zone's instruction line (prompt: overrides the default)"
+        part "file-input-hint", "Muted constraints copy under the prompt (hint: - formats, size)"
+        part "file-input-list", "The selected-file <ul> the controller fills (name + size per " \
+                                "item; items are controller-built, not server parts)"
+        part "file-input-clear", "The clear affordance - hidden until populated; never re-opens " \
+                                 "the picker"
+
+        # Enforces visible prompt text on the dropzone variant.
+        # @api private
+        def before_render
+          # The dropzone announces itself through the label text; the input
+          # variant is named externally (Field/Label) like any Input.
+          return unless variant == :dropzone && prompt_text.blank?
+
+          raise ArgumentError, "FileInput dropzone requires visible prompt text"
+        end
+
+        # The resolved instruction line (prompt: or the translated default).
+        # @api private
+        def prompt_text
+          prompt.presence || t("poetry.file_input.prompt")
+        end
+
+        # The input variant renders the Input component AS the whole
+        # surface, so the FileInput's own extra attributes (aria-label,
+        # class, data-*) must forward onto it - dropping them would strand
+        # the accessible name.
+        # @api private
+        def input_variant_component
+          Input::Component.new(
+            type: "file", name: name, disabled: disabled, invalid: invalid,
+            **{ "id" => id, "accept" => accept, "multiple" => multiple || nil,
+                "aria-describedby" => described_by }.compact,
+            **html_attributes.to_attributes.transform_keys(&:to_sym)
+          )
+        end
+
+        # The hidden native input's attributes (dropzone variant).
+        # @api private
+        def control_attributes
+          attrs = {
+            "type" => "file", "class" => "sr-only", "data-slot" => "file-input-control",
+            "name" => name, "id" => id, "accept" => accept,
+            "aria-describedby" => described_by
+          }.compact
+          attrs["multiple"] = true if multiple
+          attrs["disabled"] = true if disabled
+          attrs["aria-invalid"] = "true" if invalid
+          attrs.merge(stimulus_attributes_for(:control))
+        end
+
+        # The dropzone root's attributes.
+        # @api private
+        def root_attributes
+          html_attributes.merge_if_not_set(
+            { "data-slot" => "file-input", "data-variant" => variant }
+              .merge(component_data_attributes).merge(stimulus_attributes_for(:root))
+          )
+        end
+
+        # The <label> drop surface's attributes.
+        # @api private
+        def dropzone_attributes
+          {
+            "data-slot" => "file-input-dropzone",
+            "class" => "#{css(:dropzone)}#{" #{css(:dropzone_disabled)}" if disabled}"
+          }.merge(stimulus_attributes_for(:dropzone))
+        end
+
+        # The controller-filled selection list's attributes.
+        # @api private
+        def list_attributes
+          { "data-slot" => "file-input-list", "class" => css(:list) }
+            .merge(stimulus_attributes_for(:list))
+        end
+
+        # The clear button's attributes (hidden until files are selected).
+        # @api private
+        def clear_attributes
+          { "type" => "button", "data-slot" => "file-input-clear", "hidden" => true,
+            "class" => css(:clear) }
+            .merge(stimulus_attributes_for(:clear))
+        end
+
+        private :prompt_text, :input_variant_component, :control_attributes, :root_attributes, :dropzone_attributes
+        private :list_attributes, :clear_attributes
+      end
+    end
+  end
+end

data/app/components/poetry/ui/file_input/preview.rb

@@ -0,0 +1,30 @@
+# frozen_string_literal: true
+
+module Poetry
+  module Ui
+    module FileInput
+      class Preview < Poetry::Core::Preview::Base
+        # The compact form control: the Input component with type=file -
+        # the browser renders the selection, no JS.
+        def default
+          render_component(name: "document", "aria-label": "Document")
+        end
+
+        def dropzone
+          render_component(variant: :dropzone, name: "attachments[]", multiple: true,
+                           hint: "PNG, JPG or PDF, up to 10 MB each")
+        end
+
+        def dropzone_custom_prompt
+          render_component(variant: :dropzone, name: "avatar", accept: "image/*",
+                           prompt: "Drop your avatar here", hint: "Square images look best")
+        end
+
+        def dropzone_disabled
+          render_component(variant: :dropzone, name: "evidence", disabled: true,
+                           hint: "Uploads are locked while the case is closed")
+        end
+      end
+    end
+  end
+end