shadcn-ui 0.0.2 → 0.0.3

data/config/shadcn.tailwind.js

@@ -0,0 +1,98 @@
+const defaultTheme = require("tailwindcss/defaultTheme");
+
+module.exports = {
+  darkMode: ["class"],
+  content: [
+    "./public/*.html",
+    "./app/helpers/**/*.rb",
+    "./app/javascript/**/*.js",
+    "./app/views/**/*.{erb,haml,html,slim}",
+  ],
+  theme: {
+    container: {
+      center: true,
+      padding: "2rem",
+      screens: {
+        "2xl": "1400px",
+      },
+    },
+    extend: {
+      colors: {
+        border: "hsl(var(--border))",
+        input: "hsl(var(--input))",
+        ring: "hsl(var(--ring))",
+        background: "hsl(var(--background))",
+        foreground: "hsl(var(--foreground))",
+        primary: {
+          DEFAULT: "hsl(var(--primary))",
+          foreground: "hsl(var(--primary-foreground))",
+        },
+        secondary: {
+          DEFAULT: "hsl(var(--secondary))",
+          foreground: "hsl(var(--secondary-foreground))",
+        },
+        destructive: {
+          DEFAULT: "hsl(var(--destructive))",
+          foreground: "hsl(var(--destructive-foreground))",
+        },
+        success: {
+          DEFAULT: "hsl(var(--success))",
+          foreground: "hsl(var(--success-foreground))",
+        },
+        info: {
+          DEFAULT: "hsl(var(--info))",
+          foreground: "hsl(var(--info-foreground))",
+        },
+        attention: {
+          DEFAULT: "var(--yellow-50)",
+          foreground: "hsl(var(--attention-foreground))",
+        },
+        muted: {
+          DEFAULT: "hsl(var(--muted))",
+          foreground: "hsl(var(--muted-foreground))",
+        },
+        accent: {
+          DEFAULT: "hsl(var(--accent))",
+          foreground: "hsl(var(--accent-foreground))",
+        },
+        popover: {
+          DEFAULT: "hsl(var(--popover))",
+          foreground: "hsl(var(--popover-foreground))",
+        },
+        card: {
+          DEFAULT: "hsl(var(--card))",
+          foreground: "hsl(var(--card-foreground))",
+        },
+      },
+      borderRadius: {
+        lg: "var(--radius)",
+        md: "calc(var(--radius) - 2px)",
+        sm: "calc(var(--radius) - 4px)",
+      },
+      fontFamily: {
+        sans: ["var(--font-sans)", ...defaultTheme.fontFamily.sans],
+      },
+      keyframes: {
+        "accordion-down": {
+          from: { height: 0 },
+          to: { height: "var(--radix-accordion-content-height)" },
+        },
+        "accordion-up": {
+          from: { height: "var(--radix-accordion-content-height)" },
+          to: { height: 0 },
+        },
+      },
+      animation: {
+        "accordion-down": "accordion-down 0.2s ease-out",
+        "accordion-up": "accordion-up 0.2s ease-out",
+      },
+    },
+  },
+  plugins: [
+    require("@tailwindcss/forms"),
+    require("@tailwindcss/aspect-ratio"),
+    require("@tailwindcss/typography"),
+    require("@tailwindcss/container-queries"),
+    require("tailwindcss-animate"),
+  ],
+};

data/config/tailwind.config.js

