phlex_ui 0.1.6 → 0.1.7

data/lib/phlex_ui/sheet/content.rb

@@ -1,77 +1,77 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Sheet::Content < Base
-        SIDE_CLASS = {
-            top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
-            right: "inset-y-0 right-0 h-full border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right",
-            bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
-            left: "inset-y-0 left-0 h-full border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left",
-        }
+  class Sheet::Content < Base
+    SIDE_CLASS = {
+      top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+      right: "inset-y-0 right-0 h-full border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right",
+      bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+      left: "inset-y-0 left-0 h-full border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left"
+    }
 
-        def initialize(side: :right, **attrs)
-            @side = side
-            @side_classes = SIDE_CLASS[side]
-            super(**attrs)
-        end
+    def initialize(side: :right, **attrs)
+      @side = side
+      @side_classes = SIDE_CLASS[side]
+      super(**attrs)
+    end
 
-        def template(&block)
-            template_tag(data: { sheet_target: "content" }) do
-                div(data: { controller: 'dismissable' }) do
-                    backdrop
-                    div(**attrs) do
-                        block.call if block_given?
-                        close_button
-                    end
-                end
-            end
+    def template(&block)
+      template_tag(data: {sheet_target: "content"}) do
+        div(data: {controller: "dismissable"}) do
+          backdrop
+          div(**attrs) do
+            block&.call
+            close_button
+          end
         end
+      end
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                data_state: "open", # For animate in
-                class: tokens(
-                    "fixed pointer-events-auto z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
-                    @side_classes
-                ),
-            }
-        end
+    def default_attrs
+      {
+        data_state: "open", # For animate in
+        class: tokens(
+          "fixed pointer-events-auto z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+          @side_classes
+        )
+      }
+    end
 
-        def close_button
-            button(
-                type: "button",
-                class: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
-                data_action: "click->dismissable#dismiss"
-            ) do
-                svg(
-                    width: "15",
-                    height: "15",
-                    viewbox: "0 0 15 15",
-                    fill: "none",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    class: "h-4 w-4"
-                ) do |s|
-                    s.path(
-                    d:
-                        "M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z",
-                    fill: "currentColor",
-                    fill_rule: "evenodd",
-                    clip_rule: "evenodd"
-                    )
-                end
-                span(class: "sr-only") { "Close" }
-            end
+    def close_button
+      button(
+        type: "button",
+        class: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
+        data_action: "click->dismissable#dismiss"
+      ) do
+        svg(
+          width: "15",
+          height: "15",
+          viewbox: "0 0 15 15",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          class: "h-4 w-4"
+        ) do |s|
+          s.path(
+            d:
+                  "M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z",
+            fill: "currentColor",
+            fill_rule: "evenodd",
+            clip_rule: "evenodd"
+          )
         end
+        span(class: "sr-only") { "Close" }
+      end
+    end
 
-        def backdrop
-            div(
-                data_state: "open",
-                data_action: "click->dismissable#dismiss",
-                class:
-                    "fixed pointer-events-auto inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-            )
-        end
+    def backdrop
+      div(
+        data_state: "open",
+        data_action: "click->dismissable#dismiss",
+        class:
+              "fixed pointer-events-auto inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0"
+      )
     end
-end
+  end
+end

data/lib/phlex_ui/sheet/description.rb

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

data/lib/phlex_ui/sheet/footer.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Sheet::Footer < Base
-        def template(&block)
-            div(**attrs, &block)
-        end
+  class Sheet::Footer < Base
+    def template(&block)
+      div(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                class: "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 gap-y-2 sm:gap-y-0",
-            }
-        end
+    def default_attrs
+      {
+        class: "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 gap-y-2 sm:gap-y-0"
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/sheet/header.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Sheet::Header < Base
-        def template(&block)
-            div(**attrs, &block)
-        end
+  class Sheet::Header < Base
+    def template(&block)
+      div(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                class: "flex flex-col space-y-1.5 text-center sm:text-left",
-            }
-        end
+    def default_attrs
+      {
+        class: "flex flex-col space-y-1.5 text-center sm:text-left"
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/sheet/middle.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Sheet::Middle < Base
-        def template(&block)
-            div(**attrs, &block)
-        end
+  class Sheet::Middle < Base
+    def template(&block)
+      div(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                class: "py-4",
-            }
-        end
+    def default_attrs
+      {
+        class: "py-4"
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/sheet/title.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Sheet::Title < Base
-        def template(&block)
-            h3(**attrs, &block)
-        end
+  class Sheet::Title < Base
+    def template(&block)
+      h3(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                class: "text-lg font-semibold leading-none tracking-tight",
-            }
-        end
+    def default_attrs
+      {
+        class: "text-lg font-semibold leading-none tracking-tight"
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/sheet/trigger.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Sheet::Trigger < Base
-        def template(&block)
-            div(**attrs, &block)
-        end
+  class Sheet::Trigger < Base
+    def template(&block)
+      div(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                data: { action: "click->sheet#open" }
-            }
-        end
+    def default_attrs
+      {
+        data: {action: "click->sheet#open"}
+      }
     end
-end
+  end
+end

data/lib/phlex_ui/sheet.rb

@@ -1,17 +1,17 @@
 # frozen_string_literal: true
 
 module PhlexUI
-    class Sheet < Base
-        def template(&block)
-            div(**attrs, &block)
-        end
+  class Sheet < Base
+    def template(&block)
+      div(**attrs, &block)
+    end
 
-        private
+    private
 
-        def default_attrs
-            {
-                data: { controller: "sheet"}
-            }
-        end
+    def default_attrs
+      {
+        data: {controller: "sheet"}
+      }
     end
-end
+  end
+end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: phlex_ui
 version: !ruby/object:Gem::Version
-  version: 0.1.6
+  version: 0.1.7
 platform: ruby
 authors:
 - George Kettle
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-02-06 00:00:00.000000000 Z
+date: 2024-03-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: phlex
@@ -196,6 +196,10 @@ files:
 - lib/phlex_ui/input_error.rb
 - lib/phlex_ui/label.rb
 - lib/phlex_ui/link.rb
+- lib/phlex_ui/pagination.rb
+- lib/phlex_ui/pagination/content.rb
+- lib/phlex_ui/pagination/ellipsis.rb
+- lib/phlex_ui/pagination/item.rb
 - lib/phlex_ui/popover.rb
 - lib/phlex_ui/popover/content.rb
 - lib/phlex_ui/popover/trigger.rb
@@ -267,7 +271,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.4.10
+rubygems_version: 3.5.6
 signing_key:
 specification_version: 4
 summary: PhlexUI is a UI Component Library for Ruby developers.