phlex_ui 0.0.5 → 0.1.6

data/lib/phlex_ui/tooltip.rb

@@ -1,25 +1,25 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Tooltip < Base
-        def initialize(options: {}, **attrs)
-            @options = options
-            super(**attrs)
-        end
+  class Tooltip < Base
+    def initialize(options: {}, **attrs)
+      @options = options
+      super(**attrs)
+    end
 
-        def template(&)
-            div(**attrs, &)
-        end
+    def template(&block)
+      div(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                data: {
-                    controller: "popover",
-                    popover_options_value: @options.to_json
-                }
-            }
-        end
+    def default_attrs
+      {
+        data: {
+          controller: "popover",
+          popover_options_value: @options.to_json
+        }
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/typography/blockquote.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Typography::Blockquote < Base
-        def template(&)
-            blockquote(**attrs, &)
-        end
+  class Typography::Blockquote < Base
+    def template(&block)
+      blockquote(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                class: "mt-6 border-l-2 pl-6 italic"
-            }
-        end
+    def default_attrs
+      {
+        class: "mt-6 border-l-2 pl-6 italic"
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/typography/h1.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Typography::H1 < Base
-        def template(&)
-            h1(**attrs, &)
-        end
+  class Typography::H1 < Base
+    def template(&block)
+      h1(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                class: "scroll-m-20 text-3xl font-semibold leading-normal lg:leading-normal tracking-tight lg:text-4xl"
-            }
-        end
+    def default_attrs
+      {
+        class: "scroll-m-20 text-3xl font-bold leading-normal lg:leading-normal tracking-tight lg:text-4xl"
+      }
     end
+  end
 end

data/lib/phlex_ui/typography/h2.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Typography::H2 < Base
-        def template(&)
-            h2(**attrs, &)
-        end
+  class Typography::H2 < Base
+    def template(&block)
+      h2(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                class: "scroll-m-20 text-3xl font-semibold tracking-tight transition-colors first:mt-0"
-            }
-        end
+    def default_attrs
+      {
+        class: "scroll-m-20 text-2xl font-semibold tracking-tight transition-colors first:mt-0 pb-4 border-b"
+      }
     end
+  end
 end

data/lib/phlex_ui/typography/h3.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Typography::H3 < Base
-        def template(&)
-            h3(**attrs, &)
-        end
+  class Typography::H3 < Base
+    def template(&block)
+      h3(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                class: "scroll-m-20 text-2xl font-semibold tracking-tight"
-            }
-        end
+    def default_attrs
+      {
+        class: "scroll-m-20 text-xl font-semibold tracking-tight"
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/typography/h4.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Typography::H4 < Base
-        def template(&)
-            h4(**attrs, &)
-        end
+  class Typography::H4 < Base
+    def template(&block)
+      h4(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                class: "scroll-m-20 text-lg font-medium tracking-tight"
-            }
-        end
+    def default_attrs
+      {
+        class: "scroll-m-20 text-lg font-medium tracking-tight"
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/typography/inline_code.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Typography::InlineCode < Base
-        def template(&)
-            code(**attrs, &)
-        end
+  class Typography::InlineCode < Base
+    def template(&block)
+      code(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                class: "relative rounded bg-muted-background px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold"
-            }
-        end
+    def default_attrs
+      {
+        class: "relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold"
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/typography/inline_link.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+module PhlexUI
+  class Typography::InlineLink < Base
+    def initialize(href:, **attrs)
+      super(**attrs)
+      @href = href
+    end
+
+    def template(&block)
+      a(href: @href, **attrs, &block)
+    end
+
+    private
+
+    def default_attrs
+      {
+        class: "text-primary font-medium hover:underline underline-offset-4 cursor-pointer"
+      }
+    end
+  end
+end

data/lib/phlex_ui/typography/large.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Typography::Large < Base
-        def template(&)
-            div(**attrs, &)
-        end
+  class Typography::Large < Base
+    def template(&block)
+      div(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                class: "text-lg font-semibold"
-            }
-        end
+    def default_attrs
+      {
+        class: "text-lg font-semibold"
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/typography/lead.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Typography::Lead < Base
-        def template(&)
-            p(**attrs, &)
-        end
+  class Typography::Lead < Base
+    def template(&block)
+      p(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-               class: "text-xl text-muted-text" 
-            }
-        end
+    def default_attrs
+      {
+        class: "text-xl text-muted-foreground"
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/typography/list.rb

@@ -1,47 +1,47 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Typography::List < Base
-        def initialize(items: [], numbered: false, **attrs)
-            @items = items
-            @numbered = numbered
-            super(**attrs)
-        end
+  class Typography::List < Base
+    def initialize(items: [], numbered: false, **attrs)
+      @items = items
+      @numbered = numbered
+      super(**attrs)
+    end
 
-        def template(&)
-            if @items.empty?
-                list(**attrs, &)
-            else
-                list(**attrs) do
-                    @items.each do |item|
-                        render PhlexUI::Typography::ListItem.new { item }
-                    end
-                end
-            end
+    def template(&block)
+      if @items.empty?
+        list(**attrs, &block)
+      else
+        list(**attrs) do
+          @items.each do |item|
+            render PhlexUI::Typography::ListItem.new { item }
+          end
         end
+      end
+    end
 
-        private
+    private
 
-        def list(**attrs, &)
-            if numbered?
-                ol(**attrs, &)
-            else
-                ul(**attrs, &)
-            end
-        end
+    def list(**attrs, &block)
+      if numbered?
+        ol(**attrs, &block)
+      else
+        ul(**attrs, &block)
+      end
+    end
 
-        def numbered? = @numbered
+    def numbered? = @numbered
 
-        def not_numbered? = !numbered?
+    def not_numbered? = !numbered?
 
-        def default_attrs
-            {
-                class: tokens(
-                    "my-6 ml-6 [&>li]:mt-2 indent-2",
-                    numbered?: "list-decimal marker:font-medium",
-                    not_numbered?: "list-disc"
-                )
-            }
-        end
+    def default_attrs
+      {
+        class: tokens(
+          "my-6 ml-6 [&>li]:mt-2 [&>li]:pl-2",
+          numbered?: "list-decimal marker:font-medium",
+          not_numbered?: "list-disc"
+        )
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/typography/list_item.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Typography::ListItem < Base
-        def template(&)
-            li(**attrs, &)
-        end
+  class Typography::ListItem < Base
+    def template(&block)
+      li(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                class: "leading-7"
-            }
-        end
+    def default_attrs
+      {
+        class: "leading-7"
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/typography/muted.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Typography::Muted < Base
-        def template(&)
-            p(**attrs, &)
-        end
+  class Typography::Muted < Base
+    def template(&block)
+      p(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                class: "text-sm text-muted-text"
-            }
-        end
+    def default_attrs
+      {
+        class: "text-sm text-muted-foreground"
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/typography/p.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Typography::P < Base
-        def template(&)
-            p(**attrs, &)
-        end
+  class Typography::P < Base
+    def template(&block)
+      p(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                class: "leading-7 [&:not(:first-child)]:mt-6"
-            }
-        end
+    def default_attrs
+      {
+        class: "leading-7 [&:not(:first-child)]:mt-6"
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/typography/small.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Typography::Small < Base
-        def template(&)
-            small(**attrs, &)
-        end
+  class Typography::Small < Base
+    def template(&block)
+      small(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                class: "text-sm font-medium leading-none"
-            }
-        end
+    def default_attrs
+      {
+        class: "text-sm font-medium leading-none"
+      }
     end
-end
+  end
+end

data/lib/phlex_ui.rb

@@ -1,13 +1,18 @@
-require 'phlex'
-require 'zeitwerk'
+require "ruby-next"
+
+require "ruby-next/language/setup"
+RubyNext::Language.setup_gem_load_path(transpile: true)
+
+require "phlex"
+require "zeitwerk"
 
 loader = Zeitwerk::Loader.for_gem
 loader.inflector.inflect(
-  "phlex_ui" => "PhlexUI",
+  "phlex_ui" => "PhlexUI"
 )
 loader.setup # ready!
 
 module PhlexUI
 end
 
-loader.eager_load
+loader.eager_load