@@ -1,86 +1,25 @@
-const defaultTheme = require("tailwindcss/defaultTheme");
+const shadcnConfig = require("./shadcn.tailwind.js");
 
 module.exports = {
-  darkMode: ["class"],
-  content: [
-    "./public/*.html",
-    "./app/helpers/**/*.rb",
-    "./app/javascript/**/*.js",
-    "./app/views/**/*.{erb,haml,html,slim}",
-  ],
+  ...shadcnConfig,
   theme: {
-    container: {
-      center: true,
-      padding: "2rem",
-      screens: {
-        "2xl": "1400px",
-      },
-    },
     extend: {
       colors: {
-        border: "hsl(var(--border))",
-        input: "hsl(var(--input))",
-        ring: "hsl(var(--ring))",
-        background: "hsl(var(--background))",
-        foreground: "hsl(var(--foreground))",
-        primary: {
-          DEFAULT: "hsl(var(--primary))",
-          foreground: "hsl(var(--primary-foreground))",
-        },
-        secondary: {
-          DEFAULT: "hsl(var(--secondary))",
-          foreground: "hsl(var(--secondary-foreground))",
-        },
-        destructive: {
-          DEFAULT: "hsl(var(--destructive))",
-          foreground: "hsl(var(--destructive-foreground))",
-        },
-        muted: {
-          DEFAULT: "hsl(var(--muted))",
-          foreground: "hsl(var(--muted-foreground))",
-        },
-        accent: {
-          DEFAULT: "hsl(var(--accent))",
-          foreground: "hsl(var(--accent-foreground))",
+        ...shadcnConfig.theme.extend.colors,
+        pink: "hsl(var(--pink))",
+        success: {
+          DEFAULT: "hsl(var(--success))",
+          foreground: "hsl(var(--success-foreground))",
         },
-        popover: {
-          DEFAULT: "hsl(var(--popover))",
-          foreground: "hsl(var(--popover-foreground))",
+        info: {
+          DEFAULT: "hsl(var(--info))",
+          foreground: "hsl(var(--info-foreground))",
         },
-        card: {
-          DEFAULT: "hsl(var(--card))",
-          foreground: "hsl(var(--card-foreground))",
+        attention: {
+          DEFAULT: "hsl(var(--attention))",
+          foreground: "hsl(var(--attention-foreground))",
         },
       },
-      borderRadius: {
-        lg: `var(--radius)`,
-        md: `calc(var(--radius) - 2px)`,
-        sm: "calc(var(--radius) - 4px)",
-      },
-      fontFamily: {
-        sans: ["var(--font-sans)", ...defaultTheme.fontFamily.sans],
-      },
-      keyframes: {
-        "accordion-down": {
-          from: { height: 0 },
-          to: { height: "var(--radix-accordion-content-height)" },
-        },
-        "accordion-up": {
-          from: { height: "var(--radix-accordion-content-height)" },
-          to: { height: 0 },
-        },
-      },
-      animation: {
-        "accordion-down": "accordion-down 0.2s ease-out",
-        "accordion-up": "accordion-up 0.2s ease-out",
-      },
     },
   },
-  plugins: [
-    require("@tailwindcss/forms"),
-    require("@tailwindcss/aspect-ratio"),
-    require("@tailwindcss/typography"),
-    require("@tailwindcss/container-queries"),
-    require("tailwindcss-animate"),
-  ],
 };

data/lib/components.json

@@ -102,9 +102,13 @@
     "name": "dropdown-menu",
     "type": "components:ui",
     "files": [
-      "app/helpers/components/dropdown-menu_helper.rb",
-      "app/views/components/ui/_dropdown-menu.html.erb",
-      "app/javascript/controllers/ui/dropdown-menu_controller.js"
+      "app/helpers/components/dropdown_menu_helper.rb",
+      "app/views/components/ui/_dropdown_menu.html.erb",
+      "app/javascript/controllers/ui/dropdown_controller.js"
+    ],
+    "dependencies": [
+      { "component": "popover" },
+      "app/views/components/ui/shared/_menu_item.html.erb"
     ]
   },
   "hover-card": {

data/lib/generators/shadcn-ui_generator.rb

@@ -0,0 +1,201 @@
+require "json"
+require "rails/generators/base"
+
+class ShadcnUiGenerator < Rails::Generators::Base
+  namespace "shadcn-ui"
+
+  attr_reader :component_name, :target_rails_root, :options
+
+  argument :component, required: false, desc: "The name of the component to install"
+  argument :rails_root, required: false, desc: "Path to the Rails root directory"
+
+  def self.banner
+    "rails generate shadcn-ui <component_name> [--remove] [rails_root_path]"
+  end
+
+  def initialize(args, *options)
+    super
+    @component_name = component
+    @target_rails_root = rails_root || Rails.root
+    @options = options.first
+  end
+
+  def preprocess_sources
+    check_target_app
+  end
+
+  def install_component
+    if component_valid?
+      copy_files
+    else
+      display_available_components
+    end
+  end
+
+  private
+
+  def check_target_app
+    puts "Checking for tailwind..."
+    puts "...tailwind found." if check_for_tailwind
+
+    puts "Checking for shadcn.css..."
+    check_for_shadcn_css
+
+    puts "Checking for shadcn import..."
+    check_for_shadcn_css_import
+
+    puts "Checking for shadcn.tailwind.js..."
+    check_for_shadcn_tailwind_js
+
+    puts "Checking for component_helper.rb"
+    check_for_component_helper
+  end
+
+  def available_components
+    if !@available_components
+      gem_lib_path = File.expand_path("../../lib", __dir__)
+      components_file = File.read(File.join(gem_lib_path, "components.json"))
+      @available_components = JSON.parse(components_file)
+    else
+      @available_components
+    end
+  end
+
+  def display_available_components
+    puts self.class.banner
+    puts "\nAvailable components:"
+
+    available_components.each do |component, _|
+      description = "# A #{component} component"
+      banner_line = "rails g shadcn_ui #{component}:install #{" " * (20 - component.length)} #{description}"
+      puts banner_line
+    end
+  end
+
+  def copy_files
+    return unless component_valid?
+    puts "Installing #{component_name} component..."
+
+    install_component_files(component_name)
+    component_data["dependencies"]&.each do |dependency|
+      if dependency.is_a?(String)
+        copy_file(dependency)
+      elsif dependency.is_a?(Hash)
+        install_component_files(dependency["component"])
+      end
+    end
+    puts "#{component_name.capitalize} component installed!"
+  end
+
+  def install_component_files(key)
+    return unless component_valid?(key)
+
+    available_components[key]["files"].each do |file|
+      copy_file(file)
+    end
+  end
+
+  def copy_file(file)
+    source_path = File.expand_path(File.join("../../", file), __dir__)
+    destination_path = File.expand_path(File.join(target_rails_root, file))
+    if File.exist?(source_path)
+      FileUtils.mkdir_p(File.dirname(destination_path))
+      puts "...copying #{file}"
+      FileUtils.cp(source_path, destination_path)
+    end
+  end
+
+  def component_data(name = nil)
+    @component_data ||= available_components[component_name]
+  end
+
+  def component_valid?(name = nil)
+    name ||= component_name
+    name.present? && available_components.key?(name) && component_data
+  end
+
+  def check_for_tailwind
+    tailwind_file_path = File.join(target_rails_root, "app/assets/stylesheets/application.tailwind.css")
+
+    if File.exist?(tailwind_file_path)
+      true
+    else
+      abort "shadcn-ui requires Tailwind CSS. Please include tailwindcss-rails in your Gemfile and run `rails g tailwind:install` to install Tailwind CSS."
+    end
+  end
+
+  def check_for_shadcn_css
+    shadcn_file_path = "app/assets/stylesheets/shadcn.css"
+    if File.exist?(File.expand_path(File.join(target_rails_root, shadcn_file_path)))
+      puts "...found shadcn.css"
+      true
+    else
+      source_path = File.expand_path(File.join("../../", shadcn_file_path), __dir__)
+      destination_path = File.expand_path(File.join(target_rails_root, shadcn_file_path))
+      puts "...copying shadcn.css to app/assets/stylesheets/shadcn.css"
+      FileUtils.cp(source_path, destination_path)
+    end
+  end
+
+  def check_for_shadcn_css_import
+    tailwind_file_path = File.join(target_rails_root, "app/assets/stylesheets/application.tailwind.css")
+
+    if File.file?(tailwind_file_path)
+      matched_file = File.readlines(tailwind_file_path).any? { |s| s.include?("shadcn.css") }
+      if !matched_file
+        puts "Importing shadcn.css into application.tailwind.css..."
+        insert_import_first_line(tailwind_file_path, "@import \"shadcn.css\";")
+      end
+    else
+      puts "application.tailwind.css does not exist."
+    end
+  end
+
+  def insert_import_line(file_path, line)
+    file_contents = File.read(file_path)
+    new_contents = file_contents.gsub(/@tailwind\s+utilities;/, "\\0\n#{line}\n")
+    File.write(file_path, new_contents)
+  end
+
+  def insert_import_first_line(file_path, line)
+    file_contents = File.read(file_path)
+    new_contents = "#{line}\n#{file_contents}"
+    File.write(file_path, new_contents)
+  end
+
+  def check_for_shadcn_tailwind_js
+    shadcn_tailwind_path = "config/shadcn.tailwind.js"
+    if File.exist?(File.expand_path(File.join(target_rails_root, shadcn_tailwind_path)))
+      puts "...found shadcn.tailwind.js"
+      true
+    else
+      source_path = File.expand_path(File.join("../../", shadcn_tailwind_path), __dir__)
+      destination_path = File.expand_path(File.join(target_rails_root, shadcn_tailwind_path))
+      puts "...copying shadcn.tailwind.js to config/shadcn.tailwind.js"
+      puts "Make sure to include shadcn.tailwind.js in your tailwind.config.js"
+      puts "const shadcnConfig = require('./shadcn.tailwind.js');"
+      puts "module.exports = {
+  ...shadcnConfig,
+};"
+
+      FileUtils.cp(source_path, destination_path)
+    end
+  end
+
+  def check_for_component_helper
+    component_helper_path = "app/helpers/components_helper.rb"
+    if File.exist?(File.expand_path(File.join(target_rails_root, component_helper_path)))
+      puts "...found components_helper.rb"
+      true
+    else
+      source_path = File.expand_path(File.join("../../", component_helper_path), __dir__)
+      destination_path = File.expand_path(File.join(target_rails_root, component_helper_path))
+      puts "...copying components_helper.rb app/helpers"
+
+      FileUtils.cp(source_path, destination_path)
+    end
+  end
+end
+
+# Two things - you need the helper helpers
+# you have to put @import on the 3rd line after the tailwind directives? Is that possible? It's because of border-border...worse case you can just use the actual styles

data/lib/shadcn-ui/version.rb

@@ -1,3 +1,3 @@
 module ShadcnUi
-  VERSION = "0.0.2"
+  VERSION = "0.0.3"
 end

data/package-lock.json

@@ -8,6 +8,10 @@
         "tailwindcss-animate": "^1.0.6"
       },
       "devDependencies": {
+        "@tailwindcss/aspect-ratio": "^0.4.2",
+        "@tailwindcss/container-queries": "^0.1.1",
+        "@tailwindcss/forms": "^0.5.3",
+        "@tailwindcss/typography": "^0.5.9",
         "prettier": "^3.0.0"
       }
     },
