snazzy_ui 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 5d9e58dccd42693202eede049d9164d90fa664090b8d6b751cb195561d2e0907
+  data.tar.gz: bf9cc243639027de0c29ef1a4963653e6be08ef70ceb7f770ef11ed08bf11058
+SHA512:
+  metadata.gz: 15d6953ce227735508245df1b0c5ca5ac8e6901261e765e8db714357ea873d8ab9002c794b0771ff7a8c39a6c0eccd710632ceb543b098ec8562a238aa900e0e
+  data.tar.gz: 3bfb82fa19e5a264e692678b5559cac54c4320b4eb4d49261eec5e6330cd20652f278047ec99ca37a78e11fc25d847582fbef015882cadba72f0bb7c97f7ba13

data/README.md

@@ -0,0 +1,186 @@
+# Snazzy 🎩✨
+
+**Make your Rails app Snazzy!** 
+
+Because life's too short for boring UI components. Snazzy brings the pizzazz your ViewComponents have been craving. It's like a fashion makeover for your Rails app, but with less reality TV drama and more actual functionality.
+
+## What's in the box? 📦
+
+Snazzy is a collection of reusable UI components built with the holy trinity of modern Rails:
+- 🎨 **ViewComponent** - Because global partials are so 2010
+- 💅 **TailwindCSS** - Making things pretty without the CSS therapy sessions  
+- ⚡ **Hotwired** - JavaScript that sparks joy (and actually works)
+- 🏃‍♂️ **Slim Templates** - Because life's too short for closing tags
+
+## Components Gallery 🎪
+
+### Available Components
+
+#### 🏷️ BadgeComponent
+Little badges of honor for your UI. Perfect for status indicators, counts, or just making things look official.
+```ruby
+= render Snazzy::BadgeComponent.new("New", color: "green", size: "small")
+```
+
+#### 💊 PillComponent  
+Like badges, but rounder. Because sometimes you need that smooth, pharmaceutical aesthetic.
+```ruby
+= render Snazzy::PillComponent.new("42 users", color: "blue", hoverable: true)
+```
+
+#### 💬 TooltipComponent
+Hover hints that actually work. No more cryptic UI elements!
+```ruby
+= render Snazzy::TooltipComponent.new("I'm helpful text!") do
+  = link_to "Hover me!", "#"
+```
+
+#### 📋 CopyButtonComponent
+One-click copying that gives users that satisfying "Copied!" feedback. 
+```ruby
+= render Snazzy::CopyButtonComponent.new("secret-api-key", label: "Copy API Key")
+```
+
+#### 🏷️ TagCloudComponent & ArrayInputComponent
+For when you need tags that users can add and remove. Includes built-in validations!
+```ruby
+= render Snazzy::ArrayInputComponent.new(tag_labels: ["ruby", "rails", "snazzy"])
+```
+
+## Installation 🚀
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'snazzy_ui'
+# or if you're living on the edge with a local copy:
+# gem 'snazzy_ui', path: '../snazzy_ui'
+```
+
+Then execute:
+
+```bash
+$ bundle install
+$ bin/rails snazzy:install
+```
+
+The install task will:
+1. Copy all the Stimulus controllers to `app/javascript/controllers/snazzy/`
+2. Add the import to your `app/javascript/controllers/index.js`
+3. Make your app instantly more snazzy ✨
+
+### JavaScript Dependencies 📦
+
+Some components need a little extra JavaScript love:
+
+**For TooltipComponent** - Add Popper.js for positioning magic:
+```bash
+$ yarn add @popperjs/core
+# or
+$ npm install @popperjs/core
+```
+
+## Usage 🎯
+
+### Basic Usage
+
+After installation, all components are available under the `Snazzy::` namespace:
+
+```erb
+<!-- In your views -->
+<%= render Snazzy::BadgeComponent.new("Beta", color: "yellow") %>
+<%= render Snazzy::PillComponent.new("5 items", color: "green", size: "large") %>
+
+<!-- With blocks -->
+<%= render Snazzy::TooltipComponent.new("This button deletes everything!") do %>
+  <button class="btn-danger">Don't Click Me</button>
+<% end %>
+```
+
+### Stimulus Controllers
+
+All Stimulus controllers are namespaced with `snazzy--` to avoid conflicts:
+
+```html
+<div data-controller="snazzy--tooltip">
+  <button data-action="mouseover->snazzy--tooltip#show">
+    Hover for tooltip
+  </button>
+</div>
+```
+
+### Styling
+
+Components use TailwindCSS classes. Make sure your TailwindCSS configuration includes the snazzy gem's view paths:
+
+```javascript
+// tailwind.config.js
+module.exports = {
+  content: [
+    // ... your other paths
+    './node_modules/snazzy/app/components/**/*.{erb,html,slim}',
+  ],
+  // ... rest of config
+}
+```
+
+## Component Options 🎛️
+
+### BadgeComponent & PillComponent
+- `text` (required) - The content to display
+- `color` - Color variant (e.g., "red", "green", "blue")
+- `size` - Size variant ("small", "medium", "large")
+- `hoverable` - Boolean for hover effects
+- `iff` - Conditional rendering (defaults to true)
+
+### TooltipComponent
+- `text` (required) - The tooltip content
+- Uses Popper.js for smart positioning
+
+### CopyButtonComponent
+- `copyable` (required) - The text to copy
+- `label` - Button text (default: "Copy")
+- `tooltip` - Optional tooltip text
+- `icon` - Icon path (default: "icons/clipboard.svg")
+- `css_classes` - Additional CSS classes
+
+## Development 🛠️
+
+After checking out the repo:
+
+```bash
+$ bin/setup           # Install dependencies
+$ bundle exec rspec   # Run the tests
+$ bin/console         # Interactive prompt for experimentation
+```
+
+To install this gem onto your local machine:
+
+```bash
+$ bundle exec rake install
+```
+
+## Contributing 🤝
+
+Found a bug? Want to add a sparkly new component? Pull requests are welcome! 
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Make it snazzy
+4. Commit your changes (`git commit -am 'Add some snazziness'`)
+5. Push to the branch (`git push origin my-new-feature`)
+6. Create a new Pull Request
+
+## Why "Snazzy"? 🤔
+
+Because naming things is hard, and "AnotherUIComponentGem" was taken. Plus, who doesn't want their app to be snazzy? It's fun to say, easy to type, and makes your README 23% more entertaining.
+
+## License 📄
+
+MIT License © 2024-Present Dan Brown
+
+In other words: Use it, love it, make it even more snazzy. Just don't blame us if your app becomes too stylish for its own good.
+
+---
+
+*Remember: A snazzy app is a happy app!* ✨

data/app/components/snazzy/array_input_component.html.slim

@@ -0,0 +1,19 @@
+- name = "#{@model_name}[#{@field}][]"
+
+.input-group data-controller="snazzy--tags" data-snazzy--tags-validations-value=@validations
+  label = @label_text
+  input placeholder=@placeholder data-snazzy--tags-target="input" data-deletable-name=name name=name data-action="keydown->snazzy--tags#handleInput"
+  .mt-2
+    = "Press "
+    code.bg-gray-100.text-red-500.px-2.py-1.border.border-solid.border-gray-500.rounded-md Enter
+    = " or "
+    code.bg-gray-100.text-red-500.px-2.py-1.border.border-solid.border-gray-500.rounded-md return
+    = " after each #{@field.to_s.singularize}."
+  .border.border-solid.border-red-300.bg-red-50.text-red-500.px-2.py-1.mt-2.hidden data-snazzy--tags-target="errorContainer"
+  .input-wrapper.relative.mt-1
+    .TagCloud.inline-flex.flex-wrap.items-center data-snazzy--tags-target="tagCloud"
+      - @object.send(@field).each do |lab|
+        = render(Snazzy::Tags::GreyTagComponent.new(lab, deletable_name: name))
+  div data-snazzy--tags-target="hiddenInputContainer"
+    - @object.send(@field).each do |value|
+      = @form.hidden_field @field.to_sym, value: value, name:, id: nil

data/app/components/snazzy/array_input_component.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module Snazzy
+  class ArrayInputComponent < BaseComponent
+    delegate :singularize, to: :helpers
+
+    def initialize(object:, form:, field:, label_text:, placeholder: "Add a tag...", validations: [])
+      @object = object
+      @model_name = object.class.name.underscore
+      @form = form
+      @field = field
+      @label_text = label_text
+      @placeholder = placeholder
+      @validations = validations
+    end
+  end
+end

data/app/components/snazzy/badge_component.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+module Snazzy
+  class BadgeComponent < BaseComponent
+    def initialize(text, color: "", hoverable: false, size: nil, iff: true)
+      @text = text
+      @color = color
+      @extra_classes = extra_classes(color, size, hoverable)
+      @iff = iff
+    end
+
+    def extra_classes(color, size, hoverable)
+      extra_classes = []
+
+      extra_classes << color if color
+      extra_classes << "--#{size}" if size
+      extra_classes << "--hoverable" if hoverable
+      extra_classes.join(" ")
+    end
+  end
+end

data/app/components/snazzy/badge_component.slim

@@ -0,0 +1,3 @@
+- if @iff
+  .Badge class=@extra_classes
+    = @text

data/app/components/snazzy/base_component.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+require "view_component"
+
+module Snazzy
+  class BaseComponent < ViewComponent::Base
+  end
+end

data/app/components/snazzy/copy_button_component.rb

@@ -0,0 +1,13 @@
+# frozen_string_literal: true
+
+module Snazzy
+  class CopyButtonComponent < BaseComponent
+    def initialize(copyable, label: "Copy", tooltip: nil, icon: "icons/clipboard.svg", css_classes: "")
+      @copyable = copyable
+      @label = label
+      @tooltip = tooltip
+      @icon = icon
+      @css_classes = css_classes
+    end
+  end
+end

data/app/components/snazzy/copy_button_component.slim

@@ -0,0 +1,10 @@
+- if @tooltip
+  = render Snazzy::TooltipComponent.new(@tooltip) do
+    = link_to "", data: { action: "snazzy--clipboard#oneTimeCopy", content: @copyable }, class: "inline-block p-2 hover:bg-yellow-100 rounded-full transition-colors duration-150 #{@css_classes}" do
+      - if respond_to?(:inline_svg_tag)
+        = inline_svg_tag @icon, class: "pointer-events-none"
+      - else
+        span.pointer-events-none = @icon
+- else
+  button.inline-block.ml-2.bg-primary-100.px-2.py-1.rounded-md.hover:bg-primary-300.text-white data-action="snazzy--clipboard#oneTimeCopy" data-content=@copyable
+    = @label

data/app/components/snazzy/pill_component.rb

@@ -0,0 +1,20 @@
+# frozen_string_literal: true
+
+module Snazzy
+  class PillComponent < BaseComponent
+    def initialize(text, color: nil, hoverable: false, size: nil, iff: true)
+      @text = text
+      @extra_classes = extra_classes(color, size, hoverable)
+      @iff = iff
+    end
+
+    def extra_classes(color, size, hoverable)
+      extra_classes = []
+
+      extra_classes << color if color
+      extra_classes << "--#{size}" if size
+      extra_classes << "--hoverable" if hoverable
+      extra_classes.join(" ")
+    end
+  end
+end

data/app/components/snazzy/pill_component.slim

@@ -0,0 +1,3 @@
+- if @iff
+  .Pill class=@extra_classes
+    = @text

data/app/components/snazzy/tag_cloud_component.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+module Snazzy
+  class TagCloudComponent < BaseComponent
+    def initialize(tag_labels:)
+      @tag_labels = tag_labels
+    end
+  end
+end

data/app/components/snazzy/tag_cloud_component.slim

@@ -0,0 +1,3 @@
+.TagCloud.inline-flex.flex-wrap.items-center
+  - @tag_labels.each do |lab|
+    = render(Snazzy::Tags::GreyTagComponent.new(lab))

data/app/components/snazzy/tags/grey_tag_component.rb

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+module Snazzy
+  class Tags::GreyTagComponent < BaseComponent
+    def initialize(label, deletable_name: nil)
+      @label = label
+      @deletable_name = deletable_name
+    end
+  end
+end

data/app/components/snazzy/tags/grey_tag_component.slim

@@ -0,0 +1,4 @@
+span.inline-flex.items-center.rounded-md.bg-gray-50.px-2.py-1.text-xs.font-medium.text-gray-700.ring-1.ring-inset.ring-gray-600/20.mr-2.my-1
+  = @label
+  - if @deletable_name
+    span.ml-2.cursor-pointer data-action="click->snazzy--tags#removeTag" data-deletable-name=@deletable_name X

data/app/components/snazzy/tooltip_component.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+module Snazzy
+  class TooltipComponent < BaseComponent
+    def initialize(text)
+      @text = text
+    end
+  end
+end

data/app/components/snazzy/tooltip_component.slim

@@ -0,0 +1,5 @@
+div data-controller="snazzy--tooltip"
+  div data-action="mouseover->snazzy--tooltip#show mouseout->snazzy--tooltip#hide" data-snazzy--tooltip-target="source"
+    = content
+  .tooltip-content.hidden data-snazzy--tooltip-target="content"
+    = @text

data/app/javascript/controllers/snazzy/clipboard_controller.js

@@ -0,0 +1,20 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class SnazzyClipboardController extends Controller {
+  static targets = [ "source" ]
+
+  oneTimeCopy() {
+    event.preventDefault()
+    navigator.clipboard.writeText(event.target.dataset.content)
+    event.target.style.cursor = "default"
+    event.target.removeAttribute("data-action")
+    event.target.classList.add("pointer-events-none")
+    event.target.classList.remove("bg-primary-100", "hover:bg-primary-300")
+    if (event.target.innerText.length > 0) {
+      event.target.innerText = "Copied!"
+      event.target.classList.add("bg-emerald-400")
+    } else {
+      event.target.innerHTML = "✔"
+    }
+  }
+}

data/app/javascript/controllers/snazzy/index.js

@@ -0,0 +1,10 @@
+import { application } from "../application"
+
+import SnazzyTagsController from "./tags_controller"
+import SnazzyTooltipController from "./tooltip_controller"
+import SnazzyClipboardController from "./clipboard_controller"
+
+application.register("snazzy--tags", SnazzyTagsController)
+application.register("snazzy--tooltip", SnazzyTooltipController)
+application.register("snazzy--clipboard", SnazzyClipboardController)
+

data/app/javascript/controllers/snazzy/tags_controller.js

@@ -0,0 +1,134 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class SnazzyTagsController extends Controller {
+  static targets = ["input", "tagCloud", "errorContainer", "hiddenInputContainer"];
+  static values = {
+    validations: Array
+  }
+
+  handleInput(event) {
+    if (event.key === 'Enter') {
+      event.preventDefault();
+      let errors = this.performValidations()
+      if (errors.length === 0) {
+        this.hideErrorsContainer()
+        this.addTag();
+      } else {
+        this.displayErrors(errors)
+      }
+    }
+  }
+
+  hideErrorsContainer() {
+    this.errorContainerTarget.innerHTML = ""
+    this.errorContainerTarget.classList.add("hidden")
+  }
+
+  performValidations() {
+    let errors = []
+    this.validationsValue.forEach((validationName) => {
+      let error = this.callValidation(validationName);
+      if (error) {
+        errors.push(error);
+      }
+    })
+
+    return errors
+  }
+
+  callValidation(validationName) {
+    const validationHandler = 'validate' + validationName.charAt(0).toUpperCase() + validationName.slice(1);
+    const value = this.inputTarget.value;
+    if (typeof this[validationHandler] === 'function') {
+      return this[validationHandler](value);
+    } else {
+      console.error(`${validationHandler} does not exist`);
+    }
+  }
+
+  validateEmail(value) {
+    const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    if (!emailPattern.test(value)) {
+      return `${value} is not a valid email address.`
+    }
+  }
+
+  validateUniqueness(value) {
+    const inputs = this.hiddenInputContainerTarget.querySelectorAll("input")
+    const duplicateFound = Array.from(inputs).some(i => i.value == value)
+
+    if(duplicateFound) {
+      this.inputTarget.value = ""
+      return `${value} is already in the list.`
+    }
+  }
+
+  displayErrors(errors) {
+    this.errorContainerTarget.innerHTML = ""
+    errors.forEach((error) => {
+      let li = document.createElement('li');
+      li.textContent = error;
+      this.errorContainerTarget.appendChild(li);
+      this.errorContainerTarget.classList.remove("hidden")
+    })
+  }
+
+  addTag() {
+    const value = this.inputTarget.value.trim();
+
+    if (value) {
+      const tagElement = this.generateTagElement(value, this.inputTarget.dataset.deletableName);
+      this.tagCloudTarget.append(tagElement);
+      this.addHiddenInput(value)
+      this.inputTarget.value = "";
+      this.inputTarget.focus();
+    }
+  }
+
+  removeTag(event) {
+    let parent = event.currentTarget.parentElement
+    let obsoleteValue = parent.innerHTML.split("<span")[0]
+    let obsoleteInput = document.querySelector("input[name='" + event.currentTarget.dataset.deletableName + "'][value='" + obsoleteValue + "']")
+    parent.remove();
+    obsoleteInput.remove();
+
+    this.handleLastTagRemoval();
+  }
+
+  addHiddenInput(value) {
+    const hiddenInput = document.createElement("input")
+    hiddenInput.name = this.inputTarget.dataset.deletableName
+    hiddenInput.autocomplete = "off"
+    hiddenInput.type = "hidden"
+    hiddenInput.value = value
+    this.hiddenInputContainerTarget.appendChild(hiddenInput)
+  }
+
+  handleLastTagRemoval() {
+    if (this.tagCloudTarget.children.length === 0) {
+      this.addEmptyHiddenInput();
+    }
+  }
+
+  addEmptyHiddenInput() {
+    const hiddenInput = document.createElement("input");
+    hiddenInput.name = this.inputTarget.dataset.deletableName;
+    hiddenInput.type = "hidden";
+    this.hiddenInputContainerTarget.appendChild(hiddenInput);
+  }
+
+  generateTagElement(content, deletableName) {
+    const tag = document.createElement("span");
+    tag.className = "inline-flex items-center rounded-md bg-gray-50 px-2 py-1 text-xs font-medium text-gray-700 ring-1 ring-inset ring-gray-600/20 mr-2 my-1";
+    tag.textContent = content;
+
+    const closeButton = document.createElement("span");
+    closeButton.dataset.action = "click->snazzy--tags#removeTag"
+    closeButton.classList.add("ml-2", "cursor-pointer")
+    closeButton.dataset.deletableName = deletableName
+    closeButton.textContent = "X";
+
+    tag.appendChild(closeButton);
+    return tag;
+  }
+}

data/app/javascript/controllers/snazzy/tooltip_controller.js

@@ -0,0 +1,44 @@
+import { Controller } from "@hotwired/stimulus"
+import { createPopper } from "@popperjs/core"
+
+export default class SnazzyTooltipController extends Controller {
+  static targets = ["source", "content"]
+
+  connect() {
+    this.popper = createPopper(this.sourceTarget, this.contentTarget, {
+      placement: 'top',
+      modifiers: [
+        {
+          name: 'flip',
+          options: {
+            fallbackPlacements: ['bottom'],
+          },
+        },
+        {
+          name: 'preventOverflow',
+          options: {
+            padding: 8,
+          },
+        },
+        {
+            name: 'offset',
+            options: {
+                offset: [0, 8],
+            },
+        },
+      ],
+    });
+
+    this.contentTarget.classList.add('hidden');
+  }
+
+  show() {
+    this.contentTarget.classList.remove('hidden');
+    this.popper.update();
+  }
+
+  hide() {
+    clearTimeout(this.timeout);
+    this.contentTarget.classList.add('hidden');
+  }
+}

data/lib/snazzy/engine.rb

@@ -0,0 +1,8 @@
+require "rails"
+require "view_component/engine"
+
+module Snazzy
+  class Engine < ::Rails::Engine
+    isolate_namespace Snazzy
+  end
+end

data/lib/snazzy/version.rb

@@ -0,0 +1,5 @@
+# frozen_string_literal: true
+
+module Snazzy
+  VERSION = "0.1.0"
+end

data/lib/snazzy_ui.rb

@@ -0,0 +1,7 @@
+# frozen_string_literal: true
+
+require_relative "snazzy/version"
+require "snazzy/engine"
+
+module Snazzy
+end

data/lib/tasks/install.rake

@@ -0,0 +1,28 @@
+namespace :snazzy do
+  desc "Install Snazzy JavaScript controllers into the Rails application"
+  task install: :environment do
+    require "fileutils"
+    
+    gem_path = File.expand_path("../..", __dir__)
+    stimulus_controllers_dest = "app/javascript/controllers/snazzy"
+    source_path = File.join(gem_path, stimulus_controllers_dest)
+    dest_path = Rails.root.join(stimulus_controllers_dest)
+    FileUtils.mkdir_p(dest_path) unless File.directory?(dest_path)
+    FileUtils.cp_r("#{source_path}/.", dest_path)
+    puts "Snazzy controllers have been installed successfully."
+    
+    parent_js_path = "app/javascript/controllers/index.js"
+
+    content = File.readlines(parent_js_path)
+
+    if content.any? { |line| line.strip == 'import "./snazzy"' }
+      puts 'The line "import "./snazzy"" is already present in the file.'
+    else
+      File.open(parent_js_path, "a") do |file|
+        file.puts 'import "./snazzy"'
+      end
+
+      puts "Updated the index.js file successfully."
+    end
+  end
+end

metadata

@@ -0,0 +1,126 @@
+--- !ruby/object:Gem::Specification
+name: snazzy_ui
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- Dan Brown
+autorequire:
+bindir: exe
+cert_chain: []
+date: 2025-07-22 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '7.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '7.1'
+- !ruby/object:Gem::Dependency
+  name: slim-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.6'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.6.3
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.6'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.6.3
+- !ruby/object:Gem::Dependency
+  name: view_component
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.10'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.10.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.10'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.10.0
+description: Snazzy provides a suite of stylish, reusable UI components for Ruby on
+  Rails applications that leverage GitHub's ViewComponents, TailwindCSS and Rails.
+email:
+- dbrown@occameducation.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.md
+- app/components/snazzy/array_input_component.html.slim
+- app/components/snazzy/array_input_component.rb
+- app/components/snazzy/badge_component.rb
+- app/components/snazzy/badge_component.slim
+- app/components/snazzy/base_component.rb
+- app/components/snazzy/copy_button_component.rb
+- app/components/snazzy/copy_button_component.slim
+- app/components/snazzy/pill_component.rb
+- app/components/snazzy/pill_component.slim
+- app/components/snazzy/tag_cloud_component.rb
+- app/components/snazzy/tag_cloud_component.slim
+- app/components/snazzy/tags/grey_tag_component.rb
+- app/components/snazzy/tags/grey_tag_component.slim
+- app/components/snazzy/tooltip_component.rb
+- app/components/snazzy/tooltip_component.slim
+- app/javascript/controllers/snazzy/clipboard_controller.js
+- app/javascript/controllers/snazzy/index.js
+- app/javascript/controllers/snazzy/tags_controller.js
+- app/javascript/controllers/snazzy/tooltip_controller.js
+- lib/snazzy/engine.rb
+- lib/snazzy/version.rb
+- lib/snazzy_ui.rb
+- lib/tasks/install.rake
+homepage: https://github.com/lordofthedanse/snazzy_ui
+licenses:
+- MIT
+metadata:
+  homepage_uri: https://github.com/lordofthedanse/snazzy_ui
+  source_code_uri: https://github.com/lordofthedanse/snazzy_ui
+  bug_tracker_uri: https://github.com/lordofthedanse/snazzy_ui/issues
+  changelog_uri: https://github.com/lordofthedanse/snazzy_ui/blob/main/CHANGELOG.md
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '3.2'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.5.22
+signing_key:
+specification_version: 4
+summary: A collection of snazzy UI components for Rails applications.
+test_files: []