phlex_ui 0.0.4 → 0.0.5

data/lib/phlex_ui/typography/h3.rb

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

data/lib/phlex_ui/typography/h4.rb

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

data/lib/phlex_ui/typography/inline_code.rb

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

data/lib/phlex_ui/typography/large.rb

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

data/lib/phlex_ui/typography/lead.rb

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

data/lib/phlex_ui/typography/list.rb

@@ -0,0 +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
+
+        def template(&)
+            if @items.empty?
+                list(**attrs, &)
+            else
+                list(**attrs) do
+                    @items.each do |item|
+                        render PhlexUI::Typography::ListItem.new { item }
+                    end
+                end
+            end
+        end
+
+        private
+
+        def list(**attrs, &)
+            if numbered?
+                ol(**attrs, &)
+            else
+                ul(**attrs, &)
+            end
+        end
+
+        def 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
+    end
+end

data/lib/phlex_ui/typography/list_item.rb

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

data/lib/phlex_ui/typography/muted.rb

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

data/lib/phlex_ui/typography/p.rb

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

data/lib/phlex_ui/typography/small.rb

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

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: phlex_ui
 version: !ruby/object:Gem::Version
-  version: 0.0.4
+  version: 0.0.5
 platform: ruby
 authors:
 - George Kettle
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-11-10 00:00:00.000000000 Z
+date: 2023-11-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: phlex
@@ -38,6 +38,20 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '2.6'
+- !ruby/object:Gem::Dependency
+  name: rouge
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 4.2.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 4.2.0
 description: PhlexUI is a UI Component Library for Ruby developers. Built on top of
   the Phlex Framework.
 email: george.kettle@icloud.com
@@ -53,10 +67,106 @@ files:
 - lib/phlex_ui/accordion/icon.rb
 - lib/phlex_ui/accordion/item.rb
 - lib/phlex_ui/accordion/trigger.rb
+- lib/phlex_ui/alert.rb
+- lib/phlex_ui/alert/description.rb
+- lib/phlex_ui/alert/title.rb
+- lib/phlex_ui/alert_dialog.rb
+- lib/phlex_ui/alert_dialog/action.rb
+- lib/phlex_ui/alert_dialog/cancel.rb
+- lib/phlex_ui/alert_dialog/content.rb
+- lib/phlex_ui/alert_dialog/description.rb
+- lib/phlex_ui/alert_dialog/footer.rb
+- lib/phlex_ui/alert_dialog/header.rb
+- lib/phlex_ui/alert_dialog/title.rb
+- lib/phlex_ui/alert_dialog/trigger.rb
+- lib/phlex_ui/aspect_ratio.rb
 - lib/phlex_ui/attribute_merger.rb
+- lib/phlex_ui/avatar.rb
+- lib/phlex_ui/avatar/fallback.rb
+- lib/phlex_ui/avatar/image.rb
 - lib/phlex_ui/badge.rb
 - lib/phlex_ui/base.rb
 - lib/phlex_ui/button.rb
+- lib/phlex_ui/card.rb
+- lib/phlex_ui/card/content.rb
+- lib/phlex_ui/card/description.rb
+- lib/phlex_ui/card/footer.rb
+- lib/phlex_ui/card/header.rb
+- lib/phlex_ui/card/title.rb
+- lib/phlex_ui/checkbox.rb
+- lib/phlex_ui/clipboard.rb
+- lib/phlex_ui/clipboard/popover.rb
+- lib/phlex_ui/clipboard/source.rb
+- lib/phlex_ui/clipboard/trigger.rb
+- lib/phlex_ui/codeblock.rb
+- lib/phlex_ui/collapsible.rb
+- lib/phlex_ui/collapsible/content.rb
+- lib/phlex_ui/collapsible/trigger.rb
+- lib/phlex_ui/context_menu.rb
+- lib/phlex_ui/context_menu/content.rb
+- lib/phlex_ui/context_menu/item.rb
+- lib/phlex_ui/context_menu/label.rb
+- lib/phlex_ui/context_menu/separator.rb
+- lib/phlex_ui/context_menu/trigger.rb
+- lib/phlex_ui/dialog.rb
+- lib/phlex_ui/dialog/content.rb
+- lib/phlex_ui/dialog/description.rb
+- lib/phlex_ui/dialog/footer.rb
+- lib/phlex_ui/dialog/header.rb
+- lib/phlex_ui/dialog/middle.rb
+- lib/phlex_ui/dialog/title.rb
+- lib/phlex_ui/dialog/trigger.rb
+- lib/phlex_ui/dropdown_menu.rb
+- lib/phlex_ui/dropdown_menu/content.rb
+- lib/phlex_ui/dropdown_menu/item.rb
+- lib/phlex_ui/dropdown_menu/label.rb
+- lib/phlex_ui/dropdown_menu/separator.rb
+- lib/phlex_ui/dropdown_menu/trigger.rb
+- lib/phlex_ui/form.rb
+- lib/phlex_ui/form/item.rb
+- lib/phlex_ui/form/spacer.rb
+- lib/phlex_ui/hint.rb
+- lib/phlex_ui/hover_card.rb
+- lib/phlex_ui/hover_card/content.rb
+- lib/phlex_ui/hover_card/trigger.rb
+- lib/phlex_ui/input.rb
+- lib/phlex_ui/input_error.rb
+- lib/phlex_ui/label.rb
+- lib/phlex_ui/link.rb
+- lib/phlex_ui/popover.rb
+- lib/phlex_ui/popover/content.rb
+- lib/phlex_ui/popover/trigger.rb
+- lib/phlex_ui/shortcut_key.rb
+- lib/phlex_ui/table.rb
+- lib/phlex_ui/table/body.rb
+- lib/phlex_ui/table/builder.rb
+- lib/phlex_ui/table/caption.rb
+- lib/phlex_ui/table/cell.rb
+- lib/phlex_ui/table/footer.rb
+- lib/phlex_ui/table/head.rb
+- lib/phlex_ui/table/header.rb
+- lib/phlex_ui/table/row.rb
+- lib/phlex_ui/tabs.rb
+- lib/phlex_ui/tabs/content.rb
+- lib/phlex_ui/tabs/list.rb
+- lib/phlex_ui/tabs/trigger.rb
+- lib/phlex_ui/theme_toggle.rb
+- lib/phlex_ui/tooltip.rb
+- lib/phlex_ui/tooltip/content.rb
+- lib/phlex_ui/tooltip/trigger.rb
+- lib/phlex_ui/typography/blockquote.rb
+- lib/phlex_ui/typography/h1.rb
+- lib/phlex_ui/typography/h2.rb
+- lib/phlex_ui/typography/h3.rb
+- lib/phlex_ui/typography/h4.rb
+- lib/phlex_ui/typography/inline_code.rb
+- lib/phlex_ui/typography/large.rb
+- lib/phlex_ui/typography/lead.rb
+- lib/phlex_ui/typography/list.rb
+- lib/phlex_ui/typography/list_item.rb
+- lib/phlex_ui/typography/muted.rb
+- lib/phlex_ui/typography/p.rb
+- lib/phlex_ui/typography/small.rb
 homepage: https://rubygems.org/gems/phlex_ui
 licenses:
 - MIT