phlexy_ui 0.1.10 → 0.1.12

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f59d7f461c2ebf91b2bf3646cc33fa8122c9df39449f3a59879766c2230406d8
-  data.tar.gz: 6972f8cb458ccfdd10af9212c840f62e02ef1a8050f014c7438cc58c923fb1e9
+  metadata.gz: 15833ec8eb9cd9c00452ea80591bba425ffdecc6d0013c437aa3f8a940e9fe03
+  data.tar.gz: 00aeee09acce4fca859f4e0da44faf57fe4ea8535d2d02853f2c4e2b6e7c3e7a
 SHA512:
-  metadata.gz: c4fbcc5a531c1b5c5cdb1a0eeb49bcd59a3dcf4ddd0562cd3fa297a909ea673d5b05493bb429548f5336966c668d07ea5e118b3aa7abfa8feba0ce2408a27f18
-  data.tar.gz: 5ecf6460831ce0047b4a1162aa5870f2adf01b2113927e9baa4f7573a82ce6494f8b4e416f1815657119e94dbdba1bad975cdd9250060ff9ec2e2ba5a3eb1d9c
+  metadata.gz: 0cfdd30af5edce344e54ea410dbea263e45e0e7f3b4f336b1d5efc25141bb02235597d6d20ddbe4b3e935a7d9f987c3fefad733a8facf65d6e9bbde2ba692afb
+  data.tar.gz: 7ade2f88c64c129d15464459d2ce342fe6e0f2917dd2573990ab60ad614bf21380d8db2576bdd2443a8b045fdaf1d1fe69d83208823efd1f6e8dcc1f6bbca9e3

data/lib/phlexy_ui/alert.rb

@@ -0,0 +1,58 @@
+# frozen_string_literal: true
+
+module PhlexyUI
+  class Alert < Base
+    def initialize(*, as: :div, **)
+      super(*, **)
+      @as = as
+    end
+
+    def view_template(&)
+      generate_classes!(
+        component_html_class: :alert,
+        modifiers_map: modifiers,
+        base_modifiers:,
+        options:
+      ).then do |classes|
+        public_send(as, role: :alert, class: classes, **options, &)
+      end
+    end
+
+    private
+
+    register_modifiers(
+      # "sm:alert-info"
+      # "md:alert-info"
+      # "lg:alert-info"
+      info: "alert-info",
+      # "sm:alert-success"
+      # "md:alert-success"
+      # "lg:alert-success"
+      success: "alert-success",
+      # "sm:alert-warning"
+      # "md:alert-warning"
+      # "lg:alert-warning"
+      warning: "alert-warning",
+      # "sm:alert-error"
+      # "md:alert-error"
+      # "lg:alert-error"
+      error: "alert-error",
+      # "sm:alert-neutral"
+      # "md:alert-neutral"
+      # "lg:alert-neutral"
+      neutral: "alert-neutral",
+      # "sm:alert-primary"
+      # "md:alert-primary"
+      # "lg:alert-primary"
+      primary: "alert-primary",
+      # "sm:alert-secondary"
+      # "md:alert-secondary"
+      # "lg:alert-secondary"
+      secondary: "alert-secondary",
+      # "sm:alert-accent"
+      # "md:alert-accent"
+      # "lg:alert-accent"
+      accent: "alert-accent"
+    )
+  end
+end

data/lib/phlexy_ui/button.rb

@@ -1,5 +1,7 @@
 # frozen_string_literal: true
 
+require "phlex/version"
+
 module PhlexyUI
   class Button < Base
     def initialize(*, as: :button, modal: nil, **)
@@ -16,7 +18,17 @@ module PhlexyUI
         options:
       ).then do |classes|
         if modal
-          build_button_via_unsafe_raw(classes, &)
+          if Phlex::VERSION.start_with?("1.")
+            build_button_via_unsafe_raw(classes, &)
+          else
+            public_send(
+              as,
+              class: classes,
+              onclick: safe("#{Phlex::Escape.html_escape(modal)}.showModal()"),
+              **options,
+              &
+            )
+          end
         else
           public_send(as, class: classes, **options, &)
         end

data/lib/phlexy_ui/collapsible_sub_menu.rb

@@ -13,19 +13,25 @@ module PhlexyUI
     def view_template(&)
       attributes = generate_attributes(base_modifiers, ATTRIBUTES_MAP)
 
