better_ui 0.6.0 → 0.7.1

data/app/helpers/better_ui/general/components/input/datetime/datetime_helper.rb

@@ -1,91 +0,0 @@
-# frozen_string_literal: true
-
-module BetterUi
-  module General
-    module Components
-      module Input
-        module Datetime
-          module DatetimeHelper
-            # Crea un campo input datetime unificato
-            #
-            # @param name [String] Nome del campo input (obbligatorio)
-            # @param type [Symbol] Tipo del campo datetime (default: :date)
-            #   Valori disponibili: :date, :month, :week, :time
-            # @param value [String] Valore del campo nel formato appropriato per il tipo
-            # @param required [Boolean] Se il campo è obbligatorio (default: false)
-            # @param disabled [Boolean] Se il campo è disabilitato (default: false)
-            # @param min [String] Valore minimo selezionabile nel formato appropriato
-            # @param max [String] Valore massimo selezionabile nel formato appropriato
-            # @param theme [Symbol] Tema del componente (default: :default)
-            #   Valori disponibili: :default, :white, :red, :rose, :orange, :green, :blue, :yellow, :violet
-            # @param size [Symbol] Dimensione del componente (default: :medium)
-            #   Valori disponibili: :small, :medium, :large
-            # @param rounded [Symbol] Border radius (default: :medium)
-            #   Valori disponibili: :none, :small, :medium, :large, :full
-            # @param classes [String] Classi CSS aggiuntive
-            # @param form [ActionView::Helpers::FormBuilder] Form builder Rails opzionale per integrazione con form
-            # @param options [Hash] Attributi HTML aggiuntivi da passare all'elemento input
-            # @return [String] HTML del componente datetime input renderizzato
-            #
-            # @example Uso base per date
-            #   <%= bui_input_datetime(name: 'birthdate', type: :date) %>
-            #
-            # @example Input per mese con validazione
-            #   <%= bui_input_datetime(name: 'report_month', type: :month, required: true, min: '2024-01', max: '2024-12') %>
-            #
-            # @example Input per settimana con tema
-            #   <%= bui_input_datetime(name: 'work_week', type: :week, theme: :blue, size: :large) %>
-            #
-            # @example Input per time con stili personalizzati
-            #   <%= bui_input_datetime(name: 'meeting_time', type: :time, theme: :green, rounded: :full) %>
-            #
-            # @example Con Rails form builder
-            #   <%= form_with model: @event do |form| %>
-            #     <%= bui_input_datetime(name: :start_date, type: :date, form: form, theme: :blue, required: true) %>
-            #     <%= bui_input_datetime(name: :start_time, type: :time, form: form, theme: :green) %>
-            #   <% end %>
-            def bui_input_datetime(name:, type: :date, value: nil, required: false, disabled: false, 
-                                   min: nil, max: nil, theme: :default, size: :medium, rounded: :medium, 
-                                   classes: '', form: nil, **options)
-              render BetterUi::General::Input::Datetime::Component.new(
-                name: name,
-                type: type,
-                value: value,
-                required: required,
-                disabled: disabled,
-                min: min,
-                max: max,
-                theme: theme,
-                size: size,
-                rounded: rounded,
-                classes: classes,
-                form: form,
-                **options
-              )
-            end
-
-            # Helper convenienza per input date
-            def bui_input_date(name:, **options)
-              bui_input_datetime(name: name, type: :date, **options)
-            end
-
-            # Helper convenienza per input month
-            def bui_input_month(name:, **options)
-              bui_input_datetime(name: name, type: :month, **options)
-            end
-
-            # Helper convenienza per input week
-            def bui_input_week(name:, **options)
-              bui_input_datetime(name: name, type: :week, **options)
-            end
-
-            # Helper convenienza per input time
-            def bui_input_time(name:, **options)
-              bui_input_datetime(name: name, type: :time, **options)
-            end
-          end
-        end
-      end
-    end
-  end
-end

data/app/helpers/better_ui/general/components/input/pin/pin_helper.rb

