daisyui 1.1.0 → 1.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3abc9fef4016ee849011068ae3e5408a7439b277d0ed27328e38d6a4c2da75e4
-  data.tar.gz: 875978b29efce3b7de66a3152123cc633d0a444cc86b1074d34a2b7112763fdf
+  metadata.gz: f5ead48d09f8c0ebcf05fedf37984540e379230cc2fad544c021867d76f0c111
+  data.tar.gz: 1ae9c6477704ded3ce4d51276f8c842873f3890e19674536dc5fa46e6cb9183b
 SHA512:
-  metadata.gz: 2857784ae12a775ba2da3f123082b613cd92b8223a1ceb4ab440eb6110ebb2814be2f3802146b47ce2819e2dfa35604ca24feac65cd454f997a066b156b25d26
-  data.tar.gz: b0298c37b0eaf65b7b9984d7a846b6640c2a3a716e25ad7f96cd6dc822b798305096ae529f1be64195c37de73d890083f6893cdaeadb57db4f8c4b6fc9d7a92e
+  metadata.gz: 47b1925d05bbf36c2b02290e80db281689ae94080a4c93392ba9ed764a1d84beb7804cd2dd2536e06da3ed71aebfe255bed64bf6feef2a6aa78bbbddc239f342
+  data.tar.gz: ffaf573ed0338c6c92ea6f57c44490081a218920e457ac7658f785d0c933958de950acfbbcb16ad87e179725da4c16fa60deec56660d6fd92424849a3c60f2f9

data/CHANGELOG.md