-      details(**attributes) do
-        if @title
-          summary do
-            render @title
+      generate_classes!(
+        base_modifiers:,
+        modifiers_map: modifiers,
+        options:
+      ).then do |classes|
+        details(**attributes) do
+          if @title
+            summary do
+              render @title
+            end
+          else
+            raise ArgumentError, "A collapsible submenu requires a title"
           end
-        else
-          raise ArgumentError, "A collapsible submenu requires a title"
-        end
 
-        if @items.any?
-          ul do
-            @items.each do |item|
-              render item
+          if @items.any?
+            ul class: classes, **options do
+              @items.each do |item|
+                render item
+              end
             end
           end
         end
@@ -49,5 +55,52 @@ module PhlexyUI
     ATTRIBUTES_MAP = {
       open: true
     }.freeze
+
+    register_modifiers(
+      # "sm:bg-primary sm:text-primary-content"
+      # "md:bg-primary md:text-primary-content"
+      # "lg:bg-primary lg:text-primary-content"
+      primary: "bg-primary text-primary-content",
+      # "sm:bg-secondary sm:text-secondary-content"
+      # "md:bg-secondary md:text-secondary-content"
+      # "lg:bg-secondary lg:text-secondary-content"
+      secondary: "bg-secondary text-secondary-content",
+      # "sm:bg-accent sm:text-accent-content"
+      # "md:bg-accent md:text-accent-content"
+      # "lg:bg-accent lg:text-accent-content"
+      accent: "bg-accent text-accent-content",
+      # "sm:bg-neutral sm:text-neutral-content"
+      # "md:bg-neutral md:text-neutral-content"
+      # "lg:bg-neutral lg:text-neutral-content"
+      neutral: "bg-neutral text-neutral-content",
+      # "sm:bg-base-100 sm:text-base-content"
+      # "md:bg-base-100 md:text-base-content"
+      # "lg:bg-base-100 lg:text-base-content"
+      base_100: "bg-base-100 text-base-content",
+      # "sm:bg-base-200 sm:text-base-content"
+      # "md:bg-base-200 md:text-base-content"
+      # "lg:bg-base-200 lg:text-base-content"
+      base_200: "bg-base-200 text-base-content",
+      # "sm:bg-base-300 sm:text-base-content"
+      # "md:bg-base-300 md:text-base-content"
+      # "lg:bg-base-300 lg:text-base-content"
+      base_300: "bg-base-300 text-base-content",
+      # "sm:bg-info sm:text-info-content"
+      # "md:bg-info sm:text-info-content"
+      # "lg:bg-info sm:text-info-content"
+      info: "bg-info text-info-content",
+      # "sm:bg-success sm:text-success-content"
+      # "md:bg-success md:text-success-content"
+      # "lg:bg-success lg:text-success-content"
+      success: "bg-success text-success-content",
+      # "sm:bg-warning sm:text-warning-content"
+      # "md:bg-warning md:text-warning-content"
+      # "lg:bg-warning lg:text-warning-content"
+      warning: "bg-warning text-warning-content",
+      # "sm:bg-error sm:text-error-content"
+      # "md:bg-error md:text-error-content"
+      # "lg:bg-error lg:text-error-content"
+      error: "bg-error text-error-content"
+    )
   end
 end

data/lib/phlexy_ui/navbar.rb

@@ -18,16 +18,31 @@ module PhlexyUI
       end
     end
 
-    def start(&)
-      div(class: :"navbar-start", &)
+    def start(*, as: :div, **options, &)
+      generate_classes!(
+        component_html_class: :"navbar-start",
+        options:
+      ).then do |classes|
+        public_send(as, class: classes, **options, &)
+      end
     end
 
-    def center(&)
-      div(class: :"navbar-center", &)
+    def center(*, as: :div, **options, &)
+      generate_classes!(
+        component_html_class: :"navbar-center",
+        options:
+      ).then do |classes|
+        public_send(as, class: classes, **options, &)
+      end
     end
 
