stimulus_plumbers 0.4.12 → 0.4.14

data/config/locales/en.yml

@@ -27,5 +27,6 @@ en:
     form:
       password:
         show: "Show password"
+        hide: "Hide password"
       search:
         clear: "Clear search"

data/docs/component/form.md

@@ -52,7 +52,7 @@ Special options on native helpers:
 
 | Helper           | Option             | Effect                                                             |
 | ---------------- | ------------------ | ------------------------------------------------------------------ |
-| `password_field` | `revealable: true` | Wraps input in an `input-formatter` reveal controller              |
+| `password_field` | `revealable: true` | Wraps input in an `input-revealable` controller                    |
 | `search_field`   | `clearable: true`  | Wraps input in an `input-clearable` controller with a clear button |
 
 ### f.submit
@@ -160,11 +160,12 @@ Use `f.select` for a native `<select>`.
 
 Use `f.search_field` for a native `<input type="search">`.
 
-**Password** (`as: :password`) — reveal-toggle wrapper backed by `input-formatter`.
+**Password** (`as: :password`) — reveal-toggle wrapper backed by `input-revealable`.
 
-| Option       | Values  | Default | Description                                 |
-| ------------ | ------- | ------- | ------------------------------------------- |
-| `revealable` | Boolean | `false` | Adds a show/hide toggle button on the input |
+| Option         | Values  | Default              | Description                                 |
+| -------------- | ------- | -------------------- | ------------------------------------------- |
+| `revealable`   | Boolean | `false`              | Adds a show/hide toggle button on the input |
+| `autocomplete` | String  | `"current-password"` | Native autocomplete value                   |
 
 Use `f.password_field` for a plain `<input type="password">` (also accepts `revealable:`).
 

data/docs/component/icon.md

@@ -7,17 +7,17 @@ Rails helper for rendering a named icon from the active theme's icon registry.
 ### `sp_icon`
 
 ```erb
-<%= sp_icon name: "check" %>
-<%= sp_icon name: "spinner", aria: { label: "Loading" }, role: "img" %>
-<%= sp_icon name: "unknown-icon" %>
-<%= sp_icon name: "check", size: :sm %>
+<%= sp_icon "check" %>
+<%= sp_icon "spinner", aria: { label: "Loading" }, role: "img" %>
+<%= sp_icon "unknown-icon" %>
+<%= sp_icon "check", size: :sm %>
 ```
 
-| Option           | Default    | Description                                         |
-| ---------------- | ---------- | --------------------------------------------------- |
-| `name`           | (required) | Icon name — looked up in the theme registry         |
-| `size`           | `:lg`      | `:sm` \| `:md` \| `:lg` — theme-resolved size class |
-| `**html_options` | —          | Forwarded to the root element                       |
+| Option           | Default    | Description                                                            |
+| ---------------- | ---------- | ---------------------------------------------------------------------- |
+| `name`           | (required) | Positional (1st argument). Icon name — looked up in the theme registry |
+| `size`           | `:lg`      | `:sm` \| `:md` \| `:lg` — theme-resolved size class                    |
+| `**html_options` | —          | Forwarded to the root element                                          |
 
 ---
 

data/lib/stimulus_plumbers/components/button/icon_layout.rb