@@ -1,76 +0,0 @@
-# frozen_string_literal: true
-
-module BetterUi
-  module General
-    module Components
-      module Input
-        module Pin
-          module PinHelper
-            # Renderizza un componente Pin/OTP Input per inserimento codici di verifica numerici.
-            #
-            # @param name [String] Nome del campo pin (obbligatorio)
-            # @param value [String] Valore del pin preimpostato
-            # @param length [Integer] Numero di campi pin (4-8, default: 6)
-            # @param placeholder [String] Placeholder per campi vuoti (default: '•')
-            # @param required [Boolean] Se il campo è obbligatorio
-            # @param disabled [Boolean] Se il campo è disabilitato
-            # @param theme [Symbol] Tema del componente (:default, :white, :red, :rose, :orange, :green, :blue, :yellow, :violet)
-            # @param size [Symbol] Dimensione del componente (:small, :medium, :large)
-            # @param form [ActionView::Helpers::FormBuilder, nil] Form builder Rails opzionale
-            # @param classes [String] Classi CSS aggiuntive
-            # @param options [Hash] Opzioni aggiuntive per attributi HTML
-            #
-            # @return [String] HTML del componente Pin renderizzato
-            #
-            # @example Uso base per codice OTP
-            #   <%= bui_input_pin(name: 'verification_code') %>
-            #
-            # @example Con lunghezza personalizzata e tema
-            #   <%= bui_input_pin(name: 'pin_code', length: 4, theme: :blue, size: :large) %>
-            #
-            # @example Con Rails form builder
-            #   <%= form_with model: @user do |form| %>
-            #     <%= bui_input_pin(name: :otp_code, form: form, value: @user.otp_code) %>
-            #   <% end %>
-            #
-            # @example Con validazione e attributi personalizzati
-            #   <%= bui_input_pin(
-            #         name: 'sms_code',
-            #         length: 6,
-            #         required: true,
-            #         placeholder: '_',
-            #         theme: :green,
-            #         classes: 'my-custom-class',
-            #         id: 'sms-verification'
-            #       ) %>
-            #
-            # @example Per codice bancario a 8 cifre
-            #   <%= bui_input_pin(
-            #         name: 'bank_code',
-            #         length: 8,
-            #         theme: :violet,
-            #         size: :small,
-            #         placeholder: '0'
-            #       ) %>
-            def bui_input_pin(name:, value: '', length: 6, placeholder: '•', required: false, disabled: false,
-                              theme: :default, size: :medium, form: nil, classes: '', **options)
-              render BetterUi::General::Input::Pin::Component.new(
-                name: name,
-                value: value,
-                length: length,
-                placeholder: placeholder,
-                required: required,
-                disabled: disabled,
-                theme: theme,
-                size: size,
-                form: form,
-                classes: classes,
-                **options
-              )
-            end
-          end
-        end
-      end
-    end
-  end
-end

data/app/helpers/better_ui/general/components/input/radio/radio_helper.rb