@@ -112,6 +116,64 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@tailwindcss/aspect-ratio": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/aspect-ratio/-/aspect-ratio-0.4.2.tgz",
+      "integrity": "sha512-8QPrypskfBa7QIMuKHg2TA7BqES6vhBrDLOv8Unb6FcFyd3TjKbc6lcmb9UPQHxfl24sXoJ41ux/H7qQQvfaSQ==",
+      "dev": true,
+      "peerDependencies": {
+        "tailwindcss": ">=2.0.0 || >=3.0.0 || >=3.0.0-alpha.1"
+      }
+    },
+    "node_modules/@tailwindcss/container-queries": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/container-queries/-/container-queries-0.1.1.tgz",
+      "integrity": "sha512-p18dswChx6WnTSaJCSGx6lTmrGzNNvm2FtXmiO6AuA1V4U5REyoqwmT6kgAsIMdjo07QdAfYXHJ4hnMtfHzWgA==",
+      "dev": true,
+      "peerDependencies": {
+        "tailwindcss": ">=3.2.0"
+      }
+    },
+    "node_modules/@tailwindcss/forms": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.3.tgz",
+      "integrity": "sha512-y5mb86JUoiUgBjY/o6FJSFZSEttfb3Q5gllE4xoKjAAD+vBrnIhE4dViwUuow3va8mpH4s9jyUbUbrRGoRdc2Q==",
+      "dev": true,
+      "dependencies": {
+        "mini-svg-data-uri": "^1.2.3"
+      },
+      "peerDependencies": {
+        "tailwindcss": ">=3.0.0 || >= 3.0.0-alpha.1"
+      }
+    },
+    "node_modules/@tailwindcss/typography": {
+      "version": "0.5.9",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.9.tgz",
+      "integrity": "sha512-t8Sg3DyynFysV9f4JDOVISGsjazNb48AeIYQwcL+Bsq5uf4RYL75C1giZ43KISjeDGBaTN3Kxh7Xj/vRSMJUUg==",
+      "dev": true,
+      "dependencies": {
+        "lodash.castarray": "^4.4.0",
+        "lodash.isplainobject": "^4.0.6",
+        "lodash.merge": "^4.6.2",
+        "postcss-selector-parser": "6.0.10"
+      },
+      "peerDependencies": {
+        "tailwindcss": ">=3.0.0 || insiders"
+      }
+    },
+    "node_modules/@tailwindcss/typography/node_modules/postcss-selector-parser": {
+      "version": "6.0.10",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
+      "integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
+      "dev": true,
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/any-promise": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
@@ -241,7 +303,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
       "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-      "peer": true,
       "bin": {
         "cssesc": "bin/cssesc"
       },
@@ -474,6 +535,24 @@
       "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
       "peer": true
     },
