better_ui 0.3.0 → 0.5.1

data/lib/generators/better_ui/templates/initializer.rb

@@ -0,0 +1,41 @@
+# frozen_string_literal: true
+
+# Configurazione di Better UI
+# Questo file contiene le impostazioni predefinite per i componenti di Better UI.
+# Puoi modificare queste impostazioni in base alle tue necessità.
+
+BetterUi.configure do |config|
+  # Configurazione predefinita per i bottoni
+  # Queste impostazioni verranno applicate a tutti i bottoni a meno che non vengano sovrascritte
+  config.button_defaults = {
+    type: :default,     # Tipo di bottone (:default, :white, :red, :green, ecc.)
+    size: :medium,      # Dimensione del bottone (:small, :medium, :large)
+    rounded: :small,    # Arrotondamento (:none, :small, :medium, :large, :full)
+    full_width: false,  # Se il bottone deve occupare tutta la larghezza disponibile
+    disabled: false     # Se il bottone è disabilitato di default
+  }
+  
+  # Configurazione predefinita per gli alert
+  config.alert_defaults = {
+    theme: :default,    # Tema dell'alert (:default, :success, :warning, :danger, :info)
+    dismissible: true,  # Se l'alert può essere chiuso dall'utente
+    icon: true          # Se mostrare l'icona associata al tema
+  }
+  
+  # Configurazione predefinita per le card
+  config.card_defaults = {
+    theme: :default,    # Tema della card (:default, :outline, :elevated)
+    padding: :medium,   # Padding interno (:small, :medium, :large)
+    rounded: :medium,   # Arrotondamento (:none, :small, :medium, :large)
+    shadow: :medium     # Ombreggiatura (:none, :small, :medium, :large)
+  }
+  
+  # Configurazione predefinita per i tab
+  config.tabs_defaults = {
+    theme: :default,    # Tema dei tab (:default, :pills, :underline)
+    size: :medium,      # Dimensione (:small, :medium, :large)
+    alignment: :left    # Allineamento (:left, :center, :right, :justified)
+  }
+  
+  # Puoi aggiungere altre configurazioni predefinite per i tuoi componenti qui
+end 

metadata

@@ -1,15 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: better_ui
 version: !ruby/object:Gem::Version
-  version: 0.3.0
+  version: 0.5.1
 platform: ruby
 authors:
 - alessiobussolari
-- umberto_peserico
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-06-03 00:00:00.000000000 Z
+date: 2025-05-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -39,6 +38,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '3.22'
+- !ruby/object:Gem::Dependency
+  name: tailwindcss-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '4.0'
 - !ruby/object:Gem::Dependency
   name: redcarpet
   requirement: !ruby/object:Gem::Requirement
@@ -67,6 +80,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '1.1'
+- !ruby/object:Gem::Dependency
+  name: font-awesome-sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '6.5'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '6.5'
 - !ruby/object:Gem::Dependency
   name: lookbook
   requirement: !ruby/object:Gem::Requirement
@@ -74,7 +101,7 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '2.3'
-  type: :runtime
+  type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
@@ -82,25 +109,80 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '2.3'
 - !ruby/object:Gem::Dependency
-  name: font-awesome-sass
+  name: listen
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '6.5'
-  type: :runtime
+        version: '3.9'
+  type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '6.5'
+        version: '3.9'
+- !ruby/object:Gem::Dependency
+  name: sqlite3
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.6'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.6'
+- !ruby/object:Gem::Dependency
+  name: puma
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '6.4'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '6.4'
+- !ruby/object:Gem::Dependency
+  name: rspec-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '6.1'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '6.1'
+- !ruby/object:Gem::Dependency
+  name: rubocop
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.59'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.59'
 description: Better UI is a Rails gem that works as a mountable engine containing
   reusable UI components, built with ViewComponent and Tailwind CSS, following the
   BEM methodology. It includes documentation and interactive previews with Lookbook.
 email:
 - alessio.bussolari@pandev.it