@@ -1,79 +0,0 @@
-# frozen_string_literal: true
-
-module BetterUi
-  module General
-    module Components
-      module Input
-        module Radio
-          # Helper specifico per radio button Better UI
-          module RadioHelper
-            # Genera un radio button con stili Better UI
-            #
-            # @param name [String] Nome del campo radio (obbligatorio)
-            # @param value [String] Valore del radio button (obbligatorio)
-            # @param checked [Boolean] Se il radio è selezionato
-            # @param required [Boolean] Se il campo è obbligatorio
-            # @param disabled [Boolean] Se il campo è disabilitato
-            # @param label [String, nil] Testo della label associata al radio
-            # @param label_position [Symbol] Posizione della label (:left, :right)
-            # @param theme [Symbol] Tema del componente (:default, :white, :red, :rose, :orange, :green, :blue, :yellow, :violet)
-            # @param size [Symbol] Dimensione del componente (:small, :medium, :large)
-            # @param rounded [Symbol] Border radius (:none, :small, :medium, :large, :full)
-            # @param classes [String] Classi CSS aggiuntive
-            # @param form [ActionView::Helpers::FormBuilder, nil] Form builder Rails opzionale
-            # @param options [Hash] Opzioni aggiuntive per l'input
-            # @return [String] HTML del radio button renderizzato
-            #
-            # @example Gruppo radio base - Selezione genere (STESSO name, value DIVERSI)
-            #   bui_input_radio(name: "gender", value: "male", label: "Maschio")
-            #   bui_input_radio(name: "gender", value: "female", label: "Femmina") 
-            #   bui_input_radio(name: "gender", value: "other", label: "Altro")
-            #
-            # @example Gruppo radio con temi diversi - Priorità task
-            #   bui_input_radio(name: "priority", value: "low", label: "Bassa", theme: :green)
-            #   bui_input_radio(name: "priority", value: "medium", label: "Media", theme: :yellow)
-            #   bui_input_radio(name: "priority", value: "high", label: "Alta", theme: :red, size: :large)
-            #
-            # @example Gruppo radio con Rails form builder
-            #   <%= form_with model: @user do |form| %>
-            #     <%= bui_input_radio(name: :role, value: "admin", label: "Amministratore", form: form) %>
-            #     <%= bui_input_radio(name: :role, value: "user", label: "Utente", form: form) %>
-            #     <%= bui_input_radio(name: :role, value: "guest", label: "Ospite", form: form) %>
-            #   <% end %>
-            #
-            # @example Gruppo radio con selezione dinamica e validazione
-            #   current_method = @user&.payment_method
-            #   bui_input_radio(name: "payment", value: "card", label: "Carta", checked: current_method == "card", required: true)
-            #   bui_input_radio(name: "payment", value: "bank", label: "Bonifico", checked: current_method == "bank", required: true)
-            #   bui_input_radio(name: "payment", value: "cash", label: "Contrassegno", checked: current_method == "cash", required: true)
-            #
-            # @example Gruppo radio con attributi HTML personalizzati
-            #   bui_input_radio(name: "notification", value: "email", label: "Email", theme: :blue, data: { action: "change->form#updateNotification" })
-            #   bui_input_radio(name: "notification", value: "sms", label: "SMS", theme: :blue, data: { action: "change->form#updateNotification" })
-            #   bui_input_radio(name: "notification", value: "push", label: "Push", theme: :blue, data: { action: "change->form#updateNotification" })
-            #
-            def bui_input_radio(name:, value:, checked: false, required: false, disabled: false, 
-                               label: nil, label_position: :right, theme: :default, 
-                               size: :medium, rounded: :full, classes: '', form: nil, **options)
-              render BetterUi::General::Input::Radio::Component.new(
-                name: name,
-                value: value,
-                checked: checked,
-                required: required,
-                disabled: disabled,
-                label: label,
-                label_position: label_position,
-                theme: theme,
-                size: size,
-                rounded: rounded,
-                classes: classes,
-                form: form,
-                **options
-              )
-            end
-          end
-        end
-      end
-    end
-  end
-end

data/app/helpers/better_ui/general/components/input/radio_group/radio_group_helper.rb