+    "node_modules/lodash.castarray": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/lodash.castarray/-/lodash.castarray-4.4.0.tgz",
+      "integrity": "sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==",
+      "dev": true
+    },
+    "node_modules/lodash.isplainobject": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
+      "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
+      "dev": true
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true
+    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -496,6 +575,15 @@
         "node": ">=8.6"
       }
     },
+    "node_modules/mini-svg-data-uri": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz",
+      "integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==",
+      "dev": true,
+      "bin": {
+        "mini-svg-data-uri": "cli.js"
+      }
+    },
     "node_modules/minimatch": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@@ -992,8 +1080,7 @@
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-      "peer": true
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
     },
     "node_modules/wrappy": {
       "version": "1.0.2",

data/package.json

@@ -3,6 +3,10 @@
     "tailwindcss-animate": "^1.0.6"
   },
   "devDependencies": {
+    "@tailwindcss/aspect-ratio": "^0.4.2",
+    "@tailwindcss/container-queries": "^0.1.1",
+    "@tailwindcss/forms": "^0.5.3",
+    "@tailwindcss/typography": "^0.5.9",
     "prettier": "^3.0.0"
   }
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: shadcn-ui
 version: !ruby/object:Gem::Version
-  version: 0.0.2
+  version: 0.0.3
 platform: ruby
 authors:
 - Avi Flombaum
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-07-12 00:00:00.000000000 Z
+date: 2023-07-15 00:00:00.000000000 Z
 dependencies: []
 description: This gem is a documentation site and gem that will copy components from
   the shadcn-ui library into a Ruby on Rails application.
