Support multiple values for a key

Author: javierav

CHANGELOG.md

@@ -1,5 +1,6 @@
 ## Unreleased
 - Fix issue with inherited hook in helper ([#33](https://github.com/avo-hq/class_variants/pull/33))
+- Support multiple values for a key ([#33](https://github.com/avo-hq/class_variants/pull/44))
 
 ## 1.1.0 (2025-01-20)
 - Add support for merging ([#23](https://github.com/avo-hq/class_variants/pull/23))

lib/class_variants/instance.rb

@@ -53,7 +53,7 @@ def render(slot = :default, **overrides)
 
         candidate.each_key do |key|
           next if key == :class || key == :slot
-          match = criteria[key] == candidate[key]
+          match = array_wrap(candidate[key]).include?(criteria[key])
           break unless match
         end
 
@@ -139,5 +139,9 @@ def with_classess_processor(classes)
         classes
       end
     end
+
+    def array_wrap(value)
+      value.is_a?(Array) ? value : [value]
+    end
   end
 end

readme.md

@@ -135,6 +135,9 @@ alert_classes = ClassVariants.build do
   # compound variant
   variant type: :button, color: :red, class: "..."
 
+  # compound variant with multiple values for a key
+  variant type: %i[button link], color: :red, class: ""
+
   # defaults
   defaults color: :red, type: :button
 end
@@ -237,6 +240,9 @@ alert_classes = ClassVariants.build(
   # compound variant without slots
   variant type: :button, color: :red, class: "..."
 
+  # compound variant with multiple values for a key
+  variant type: %i[button link], color: :red, class: ""
+
   # compound variant with slots
   variant type: :button, color: :red do
     slot :head, class: "..."

test/multiple_values_test.rb

@@ -0,0 +1,18 @@
+require "test_helper"
+
+class MultipleValuesTest < Minitest::Test
+  def setup
+    @cv = ClassVariants.build do
+      variant color: %i[primary secondary], class: "shadow-sm"
+      variant color: :primary, class: "bg-blue-500"
+      variant color: :secondary, class: "bg-purple-500"
+      variant color: :success, class: "bg-green-500"
+    end
+  end
+
+  def test_render
+    assert_equal "shadow-sm bg-blue-500", @cv.render(color: :primary)
+    assert_equal "shadow-sm bg-purple-500", @cv.render(color: :secondary)
+    assert_equal "bg-green-500", @cv.render(color: :success)
+  end
+end