-    def end(&)
-      div(class: :"navbar-end", &)
+    def end(*, as: :div, **options, &)
+      generate_classes!(
+        component_html_class: :"navbar-end",
+        options:
+      ).then do |classes|
+        public_send(as, class: classes, **options, &)
+      end
     end
 
     register_modifiers(

data/lib/phlexy_ui/radial_progress.rb

@@ -0,0 +1,83 @@
+# frozen_string_literal: true
+
+module PhlexyUI
+  class RadialProgress < Base
+    def initialize(*, value:, as: :div, size: nil, thickness: nil, **)
+      super(*, **)
+      @as = as
+      @value = value
+      @size = size
+      @thickness = thickness
+    end
+
+    def view_template(&)
+      generate_classes!(
+        component_html_class: :"radial-progress",
+        modifiers_map: modifiers,
+        base_modifiers:,
+        options:
+      ).then do |classes|
+        style = options.delete(:style)
+
+        if style.nil?
+          style = "--value: #{value}; --size: #{size}; --thickness: #{thickness};"
+        elsif style.is_a?(String)
+          style = "#{style} --value: #{value}; --size: #{size}; --thickness: #{thickness};"
+        end
+
+        public_send(as, role: :progressbar, class: classes, style:, **options, &)
+      end
+    end
+
+    private
+
+    attr_reader :value, :size, :thickness
+
+    register_modifiers(
+      # "sm:bg-primary sm:text-primary-content"
+      # "md:bg-primary md:text-primary-content"
+      # "lg:bg-primary lg:text-primary-content"
+      primary: "bg-primary text-primary-content",
+      # "sm:bg-secondary sm:text-secondary-content"
+      # "md:bg-secondary md:text-secondary-content"
+      # "lg:bg-secondary lg:text-secondary-content"
+      secondary: "bg-secondary text-secondary-content",
+      # "sm:bg-accent sm:text-accent-content"
+      # "md:bg-accent md:text-accent-content"
+      # "lg:bg-accent lg:text-accent-content"
+      accent: "bg-accent text-accent-content",
+      # "sm:bg-neutral sm:text-neutral-content"
+      # "md:bg-neutral md:text-neutral-content"
+      # "lg:bg-neutral lg:text-neutral-content"
+      neutral: "bg-neutral text-neutral-content",
+      # "sm:bg-base-100 sm:text-base-content"
+      # "md:bg-base-100 md:text-base-content"
+      # "lg:bg-base-100 lg:text-base-content"
+      base_100: "bg-base-100 text-base-content",
+      # "sm:bg-base-200 sm:text-base-content"
+      # "md:bg-base-200 md:text-base-content"
+      # "lg:bg-base-200 lg:text-base-content"
+      base_200: "bg-base-200 text-base-content",
+      # "sm:bg-base-300 sm:text-base-content"
+      # "md:bg-base-300 md:text-base-content"
+      # "lg:bg-base-300 lg:text-base-content"
+      base_300: "bg-base-300 text-base-content",
+      # "sm:bg-info sm:text-info-content"
+      # "md:bg-info sm:text-info-content"
+      # "lg:bg-info sm:text-info-content"
+      info: "bg-info text-info-content",
+      # "sm:bg-success sm:text-success-content"
+      # "md:bg-success md:text-success-content"
+      # "lg:bg-success lg:text-success-content"
+      success: "bg-success text-success-content",
+      # "sm:bg-warning sm:text-warning-content"
+      # "md:bg-warning md:text-warning-content"
+      # "lg:bg-warning lg:text-warning-content"
+      warning: "bg-warning text-warning-content",
+      # "sm:bg-error sm:text-error-content"
+      # "md:bg-error md:text-error-content"
+      # "lg:bg-error lg:text-error-content"
+      error: "bg-error text-error-content"
+    )
+  end
+end

data/lib/phlexy_ui/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module PhlexyUI
-  VERSION = "0.1.10"
+  VERSION = "0.1.12"
 end

metadata

@@ -1,27 +1,27 @@
 --- !ruby/object:Gem::Specification
 name: phlexy_ui
 version: !ruby/object:Gem::Version
-  version: 0.1.10
+  version: 0.1.12
 platform: ruby
 authors:
 - David Alejandro Aguilar Ramos
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-09-29 00:00:00.000000000 Z
+date: 2024-10-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: phlex
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: '1.10'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
         version: '1.10'
 - !ruby/object:Gem::Dependency
@@ -93,6 +93,7 @@ extensions: []
 extra_rdoc_files: []
 files:
 - lib/phlexy_ui.rb
+- lib/phlexy_ui/alert.rb
 - lib/phlexy_ui/attribute_set.rb
 - lib/phlexy_ui/avatar.rb
 - lib/phlexy_ui/avatar_group.rb
@@ -115,6 +116,7 @@ files:
 - lib/phlexy_ui/menu_item.rb
 - lib/phlexy_ui/modal.rb
 - lib/phlexy_ui/navbar.rb
+- lib/phlexy_ui/radial_progress.rb
 - lib/phlexy_ui/sub_menu.rb
 - lib/phlexy_ui/tab.rb
 - lib/phlexy_ui/tab_with_content.rb