@@ -1,124 +0,0 @@
-# frozen_string_literal: true
-
-module BetterUi
-  module General
-    module Components
-      module Input
-        module RadioGroup
-          # Helper per creare gruppi di radio button Better UI
-          module RadioGroupHelper
-            # Genera un gruppo completo di radio button con stili Better UI
-            #
-            # @param name [String] Nome del campo radio (comune a tutto il gruppo)
-            # @param options [Array<Hash>] Array di opzioni per ogni radio button
-            # @param selected [String, nil] Valore dell'opzione selezionata
-            # @param theme [Symbol] Tema del componente (:default, :white, :red, :rose, :orange, :green, :blue, :yellow, :violet)
-            # @param size [Symbol] Dimensione del componente (:small, :medium, :large)
-            # @param rounded [Symbol] Border radius (:none, :small, :medium, :large, :full)
-            # @param direction [Symbol] Direzione del gruppo (:vertical, :horizontal)
-            # @param required [Boolean] Se il gruppo è obbligatorio
-            # @param disabled [Boolean] Se il gruppo è disabilitato
-            # @param classes [String] Classi CSS aggiuntive per il contenitore
-            # @param form [ActionView::Helpers::FormBuilder, nil] Form builder Rails opzionale
-            # @param html_options [Hash] Opzioni HTML aggiuntive per ogni radio
-            # @return [String] HTML del gruppo radio renderizzato
-            #
-            # @example Gruppo radio base - Selezione genere
-            #   bui_input_radio_group(
-            #     name: "gender",
-            #     options: [
-            #       { value: "male", label: "Maschio" },
-            #       { value: "female", label: "Femmina" },
-            #       { value: "other", label: "Altro" }
-            #     ]
-            #   )
-            #
-            # @example Gruppo radio con tema e selezione
-            #   bui_input_radio_group(
-            #     name: "priority",
-            #     options: [
-            #       { value: "low", label: "Bassa", theme: :green },
-            #       { value: "medium", label: "Media", theme: :yellow },
-            #       { value: "high", label: "Alta", theme: :red }
-            #     ],
-            #     selected: "medium",
-            #     size: :large
-            #   )
-            #
-            # @example Gruppo radio orizzontale con Rails form
-            #   <%= form_with model: @user do |form| %>
-            #     <%= bui_input_radio_group(
-            #       name: :role,
-            #       options: [
-            #         { value: "admin", label: "Amministratore" },
-            #         { value: "user", label: "Utente" },
-            #         { value: "guest", label: "Ospite" }
-            #       ],
-            #       selected: @user.role,
-            #       direction: :horizontal,
-            #       form: form
-            #     ) %>
-            #   <% end %>
-            #
-            # @example Gruppo radio con validazione e attributi HTML
-            #   bui_input_radio_group(
-            #     name: "notification_type",
-            #     options: [
-            #       { value: "email", label: "Email" },
-            #       { value: "sms", label: "SMS" },
-            #       { value: "push", label: "Push Notification" }
-            #     ],
-            #     required: true,
-            #     theme: :blue,
-            #     html_options: { data: { action: "change->form#validateNotification" } }
-            #   )
-            #
-            # @example Gruppo radio con temi personalizzati per opzione
-            #   bui_input_radio_group(
-            #     name: "status",
-            #     options: [
-            #       { value: "active", label: "Attivo", theme: :green },
-            #       { value: "pending", label: "In Sospeso", theme: :yellow },
-            #       { value: "inactive", label: "Inattivo", theme: :red }
-            #     ],
-            #     selected: "active",
-            #     direction: :horizontal
-            #   )
-            #
-            def bui_input_radio_group(name:, options:, selected: nil, theme: :default, size: :medium, 
-                                     rounded: :full, direction: :vertical, required: false, disabled: false,
-                                     classes: '', form: nil, **html_options)
-              container_classes = [
-                'space-y-2',
-                direction == :horizontal ? 'flex flex-wrap gap-6' : 'space-y-2',
-                classes
-              ].compact.join(' ')
-
-              content_tag(:div, class: container_classes) do
-                options.map do |option|
-                  option_theme = option[:theme] || theme
-                  option_classes = option[:classes] || ''
-                  
-                  render BetterUi::General::Input::Radio::Component.new(
-                    name: name,
-                    value: option[:value],
-                    label: option[:label],
-                    checked: selected.to_s == option[:value].to_s,
-                    theme: option_theme,
-                    size: size,
-                    rounded: rounded,
-                    required: required,
-                    disabled: disabled || option[:disabled],
-                    classes: option_classes,
-                    form: form,
-                    **html_options
-                  )
-                end.join.html_safe
-              end
-            end
-          end
-        end
-      end
-    end
-  end
-end

data/app/helpers/better_ui/general/components/input/rating/rating_helper.rb