-- umberto.peserico@pandev.it
 executables: []
 extensions: []
 extra_rdoc_files: []
@@ -108,153 +190,102 @@ files:
 - MIT-LICENSE
 - README.md
 - Rakefile
+- app/assets/stylesheets/better_ui.scss
+- app/assets/stylesheets/better_ui/_base.scss
+- app/assets/stylesheets/better_ui/_components.scss
+- app/assets/stylesheets/better_ui/_utilities.scss
 - app/assets/stylesheets/better_ui/application.css
-- app/components/better_ui/application/card/component.html.erb
-- app/components/better_ui/application/card/component.rb
-- app/components/better_ui/application/main/component.html.erb
-- app/components/better_ui/application/main/component.rb
-- app/components/better_ui/application/navbar/component.html.erb
-- app/components/better_ui/application/navbar/component.rb
-- app/components/better_ui/application/sidebar/component.html.erb
-- app/components/better_ui/application/sidebar/component.rb
-- app/components/better_ui/general/accordion/component.html.erb
-- app/components/better_ui/general/accordion/component.rb
-- app/components/better_ui/general/accordion/item_component.html.erb
-- app/components/better_ui/general/accordion/item_component.rb
-- app/components/better_ui/general/alert/component.html.erb
-- app/components/better_ui/general/alert/component.rb
-- app/components/better_ui/general/avatar/component.html.erb
-- app/components/better_ui/general/avatar/component.rb
-- app/components/better_ui/general/badge/component.html.erb
-- app/components/better_ui/general/badge/component.rb
-- app/components/better_ui/general/breadcrumb/component.html.erb
-- app/components/better_ui/general/breadcrumb/component.rb
-- app/components/better_ui/general/button/component.html.erb
-- app/components/better_ui/general/button/component.rb
-- app/components/better_ui/general/divider/component.html.erb
-- app/components/better_ui/general/divider/component.rb
-- app/components/better_ui/general/dropdown/component.html.erb
-- app/components/better_ui/general/dropdown/component.rb
-- app/components/better_ui/general/dropdown/divider_component.html.erb
-- app/components/better_ui/general/dropdown/divider_component.rb
-- app/components/better_ui/general/dropdown/item_component.html.erb
-- app/components/better_ui/general/dropdown/item_component.rb
-- app/components/better_ui/general/field/component.html.erb
-- app/components/better_ui/general/field/component.rb
-- app/components/better_ui/general/heading/component.html.erb
-- app/components/better_ui/general/heading/component.rb
-- app/components/better_ui/general/icon/component.html.erb
-- app/components/better_ui/general/icon/component.rb
-- app/components/better_ui/general/input/checkbox/component.html.erb
-- app/components/better_ui/general/input/checkbox/component.rb
-- app/components/better_ui/general/input/datetime/component.html.erb
-- app/components/better_ui/general/input/datetime/component.rb
-- app/components/better_ui/general/input/radio/component.html.erb
-- app/components/better_ui/general/input/radio/component.rb
-- app/components/better_ui/general/input/select/component.html.erb
-- app/components/better_ui/general/input/select/component.rb
-- app/components/better_ui/general/input/select/select_component.html.erb
-- app/components/better_ui/general/input/select/select_component.rb
-- app/components/better_ui/general/input/text/component.html.erb
-- app/components/better_ui/general/input/text/component.rb
-- app/components/better_ui/general/input/textarea/component.html.erb
-- app/components/better_ui/general/input/textarea/component.rb
-- app/components/better_ui/general/link/component.html.erb
-- app/components/better_ui/general/link/component.rb
-- app/components/better_ui/general/modal/component.html.erb
-- app/components/better_ui/general/modal/component.rb
-- app/components/better_ui/general/modal/modal_component.html.erb
-- app/components/better_ui/general/modal/modal_component.rb
-- app/components/better_ui/general/pagination/component.html.erb
-- app/components/better_ui/general/pagination/component.rb
-- app/components/better_ui/general/panel/component.html.erb
-- app/components/better_ui/general/panel/component.rb
-- app/components/better_ui/general/progress/component.html.erb
-- app/components/better_ui/general/progress/component.rb
-- app/components/better_ui/general/spinner/component.html.erb
-- app/components/better_ui/general/spinner/component.rb
-- app/components/better_ui/general/table/component.html.erb
-- app/components/better_ui/general/table/component.rb
-- app/components/better_ui/general/table/tbody_component.html.erb
-- app/components/better_ui/general/table/tbody_component.rb
-- app/components/better_ui/general/table/td_component.html.erb
-- app/components/better_ui/general/table/td_component.rb
-- app/components/better_ui/general/table/tfoot_component.html.erb
-- app/components/better_ui/general/table/tfoot_component.rb
-- app/components/better_ui/general/table/th_component.html.erb
-- app/components/better_ui/general/table/th_component.rb
-- app/components/better_ui/general/table/thead_component.html.erb
-- app/components/better_ui/general/table/thead_component.rb
-- app/components/better_ui/general/table/tr_component.html.erb
-- app/components/better_ui/general/table/tr_component.rb
-- app/components/better_ui/general/tabs/component.html.erb
-- app/components/better_ui/general/tabs/component.rb
-- app/components/better_ui/general/tabs/panel_component.html.erb
-- app/components/better_ui/general/tabs/panel_component.rb
-- app/components/better_ui/general/tabs/tab_component.html.erb
-- app/components/better_ui/general/tabs/tab_component.rb
-- app/components/better_ui/general/tag/component.html.erb
-- app/components/better_ui/general/tag/component.rb
-- app/components/better_ui/general/tooltip/component.html.erb
-- app/components/better_ui/general/tooltip/component.rb
+- app/assets/stylesheets/better_ui/components/_avatar.scss
+- app/assets/stylesheets/better_ui/components/_badge.scss
+- app/assets/stylesheets/better_ui/components/_breadcrumb.scss
+- app/assets/stylesheets/better_ui/components/_button.scss
+- app/assets/stylesheets/better_ui/components/_card.scss
+- app/assets/stylesheets/better_ui/components/_heading.scss
+- app/assets/stylesheets/better_ui/components/_icon.scss
+- app/assets/stylesheets/better_ui/components/_index.scss
+- app/assets/stylesheets/better_ui/components/_link.scss
+- app/assets/stylesheets/better_ui/components/_panel.scss
+- app/assets/stylesheets/better_ui/components/_spinner.scss
+- app/assets/stylesheets/better_ui/components/_table.scss
+- app/assets/stylesheets/better_ui/components/_variables.scss
+- app/components/better_ui/application/alert_component.html.erb
+- app/components/better_ui/application/alert_component.rb
+- app/components/better_ui/application/card_component.html.erb
+- app/components/better_ui/application/card_component.rb
+- app/components/better_ui/application/card_container_component.html.erb
+- app/components/better_ui/application/card_container_component.rb
+- app/components/better_ui/application/header_component.html.erb
+- app/components/better_ui/application/header_component.rb
+- app/components/better_ui/application/navbar_component.html.erb
+- app/components/better_ui/application/navbar_component.rb
+- app/components/better_ui/application/sidebar_component.html.erb
+- app/components/better_ui/application/sidebar_component.rb
+- app/components/better_ui/application/toast_component.html.erb
+- app/components/better_ui/application/toast_component.rb
+- app/components/better_ui/general/avatar_component.html.erb
+- app/components/better_ui/general/avatar_component.rb
+- app/components/better_ui/general/badge_component.html.erb
+- app/components/better_ui/general/badge_component.rb
+- app/components/better_ui/general/breadcrumb_component.html.erb
+- app/components/better_ui/general/breadcrumb_component.rb
+- app/components/better_ui/general/button_component.html.erb
+- app/components/better_ui/general/button_component.rb
+- app/components/better_ui/general/heading_component.html.erb
+- app/components/better_ui/general/heading_component.rb
+- app/components/better_ui/general/icon_component.html.erb
+- app/components/better_ui/general/icon_component.rb
+- app/components/better_ui/general/link_component.html.erb
+- app/components/better_ui/general/link_component.rb
+- app/components/better_ui/general/panel_component.html.erb
+- app/components/better_ui/general/panel_component.rb
+- app/components/better_ui/general/spinner_component.html.erb
+- app/components/better_ui/general/spinner_component.rb
+- app/components/better_ui/general/table_component.html.erb
+- app/components/better_ui/general/table_component.rb
 - app/controllers/better_ui/application_controller.rb