@@ -19,6 +19,7 @@ extensions: []
 extra_rdoc_files: []
 files:
 - ".editorconfig"
+- ".env"
 - ".prettierignore"
 - ".prettierrc.json"
 - ".rspec"
@@ -33,9 +34,10 @@ files:
 - app/assets/builds/.keep
 - app/assets/config/manifest.js
 - app/assets/images/.keep
-- app/assets/stylesheets/application.scss
+- app/assets/stylesheets/application.css
 - app/assets/stylesheets/application.tailwind.css
-- app/assets/stylesheets/lambda.light.scss
+- app/assets/stylesheets/lambda.light.css
+- app/assets/stylesheets/shadcn.css
 - app/channels/application_cable/channel.rb
 - app/channels/application_cable/connection.rb
 - app/controllers/application_controller.rb
@@ -127,18 +129,49 @@ files:
 - app/views/components/ui/shared/_menu_item.html.erb
 - app/views/components/ui/svg/_check.html.erb
 - app/views/documentation/about.html.md
+- app/views/documentation/generators.html.md
 - app/views/documentation/index.html.erb.bak
 - app/views/documentation/index.html.md
 - app/views/documentation/installation.html.md
 - app/views/examples/authentication/index.html.erb
 - app/views/examples/components/accordion.html.erb
