shadcn-ui 0.0.1 → 0.0.3

data/lib/components.json

@@ -0,0 +1,305 @@
+{
+  "accordion": {
+    "name": "accordion",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/accordion_helper.rb",
+      "app/views/components/ui/_accordion.html.erb",
+      "app/javascript/controllers/ui/accordion_controller.js"
+    ]
+  },
+  "alert": {
+    "name": "alert",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/alert_helper.rb",
+      "app/views/components/ui/_alert.html.erb",
+      "app/javascript/controllers/ui/alert_controller.js"
+    ]
+  },
+  "alert-dialog": {
+    "name": "alert-dialog",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/alert-dialog_helper.rb",
+      "app/views/components/ui/_alert-dialog.html.erb",
+      "app/javascript/controllers/ui/alert-dialog_controller.js"
+    ]
+  },
+  "badge": {
+    "name": "badge",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/badge_helper.rb",
+      "app/views/components/ui/_badge.html.erb",
+      "app/javascript/controllers/ui/badge_controller.js"
+    ]
+  },
+  "button": {
+    "name": "button",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/button_helper.rb",
+      "app/views/components/ui/_button.html.erb",
+      "app/javascript/controllers/ui/button_controller.js"
+    ]
+  },
+  "card": {
+    "name": "card",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/card_helper.rb",
+      "app/views/components/ui/_card.html.erb",
+      "app/javascript/controllers/ui/card_controller.js"
+    ]
+  },
+  "checkbox": {
+    "name": "checkbox",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/checkbox_helper.rb",
+      "app/views/components/ui/_checkbox.html.erb",
+      "app/javascript/controllers/ui/checkbox_controller.js"
+    ]
+  },
+  "collapsible": {
+    "name": "collapsible",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/collapsible_helper.rb",
+      "app/views/components/ui/_collapsible.html.erb",
+      "app/javascript/controllers/ui/collapsible_controller.js"
+    ]
+  },
+  "command": {
+    "name": "command",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/command_helper.rb",
+      "app/views/components/ui/_command.html.erb",
+      "app/javascript/controllers/ui/command_controller.js"
+    ]
+  },
+  "context-menu": {
+    "name": "context-menu",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/context-menu_helper.rb",
+      "app/views/components/ui/_context-menu.html.erb",
+      "app/javascript/controllers/ui/context-menu_controller.js"
+    ]
+  },
+  "dialog": {
+    "name": "dialog",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/dialog_helper.rb",
+      "app/views/components/ui/_dialog.html.erb",
+      "app/javascript/controllers/ui/dialog_controller.js"
+    ]
+  },
+  "dropdown-menu": {
+    "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_controller.js"
+    ],
+    "dependencies": [
+      { "component": "popover" },
+      "app/views/components/ui/shared/_menu_item.html.erb"
+    ]
+  },
+  "hover-card": {
+    "name": "hover-card",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/hover-card_helper.rb",
+      "app/views/components/ui/_hover-card.html.erb",
+      "app/javascript/controllers/ui/hover-card_controller.js"
+    ]
+  },
+  "input": {
+    "name": "input",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/input_helper.rb",
+      "app/views/components/ui/_input.html.erb",
+      "app/javascript/controllers/ui/input_controller.js"
+    ]
+  },
+  "label": {
+    "name": "label",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/label_helper.rb",
+      "app/views/components/ui/_label.html.erb",
+      "app/javascript/controllers/ui/label_controller.js"
+    ]
+  },
+  "menubar": {
+    "name": "menubar",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/menubar_helper.rb",
+      "app/views/components/ui/_menubar.html.erb",
+      "app/javascript/controllers/ui/menubar_controller.js"
+    ]
+  },
+  "navigation-menu": {
+    "name": "navigation-menu",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/navigation-menu_helper.rb",
+      "app/views/components/ui/_navigation-menu.html.erb",
+      "app/javascript/controllers/ui/navigation-menu_controller.js"
+    ]
+  },
+  "popover": {
+    "name": "popover",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/popover_helper.rb",
+      "app/views/components/ui/_popover.html.erb",
+      "app/javascript/controllers/ui/popover_controller.js"
+    ]
+  },
+  "progress": {
+    "name": "progress",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/progress_helper.rb",
+      "app/views/components/ui/_progress.html.erb",
+      "app/javascript/controllers/ui/progress_controller.js"
+    ]
+  },
+  "radio-group": {
+    "name": "radio-group",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/radio-group_helper.rb",
+      "app/views/components/ui/_radio-group.html.erb",
+      "app/javascript/controllers/ui/radio-group_controller.js"
+    ]
+  },
+  "scroll-area": {
+    "name": "scroll-area",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/scroll-area_helper.rb",
+      "app/views/components/ui/_scroll-area.html.erb",
+      "app/javascript/controllers/ui/scroll-area_controller.js"
+    ]
+  },
+  "select": {
+    "name": "select",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/select_helper.rb",
+      "app/views/components/ui/_select.html.erb",
+      "app/javascript/controllers/ui/select_controller.js"
+    ]
+  },
+  "separator": {
+    "name": "separator",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/separator_helper.rb",
+      "app/views/components/ui/_separator.html.erb",
+      "app/javascript/controllers/ui/separator_controller.js"
+    ]
+  },
+  "sheet": {
+    "name": "sheet",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/sheet_helper.rb",
+      "app/views/components/ui/_sheet.html.erb",
+      "app/javascript/controllers/ui/sheet_controller.js"
+    ]
+  },
+  "skeleton": {
+    "name": "skeleton",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/skeleton_helper.rb",
+      "app/views/components/ui/_skeleton.html.erb",
+      "app/javascript/controllers/ui/skeleton_controller.js"
+    ]
+  },
+  "slider": {
+    "name": "slider",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/slider_helper.rb",
+      "app/views/components/ui/_slider.html.erb",
+      "app/javascript/controllers/ui/slider_controller.js"
+    ]
+  },
+  "switch": {
+    "name": "switch",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/switch_helper.rb",
+      "app/views/components/ui/_switch.html.erb",
+      "app/javascript/controllers/ui/switch_controller.js"
+    ]
+  },
+  "table": {
+    "name": "table",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/table_helper.rb",
+      "app/views/components/ui/_table.html.erb",
+      "app/javascript/controllers/ui/table_controller.js"
+    ]
+  },
+  "tabs": {
+    "name": "tabs",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/tabs_helper.rb",
+      "app/views/components/ui/_tabs.html.erb",
+      "app/javascript/controllers/ui/tabs_controller.js"
+    ]
+  },
+  "textarea": {
+    "name": "textarea",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/textarea_helper.rb",
+      "app/views/components/ui/_textarea.html.erb",
+      "app/javascript/controllers/ui/textarea_controller.js"
+    ]
+  },
+  "toast": {
+    "name": "toast",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/toast_helper.rb",
+      "app/views/components/ui/_toast.html.erb",
+      "app/javascript/controllers/ui/toast_controller.js",
+      "app/javascript/controllers/ui/use-toast.js",
+      "app/javascript/controllers/ui/toaster.js"
+    ]
+  },
+  "toggle": {
+    "name": "toggle",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/toggle_helper.rb",
+      "app/views/components/ui/_toggle.html.erb",
+      "app/javascript/controllers/ui/toggle_controller.js"
+    ]
+  },
+  "tooltip": {
+    "name": "tooltip",
+    "type": "components:ui",
+    "files": [
+      "app/helpers/components/tooltip_helper.rb",
+      "app/views/components/ui/_tooltip.html.erb",
+      "app/javascript/controllers/ui/tooltip_controller.js"
+    ]
+  }
+}

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.1"
+  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"
   }
 }