daisyui-view-components 0.0.2 → 0.0.3

data/daisyui-view-components/previews/text_input/with_icon_inside.html.erb

@@ -0,0 +1,59 @@
+<div class="space-y-4">
+	<%= component :text_input, :search, placeholder: "Search", size: size, color: color, bordered: bordered, ghost: ghost do |text_input| %>
+	  <% text_input.with_after do %>
+	    <svg
+	      xmlns="http://www.w3.org/2000/svg"
+	      viewBox="0 0 16 16"
+	      fill="currentColor"
+	      class="h-4 w-4 opacity-70">
+	      <path
+	        fill-rule="evenodd"
+	        d="M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z"
+	        clip-rule="evenodd" />
+	    </svg>
+	  <% end %> 
+	<% end %>
+
+	<%= component :text_input, :email, placeholder: "Email", size: size, color: color, bordered: bordered, ghost: ghost do |text_input| %>
+	  <% text_input.with_before do %>
+	    <svg
+	      xmlns="http://www.w3.org/2000/svg"
+	      viewBox="0 0 16 16"
+	      fill="currentColor"
+	      class="h-4 w-4 opacity-70">
+	      <path
+	        d="M2.5 3A1.5 1.5 0 0 0 1 4.5v.793c.026.009.051.02.076.032L7.674 8.51c.206.1.446.1.652 0l6.598-3.185A.755.755 0 0 1 15 5.293V4.5A1.5 1.5 0 0 0 13.5 3h-11Z" />
+	      <path
+	        d="M15 6.954 8.978 9.86a2.25 2.25 0 0 1-1.956 0L1 6.954V11.5A1.5 1.5 0 0 0 2.5 13h11a1.5 1.5 0 0 0 1.5-1.5V6.954Z" />
+	    </svg>
+	  <% end %> 
+	<% end %>
+
+	<%= component :text_input, :username, placeholder: "Username", size: size, color: color, bordered: bordered, ghost: ghost do |text_input| %>
+	  <% text_input.with_before do %>
+		  <svg
+		    xmlns="http://www.w3.org/2000/svg"
+		    viewBox="0 0 16 16"
+		    fill="currentColor"
+		    class="h-4 w-4 opacity-70">
+		    <path
+		      d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM12.735 14c.618 0 1.093-.561.872-1.139a6.002 6.002 0 0 0-11.215 0c-.22.578.254 1.139.872 1.139h9.47Z" />
+		  </svg>
+	  <% end %> 
+	<% end %>
+
+	<%= component :text_input, :password, placeholder: "Password", type: "password", size: size, color: color, bordered: bordered, ghost: ghost do |text_input| %>
+	  <% text_input.with_before do %>
+		  <svg
+		    xmlns="http://www.w3.org/2000/svg"
+		    viewBox="0 0 16 16"
+		    fill="currentColor"
+		    class="h-4 w-4 opacity-70">
+		    <path
+		      fill-rule="evenodd"
+		      d="M14 6a4 4 0 0 1-4.899 3.899l-1.955 1.955a.5.5 0 0 1-.353.146H5v1.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5v-2.293a.5.5 0 0 1 .146-.353l3.955-3.955A4 4 0 1 1 14 6Zm-4-2a.75.75 0 0 0 0 1.5.5.5 0 0 1 .5.5.75.75 0 0 0 1.5 0 2 2 0 0 0-2-2Z"
+		      clip-rule="evenodd" />
+		  </svg>
+	  <% end %> 
+	<% end %>
+</div>

data/daisyui-view-components/previews/text_input/with_text_label_inside.html.erb

@@ -0,0 +1,26 @@
+<div class="space-y-4">
+  <%= component :text_input, :name, placeholder: "Daisy", size: size, color: color, bordered: bordered, ghost: ghost do |text_input| %>
+    <% text_input.with_before do %>
+      Name
+    <% end %>
+  <% end %>
+
+  <%= component :text_input, :email, placeholder: "daisy@site.com", size: size, color: color, bordered: bordered, ghost: ghost do |text_input| %>
+    <% text_input.with_before do %>
+      Email
+    <% end %>
+  <% end %>
+
+  <%= component :text_input, :search, placeholder: "Search", size: size, color: color, bordered: bordered, ghost: ghost do |text_input| %>
+    <% text_input.with_after do %>
+      <kbd class="kbd kbd-sm">⌘</kbd>
+      <kbd class="kbd kbd-sm">K</kbd>
+    <% end %>
+  <% end %>
+
+  <%= component :text_input, :search, placeholder: "Search", size: size, color: color, bordered: bordered, ghost: ghost do |text_input| %>
+    <% text_input.with_after do %>
+      <%= component :badge, "Optional", class: "badge-info" %>
+    <% end %>
+  <% end %>
+</div>