@@ -1,70 +0,0 @@
-# frozen_string_literal: true
-
-module BetterUi
-  module General
-    module Components
-      module Input
-        module Rating
-          module RatingHelper
-            # Renderizza un componente Rating (Input) interattivo con stelle per valutazioni e feedback.
-            #
-            # @param name [String] Nome del campo rating (obbligatorio se non readonly)
-            # @param value [Float, Integer] Valore del rating attuale (0.0 - max_stars)
-            # @param max_stars [Integer] Numero massimo di stelle (default: 5)
-            # @param readonly [Boolean] Se il rating è in sola lettura
-            # @param half_stars [Boolean] Se supportare mezze stelle
-            # @param theme [Symbol] Tema del componente (:default, :yellow, :orange, :red, :pink, :purple, :blue, :green, :gray)
-            # @param size [Symbol] Dimensione del componente (:small, :medium, :large)
-            # @param show_value [Boolean] Se mostrare il valore numerico accanto alle stelle
-            # @param form [ActionView::Helpers::FormBuilder, nil] Form builder Rails opzionale
-            # @param classes [String] Classi CSS aggiuntive
-            # @param options [Hash] Opzioni aggiuntive per attributi HTML
-            #
-            # @return [String] HTML del componente Rating renderizzato
-            #
-            # @example Uso base per inserimento rating
-            #   <%= bui_input_rating(name: 'review_rating') %>
-            #
-            # @example Rating read-only per visualizzazione
-            #   <%= bui_input_rating(value: 4.5, readonly: true, show_value: true) %>
-            #
-            # @example Con tema e dimensioni personalizzate
-            #   <%= bui_input_rating(name: 'quality', theme: :orange, size: :large, max_stars: 10) %>
-            #
-            # @example Con Rails form builder
-            #   <%= form_with model: @review do |form| %>
-            #     <%= bui_input_rating(name: :rating, form: form, value: @review.rating, show_value: true) %>
-            #   <% end %>
-            #
-            # @example Rating con mezze stelle e valore preimpostato
-            #   <%= bui_input_rating(
-            #         name: 'service_rating',
-            #         value: 3.5,
-            #         half_stars: true,
-            #         theme: :green,
-            #         size: :medium,
-            #         show_value: true
-            #       ) %>
-            def bui_input_rating(name: nil, value: 0, max_stars: 5, readonly: false, half_stars: true,
-                                 theme: :default, size: :medium, show_value: false, form: nil,
-                                 classes: '', **options)
-              render BetterUi::General::Input::Rating::Component.new(
-                name: name,
-                value: value,
-                max_stars: max_stars,
-                readonly: readonly,
-                half_stars: half_stars,
-                theme: theme,
-                size: size,
-                show_value: show_value,
-                form: form,
-                classes: classes,
-                **options
-              )
-            end
-          end
-        end
-      end
-    end
-  end
-end

data/app/helpers/better_ui/general/components/input/select/select_helper.rb

