stimulus_plumbers_tailwind 0.4.9 → 0.4.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e7a0a4078d4282a62d21ebdb421fd18c446fe69031dac6ed8f9be663c91957d2
-  data.tar.gz: 234ae70da55a34c9be1c655fa40c5d7e9536d6c99c7a75f5f5724df662fc63d8
+  metadata.gz: 79b18f9be6a2f72a2b552a8f69cca0f96bc1d0d4092ed858c33f76e09c3b1e26
+  data.tar.gz: ec35944909722c5a7bbf3840573db3a51549e8afa1720f5f069951d94b146771
 SHA512:
-  metadata.gz: c608f0a0f0513903e3f6224c8750935deee7ccf736791eee048a54dcb421a5a345c7efec685046bd2027a75756ce2b3e3801fdffdc570f71aca9c05e3e86e92a
-  data.tar.gz: c1db6f8eb3034534ed893ada8507866529bfe654fd059fb26f22d17ee49951fbd7b4b218f5f121eb47ad4959cdda40185bc3b560b1aa2f80fb1c806d6877a154
+  metadata.gz: a35c48c1e604efc1f04581c6975f66199664c92f07e51050c492bcd4683dacd89fe16ff516ae84dca4bde164d34441923c5e42b4597f3f27fd64a4b056b07161
+  data.tar.gz: 0b65ffab71d672cdd08f6ed69794fe932840838a55c4f76acdf197ae3a6822a2938bbc7b58d558033bf562da6d4f76669e5a81ffddff3bc125945187929bcbca

data/CHANGELOG.md