data/daisyui-view-components/previews/textarea/default.html.erb

@@ -0,0 +1 @@
+<%= component :textarea, :free_text, value: "Something in there...", size: size, color: color, bordered: bordered, ghost: ghost %>

data/daisyui-view-components/previews/textarea/preview.rb

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+
+# rubocop:disable Layout/LineLength
+module Textarea 
+  # @label Textarea
+  class Preview < ViewComponent::Preview
+
+    # @param size [Symbol] select {{ DaisyUIViewComponents::Textarea::Component::SIZE_OPTIONS.dup.push('nil') }}
+    # @param color [Symbol] select {{ DaisyUIViewComponents::Textarea::Component::COLOR_OPTIONS.dup.push('nil') }}
+    # @param bordered [Boolean] select [false, true] "Bordered"
+    # @param ghost [Boolean] select [false, true] "Ghost"
+    def default(size: nil, color: nil, bordered: false, ghost: false)
+      render_with_template locals: { size: size, color: color, bordered: bordered, ghost: ghost }, template: 'textarea/default'
+    end
+
+    # @param size [Symbol] select {{ DaisyUIViewComponents::Textarea::Component::SIZE_OPTIONS.dup.push('nil') }}
+    # @param color [Symbol] select {{ DaisyUIViewComponents::Textarea::Component::COLOR_OPTIONS.dup.push('nil') }}
+    # @param bordered [Boolean] select [false, true] "Bordered"
+    # @param ghost [Boolean] select [false, true] "Ghost"
+    def with_form(size: nil, color: nil, bordered: false, ghost: false)
+      render_with_template locals: { size: size, color: color, bordered: bordered, ghost: ghost }, template: 'textarea/with_form'
+    end
+
+  end
+end
+# rubocop:enable Layout/LineLength

data/daisyui-view-components/previews/textarea/with_form.html.erb

@@ -0,0 +1,13 @@
+<%= form_with url: "#" do |f| %>
+  <label class="form-control">
+    <div class="label">
+      <span class="label-text">Your bio</span>
+      <span class="label-text-alt">Alt label</span>
+    </div>
+    <%= component :textarea, :bio, form: f, size: size, color: color, bordered: bordered, ghost: ghost, value: "Something in there...", placeholder: 'Bio' %>
+    <div class="label">
+      <span class="label-text-alt">Your bio</span>
+      <span class="label-text-alt">Alt label</span>
+    </div>
+  </label>
+<% end %>

data/daisyui-view-components/previews/toggle/default.html.erb

@@ -0,0 +1 @@
+<%= component :toggle, size: size, color: color, checked: checked, disabled: disabled %>

data/daisyui-view-components/previews/toggle/preview.rb

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+
+# rubocop:disable Layout/LineLength
+module Toggle
+  # @label Toggle
+  class Preview < ViewComponent::Preview
+
+    # @param size [Symbol] select {{ DaisyUIViewComponents::Toggle::Component::SIZE_OPTIONS.dup.push('nil') }}
+    # @param color [Symbol] select {{ DaisyUIViewComponents::Toggle::Component::COLOR_OPTIONS.dup.push('nil') }}
+    # @param checked [Boolean] select [false, true] "Checked"
+    # @param disabled [Boolean] select [false, true] "Disabled"
+    def default(size: nil, color: nil, disabled: false, checked: false)
+      render_with_template locals: { size: size, color: color, disabled: disabled, checked: checked }, template: 'toggle/default'
+    end
+
+    # @param size [Symbol] select {{ DaisyUIViewComponents::Toggle::Component::SIZE_OPTIONS.dup.push('nil') }}
+    # @param color [Symbol] select {{ DaisyUIViewComponents::Toggle::Component::COLOR_OPTIONS.dup.push('nil') }}
+    # @param checked [Boolean] select [false, true] "Checked"
+    # @param disabled [Boolean] select [false, true] "Disabled"
+    def with_form(size: nil, color: nil, disabled: false, checked: false)
+      render_with_template locals: { size: size, color: color, disabled: disabled, checked: checked }, template: 'toggle/with_form'
+    end
+
+  end
+end
+# rubocop:enable Layout/LineLength