@@ -0,0 +1,5 @@
+## [Unreleased]
+
+## [0.1.0] - 2024-08-02
+
+- Initial release

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2024 David Alejandro
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,231 @@
+<picture>
+  <source srcset="https://github.com/user-attachments/assets/2c4d7fdb-abe7-4f71-a6d0-ef4d41b5625a" media="(prefers-color-scheme: dark)">
+  <img src="https://github.com/user-attachments/assets/9afa9755-4aab-412a-9dc9-5eb2f76c12d6" width="350" alt="DaisyUI logo"><br>
+</picture>
+
+A Ruby UI component library for DaisyUI using Phlex
+
+# Installation
+
+## 1. Install CSS dependencies
+
+You can install TailwindCSS and DaisyUI either via a JS bundler or via importmaps.
+
+### JS Bundler
+
+**TailwindCSS**
+
+Install TailwindCSS by following the instructions in the TailwindCSS documentation, using either the Tailwind CLI or PostCSS.
+
+**DaisyUI**
+
+Install DaisyUI by following the instructions in the DaisyUI documentation as a Node package.
+
+### Importmaps
+
+**TailwindCSS with DaisyUI**
+
+You'll need to download a TailwindCSS standalone CLI that comes bundled with DaisyUI by following the instructions in the [tailwind-cli-extra repo](https://github.com/dobicinaitis/tailwind-cli-extra).
+
+Afterwards, place it somewhere in your project, e.g. in the bin directory.
+
+If you want to compile the standalone TailwindCSS CLI with DaisyUI yourself, you can follow the instructions here.
+
+**tailwindcss-rails gem**
+
+Install tailwindcss-rails gem for Rails to automatically include your TailwindCSS stylesheets when the asset pipeline compiles your assets.
+
+For this, you'll need to install the gem by following the instructions in the [tailwindcss-rails repo](https://github.com/rails/tailwindcss-rails).
+
+Finally, you'll need to set the `TAILWINDCSS_INSTALL_DIR` environment variable in your Rails app pointing to the directory where you placed the binary from the tailwind-cli-extra repo mentioned above. e.g. `TAILWINDCSS_INSTALL_DIR=bin`
+
+## 2. Install Ruby dependencies
+
+### Install Phlex
+
+Install Phlex by following the instructions in the [Phlex documentation](https://www.phlex.fun/#rails-introduction).
+
+### Install DaisyUI gem
+
+1. Add the DaisyUI gem to your Gemfile:
+
+```
+bundle add daisyui
+```
+
+2. (Optional) Include the `DaisyUI` module in `ApplicationComponent`:
+
+```rb
+class ApplicationComponent < Phlex::HTML
+  include DaisyUI
+end
+```
+
+This will allow you to use DaisyUI components using the short-form syntax. For example:
+
+```rb
+class SomeView < ApplicationView
+  def view_template
+    Button :primary do
+      "Hello, world!"
+    end
+  end
+end
+```
+
+If you don't include DaisyUI, you can still use the namespaced syntax:
+
+```rb
+class SomeView < ApplicationView
+  def view_template
+    render DaisyUI::Button.new(:primary) do
+      "Hello, world!"
+    end
+  end
+end
+```
+
+Consider not including DaisyUI in ApplicationComponent if:
+
+- You have your own component library with the same component names as DaisyUI.
+- You're including your own components module in `ApplicationComponent`.
+
+In this scenario, including both DaisyUI and your own component library in `ApplicationComponent` will lead to naming conflicts.
+
+3. Update your `tailwind.config.js` file to include DaisyUI component styles:
+
+```js
+const execSync = require("child_process").execSync;
+const outputDaisyUI = execSync("bundle show daisyui", { encoding: "utf-8" });
+const daisyUIPath = outputDaisyUI.trim() + "/**/*.rb";
+module.exports = {
+  content: [
+    // ... other paths
+    daisyUIPath,
+  ],
+};
+```
+
+4. Update your tailwind.config.js file to detect TailwindCSS classes in Ruby files.
+
+```js
+module.exports = {
+  content: [
+    // ... other paths
+    //
+    // Note the "rb" extension at the end
+    "./app/views/**/*.{erb,haml,html,slim,rb}",
+  ],
+};
+```
+
+# Compatibility Notes
+
+## @tailwindcss/forms plugin
+
+If you're using the `@tailwindcss/forms` plugin alongside DaisyUI, you may encounter styling conflicts with form components like Toggle, Checkbox, and Radio. The forms plugin adds default checkbox/radio styling that can interfere with DaisyUI's custom styling.
+
+**Solution:** Add the following CSS to your stylesheet to override the forms plugin styling for DaisyUI components:
+
+```css
+/* Override @tailwindcss/forms checkbox styles for DaisyUI components */
+.toggle,
+.checkbox,
+.radio {
+  background-image: none !important;
+}
+.toggle:checked,
+.checkbox:checked,
+.radio:checked {
+  background-image: none !important;
+}
+```
+
+Alternatively, you can configure `@tailwindcss/forms` to use the `class` strategy instead of `base`, which only applies styles when you explicitly add form classes:
+
+```js
+// tailwind.config.js
+plugins: [
+  require('@tailwindcss/forms')({
+    strategy: 'class', // only apply form styles to elements with form-* classes
+  }),
+],
+```
+
+# MCP Server (Claude Code Integration)
+
+This gem includes an MCP (Model Context Protocol) server that provides component information to AI assistants like Claude Code.
+
+## Setup
+
+Add to your Claude Code MCP settings (`~/.claude.json` or project `.claude.json`):
+
+```json
+{
+  "mcpServers": {
+    "daisyui": {
+      "command": "bundle",
+      "args": ["exec", "daisyui-mcp"]
+    }
+  }
+}
+```
+
+## Available Tools
+
+- **list_components** - List all available DaisyUI components
+- **get_component** - Get detailed info about a specific component (modifiers, usage examples)
+- **search_components** - Search components by name or modifier
+
+# Usage
+
+Refer to [the docs](https://daisyui.phlex.fun) to see how to use components. Here's an example:
+
+```rb
+Card :base_100 do |card|
+  figure do
+    img(src:)
+  end
+  card.body do
+    card.title do
+      "Shoes!"
+    end
+    p do
+      "If a dog chews shoes whose shoes does he choose?"
+    end
+    card.actions class: "justify-end" do
+      Button :primary do
+        "Buy Now"
+      end
+    end
+  end
+end
+```
+
+Which produces:
+
+<img width="544" alt="Card example" src="https://github.com/user-attachments/assets/fad06a89-85fa-43cd-8c8f-7ed23b4ad77b">
+
+# Development
+
+After checking out the repo, run `bin/setup` to install dependencies. Then, run `bundle exec rspec` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
+
+# Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/mhenrixon/daisyui. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [code of conduct](https://github.com/mhenrixon/daisyui/blob/main/CODE_OF_CONDUCT.md).
+
+1. Visit [the docs](https://daisyui.phlex.fun/) to see which components are still not implemented or not yet added to the docs.
+
+2. Implement it.
+
+3. After your PR is merged, [add it to the docs](https://github.com/mhenrixon/daisyui-docs).
+
+4. Celebrate!
+
+# License
+
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+
+# Code of Conduct
+
+Everyone interacting in the DaisyUI project's codebases, issue trackers, chat rooms and mailing lists is expected to follow the [code of conduct](https://github.com/mhenrixon/daisyui/blob/main/CODE_OF_CONDUCT.md).

data/lib/daisy_ui/updated_at.rb

@@ -3,5 +3,5 @@
 module DaisyUI
   # This timestamp is automatically updated when releasing a new version
   # Format: YYYY-MM-DD HH:MM:SS UTC
-  UPDATED_AT = "2026-04-05 05:58:09 UTC"
+  UPDATED_AT = "2026-04-05 07:31:56 UTC"
 end

data/lib/daisy_ui/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module DaisyUI
-  VERSION = "1.1.0"
+  VERSION = "1.1.1"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: daisyui
 version: !ruby/object:Gem::Version
-  version: 1.1.0
+  version: 1.1.1
 platform: ruby
 authors:
 - Mikael Henriksson
@@ -52,6 +52,9 @@ executables:
 extensions: []
 extra_rdoc_files: []
 files:
+- CHANGELOG.md
+- LICENSE.txt
+- README.md
 - exe/daisyui-mcp
 - lib/daisy_ui.rb
 - lib/daisy_ui/accordion.rb