@@ -1,86 +0,0 @@
-# frozen_string_literal: true
-
-module BetterUi
-  module General
-    module Components
-      module Input
-        module Select
-          module SelectHelper
-            # Renderizza un componente Select personalizzato con ricerca, animazioni e multi-selezione.
-            #
-            # @param name [String] Nome del campo select (obbligatorio)
-            # @param options [Array<Hash>] Array di opzioni nel formato [{value: 'value', label: 'label'}, ...]
-            # @param selected [String, Array, nil] Valore/i selezionato/i
-            # @param required [Boolean] Se il campo è obbligatorio
-            # @param disabled [Boolean] Se il campo è disabilitato
-            # @param multiple [Boolean] Se multiple opzioni possono essere selezionate
-            # @param searchable [Boolean] Se abilitare la ricerca
-            # @param theme [Symbol] Tema del componente (:default, :white, :red, :rose, :orange, :green, :blue, :yellow, :violet)
-            # @param size [Symbol] Dimensione del componente (:small, :medium, :large)
-            # @param rounded [Symbol] Border radius (:none, :small, :medium, :large, :full)
-            # @param placeholder [String] Testo placeholder per il trigger
-            # @param search_placeholder [String] Testo placeholder per il campo search
-            # @param max_height [String] Altezza massima del dropdown (default: "300px")
-            # @param form [ActionView::Helpers::FormBuilder, nil] Form builder Rails opzionale
-            # @param classes [String] Classi CSS aggiuntive
-            # @param options [Hash] Opzioni aggiuntive per attributi HTML
-            #
-            # @return [String] HTML del componente Select renderizzato
-            #
-            # @example Uso base
-            #   <%= bui_input_select(name: 'country', options: [{value: 'it', label: 'Italia'}, {value: 'us', label: 'USA'}]) %>
-            #
-            # @example Con selezione multipla
-            #   <%= bui_input_select(name: 'skills', multiple: true, options: skills_options) %>
-            #
-            # @example Con ricerca e temi
-            #   <%= bui_input_select(name: 'category', searchable: true, theme: :blue, options: categories) %>
-            #
-            # @example Con dimensioni personalizzate
-            #   <%= bui_input_select(name: 'priority', size: :large, options: priorities, selected: 'high') %>
-            #
-            # @example Con Rails form builder
-            #   <%= form_with model: @user do |form| %>
-            #     <%= bui_input_select(name: :role, form: form, options: role_options, theme: :green) %>
-            #   <% end %>
-            #
-            # @example Con opzioni avanzate
-            #   <%= bui_input_select(
-            #         name: 'tags', 
-            #         multiple: true, 
-            #         searchable: true,
-            #         placeholder: 'Seleziona tag...',
-            #         search_placeholder: 'Cerca tag...',
-            #         max_height: '200px',
-            #         options: tag_options,
-            #         selected: ['ruby', 'rails']
-            #       ) %>
-            def bui_input_select(name:, options:, selected: nil, required: false, disabled: false, 
-                                 multiple: false, searchable: true, theme: :default, size: :medium, 
-                                 rounded: :medium, placeholder: nil, search_placeholder: nil, 
-                                 max_height: "300px", form: nil, classes: '', **html_options)
-              render BetterUi::General::Input::Select::Component.new(
-                name: name,
-                options: options,
-                selected: selected,
-                required: required,
-                disabled: disabled,
-                multiple: multiple,
-                searchable: searchable,
-                theme: theme,
-                size: size,
-                rounded: rounded,
-                placeholder: placeholder,
-                search_placeholder: search_placeholder,
-                max_height: max_height,
-                form: form,
-                classes: classes,
-                **html_options
-              )
-            end
-          end
-        end
-      end
-    end
-  end
-end

data/app/helpers/better_ui/general/components/input/text/text_helper.rb