@@ -21,7 +21,7 @@ module StimulusPlumbers
             next value unless Components::Icon.icon_name?(value)
 
             Components::Icon.new(@template).render(
-              name:    value,
+              value,
               size:    :sm,
               classes: theme.resolve(:button_icon).fetch(:classes, ""),
               aria:    { hidden: "true" }

data/lib/stimulus_plumbers/components/card.rb

@@ -49,7 +49,7 @@ module StimulusPlumbers
         return value unless value.is_a?(Symbol) || (value.is_a?(String) && !value.html_safe?)
 
         Components::Icon.new(template).render(
-          name:    value,
+          value,
           classes: theme.resolve(:card_icon).fetch(:classes, ""),
           aria:    { hidden: "true" }
         )

data/lib/stimulus_plumbers/components/combobox/trigger.rb

@@ -84,7 +84,7 @@ module StimulusPlumbers
 
         def render_trigger_icon(name)
           Components::Icon.new(template).render(
-            name:    name,
+            name,
             classes: theme.resolve(:combobox_trigger_icon).fetch(:classes, ""),
             aria:    { hidden: "true" }
           )

data/lib/stimulus_plumbers/components/combobox/typeahead.rb

@@ -89,7 +89,7 @@ module StimulusPlumbers
             )
           ) do
             Components::Icon.new(template).render(
-              name:    "spinner",
+              "spinner",
               size:    :md,
               classes: theme.resolve(:combobox_typeahead_loading_icon).fetch(:classes, ""),
               aria:    { hidden: "true" }

data/lib/stimulus_plumbers/components/icon.rb

@@ -9,7 +9,7 @@ module StimulusPlumbers
         end
       end
 
-      def render(name:, size: :lg, **kwargs)
+      def render(name, size: :lg, **kwargs)
         html_options = merge_html_options(
           theme.resolve(:icon, size: size),
           kwargs

data/lib/stimulus_plumbers/components/link.rb

@@ -44,7 +44,7 @@ module StimulusPlumbers
           next value unless Components::Icon.icon_name?(value)
 
           Components::Icon.new(template).render(
-            name:    value,
+            value,
             size:    :sm,
             classes: theme.resolve(:link_icon).fetch(:classes, ""),
             aria:    { hidden: "true" }

data/lib/stimulus_plumbers/components/list/item.rb

@@ -43,7 +43,7 @@ module StimulusPlumbers
             next value unless Components::Icon.icon_name?(value)
 
             Components::Icon.new(template).render(
-              name:    value,
+              value,
               classes: theme.resolve(:list_item_icon).fetch(:classes, ""),
               aria:    { hidden: "true" }
             )

data/lib/stimulus_plumbers/components/ordered_list/item.rb

@@ -85,7 +85,7 @@ module StimulusPlumbers
             next value unless Components::Icon.icon_name?(value)
 
             Components::Icon.new(template).render(
-              name:    value,
+              value,
               size:    :sm,
               classes: theme.resolve(:ordered_list_item_handle).fetch(:classes, ""),
               aria:    { hidden: "true" }
@@ -95,7 +95,7 @@ module StimulusPlumbers
 
         def default_handle_icon
           Components::Icon.new(template).render(
-            name:    "grip-vertical",
+            "grip-vertical",
             size:    :sm,
             classes: theme.resolve(:ordered_list_item_handle).fetch(:classes, ""),
             aria:    { hidden: "true" }

data/lib/stimulus_plumbers/components/progress_ring.rb

@@ -16,7 +16,7 @@ module StimulusPlumbers
           stimulus_data(value: value, min: min, max: max, indeterminate: indeterminate),
           { role: "progressbar", aria: progress_aria(value: value, min: min, max: max, indeterminate: indeterminate) }
         )
-        Components::Icon.new(template).render(name: "progress-ring", **icon_options)
+        Components::Icon.new(template).render("progress-ring", **icon_options)
       end
 
       def progress_aria(value:, min:, max:, indeterminate:)

data/lib/stimulus_plumbers/components/timeline/event.rb

@@ -108,7 +108,7 @@ module StimulusPlumbers
         def render_indicator_content(type:, icon_name:)
           if type == :icon && icon_name
             Components::Icon.new(template).render(
-              name:    icon_name,
+              icon_name,
               size:    :sm,
               classes: theme.resolve(:timeline_item_indicator_icon_slot).fetch(:classes, ""),
               aria:    { hidden: "true" }

data/lib/stimulus_plumbers/form/fields/inputs/password.rb

@@ -5,14 +5,19 @@ module StimulusPlumbers
     module Fields
       module Inputs
         module Password
-          STIMULUS_CONTROLLER = "input-formatter"
+          STIMULUS_CONTROLLER = "input-revealable"
           STIMULUS_ACTION     = "click->#{STIMULUS_CONTROLLER}#toggle".freeze
+          DEFAULT_AUTOCOMPLETE = "current-password"
 
           def password_field(attribute, floating: nil, revealable: false, **options)
-            html_options = merge_html_options(theme.resolve(:form_field_input, floating: floating), options)
+            html_options = merge_html_options(
+              theme.resolve(:form_field_input, floating: floating),
+              options,
+              { autocomplete: options.delete(:autocomplete) || DEFAULT_AUTOCOMPLETE }
+            )
             if revealable
               render_revealable_password(false) do
-                super(attribute, merge_html_options(html_options, { data: { input_formatter_target: "input" } }))
+                super(attribute, merge_html_options(html_options, { data: { input_revealable_target: "input" } }))
               end
             else
               super(attribute, html_options)
@@ -26,11 +31,12 @@ module StimulusPlumbers
               theme.resolve(:form_field_input, floating: floating, error: error),
               opts,
               html_opts,
-              kwargs
+              kwargs,
+              { autocomplete: kwargs.delete(:autocomplete) || DEFAULT_AUTOCOMPLETE }
             )
             if revealable
               render_revealable_password(error, floating: floating) do
-                revealable_html_options = merge_html_options(html_options, { data: { input_formatter_target: "input" } })
+                revealable_html_options = merge_html_options(html_options, { data: { input_revealable_target: "input" } })
                 @template.password_field(@object_name, attribute, objectify_options(revealable_html_options))
               end
             else
@@ -45,22 +51,38 @@ module StimulusPlumbers
               trailing: method(:reveal_button),
               **merge_html_options(
                 theme.resolve(:form_field_input_reveal, error: error),
-                { data: { controller: STIMULUS_CONTROLLER, input_formatter_format_value: "password" } }
+                data: reveal_data
               )
             ) { @template.capture(&block) }
           end
 
           def reveal_button
             build_reveal_button do
-              Components::Icon.new(@template).render(
-                name: "reveal",
-                size: :sm,
-                aria: { hidden: "true" },
-                **theme.resolve(:button_icon)
+              @template.safe_join(
+                [password_icon("reveal", "revealIcon"), password_icon("conceal", "concealIcon", hidden: true)]
               )
             end
           end
 
+          def reveal_data
+            {
+              controller:                           STIMULUS_CONTROLLER,
+              input_revealable_reveal_label_value:  I18n.t("stimulus_plumbers.form.password.show", default: "Show password"),
+              input_revealable_conceal_label_value: I18n.t("stimulus_plumbers.form.password.hide", default: "Hide password")
+            }
+          end
+
+          def password_icon(name, target, hidden: false)
+            Components::Icon.new(@template).render(
+              name,
+              size:   :sm,
+              aria:   { hidden: "true" },
+              data:   { input_revealable_target: target },
+              hidden: hidden,
+              **theme.resolve(:button_icon)
+            )
+          end
+
           def build_reveal_button(&block)
             @template.content_tag(
               :button,
@@ -68,8 +90,8 @@ module StimulusPlumbers
                 theme.resolve(:form_field_input_button_reveal),
                 {
                   type: "button",
-                  aria: { label: I18n.t("stimulus_plumbers.form.password.show", default: "Show password"), pressed: "false" },
-                  data: { input_formatter_target: "toggle", action: STIMULUS_ACTION }
+                  aria: { label: I18n.t("stimulus_plumbers.form.password.show", default: "Show password") },
+                  data: { input_revealable_target: "toggle", action: STIMULUS_ACTION }
                 }
               )
             ) { @template.capture(&block) }

data/lib/stimulus_plumbers/form/fields/inputs/search.rb

@@ -82,7 +82,7 @@ module StimulusPlumbers
           def clear_button
             build_clear_button do
               Components::Icon.new(@template).render(
-                name: "close",
+                "close",
                 size: :sm,
                 aria: { hidden: "true" },
                 **theme.resolve(:button_icon)

data/lib/stimulus_plumbers/helpers/icon_helper.rb

@@ -3,8 +3,8 @@
 module StimulusPlumbers
   module Helpers
     module IconHelper
-      def sp_icon(name:, **kwargs)
-        Components::Icon.new(self).render(name: name, **kwargs)
+      def sp_icon(name, **kwargs)
+        Components::Icon.new(self).render(name, **kwargs)
       end
     end
   end

data/lib/stimulus_plumbers/themes/icons/external.rb

@@ -31,7 +31,7 @@ module StimulusPlumbers
 
           result = svg_defaults(key)
           root.attributes.each_attribute do |attr|
-            result[SVG_RENAME.fetch(attr.name, attr.name.to_sym)] = attr.value
+            result[SVG_RENAME.fetch(attr.name, attr.name.tr("-", "_").to_sym)] = attr.value
           end
 
           elements = parse_elements(root)

data/lib/stimulus_plumbers/themes/schema/icon.rb

@@ -57,10 +57,21 @@ module StimulusPlumbers
         private
 
         def resolve_svg_attrs(svg_data)
-          SVG_ATTR_DEFAULTS
-            .merge(svg_data.slice(*SVG_ATTR_DEFAULTS.keys))
-            .transform_keys { |key| SVG_ATTR_NAMES.fetch(key, key.to_s) }
-            .transform_values(&:to_s)
+          SVG_ATTR_DEFAULTS.merge(svg_data).filter_map do |key, value|
+            next unless svg_attr_allowed?(key)
+
+            [svg_attr_name(key), value.to_s]
+          end.to_h
+        end
+
+        def svg_attr_allowed?(key)
+          SVG_ATTR_DEFAULTS.key?(key) || data_or_aria_attr?(key)
+        end
+
+        def svg_attr_name(key)
+          return key.to_s.tr("_", "-") if data_or_aria_attr?(key)
+
+          SVG_ATTR_NAMES.fetch(key, key.to_s)
         end
 
         def resolve_element_attrs(element_data)

data/lib/stimulus_plumbers/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module StimulusPlumbers
-  VERSION = "0.4.12"
+  VERSION = "0.4.14"
 end

data/vendor/ARIA.md

@@ -58,9 +58,10 @@ Two helper classes handle keyboard navigation in controllers — see [`stimulus-
 - Invalid fields: `aria-invalid="true"` + `aria-describedby` pointing to error message
 - Error message element: `role="alert"` or `aria-live="polite"` so it's announced
 
-#### Password Reveal (`input-formatter_controller`, `"password"` formatter)
+#### Password Reveal (`input_revealable_controller`)
 - Toggle button: `aria-label` describes action ("Show password" / "Hide password")
-- `aria-pressed` managed on toggle button, reflecting revealed state
+- One toggle button swaps visible eye/eye-slash icons and its accessible name; it has no `aria-pressed` because its name describes the next action rather than a persistent state.
+- A live announcement was rejected: changing the input between `password` and `text` provides an independent cue when returning focus to the field, without adding chatty feedback.
 
 #### Code Input (`input_formatter_controller` + `character_cells`)
 

data/vendor/component/manifest.json

@@ -129,7 +129,14 @@
     "actions": [
       "onBlur",
       "onFocus",
-      "onInput",
+      "onInput"
+    ],
+    "listens": [],
+    "targets": [],
+    "values": []
+  },
+  "input-revealable": {
+    "actions": [
       "toggle"
     ],
     "listens": [],

data/vendor/controller/docs/input-formatter.md

@@ -1,37 +1,34 @@
 # input-formatter
 
-Formats, masks, and reveals values written to an input element. Handles password reveal toggling and structured display formatting for credit cards, phone numbers, currencies, dates, and times.
+Formats values written to an input element. Handles structured display formatting for credit cards, phone numbers, currencies, dates, and times.
 
 > When co-located with `input-combobox`, see [combobox.md](combobox.md) for the full event flow and wiring.
 
 ## Targets
 
-| Target   | Element                  | Description                                                                                                                                                                                                                                |
-| -------- | ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `input`  | `<input>` or any element | Write destination — sets `.value` for `<input>`, `.textContent` otherwise                                                                                                                                                                  |
-| `toggle` | `<button>`               | Reveal/conceal button; hidden at connect when the formatter is not maskable                                                                                                                                                                |
-| `cell`   | `<div>` (any element)    | Optional character cells; when present, the canonical value is painted one character per cell, or (grouped mode — cell count equals `groups.length`) one group-sized slice per cell — see [character-cells](../plumber/character-cells.md) |
+| Target  | Element                  | Description                                                                                                                                                                                                                                |
+| ------- | ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `input` | `<input>` or any element | Write destination — sets `.value` for `<input>`, `.textContent` otherwise                                                                                                                                                                  |
+| `cell`  | `<div>` (any element)    | Optional character cells; when present, the canonical value is painted one character per cell, or (grouped mode — cell count equals `groups.length`) one group-sized slice per cell — see [character-cells](../plumber/character-cells.md) |
 
 ## Values
 
-| Value      | Type    | Default   | Description                                                                       |
-| ---------- | ------- | --------- | --------------------------------------------------------------------------------- |
-| `format`   | String  | `"plain"` | Formatter type — see [Formatters](#formatters) for valid identifiers              |
-| `options`  | Object  | `{}`      | Formatter-specific options (e.g. `{ locale: "en-US" }` for currency)              |
-| `revealed` | Boolean | `false`   | Whether a masked value is currently revealed; managed by `toggle()`               |
-| `groups`   | Array   | `[]`      | Cell group widths (e.g. `[4,4,4,4]`); overrides the formatter's own grouping hint |
+| Value     | Type   | Default   | Description                                                                       |
+| --------- | ------ | --------- | --------------------------------------------------------------------------------- |
+| `format`  | String | `"plain"` | Formatter type — see [Formatters](#formatters) for valid identifiers              |
+| `options` | Object | `{}`      | Formatter-specific options (e.g. `{ locale: "en-US" }` for currency)              |
+| `groups`  | Array  | `[]`      | Cell group widths (e.g. `[4,4,4,4]`); overrides the formatter's own grouping hint |
 
 ## Methods
 
-| Method            | Wired via                | Description                                                                                    |
-| ----------------- | ------------------------ | ---------------------------------------------------------------------------------------------- |
-| `format(value)`   | —                        | Programmatic API — normalises, formats/masks, writes to `input` target, dispatches `formatted` |
-| `toggle()`        | `data-action`            | Action — flips `revealedValue`; no-op unless `format` is `"password"` or formatter is maskable |
-| `onChange(event)` | `input-combobox:changed` | Event adapter — extracts `event.detail.value`, calls `format(value)`                           |
-| `onPaste(event)`  | `clipboard:pasted`       | Event adapter — normalises and validates pasted text, calls `format(value)`                    |
-| `onInput(event)`  | `input` DOM event        | Event adapter — re-formats from the input's current value                                      |
-| `onFocus(event)`  | `focus` DOM event        | Event adapter — redraws cells so the caret cell appears                                        |
-| `onBlur(event)`   | `blur` DOM event         | Event adapter — redraws cells so the caret cell clears                                         |
+| Method            | Wired via                | Description                                                                              |
+| ----------------- | ------------------------ | ---------------------------------------------------------------------------------------- |
+| `format(value)`   | —                        | Programmatic API — normalises, formats, writes to `input` target, dispatches `formatted` |
+| `onChange(event)` | `input-combobox:changed` | Event adapter — extracts `event.detail.value`, calls `format(value)`                     |
+| `onPaste(event)`  | `clipboard:pasted`       | Event adapter — normalises and validates pasted text, calls `format(value)`              |
+| `onInput(event)`  | `input` DOM event        | Event adapter — re-formats from the input's current value                                |
+| `onFocus(event)`  | `focus` DOM event        | Event adapter — redraws cells so the caret cell appears                                  |
+| `onBlur(event)`   | `blur` DOM event         | Event adapter — redraws cells so the caret cell clears                                   |
 
 ## Dispatches
 
@@ -45,7 +42,6 @@ Formats, masks, and reveals values written to an input element. Handles password
 | `type`         | Description                                                                                                        |
 | -------------- | ------------------------------------------------------------------------------------------------------------------ |
 | `"plain"`      | No-op — passes the value through unchanged                                                                         |
-| `"password"`   | Switches `input[type]` between `"password"` and `"text"` on reveal                                                 |
 | `"creditCard"` | Groups digits as `#### #### #### ####`                                                                             |
 | `"phone"`      | Formats as a local phone number                                                                                    |
 | `"currency"`   | Locale-aware thousands separator and decimal places                                                                |
@@ -67,21 +63,6 @@ Formatter.register('iban', {
 
 ## Examples
 
-### Password reveal
-
-```html
-<div data-controller="input-formatter" data-input-formatter-format-value="password">
-  <input type="password" data-input-formatter-target="input" />
-  <button
-    type="button"
-    aria-label="Show password"
-    aria-pressed="false"
-    data-input-formatter-target="toggle"
-    data-action="click->input-formatter#toggle"
-  ></button>
-</div>
-```
-
 ### Credit card formatting
 
 ```html
@@ -150,6 +131,4 @@ dash) are authored HTML, never inserted by the plumber — see
 
 ## Accessibility
 
-- Password `type` attribute switches between `"password"` (masked) and `"text"` (revealed), so screen readers announce the field type correctly.
-- See [ARIA.md's Password Reveal pattern](../../../ARIA.md) for the `toggle` button's `aria-label`/`aria-pressed` requirements.
 - Cell display: see [ARIA.md's Code Input pattern](../../../ARIA.md).

data/vendor/controller/docs/input-revealable.md

@@ -0,0 +1,65 @@
+# input-revealable
+
+Reveals or conceals an obscured `<input>` by switching its `type` between `"password"` and `"text"`.
+
+## Targets
+
+| Target        | Element    | Description                                                     |
+| ------------- | ---------- | --------------------------------------------------------------- |
+| `input`       | `<input>`  | Obscured input; markup must initially declare `type="password"` |
+| `toggle`      | `<button>` | Reveal/conceal button                                           |
+| `revealIcon`  | `<svg>`    | Icon shown while the next action is reveal                      |
+| `concealIcon` | `<svg>`    | Icon shown while the next action is conceal                     |
+
+Supply both icons or neither — a lone icon stays visible and only the `aria-label` swaps.
+
+## Values
+
+| Value          | Type    | Default | Description                                   |
+| -------------- | ------- | ------- | --------------------------------------------- |
+| `revealed`     | Boolean | `false` | Whether the input is revealed                 |
+| `revealLabel`  | String  | `""`    | Toggle label while the next action is reveal  |
+| `concealLabel` | String  | `""`    | Toggle label while the next action is conceal |
+
+## Methods
+
+| Method     | Wired via     | Description           |
+| ---------- | ------------- | --------------------- |
+| `toggle()` | `data-action` | Flips `revealedValue` |
+
+## Readonly secret
+
+```html
+<div
+  data-controller="input-revealable"
+  data-input-revealable-reveal-label-value="Show API key"
+  data-input-revealable-conceal-label-value="Hide API key"
+>
+  <input
+    type="password"
+    readonly
+    value="sk_live_example"
+    autocomplete="off"
+    data-1p-ignore
+    data-lpignore="true"
+    data-input-revealable-target="input"
+  />
+  <button
+    type="button"
+    aria-label="Show API key"
+    data-input-revealable-target="toggle"
+    data-action="click->input-revealable#toggle"
+  >
+    <svg data-input-revealable-target="revealIcon" aria-hidden="true"></svg>
+    <svg data-input-revealable-target="concealIcon" aria-hidden="true" hidden></svg>
+  </button>
+</div>
+```
+
+`type="password"` triggers password-manager heuristics. Suppress them in your own markup with `autocomplete="off"`, `data-1p-ignore`, and `data-lpignore="true"` — the controller does not set these.
+
+Non-input elements (`<output>`, `<span>`, table cells) are unsupported. Server-render both states and swap them with `setHidden`.
+
+## Accessibility
+
+See [ARIA.md's Password Reveal pattern](../../../ARIA.md) for the toggle button's accessible-name requirements.

data/vendor/controller/manifest.json

@@ -464,7 +464,6 @@
     "identifier": "input-formatter",
     "targets": [
       "input",
-      "toggle",
       "cell"
     ],
     "values": {
@@ -476,10 +475,6 @@
         "type": "Object",
         "default": {}
       },
-      "revealed": {
-        "type": "Boolean",
-        "default": false
-      },
       "groups": {
         "type": "Array",
         "default": []
@@ -489,10 +484,8 @@
     "classes": [],
     "actions": [
       "attachCells",
-      "cellsValue",
       "detachCells",
       "drawCells",
-      "drawToggle",
       "format",
       "isFull",
       "onBlur",
@@ -502,14 +495,43 @@
       "onInput",
       "onPaste",
       "primeFilledState",
-      "readValue",
-      "toggle"
+      "readValue"
     ],
     "dispatches": [
       "filled",
       "formatted"
     ]
   },
+  "input-revealable": {
+    "identifier": "input-revealable",
+    "targets": [
+      "input",
+      "toggle",
+      "revealIcon",
+      "concealIcon"
+    ],
+    "values": {
+      "revealed": {
+        "type": "Boolean",
+        "default": false
+      },
+      "revealLabel": {
+        "type": "String",
+        "default": ""
+      },
+      "concealLabel": {
+        "type": "String",
+        "default": ""
+      }
+    },
+    "outlets": [],
+    "classes": [],
+    "actions": [
+      "draw",
+      "toggle"
+    ],
+    "dispatches": []
+  },
   "modal": {
     "identifier": "modal",
     "targets": [

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: stimulus_plumbers
 version: !ruby/object:Gem::Version
-  version: 0.4.12
+  version: 0.4.14
 platform: ruby
 authors:
 - Ryan Chang
@@ -212,6 +212,7 @@ files:
 - vendor/controller/docs/flipper.md
 - vendor/controller/docs/input-clearable.md
 - vendor/controller/docs/input-formatter.md
+- vendor/controller/docs/input-revealable.md
 - vendor/controller/docs/modal.md
 - vendor/controller/docs/panner.md
 - vendor/controller/docs/popover.md