@@ -2,6 +2,27 @@
 
 All notable changes to this project will be documented in this file. See [conventional commits](https://www.conventionalcommits.org/) for commit guidelines.
 
+---
+## [0.4.9](https://github.com/ryancyq/stimulus-plumbers/compare/stimulus-plumbers-tailwind/v0.4.8..stimulus-plumbers-tailwind/v0.4.9) - 2026-07-18
+
+### Bug Fixes
+
+- css source + token in generator ([#163](https://github.com/ryancyq/stimulus-plumbers/issues/163)) - ([69165f5](https://github.com/ryancyq/stimulus-plumbers/commit/69165f523242e27cae5075f635c7e66c40a862ab)) - Ryan Chang
+
+### Documentation
+
+- update missing documentation ([#164](https://github.com/ryancyq/stimulus-plumbers/issues/164)) - ([edcd79d](https://github.com/ryancyq/stimulus-plumbers/commit/edcd79df3dd1739521641274863a50a32b5fcb36)) - Ryan Chang
+- align code example/instructions in doc and remove stale reference ([#167](https://github.com/ryancyq/stimulus-plumbers/issues/167)) - ([b1ace4d](https://github.com/ryancyq/stimulus-plumbers/commit/b1ace4da5117b70f4f22403f727655c1586606e1)) - Ryan Chang
+- update component documentation ([#173](https://github.com/ryancyq/stimulus-plumbers/issues/173)) - ([27240bc](https://github.com/ryancyq/stimulus-plumbers/commit/27240bc85265b249adba5186fd34b9c26423daa3)) - Ryan Chang
+
+### Features
+
+- ordered list ([#166](https://github.com/ryancyq/stimulus-plumbers/issues/166)) - ([cda05b5](https://github.com/ryancyq/stimulus-plumbers/commit/cda05b589e2f99ba992785fdb672b0ecef026046)) - Ryan Chang
+- progress ring/bar/meter ([#170](https://github.com/ryancyq/stimulus-plumbers/issues/170)) - ([b43087c](https://github.com/ryancyq/stimulus-plumbers/commit/b43087cec2b40fd8b3dced65215afdbbdfc2c435)) - Ryan Chang
+- status indicator ([#171](https://github.com/ryancyq/stimulus-plumbers/issues/171)) - ([ad3f330](https://github.com/ryancyq/stimulus-plumbers/commit/ad3f330bc8d999b4977f8aeaafc8c4763229a448)) - Ryan Chang
+- horizontal grouped timeline ([#172](https://github.com/ryancyq/stimulus-plumbers/issues/172)) - ([fe9b9ab](https://github.com/ryancyq/stimulus-plumbers/commit/fe9b9abfb8c3c211fe9a7282d2940326678328dc)) - Ryan Chang
+- checklist ([#174](https://github.com/ryancyq/stimulus-plumbers/issues/174)) - ([35dca2a](https://github.com/ryancyq/stimulus-plumbers/commit/35dca2af29955f6f2c85fffc4efc39711ed5bb99)) - Ryan Chang
+
 ---
 ## [0.4.8](https://github.com/ryancyq/stimulus-plumbers/compare/stimulus-plumbers-tailwind/v0.4.5..stimulus-plumbers-tailwind/v0.4.8) - 2026-07-03
 

data/README.md

@@ -33,13 +33,13 @@ StimulusPlumbers.configure do |config|
 end
 ```
 
-Run the install generator once to inject the required `@source` directive (and the `stimulus_plumbers` tokens.css + `animations.css` imports) into your Tailwind CSS entry file — see [docs/guide.md](docs/guide.md) for file-detection/override details:
+Run the install generator once to copy `stimulus_plumbers/tokens.css` and `stimulus_plumbers/tailwind/animations.css` into your app, then inject their relative imports and the required `@source` directive into your Tailwind CSS entry file — see [docs/guide.md](docs/guide.md) for file-detection/override details:
 
 ```bash
 bin/rails generate stimulus_plumbers:tailwind:install
 ```
 
-After that, the `@source` path is kept current automatically — no manual re-run needed after `bundle update`. The engine hooks `stimulus_plumbers:tailwind:install` as a prerequisite of:
+After that, the `@source` path is kept current automatically — no manual re-run needed after `bundle update`. The copied CSS remains application-owned and is never overwritten; update it intentionally when adopting new defaults. The engine hooks `stimulus_plumbers:tailwind:install` as a prerequisite of:
 
 - `assets:precompile` (Sprockets and Propshaft both define this task)
 - `tailwindcss:build` (when `tailwindcss-rails` is present)

data/docs/guide.md

@@ -3,9 +3,8 @@
 Adding this gem registers and activates the Tailwind theme automatically in Rails — no config
 needed. Outside Rails, activate it explicitly with `config.theme.use(:tailwind)`.
 
-Run the install generator once to wire the required `@source` directive and the `animations.css`
-import (registers the indeterminate progress bar's slide keyframe via `@theme`) into your Tailwind
-CSS entry file:
+Run the install generator once to wire the required CSS imports and `@source` directive into your
+Tailwind CSS entry file:
 
 ```bash
 bin/rails generate stimulus_plumbers:tailwind:install
@@ -15,6 +14,17 @@ It re-runs automatically on `assets:precompile`/`tailwindcss:build` after that.
 the `STIMULUS_PLUMBERS_CSS_ENTRY` override are shared with the core gem — see
 [stimulus-plumbers-rails/docs/guide.md#css-entry-file-detection](../../stimulus-plumbers-rails/docs/guide.md#css-entry-file-detection).
 
+## Installed CSS files
+
+The Tailwind installer copies these files into the application and imports them relatively:
+
+- `app/assets/stylesheets/stimulus_plumbers/tokens.css`
+- `app/assets/stylesheets/stimulus_plumbers/tailwind/animations.css` — registers the indeterminate progress bar slide keyframe.
+
+Both files are application-owned: later generator runs restore a missing copy but never overwrite
+an existing one. Legacy imports that point into gem directories are migrated to these app-local
+paths.
+
 Icons: pass a kebab-case name to `sp_icon` or any `icon_leading:`/`icon_trailing:` option (append
 `/solid` for the filled variant) — see [README.md](../README.md#icons) for aliases and the
 optional `heroicons` gem.

data/lib/generators/stimulus_plumbers/tailwind/install/install_generator.rb

@@ -12,9 +12,19 @@ module StimulusPlumbers
       class InstallGenerator < Rails::Generators::Base
         include StimulusPlumbers::Generators::CssEntrypoint
 
+        TOKENS_CSS_SOURCE = File.join(
+          Gem.loaded_specs.fetch("stimulus_plumbers").gem_dir,
+          StimulusPlumbers::Generators::TokensDirective::TOKENS_CSS_PATH
+        )
+        ANIMATIONS_CSS_SOURCE = File.join(
+          File.expand_path("../../../../../", __dir__),
+          AnimationsDirective::ANIMATIONS_CSS_PATH
+        )
+
         def install
           css_file = entry_css_file(**css_file_lookup_options)
           return warn_entry_css_not_found(label: "Tailwind CSS", **css_file_lookup_options) unless css_file
+          return unless copy_assets
 
           apply_tokens_directive(css_file)
           apply_animations_directive(css_file)
@@ -33,7 +43,10 @@ module StimulusPlumbers
         def apply_tokens_directive(css_file)
           apply_edit(
             css_file,
-            StimulusPlumbers::Generators::TokensDirective.directive(from: File.dirname(css_file)),
+            StimulusPlumbers::Generators::TokensDirective.directive(
+              from:             File.dirname(css_file),
+              destination_root: destination_root
+            ),
             stale_pattern: StimulusPlumbers::Generators::TokensDirective.stale_pattern
           )
         end
@@ -41,12 +54,17 @@ module StimulusPlumbers
         def apply_animations_directive(css_file)
           apply_edit(
             css_file,
-            AnimationsDirective.directive(from: File.dirname(css_file)),
+            AnimationsDirective.directive(from: File.dirname(css_file), destination_root: destination_root),
             anchor_pattern: AnimationsDirective.anchor_pattern,
             stale_pattern:  AnimationsDirective.stale_pattern
           )
         end
 
+        def copy_assets
+          copy_asset(TOKENS_CSS_SOURCE, StimulusPlumbers::Generators::TokensDirective::TOKENS_CSS_PATH) &&
+            copy_asset(ANIMATIONS_CSS_SOURCE, AnimationsDirective::ANIMATIONS_CSS_PATH)
+        end
+
         def apply_sources_directive(css_file)
           apply_edit(
             css_file,

data/lib/stimulus_plumbers/tailwind/generators/animations_directive.rb

@@ -6,14 +6,14 @@ module StimulusPlumbers
   module Tailwind
     module Generators
       module AnimationsDirective
-        GEM_ROOT                = File.expand_path("../../../..", __dir__)
-        ANIMATIONS_CSS_REL_PATH = "app/assets/stylesheets/stimulus_plumbers/tailwind/animations.css"
+        ANIMATIONS_CSS_PATH = "app/assets/stylesheets/stimulus_plumbers/tailwind/animations.css"
 
         module_function
 
-        def directive(from:)
-          path = Pathname.new(GEM_ROOT).join(ANIMATIONS_CSS_REL_PATH)
+        def directive(from:, destination_root:)
+          path = Pathname.new(destination_root).join(ANIMATIONS_CSS_PATH)
           rel  = path.relative_path_from(Pathname.new(from))
+          rel  = "./#{rel}" unless rel.to_s.start_with?(".", "/")
           %(@import "#{rel}";)
         end
 
@@ -24,7 +24,7 @@ module StimulusPlumbers
         end
 
         def stale_pattern
-          %r{@import "[^"]*#{Regexp.escape(ANIMATIONS_CSS_REL_PATH)}";}
+          %r{@import "[^"]*#{Regexp.escape(ANIMATIONS_CSS_PATH)}";}
         end
       end
     end

data/lib/stimulus_plumbers/tailwind/version.rb

@@ -2,6 +2,6 @@
 
 module StimulusPlumbers
   module Tailwind
-    VERSION = "0.4.9"
+    VERSION = "0.4.10"
   end
 end

data/lib/stimulus_plumbers/themes/tailwind/card.rb

@@ -20,24 +20,24 @@ module StimulusPlumbers
           info:        %w[[--card-ring:var(--sp-color-info)]].freeze
         }.freeze
 
-        HEADER_BASE = %w[
+        HEADER = %w[
           flex items-center gap-(--sp-space-3)
           px-(--sp-space-6) py-(--sp-space-6)
         ].freeze
 
-        ICON_BASE = %w[
+        ICON = %w[
           shrink-0 stroke-current text-(--sp-color-muted-fg)
         ].freeze
 
-        TITLE_BASE = %w[
+        TITLE = %w[
           text-(length:--sp-text-base) font-semibold text-(--sp-color-fg)
         ].freeze
 
-        BODY_BASE = %w[
+        BODY = %w[
           px-(--sp-space-6) py-(--sp-space-3)
         ].freeze
 
-        ACTION_BASE = %w[w-full justify-start].freeze
+        ACTION = %w[w-full justify-start].freeze
 
         private
 
@@ -45,11 +45,11 @@ module StimulusPlumbers
           { classes: klasses(*VARIANTS.fetch(variant, VARIANTS[:tertiary]), *BASE) }
         end
 
-        def card_header_classes  = { classes: klasses(*HEADER_BASE) }
-        def card_icon_classes    = { classes: klasses(*ICON_BASE) }
-        def card_title_classes   = { classes: klasses(*TITLE_BASE) }
-        def card_body_classes    = { classes: klasses(*BODY_BASE) }
-        def card_action_classes  = { classes: klasses(*ACTION_BASE) }
+        def card_header_classes  = { classes: klasses(*HEADER) }
+        def card_icon_classes    = { classes: klasses(*ICON) }
+        def card_title_classes   = { classes: klasses(*TITLE) }
+        def card_body_classes    = { classes: klasses(*BODY) }
+        def card_action_classes  = { classes: klasses(*ACTION) }
       end
     end
   end

data/lib/stimulus_plumbers/themes/tailwind/checklist.rb

@@ -4,9 +4,9 @@ module StimulusPlumbers
   module Themes
     module Tailwind
       module Checklist
-        WRAPPER_BASE = %w[flex flex-col gap-(--sp-space-1)].freeze
+        CHECKLIST = %w[flex flex-col gap-(--sp-space-1)].freeze
 
-        ITEM_BASE = [
+        ITEM = [
           *Control::BASE,
           "group/checklist-item flex items-center gap-(--sp-space-2) w-full text-start",
           "px-(--sp-space-2) py-(--sp-space-1)",
@@ -16,7 +16,7 @@ module StimulusPlumbers
           "has-disabled:cursor-default has-disabled:hover:bg-transparent"
         ].freeze
 
-        INPUT_BASE = [
+        INPUT = [
           *Control::ACCENT,
           "size-(--sp-control-size) rounded-(--sp-radius-sm) shrink-0",
           "border border-(--sp-color-border) bg-(--sp-color-muted)",
@@ -24,40 +24,40 @@ module StimulusPlumbers
           "disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer"
         ].freeze
 
-        CONTENT_BASE = %w[flex flex-col flex-1 min-w-0].freeze
+        CONTENT = %w[flex flex-col flex-1 min-w-0].freeze
 
-        TITLE_BASE = %w[
+        TITLE = %w[
           text-(length:--sp-text-sm) font-medium text-(--sp-color-fg)
           group-has-checked/checklist-item:line-through
           group-has-checked/checklist-item:text-(--sp-color-muted-fg)
         ].freeze
 
-        DESCRIPTION_BASE = %w[text-(length:--sp-text-xs) text-(--sp-color-muted-fg)].freeze
+        DESCRIPTION = %w[text-(length:--sp-text-xs) text-(--sp-color-muted-fg)].freeze
 
         private
 
         def checklist_classes
-          { classes: klasses(*WRAPPER_BASE) }
+          { classes: klasses(*CHECKLIST) }
         end
 
         def checklist_item_classes
-          { classes: klasses(*ITEM_BASE) }
+          { classes: klasses(*ITEM) }
         end
 
         def checklist_item_input_classes
-          { classes: klasses(*INPUT_BASE) }
+          { classes: klasses(*INPUT) }
         end
 
         def checklist_item_content_classes
-          { classes: klasses(*CONTENT_BASE) }
+          { classes: klasses(*CONTENT) }
         end
 
         def checklist_item_title_classes
-          { classes: klasses(*TITLE_BASE) }
+          { classes: klasses(*TITLE) }
         end
 
         def checklist_item_description_classes
-          { classes: klasses(*DESCRIPTION_BASE) }
+          { classes: klasses(*DESCRIPTION) }
         end
       end
     end

data/lib/stimulus_plumbers/themes/tailwind/combobox.rb

@@ -32,7 +32,7 @@ module StimulusPlumbers
           py-(--sp-space-1) overflow-y-auto max-h-60 min-h-(--sp-space-6)
         ].freeze
 
-        OPTION_BASE = %w[
+        OPTION = %w[
           flex items-center gap-(--sp-space-2) w-full
           px-(--sp-space-2) py-(--sp-space-1)
           rounded-(--sp-radius-sm) text-(length:--sp-text-sm)
@@ -96,7 +96,7 @@ module StimulusPlumbers
         def combobox_option_classes(selected: false, disabled: false)
           {
             classes: klasses(
-              *OPTION_BASE,
+              *OPTION,
               *(selected ? OPTION_SELECTED : []),
               *(disabled ? OPTION_DISABLED : [])
             )

data/lib/stimulus_plumbers/themes/tailwind/form/code.rb

@@ -0,0 +1,37 @@
+# frozen_string_literal: true
+
+module StimulusPlumbers
+  module Themes
+    module Tailwind
+      module Form
+        module Code
+          FIELD = %w[
+            relative inline-flex w-fit rounded-(--sp-radius-md)
+            focus-within:ring-(length:--sp-focus-ring-width) focus-within:ring-(--sp-focus-ring-color)
+            focus-within:ring-offset-(length:--sp-focus-ring-offset)
+          ].freeze
+          FIELD_ERROR = %w[focus-within:ring-(--sp-color-error)].freeze
+          CELLS = %w[flex items-center gap-(--sp-space-1)].freeze
+          CELL = %w[
+            flex size-10 items-center justify-center rounded-(--sp-radius-md) border
+            border-(--sp-color-muted-fg) bg-(--sp-color-bg)
+            text-(length:--sp-text-lg) font-medium text-(--sp-color-fg)
+            transition-colors
+            data-[filled]:border-(--sp-color-fg)
+            data-[caret]:border-(--sp-color-primary) data-[caret]:ring-1 data-[caret]:ring-(--sp-color-primary)
+            data-[group-end]:me-(--sp-space-2)
+          ].freeze
+          CELL_ERROR = %w[border-(--sp-color-error) data-[caret]:ring-(--sp-color-error)].freeze
+          OVERLAY = %w[absolute inset-0 size-full cursor-text opacity-0 disabled:cursor-not-allowed].freeze
+
+          private
+
+          def form_field_input_code_classes(error: false) = { classes: klasses(*FIELD, *(error ? FIELD_ERROR : [])) }
+          def form_field_input_code_cells_classes = { classes: klasses(*CELLS) }
+          def form_field_input_code_cell_classes(error: false) = { classes: klasses(*CELL, *(error ? CELL_ERROR : [])) }
+          def form_field_input_code_overlay_classes(**) = { classes: klasses(*OVERLAY) }
+        end
+      end
+    end
+  end
+end

data/lib/stimulus_plumbers/themes/tailwind/form/credit_card.rb

@@ -0,0 +1,39 @@
+# frozen_string_literal: true
+
+module StimulusPlumbers
+  module Themes
+    module Tailwind
+      module Form
+        module CreditCard
+          FIELD = %w[
+            relative inline-flex w-fit rounded-(--sp-radius-md)
+            focus-within:ring-(length:--sp-focus-ring-width) focus-within:ring-(--sp-focus-ring-color)
+            focus-within:ring-offset-(length:--sp-focus-ring-offset)
+          ].freeze
+          FIELD_ERROR = %w[focus-within:ring-(--sp-color-error)].freeze
+          CELLS = %w[flex items-center gap-(--sp-space-1)].freeze
+          CELL = %w[
+            flex h-10 min-w-16 items-center justify-center px-(--sp-space-2)
+            rounded-(--sp-radius-md) border
+            border-(--sp-color-muted-fg) bg-(--sp-color-bg)
+            text-(length:--sp-text-lg) font-medium text-(--sp-color-fg)
+            transition-colors
+            data-[filled]:border-(--sp-color-fg)
+            data-[caret]:border-(--sp-color-primary) data-[caret]:ring-1 data-[caret]:ring-(--sp-color-primary)
+          ].freeze
+          CELL_ERROR = %w[border-(--sp-color-error) data-[caret]:ring-(--sp-color-error)].freeze
+          SEPARATOR = %w[text-(--sp-color-muted-fg)].freeze
+          OVERLAY = %w[absolute inset-0 size-full cursor-text opacity-0 disabled:cursor-not-allowed].freeze
+
+          private
+
+          def form_field_input_credit_card_classes(error: false) = { classes: klasses(*FIELD, *(error ? FIELD_ERROR : [])) }
+          def form_field_input_credit_card_cells_classes = { classes: klasses(*CELLS) }
+          def form_field_input_credit_card_cell_classes(error: false) = { classes: klasses(*CELL, *(error ? CELL_ERROR : [])) }
+          def form_field_input_credit_card_separator_classes = { classes: klasses(*SEPARATOR) }
+          def form_field_input_credit_card_overlay_classes(**) = { classes: klasses(*OVERLAY) }
+        end
+      end
+    end
+  end
+end

data/lib/stimulus_plumbers/themes/tailwind/form/field.rb

@@ -16,7 +16,7 @@ module StimulusPlumbers
             standard: %w[relative z-0].freeze
           }.freeze
 
-          FLOATING_LABEL_BASE = %w[
+          FLOATING_LABEL = %w[
             absolute text-(length:--sp-text-sm) text-(--sp-color-muted-fg)
             duration-300 transform origin-[0]
           ].freeze
@@ -117,7 +117,7 @@ module StimulusPlumbers
           def form_field_label_classes(floating: nil, hidden: false, error: false, **)
             if floating
               color = error ? FLOATING_LABEL_ERROR : FLOATING_LABEL_FOCUS
-              { classes: klasses(*FLOATING_LABEL_BASE, *FLOATING_LABEL_TYPES.fetch(floating, []), *color) }
+              { classes: klasses(*FLOATING_LABEL, *FLOATING_LABEL_TYPES.fetch(floating, []), *color) }
             else
               { classes: klasses(*LABEL, hidden ? "sr-only" : nil) }
             end

data/lib/stimulus_plumbers/themes/tailwind/form/input.rb

@@ -6,7 +6,7 @@ module StimulusPlumbers
       module Form
         module Input
           # ── Standalone input ──────────────────────────────────────────────────
-          INPUT_BASE = %w[
+          INPUT = %w[
             w-full rounded-(--sp-radius-md) border px-(--sp-space-3) py-(--sp-space-2)
             text-(length:--sp-text-sm) text-(--sp-color-fg) bg-(--sp-color-bg)
             focus:outline-none focus:ring-(length:--sp-focus-ring-width) focus:ring-offset-0
@@ -18,7 +18,7 @@ module StimulusPlumbers
           INPUT_ERROR = %w[border-(--sp-color-error) focus:ring-(--sp-color-error)].freeze
 
           # ── Floating input ────────────────────────────────────────────────────
-          FLOATING_INPUT_BASE = %w[
+          FLOATING_INPUT = %w[
             peer w-full text-(length:--sp-text-sm) text-(--sp-color-fg) appearance-none
             focus:outline-none focus:ring-0
             focus-visible:outline-none focus-visible:ring-0
@@ -44,11 +44,11 @@ module StimulusPlumbers
           FLOATING_INPUT_ERROR = %w[border-(--sp-color-error)].freeze
 
           # ── Input group ───────────────────────────────────────────────────────
-          INPUT_GROUP_BASE   = %w[flex items-center overflow-hidden rounded-(--sp-radius-md) border].freeze
+          INPUT_GROUP        = %w[flex items-center overflow-hidden rounded-(--sp-radius-md) border].freeze
           INPUT_GROUP_BORDER = { error: "border-(--sp-color-error)", default: "border-(--sp-color-muted-fg)" }.freeze
 
           # ── Floating input group ──────────────────────────────────────────────
-          FLOATING_INPUT_GROUP_BASE = %w[flex items-center overflow-hidden peer].freeze
+          FLOATING_INPUT_GROUP = %w[flex items-center overflow-hidden peer].freeze
           FLOATING_INPUT_GROUP_TYPES = {
             filled:   %w[rounded-t-(--sp-radius-md) bg-(--sp-color-bg-muted) border-0 border-b-2].freeze,
             outlined: %w[rounded-(--sp-radius-md) border].freeze,
@@ -136,13 +136,13 @@ module StimulusPlumbers
           def form_field_input_classes(floating: nil, error: false)
             if floating
               { classes: klasses(
-                *FLOATING_INPUT_BASE,
+                *FLOATING_INPUT,
                 *FLOATING_INPUT_TYPES.fetch(floating, []),
                 *(error ? FLOATING_INPUT_ERROR : FLOATING_INPUT_DEFAULT)
               )
 }
             else
-              { classes: klasses(*INPUT_BASE, *(error ? INPUT_ERROR : INPUT_DEFAULT)) }
+              { classes: klasses(*INPUT, *(error ? INPUT_ERROR : INPUT_DEFAULT)) }
             end
           end
 
@@ -171,9 +171,9 @@ module StimulusPlumbers
           def input_group_classes(error: false, floating: nil)
             if floating
               color = error ? FLOATING_INPUT_GROUP_ERROR : FLOATING_INPUT_GROUP_DEFAULT
-              { classes: klasses(*FLOATING_INPUT_GROUP_BASE, *FLOATING_INPUT_GROUP_TYPES.fetch(floating, []), *color) }
+              { classes: klasses(*FLOATING_INPUT_GROUP, *FLOATING_INPUT_GROUP_TYPES.fetch(floating, []), *color) }
             else
-              { classes: klasses(*INPUT_GROUP_BASE, INPUT_GROUP_BORDER[error ? :error : :default]) }
+              { classes: klasses(*INPUT_GROUP, INPUT_GROUP_BORDER[error ? :error : :default]) }
             end
           end
 
@@ -183,7 +183,7 @@ module StimulusPlumbers
             else
               {
                 classes: klasses(
-                  *INPUT_BASE,
+                  *INPUT,
                   *(error ? INPUT_ERROR : INPUT_DEFAULT),
                   *COMBOBOX_INPUT,
                   *COMBOBOX_TRIGGER_GROUP
@@ -195,7 +195,7 @@ module StimulusPlumbers
           def form_field_input_combobox_floating_classes(floating: :standard, error: false)
             {
               classes: klasses(
-                *FLOATING_INPUT_BASE,
+                *FLOATING_INPUT,
                 *FLOATING_INPUT_TYPES.fetch(floating, []),
                 *(error ? FLOATING_INPUT_ERROR : FLOATING_INPUT_DEFAULT),
                 *COMBOBOX_INPUT,

data/lib/stimulus_plumbers/themes/tailwind/form.rb

@@ -4,13 +4,13 @@ module StimulusPlumbers
   module Themes
     module Tailwind
       module Form
-        GROUP_BASE   = %w[flex gap-(--sp-space-1) mb-(--sp-space-3)].freeze
+        GROUP        = %w[flex gap-(--sp-space-1) mb-(--sp-space-3)].freeze
         GROUP_INLINE = %w[flex-row items-center].freeze
 
         private
 
         def form_group_classes(layout: :stacked, **_rest)
-          { classes: klasses(*GROUP_BASE, layout == :inline ? GROUP_INLINE : "flex-col") }
+          { classes: klasses(*GROUP, layout == :inline ? GROUP_INLINE : "flex-col") }
         end
 
         def form_submit_classes(**) = {}

data/lib/stimulus_plumbers/themes/tailwind/list.rb

@@ -5,19 +5,19 @@ module StimulusPlumbers
     module Tailwind
       module List
         # ── Section ───────────────────────────────────────────────────────────
-        SECTION_TITLE_BASE = %w[
+        SECTION_TITLE = %w[
           block px-(--sp-space-2) pb-(--sp-space-1)
           text-(length:--sp-text-xs) font-semibold uppercase tracking-wider
           text-(--sp-color-muted-fg)
         ].freeze
 
-        SECTION_DESCRIPTION_BASE = %w[
+        SECTION_DESCRIPTION = %w[
           block px-(--sp-space-2) pb-(--sp-space-1)
           text-(length:--sp-text-xs) text-(--sp-color-muted-fg)
         ].freeze
 
         # ── Item ──────────────────────────────────────────────────────────────
-        ITEM_BASE = [
+        ITEM = [
           *Control::BASE,
           "flex items-center gap-(--sp-space-2) w-full",
           "px-(--sp-space-2) py-(--sp-space-1)",
@@ -29,15 +29,15 @@ module StimulusPlumbers
           "aria-[current]:bg-(--sp-color-primary)/10 aria-[current]:text-(--sp-color-primary)"
         ].freeze
 
-        ITEM_CONTENT_BASE = %w[
+        ITEM_CONTENT = %w[
           flex flex-col flex-1 min-w-0
         ].freeze
 
-        ITEM_TITLE_BASE = %w[
+        ITEM_TITLE = %w[
           text-(length:--sp-text-sm) font-medium text-(--sp-color-fg)
         ].freeze
 
-        ITEM_DESCRIPTION_BASE = %w[
+        ITEM_DESCRIPTION = %w[
           text-(length:--sp-text-xs) text-(--sp-color-muted-fg)
         ].freeze
 
@@ -52,15 +52,15 @@ module StimulusPlumbers
         end
 
         def list_section_title_classes
-          { classes: klasses(*SECTION_TITLE_BASE) }
+          { classes: klasses(*SECTION_TITLE) }
         end
 
         def list_section_description_classes
-          { classes: klasses(*SECTION_DESCRIPTION_BASE) }
+          { classes: klasses(*SECTION_DESCRIPTION) }
         end
 
         def list_item_classes
-          { classes: klasses(*ITEM_BASE) }
+          { classes: klasses(*ITEM) }
         end
 
         def list_item_icon_classes
@@ -68,15 +68,15 @@ module StimulusPlumbers
         end
 
         def list_item_content_classes
-          { classes: klasses(*ITEM_CONTENT_BASE) }
+          { classes: klasses(*ITEM_CONTENT) }
         end
 
         def list_item_title_classes
-          { classes: klasses(*ITEM_TITLE_BASE) }
+          { classes: klasses(*ITEM_TITLE) }
         end
 
         def list_item_description_classes
-          { classes: klasses(*ITEM_DESCRIPTION_BASE) }
+          { classes: klasses(*ITEM_DESCRIPTION) }
         end
       end
     end

data/lib/stimulus_plumbers/themes/tailwind/ordered_list.rb

@@ -5,7 +5,7 @@ module StimulusPlumbers
     module Tailwind
       module OrderedList
         # ── Item ──────────────────────────────────────────────────────────────
-        ITEM_BASE = [
+        ITEM = [
           *Control::BASE,
           "flex items-center gap-(--sp-space-2) w-full",
           "px-(--sp-space-2) py-(--sp-space-1)",
@@ -15,7 +15,7 @@ module StimulusPlumbers
           "aria-[current]:bg-(--sp-color-primary)/10 aria-[current]:text-(--sp-color-primary)"
         ].freeze
 
-        HANDLE_BASE = %w[
+        HANDLE = %w[
           flex items-center justify-center shrink-0
           stroke-current
           text-(--sp-color-muted-fg)
@@ -23,15 +23,15 @@ module StimulusPlumbers
           touch-none
         ].freeze
 
-        CONTENT_BASE = %w[
+        CONTENT = %w[
           flex flex-col flex-1 min-w-0
         ].freeze
 
-        TITLE_BASE = %w[
+        TITLE = %w[
           text-(length:--sp-text-sm) font-medium text-(--sp-color-fg)
         ].freeze
 
-        DESCRIPTION_BASE = %w[
+        DESCRIPTION = %w[
           text-(length:--sp-text-xs) text-(--sp-color-muted-fg)
         ].freeze
 
@@ -42,23 +42,23 @@ module StimulusPlumbers
         end
 
         def ordered_list_item_classes
-          { classes: klasses(*ITEM_BASE) }
+          { classes: klasses(*ITEM) }
         end
 
         def ordered_list_item_handle_classes
-          { classes: klasses(*HANDLE_BASE) }
+          { classes: klasses(*HANDLE) }
         end
 
         def ordered_list_item_content_classes
-          { classes: klasses(*CONTENT_BASE) }
+          { classes: klasses(*CONTENT) }
         end
 
         def ordered_list_item_title_classes
-          { classes: klasses(*TITLE_BASE) }
+          { classes: klasses(*TITLE) }
         end
 
         def ordered_list_item_description_classes
-          { classes: klasses(*DESCRIPTION_BASE) }
+          { classes: klasses(*DESCRIPTION) }
         end
       end
     end

data/lib/stimulus_plumbers/themes/tailwind_theme.rb

@@ -12,6 +12,8 @@ require_relative "tailwind/card"
 require_relative "tailwind/combobox"
 require_relative "tailwind/form"
 require_relative "tailwind/form/field"
+require_relative "tailwind/form/code"
+require_relative "tailwind/form/credit_card"
 require_relative "tailwind/form/input"
 require_relative "tailwind/icon"
 require_relative "tailwind/indicator"
@@ -34,6 +36,8 @@ module StimulusPlumbers
       include Tailwind::Card
       include Tailwind::Form
       include Tailwind::Form::Field
+      include Tailwind::Form::Code
+      include Tailwind::Form::CreditCard
       include Tailwind::Form::Input
       include Tailwind::Icon
       include Tailwind::Indicator

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: stimulus_plumbers_tailwind
 version: !ruby/object:Gem::Version
-  version: 0.4.9
+  version: 0.4.10
 platform: ruby
 authors:
 - Ryan Chang
@@ -50,6 +50,8 @@ files:
 - lib/stimulus_plumbers/themes/tailwind/combobox.rb
 - lib/stimulus_plumbers/themes/tailwind/control.rb
 - lib/stimulus_plumbers/themes/tailwind/form.rb
+- lib/stimulus_plumbers/themes/tailwind/form/code.rb
+- lib/stimulus_plumbers/themes/tailwind/form/credit_card.rb
 - lib/stimulus_plumbers/themes/tailwind/form/field.rb
 - lib/stimulus_plumbers/themes/tailwind/form/input.rb
 - lib/stimulus_plumbers/themes/tailwind/icon.rb