data/daisyui-view-components/previews/toggle/with_form.html.erb

@@ -0,0 +1,3 @@
+<%= form_with url: "#" do |f| %>
+  <%= component :toggle, :remember, label: "Remember me", size: size, color: color, checked: checked, disabled: disabled, form: f %>
+<% end %>

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: daisyui-view-components
 version: !ruby/object:Gem::Version
-  version: 0.0.2
+  version: 0.0.3
 platform: ruby
 authors:
 - Georgi Ganchev
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-10-13 00:00:00.000000000 Z
+date: 2025-02-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -81,20 +81,150 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '3.0'
 description: A view component library for Daisy UI
-email: 
+email:
 executables: []
 extensions: []
 extra_rdoc_files: []
 files:
 - CHANGELOG.md
+- daisyui-view-components/app/components/daisyui_view_components/accordion/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/alert/component.html.erb
+- daisyui-view-components/app/components/daisyui_view_components/alert/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/avatar/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/avatar_group/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/badge/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/base_component.rb
+- daisyui-view-components/app/components/daisyui_view_components/bottom_nav/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/breadcrumbs/component.html.erb
+- daisyui-view-components/app/components/daisyui_view_components/breadcrumbs/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/button/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/card/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/carousel/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/checkbox/component.html.erb
+- daisyui-view-components/app/components/daisyui_view_components/checkbox/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/collapse/component.html.erb
+- daisyui-view-components/app/components/daisyui_view_components/collapse/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/dropdown/component.html.erb
+- daisyui-view-components/app/components/daisyui_view_components/dropdown/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/file_input/component.html.erb
+- daisyui-view-components/app/components/daisyui_view_components/file_input/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/form_control/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/label/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/link/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/menu/component.html.erb
+- daisyui-view-components/app/components/daisyui_view_components/menu/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/modal/action/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/modal/box/component.html.erb
+- daisyui-view-components/app/components/daisyui_view_components/modal/box/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/modal/component.html.erb
+- daisyui-view-components/app/components/daisyui_view_components/modal/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/navbar/component.html.erb
+- daisyui-view-components/app/components/daisyui_view_components/navbar/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/radio/component.html.erb
+- daisyui-view-components/app/components/daisyui_view_components/radio/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/range/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/rating/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/select/component.html.erb
+- daisyui-view-components/app/components/daisyui_view_components/select/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/steps/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/swap/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/table/component.html.erb
+- daisyui-view-components/app/components/daisyui_view_components/table/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/tabs/component.html.erb
+- daisyui-view-components/app/components/daisyui_view_components/tabs/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/text_input/component.html.erb
+- daisyui-view-components/app/components/daisyui_view_components/text_input/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/textarea/component.html.erb
+- daisyui-view-components/app/components/daisyui_view_components/textarea/component.rb
+- daisyui-view-components/app/components/daisyui_view_components/toggle/component.rb
+- daisyui-view-components/lib/daisyui_view_components.rb
+- daisyui-view-components/lib/daisyui_view_components/cache.rb
+- daisyui-view-components/lib/daisyui_view_components/engine.rb
+- daisyui-view-components/lib/daisyui_view_components/helpers/component.rb
+- daisyui-view-components/lib/daisyui_view_components/tailwind_merger.rb
+- daisyui-view-components/lib/daisyui_view_components/version.rb
+- daisyui-view-components/previews/accordion/default.html.erb
+- daisyui-view-components/previews/accordion/preview.rb
+- daisyui-view-components/previews/alert/default.html.erb
+- daisyui-view-components/previews/alert/info_color.html.erb
+- daisyui-view-components/previews/alert/preview.rb
+- daisyui-view-components/previews/alert/with_buttons.html.erb
+- daisyui-view-components/previews/alert/with_icon_title_and_description.html.erb
+- daisyui-view-components/previews/avatar/default.html.erb
+- daisyui-view-components/previews/avatar/preview.rb
+- daisyui-view-components/previews/avatar_group/default.html.erb
+- daisyui-view-components/previews/avatar_group/preview.rb
+- daisyui-view-components/previews/badge/default.html.erb
+- daisyui-view-components/previews/badge/preview.rb
+- daisyui-view-components/previews/bottom_nav/default.html.erb
+- daisyui-view-components/previews/bottom_nav/preview.rb
+- daisyui-view-components/previews/bottom_nav/with_labels.html.erb
+- daisyui-view-components/previews/breadcrumbs/default.html.erb
+- daisyui-view-components/previews/breadcrumbs/preview.rb
+- daisyui-view-components/previews/breadcrumbs/with_icons.html.erb
+- daisyui-view-components/previews/button/default.html.erb
+- daisyui-view-components/previews/button/preview.rb
+- daisyui-view-components/previews/card/default.html.erb
+- daisyui-view-components/previews/card/preview.rb
+- daisyui-view-components/previews/carousel/default.html.erb
+- daisyui-view-components/previews/carousel/preview.rb
+- daisyui-view-components/previews/checkbox/default.html.erb
+- daisyui-view-components/previews/checkbox/preview.rb
+- daisyui-view-components/previews/checkbox/with_form.html.erb
+- daisyui-view-components/previews/collapse/default.html.erb
+- daisyui-view-components/previews/collapse/preview.rb
+- daisyui-view-components/previews/dropdown/default.html.erb
+- daisyui-view-components/previews/dropdown/preview.rb
+- daisyui-view-components/previews/file_input/default.html.erb
+- daisyui-view-components/previews/file_input/preview.rb
+- daisyui-view-components/previews/file_input/with_form.html.erb
+- daisyui-view-components/previews/link/default.html.erb
+- daisyui-view-components/previews/link/preview.rb
+- daisyui-view-components/previews/modal/default.html.erb
+- daisyui-view-components/previews/modal/preview.rb
+- daisyui-view-components/previews/navbar/default.html.erb
+- daisyui-view-components/previews/navbar/preview.rb
+- daisyui-view-components/previews/radio/default.html.erb
+- daisyui-view-components/previews/radio/preview.rb
+- daisyui-view-components/previews/radio/with_form.html.erb
+- daisyui-view-components/previews/range_slider/default.html.erb
+- daisyui-view-components/previews/range_slider/preview.rb
+- daisyui-view-components/previews/rating/default.html.erb
+- daisyui-view-components/previews/rating/preview.rb
+- daisyui-view-components/previews/select/default.html.erb
+- daisyui-view-components/previews/select/preview.rb
+- daisyui-view-components/previews/select/with_form.html.erb
+- daisyui-view-components/previews/steps/default.html.erb
+- daisyui-view-components/previews/steps/preview.rb
+- daisyui-view-components/previews/swap/default.html.erb
+- daisyui-view-components/previews/swap/flip_effect.html.erb
+- daisyui-view-components/previews/swap/hamburger_button.html.erb
+- daisyui-view-components/previews/swap/preview.rb
+- daisyui-view-components/previews/swap/rotate_effect.html.erb
+- daisyui-view-components/previews/swap/volume_icons.html.erb
+- daisyui-view-components/previews/table/default.html.erb
+- daisyui-view-components/previews/table/preview.rb
+- daisyui-view-components/previews/tabs/default.html.erb
+- daisyui-view-components/previews/tabs/preview.rb
+- daisyui-view-components/previews/text_input/default.html.erb
+- daisyui-view-components/previews/text_input/preview.rb
+- daisyui-view-components/previews/text_input/with_form.html.erb
+- daisyui-view-components/previews/text_input/with_icon_inside.html.erb
+- daisyui-view-components/previews/text_input/with_text_label_inside.html.erb
+- daisyui-view-components/previews/textarea/default.html.erb
+- daisyui-view-components/previews/textarea/preview.rb
+- daisyui-view-components/previews/textarea/with_form.html.erb
+- daisyui-view-components/previews/toggle/default.html.erb
+- daisyui-view-components/previews/toggle/preview.rb
+- daisyui-view-components/previews/toggle/with_form.html.erb
 homepage: https://github.com/ganchdev/daisyui-view-components
 licenses:
 - MIT
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
-- lib
+- daisyui-view-components/lib
 required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
@@ -107,7 +237,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubygems_version: 3.3.27
-signing_key: 
+signing_key:
 specification_version: 4
 summary: A view component library for Daisy UI
 test_files: []