@@ -1,138 +0,0 @@
-# frozen_string_literal: true
-
-module BetterUi
-  module General
-    module Components
-      module Input
-        module Text
-          module TextHelper
-            # Renderizza un componente Text Input con tutti i parametri disponibili.
-            #
-            # @param name [String] Nome del campo input (obbligatorio)
-            # @param value [String, nil] Valore del campo
-            # @param placeholder [String, nil] Placeholder del campo
-            # @param required [Boolean] Se il campo è obbligatorio
-            # @param disabled [Boolean] Se il campo è disabilitato
-            # @param type [Symbol] Tipo del campo input (:text, :password, :email, :tel, :url, :number, :search, :color)
-            # @param theme [Symbol] Tema del componente (:default, :white, :red, :rose, :orange, :green, :blue, :yellow, :violet)
-            # @param size [Symbol] Dimensione del componente (:small, :medium, :large)
-            # @param rounded [Symbol] Border radius (:none, :small, :medium, :large, :full)
-            # @param classes [String] Classi CSS aggiuntive
-            # @param form [ActionView::Helpers::FormBuilder, nil] Form builder Rails opzionale
-            # @param options [Hash] Opzioni aggiuntive per l'input (es. data attributes, aria attributes)
-            #
-            # @return [String] HTML del componente Text Input renderizzato
-            #
-            # @example Uso base
-            #   <%= bui_input_text(name: 'email') %>
-            #
-            # @example Con placeholder e validazione
-            #   <%= bui_input_text(name: 'email', placeholder: 'Inserisci la tua email', required: true) %>
-            #
-            # @example Con tema e dimensione personalizzati
-            #   <%= bui_input_text(name: 'search', theme: :blue, size: :large, placeholder: 'Cerca...') %>
-            #
-            # @example Con border radius personalizzato
-            #   <%= bui_input_text(name: 'username', rounded: :full, placeholder: 'Username') %>
-            #
-            # @example Con classi aggiuntive
-            #   <%= bui_input_text(name: 'custom', classes: 'mb-4', placeholder: 'Campo personalizzato') %>
-            #
-            # @example Con attributi HTML aggiuntivi
-            #   <%= bui_input_text(name: 'data-field', 'data-validation': 'email', 'aria-label': 'Campo email') %>
-            #
-            # @example Con Rails form builder
-            #   <%= form_with model: @user do |form| %>
-            #     <%= bui_input_text(name: :email, form: form, theme: :blue, placeholder: 'Email utente') %>
-            #   <% end %>
-            def bui_input_text(name:, value: nil, placeholder: nil, required: false, disabled: false,
-                               type: :text, theme: :default, size: :medium, rounded: :medium, classes: '', form: nil, **options)
-              render BetterUi::General::Input::Text::Component.new(
-                name: name,
-                value: value,
-                placeholder: placeholder,
-                required: required,
-                disabled: disabled,
-                type: type,
-                theme: theme,
-                size: size,
-                rounded: rounded,
-                classes: classes,
-                form: form,
-                **options
-              )
-            end
-
-            # Helper specifici per ogni tipo di input
-
-            # Input di tipo password
-            def bui_input_password(name:, value: nil, placeholder: nil, required: false, disabled: false,
-                                  theme: :default, size: :medium, rounded: :medium, classes: '', form: nil, **options)
-              bui_input_text(
-                name: name, value: value, placeholder: placeholder, required: required, disabled: disabled,
-                type: :password, theme: theme, size: size, rounded: rounded, classes: classes, form: form, **options
-              )
-            end
-
-            # Input di tipo email
-            def bui_input_email(name:, value: nil, placeholder: nil, required: false, disabled: false,
-                               theme: :default, size: :medium, rounded: :medium, classes: '', form: nil, **options)
-              bui_input_text(
-                name: name, value: value, placeholder: placeholder, required: required, disabled: disabled,
-                type: :email, theme: theme, size: size, rounded: rounded, classes: classes, form: form, **options
-              )
-            end
-
-            # Input di tipo tel
-            def bui_input_tel(name:, value: nil, placeholder: nil, required: false, disabled: false,
-                             theme: :default, size: :medium, rounded: :medium, classes: '', form: nil, **options)
-              bui_input_text(
-                name: name, value: value, placeholder: placeholder, required: required, disabled: disabled,
-                type: :tel, theme: theme, size: size, rounded: rounded, classes: classes, form: form, **options
-              )
-            end
-
-            # Input di tipo url
-            def bui_input_url(name:, value: nil, placeholder: nil, required: false, disabled: false,
-                             theme: :default, size: :medium, rounded: :medium, classes: '', form: nil, **options)
-              bui_input_text(
-                name: name, value: value, placeholder: placeholder, required: required, disabled: disabled,
-                type: :url, theme: theme, size: size, rounded: rounded, classes: classes, form: form, **options
-              )
-            end
-
-            # Input di tipo number
-            def bui_input_number(name:, value: nil, placeholder: nil, required: false, disabled: false,
-                                theme: :default, size: :medium, rounded: :medium, classes: '', form: nil, **options)
-              bui_input_text(
-                name: name, value: value, placeholder: placeholder, required: required, disabled: disabled,
-                type: :number, theme: theme, size: size, rounded: rounded, classes: classes, form: form, **options
-              )
-            end
-
-            # Input di tipo search
-            def bui_input_search(name:, value: nil, placeholder: nil, required: false, disabled: false,
-                                theme: :default, size: :medium, rounded: :medium, classes: '', form: nil, **options)
-              bui_input_text(
-                name: name, value: value, placeholder: placeholder, required: required, disabled: disabled,
-                type: :search, theme: theme, size: size, rounded: rounded, classes: classes, form: form, **options
-              )
-            end
-
-
-
-
-            # Input di tipo color
-            def bui_input_color(name:, value: nil, placeholder: nil, required: false, disabled: false,
-                               theme: :default, size: :medium, rounded: :medium, classes: '', form: nil, **options)
-              bui_input_text(
-                name: name, value: value, placeholder: placeholder, required: required, disabled: disabled,
-                type: :color, theme: theme, size: size, rounded: rounded, classes: classes, form: form, **options
-              )
-            end
-          end
-        end
-      end
-    end
-  end
-end