-- app/helpers/better_ui/application/components/card.rb
-- app/helpers/better_ui/application/components/card/card_helper.rb
-- app/helpers/better_ui/application/components/main/main_helper.rb
-- app/helpers/better_ui/application/components/navbar/navbar_helper.rb
-- app/helpers/better_ui/application/components/sidebar/sidebar_helper.rb
-- app/helpers/better_ui/application_helper.rb
-- app/helpers/better_ui/general/components/accordion.rb
-- app/helpers/better_ui/general/components/accordion/accordion_helper.rb
-- app/helpers/better_ui/general/components/alert/alert_helper.rb
-- app/helpers/better_ui/general/components/avatar/avatar_helper.rb
-- app/helpers/better_ui/general/components/badge/badge_helper.rb
-- app/helpers/better_ui/general/components/breadcrumb/breadcrumb_helper.rb
-- app/helpers/better_ui/general/components/button/button_helper.rb
-- app/helpers/better_ui/general/components/container/container_helper.rb
-- app/helpers/better_ui/general/components/divider/divider_helper.rb
-- app/helpers/better_ui/general/components/dropdown/divider_helper.rb
-- app/helpers/better_ui/general/components/dropdown/dropdown_helper.rb
-- app/helpers/better_ui/general/components/dropdown/item_helper.rb
-- app/helpers/better_ui/general/components/field/field_helper.rb
-- app/helpers/better_ui/general/components/heading/heading_helper.rb
-- app/helpers/better_ui/general/components/icon/icon_helper.rb
-- app/helpers/better_ui/general/components/input/checkbox/checkbox_helper.rb
-- app/helpers/better_ui/general/components/input/datetime/datetime_helper.rb
-- app/helpers/better_ui/general/components/input/radio/radio_helper.rb
-- app/helpers/better_ui/general/components/input/radio_group/radio_group_helper.rb
-- app/helpers/better_ui/general/components/input/select/select_helper.rb
-- app/helpers/better_ui/general/components/input/text/text_helper.rb
-- app/helpers/better_ui/general/components/input/textarea/textarea_helper.rb
-- app/helpers/better_ui/general/components/link/link_helper.rb
-- app/helpers/better_ui/general/components/modal.rb
-- app/helpers/better_ui/general/components/modal/modal_helper.rb
-- app/helpers/better_ui/general/components/pagination/pagination_helper.rb
-- app/helpers/better_ui/general/components/panel/panel_helper.rb
-- app/helpers/better_ui/general/components/progress/progress_helper.rb
-- app/helpers/better_ui/general/components/spinner/spinner_helper.rb
-- app/helpers/better_ui/general/components/table/table_helper.rb
-- app/helpers/better_ui/general/components/table/tbody_helper.rb
-- app/helpers/better_ui/general/components/table/td_helper.rb
-- app/helpers/better_ui/general/components/table/tfoot_helper.rb
-- app/helpers/better_ui/general/components/table/th_helper.rb
-- app/helpers/better_ui/general/components/table/thead_helper.rb
-- app/helpers/better_ui/general/components/table/tr_helper.rb
-- app/helpers/better_ui/general/components/tabs/panel_helper.rb
-- app/helpers/better_ui/general/components/tabs/tab_helper.rb
-- app/helpers/better_ui/general/components/tabs/tabs_helper.rb
-- app/helpers/better_ui/general/components/tag/tag_helper.rb
-- app/helpers/better_ui/general/components/tooltip/tooltip_helper.rb
+- app/helpers/better_ui/general/components/avatar_helper.rb
+- app/helpers/better_ui/general/components/badge_helper.rb
+- app/helpers/better_ui/general/components/breadcrumb_helper.rb
+- app/helpers/better_ui/general/components/button_helper.rb
+- app/helpers/better_ui/general/components/heading_helper.rb
+- app/helpers/better_ui/general/components/icon_helper.rb
+- app/helpers/better_ui/general/components/link_helper.rb
+- app/helpers/better_ui/general/components/panel_helper.rb
+- app/helpers/better_ui/general/components/spinner_helper.rb
+- app/helpers/better_ui/general/components/table_helper.rb
+- app/helpers/better_ui/general_helper.rb
+- app/helpers/better_ui_helper.rb
 - app/jobs/better_ui/application_job.rb
 - app/mailers/better_ui/application_mailer.rb
 - app/models/better_ui/application_record.rb