+- app/views/examples/components/accordion/_usage.html.erb
+- app/views/examples/components/accordion/code/_block.html.erb
+- app/views/examples/components/accordion/code/_description.html.erb
+- app/views/examples/components/accordion/code/preview.erb
+- app/views/examples/components/accordion/code/usage.erb
 - app/views/examples/components/alert-dialog.html.erb
 - app/views/examples/components/alert.html.erb
+- app/views/examples/components/alert/_usage.html.erb
+- app/views/examples/components/alert/code/_attention.erb
+- app/views/examples/components/alert/code/_destructive.erb
+- app/views/examples/components/alert/code/_info.erb
+- app/views/examples/components/alert/code/_no_icon.erb
+- app/views/examples/components/alert/code/_success.erb
+- app/views/examples/components/alert/code/preview.erb
+- app/views/examples/components/alert/code/usage.erb
 - app/views/examples/components/badge.html.erb
+- app/views/examples/components/badge/_usage.html.erb
+- app/views/examples/components/badge/code/preview.erb
+- app/views/examples/components/badge/code/usage.erb
 - app/views/examples/components/button.html.erb
+- app/views/examples/components/button/_usage.html.erb
+- app/views/examples/components/button/code/preview.erb
+- app/views/examples/components/button/code/usage.erb
 - app/views/examples/components/card.html.erb
+- app/views/examples/components/card/_usage.html.erb
+- app/views/examples/components/card/code/_form.erb
+- app/views/examples/components/card/code/_notifications.erb
+- app/views/examples/components/card/code/preview.erb
+- app/views/examples/components/card/code/usage.erb
 - app/views/examples/components/checkbox.html.erb
+- app/views/examples/components/checkbox/_usage.html.erb
+- app/views/examples/components/checkbox/code/preview.erb
+- app/views/examples/components/checkbox/code/usage.erb
 - app/views/examples/components/collapsible.html.erb
+- app/views/examples/components/collapsible/_usage.html.erb
+- app/views/examples/components/collapsible/code/preview.erb
+- app/views/examples/components/collapsible/code/usage.erb
 - app/views/examples/components/dialog.html.erb
 - app/views/examples/components/dialog/_usage.html.erb
 - app/views/examples/components/dialog/code/form.erb
@@ -193,12 +226,13 @@ files:
 - config/puma.rb
 - config/render.yml
 - config/routes.rb
+- config/shadcn.tailwind.js
 - config/storage.yml
 - config/tailwind.config.js
 - db/seeds.rb
 - lib/assets/.keep
 - lib/components.json
-- lib/generators/shadcn_ui_generator.rb
+- lib/generators/shadcn-ui_generator.rb
 - lib/shadcn-ui/shadcn-ui.rb
 - lib/shadcn-ui/version.rb
 - lib/tasks/.keep