-- app/views/layouts/better_ui/application.html.erb
+- app/views/components/better_ui/general/table/_custom_body_row.html.erb
+- app/views/components/better_ui/general/table/_custom_footer_rows.html.erb
+- app/views/components/better_ui/general/table/_custom_header_rows.html.erb
+- app/views/layouts/component_preview.html.erb
 - config/initializers/lookbook.rb
 - config/routes.rb
 - lib/better_ui.rb
 - lib/better_ui/engine.rb
-- lib/better_ui/railtie.rb
 - lib/better_ui/version.rb
+- lib/generators/better_ui/install_generator.rb
+- lib/generators/better_ui/stylesheet_generator.rb
+- lib/generators/better_ui/templates/README
+- lib/generators/better_ui/templates/components/_avatar.scss
+- lib/generators/better_ui/templates/components/_badge.scss
+- lib/generators/better_ui/templates/components/_breadcrumb.scss
+- lib/generators/better_ui/templates/components/_button.scss
+- lib/generators/better_ui/templates/components/_card.scss
+- lib/generators/better_ui/templates/components/_heading.scss
+- lib/generators/better_ui/templates/components/_icon.scss
+- lib/generators/better_ui/templates/components/_index.scss
+- lib/generators/better_ui/templates/components/_link.scss
+- lib/generators/better_ui/templates/components/_panel.scss
+- lib/generators/better_ui/templates/components/_spinner.scss
+- lib/generators/better_ui/templates/components/_table.scss
+- lib/generators/better_ui/templates/components/_variables.scss
+- lib/generators/better_ui/templates/components_stylesheet.scss
+- lib/generators/better_ui/templates/index.scss
+- lib/generators/better_ui/templates/initializer.rb
 - lib/tasks/better_ui_tasks.rake
 homepage: https://github.com/alessiobussolari/better_ui
 licenses:
@@ -273,7 +304,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: '0'
+      version: '3.0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="

data/app/components/better_ui/application/card/component.html.erb

@@ -1,20 +0,0 @@
-<div class="<%= card_classes %>" <%= options.map { |k, v| "#{k}=\"#{v}\"" }.join(' ').html_safe %>>
-  <p class="<%= title_classes %>"><%= title %></p>
-  <div class="mt-2 flex items-baseline justify-between">
-    <p class="<%= value_classes %>"><%= value %></p>
-    <% if show_trend? %>
-      <span class="<%= trend_classes %>">
-        <% if trend_up? %>
-          <svg xmlns="http://www.w3.org/2000/svg" class="<%= trend_icon_size %>" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18" />
-          </svg>
-        <% else %>
-          <svg xmlns="http://www.w3.org/2000/svg" class="<%= trend_icon_size %>" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 14l-7 7m0 0l-7-7m7 7V3" />
-          </svg>
-        <% end %>
-        <%= change %>
-      </span>
-    <% end %>
-  </div>
-</div>