protos 0.2.3 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 939a00cb6d422dc749d734683f4eceedf4c1857f21ab770dae704a99e06cdf8a
-  data.tar.gz: 60525463c5531256d9cac2139791b112c477b746a8ed2a643d29856fe548517a
+  metadata.gz: 5fe048d407665dc19039444171da359495565d7b94d1787c444c4e8e8c5fe191
+  data.tar.gz: fda1eea822602572a8a28be104b8e60b533d429745d4ef616be8c7f14bf9e53e
 SHA512:
-  metadata.gz: '094affdf956f0ff06aba676408ee34d20e6af8ed5ac92afa04576bbc52b83499e491bfd74c3b27c281d20f32fcada8dbad27ec2fbedcb79cb519e9e0a318d2e7'
-  data.tar.gz: 953db1b5c57a9202a3f87e0a3ac8e32ed226f48c85588b7d1041559fd8a0749952c76619cc85eb075717b697623bb1dc045cf0dcc9c23370c1622e67c460d993
+  metadata.gz: e4859a4076a79386043b18ad71735b9b372c9120a0f3a8a816d1020174152b19ed2a030172ef01e7240ec26d28dce73070ce478ed440e15526eabde03f500067
+  data.tar.gz: 2ac30388a8534552f10cb32bc68b9f7786bd14caf1eab69d8f15c6a310a08d92b27eeb1a97896a60df18cd6e489c30f179706fd72ac0eca7072f435d05ebad9e

data/README.md

@@ -25,11 +25,11 @@ Other Phlex based UI libraries worth checking out:
 A protos component follows some conventions that make them easy to work with as
 components in your app.
 
-Every UI component library will have a tension between being too general or
-narrow to be useful. Making components that look good out of the box can make
-them hard to customize.
+Every UI component library will have a tension between being too general to fit
+in your app or too narrow to be useful. Making components that look good out of
+the box can make them hard to customize.
 
-We try and resolve this tensions by making the components have a minimal style
+We try and resolve this tension by making these components have a minimal style
 that can be easily overridden using some ergonomic conventions.
 
 There are 3 core conventions:
@@ -40,7 +40,12 @@ There are 3 core conventions:
 ### Slots and themes
 
 Components are styled with `css` slots that are filled with values from
-a `theme`:
+a `theme`.
+
+You define a theme for your component by defining a `#theme` method that returns
+a hash. This hash will be merged with any theme provided when rendering your
+component. This allows you to easily override styles for your components
+depending on their context.
 
 ```ruby
 class List < Protos::Component
@@ -53,31 +58,8 @@ class List < Protos::Component
 
   def theme
     {
-      list: tokens("space-y-4"),
-      item: tokens("font-bold", "text-2xl")
-    }
-  end
-end
-```
-
-Here we are using conditional `tokens` from Phlex but you can also use
-simple strings.
-
-If you want to change the method we define our default theme you can override the
-`theme_method` on the class:
-
-```ruby
-class List < Protos::Component
-  theme_method :custom_theme
-
-  # ...
-
-  private
-
-  def custom_theme
-    {
-      list: tokens("space-y-4"),
-      item: tokens("font-bold", "text-2xl")
+      list: tokens("space-y-4"), # We can use `#tokens` from phlex (recommended)
+      item: "font-bold text-2xl" # Or just plain old strings
     }
   end
 end
@@ -137,14 +119,36 @@ The new `css[:item]` slot would be:
 <li class="font-bold">Item 1</li>
 ```
 
+If you want to change the method we define our default theme you can override the
+`theme_method` on the class:
+
+```ruby
+class List < Protos::Component
+  theme_method :custom_theme
+
+  # ...
+
+  private
+
+  def custom_theme
+    {
+      list: tokens("space-y-4"),
+      item: tokens("font-bold", "text-2xl")
+    }
+  end
+end
+```
+
 ### Attrs and default attrs
 
 By convention, all components spread in an `attrs` hash on their outermost
 element of the component.
 
 By doing this we enable 2 main conveniences:
-1. We can pass `class` when initializing the component
-2. We can add default attributes that can be merged with defaults
+1. We can pass a `class` keyword when initializing the component which will be
+   merged safely into the `css[:container]` slot
+2. We can add default attributes that are safely merged with any provided to the
+   component when its being initialized
 
 ```ruby
 class List < Protos::Component
@@ -158,9 +162,7 @@ class List < Protos::Component
 
   def default_attrs
     {
-      data: {
-        controller: "list"
-      }
+        data: { controller: "list" }
     }
   end
 
@@ -173,9 +175,24 @@ class List < Protos::Component
 end
 ```
 
-Attrs will by default merge `class` into the `css[:container]` slot so we
-changed that in our theme. We also added `default_attrs` and gave a controller.
-These could be any html options.
+`#attrs` will by default merge the `class` keyword into the `css[:container]`
+slot which we define in our theme.
+
+Special html options will be safely merged. For examples, the component above
+defines a list controller. If we passed our own controller into data when we
+initialize, the component's data-controller attribute would be appended to:
+
+```ruby
+render List.new(
+  data: { controller: "tooltip" }
+)
+```
+
+That would output both controllers to the DOM element:
+
+```html
+<ul data-controller="list tooltip">
+```
 
 If we wanted to, just like for our theme we can change the method from
 `default_attrs` by defining the `default_attrs_method` on the class:
@@ -184,37 +201,16 @@ If we wanted to, just like for our theme we can change the method from
 class List < Protos::Component
   default_attrs_method :custom_attrs
 
-  # ...
-
   private
 
   def custom_attrs
     {
-      data: {
-        controller: "list"
-      }
+      data: { controller: "list" }
     }
   end
-
-  # ...
 end
 ```
 
-Now we get some additional convenience:
-
-```ruby
-render List.new(
-  class: "my-lg",
-  data: { controller: "confetti" }
-)
-```
-
-This would merge our `data` and `class` safely into the attributes:
-
-```html
-<ul data-controller="list confetti" class="space-y-4 my-lg">
-```
-
 ### Params and options
 
 Components extend

data/examples/list.rb

@@ -1,7 +1,7 @@
 require "protos"
 
 class List < Protos::Component
-  def template
+  def view_template
     ul(**attrs) do
       li(class: css[:item]) { "Item 1" }
       li(class: css[:item]) { "Item 2" }

data/examples/navbar.rb

@@ -3,7 +3,7 @@
 require_relative "../lib/protos"
 
 class Navbar < Protos::Component
-  def template
+  def view_template
     header(**attrs) do
       h1(class: css[:heading]) { "Hello world" }
       h2(class: css[:subtitle]) { "With a subtitle" }

data/lib/protos/accordion/item.rb

@@ -7,12 +7,12 @@ module Protos
 
       option :id, type: Types::Coercible::String
 
-      def template(&block)
+      def view_template(&block)
         li(**attrs) do
           render collapse_component do
             # form: "" prevents the radio button from being submitted if its
             # within a form
-            input(type: :radio, name: id, form: "")
+            input(type: :radio, name: id, form: "", autocomplete: :off)
             yield if block
           end
         end

data/lib/protos/accordion.rb

@@ -10,7 +10,7 @@ module Protos
     option :id,
            default: -> { "collapse-#{SecureRandom.hex(4)}" }
 
-    def template(&block)
+    def view_template(&block)
       ul(**attrs, &block)
     end
 

data/lib/protos/alert/actions.rb

@@ -5,7 +5,7 @@ module Protos
     class Actions < Component
       # DOCS: Area for actions (e.g buttons) within an alert
 
-      def template(&block)
+      def view_template(&block)
         nav(**attrs, &block)
       end
 

data/lib/protos/alert/icon.rb

@@ -6,7 +6,7 @@ module Protos
       # DOCS: Icon for the alert, usually showing at the top left corner aligned
       # to the text
 
-      def template(&block)
+      def view_template(&block)
         div(**attrs, &block)
       end
 

data/lib/protos/alert.rb

@@ -15,7 +15,7 @@ module Protos
 
     option :type, type: AlertTypes, default: -> { :info }, reader: :private
 
-    def template(&block)
+    def view_template(&block)
       div(**attrs, &block)
     end
 

data/lib/protos/avatar.rb

@@ -17,7 +17,7 @@ module Protos
            default: -> { :none },
            reader: false
 
-    def template(&block)
+    def view_template(&block)
       div(**attrs) do
         div(class: css[:figure], &block)
       end

data/lib/protos/breadcrumbs/crumb.rb

@@ -5,7 +5,7 @@ module Protos
     class Crumb < Component
       # DOCS: A crumb is a single item within a breadcrumb
 
-      def template(&block)
+      def view_template(&block)
         li(**attrs, &block)
       end
     end

data/lib/protos/breadcrumbs.rb

@@ -5,7 +5,7 @@ module Protos
     # DOCS: A list of breadcrumbs (e.g links) for navigation
     # https://daisyui.com/components/breadcrumbs/
 
-    def template(&block)
+    def view_template(&block)
       nav(**attrs) do
         ul(class: css[:list], &block)
       end

data/lib/protos/card/actions.rb

@@ -5,7 +5,7 @@ module Protos
     class Actions < Component
       # DOCS: Area for actions (e.g buttons) within a card
 
-      def template(&block)
+      def view_template(&block)
         nav(**attrs, &block)
       end
 

data/lib/protos/card/body.rb

@@ -5,7 +5,7 @@ module Protos
     class Body < Component
       # DOCS: The main content area of a card
 
-      def template(&block)
+      def view_template(&block)
         div(**attrs, &block)
       end
 

data/lib/protos/card/image.rb

@@ -7,7 +7,7 @@ module Protos
       # on daisyui which will style the <figure> tag depending on whether
       # image-overlay is present on the card.
 
-      def template(&block)
+      def view_template(&block)
         figure(**attrs, &block)
       end
     end

data/lib/protos/card/title.rb

@@ -5,7 +5,7 @@ module Protos
     class Title < Component
       # DOCS: The title of a card
 
-      def template(&block)
+      def view_template(&block)
         div(**attrs, &block)
       end
 

data/lib/protos/card.rb

@@ -14,7 +14,7 @@ module Protos
            default: -> { :default },
            reader: false
 
-    def template(&block)
+    def view_template(&block)
       article(**attrs, &block)
     end
 

data/lib/protos/carousel/actions.rb

@@ -5,7 +5,7 @@ module Protos
     class Actions < Component
       # DOCS: Area for actions (e.g buttons) within a carousel
 
-      def template(&block)
+      def view_template(&block)
         div(**attrs, &block)
       end
 

data/lib/protos/carousel/item.rb

@@ -5,7 +5,7 @@ module Protos
     class Item < Component
       # DOCS: A single item within a carousel
 
-      def template(&block)
+      def view_template(&block)
         div(**attrs, &block)
       end
 

data/lib/protos/carousel.rb

@@ -16,7 +16,7 @@ module Protos
              :end
            )
 
-    def template(&block)
+    def view_template(&block)
       div(**attrs, &block)
     end
 

data/lib/protos/chat_bubble/content.rb

@@ -20,7 +20,7 @@ module Protos
                :error
              )
 
-      def template(&block)
+      def view_template(&block)
         div(**attrs, &block)
       end
 

data/lib/protos/chat_bubble/footer.rb

@@ -5,7 +5,7 @@ module Protos
     class Footer < Component
       # DOCS: The footer of a chat bubble
 
-      def template(&block)
+      def view_template(&block)
         div(**attrs, &block)
       end
 

data/lib/protos/chat_bubble/header.rb

@@ -6,7 +6,7 @@ module Protos
       # DOCS: The header of a chat bubble. This is typically used to display the
       # name of the user who sent the message.
 
-      def template(&block)
+      def view_template(&block)
         div(**attrs, &block)
       end
 

data/lib/protos/chat_bubble/image.rb

@@ -6,7 +6,7 @@ module Protos
       # DOCS: An image within a chat bubble. This would typically be an avatar
       # component.
 
-      def template(&block)
+      def view_template(&block)
         div(**attrs, &block)
       end
 

data/lib/protos/chat_bubble.rb

@@ -15,7 +15,7 @@ module Protos
              :end
            )
 
-    def template(&block)
+    def view_template(&block)
       div(**attrs, &block)
     end
 

data/lib/protos/collapse/content.rb

@@ -6,7 +6,7 @@ module Protos
       # DOCS: The content of a collapse. This would be hidden until the collapse
       # is opened.
 
-      def template(&block)
+      def view_template(&block)
         div(**attrs, &block)
       end
 

data/lib/protos/collapse/title.rb

@@ -10,7 +10,7 @@ module Protos
              reader: false,
              default: -> { "" }
 
-      def template(&block)
+      def view_template(&block)
         if @id.size.positive?
           label(for: @id, **attrs, &block)
         else

data/lib/protos/collapse.rb

@@ -11,9 +11,9 @@ module Protos
            default: -> { "collapse-#{SecureRandom.hex(4)}" },
            type: Types::String
 
-    def template
+    def view_template
       div(**attrs) do
-        input(type: "checkbox", id:) if @checkbox
+        input(type: "checkbox", id:, autocomplete: :off) if @checkbox
         yield if block_given?
       end
     end

data/lib/protos/command/dialog.rb

@@ -6,7 +6,7 @@ module Protos
       # DOCS: The dialog for a command wraps the command content and provides a
       # modal backdrop for the command when it is opened.
 
-      def template(&block)
+      def view_template(&block)
         dialog(**attrs) do
           div(class: css[:modal], &block)
           form(method: :dialog, class: css[:form]) do

data/lib/protos/command/empty.rb

@@ -6,7 +6,7 @@ module Protos
       # DOCS: The empty component is displayed in the list when there are no
       # matches in an input.
 
-      def template(&block)
+      def view_template(&block)
         li(**attrs, &block)
       end
 

data/lib/protos/command/group.rb

@@ -7,7 +7,7 @@ module Protos
       # Items in the group will have a divider line on the left side and can
       # optionally have a title.
 
-      def template(&block)
+      def view_template(&block)
         li(**attrs) do
           ul(class: css[:list], &block)
         end

data/lib/protos/command/input.rb

@@ -11,7 +11,7 @@ module Protos
              },
              reader: :private
 
-      def template(&block)
+      def view_template(&block)
         div(**attrs) do
           label(class: css[:label]) do
             div(class: css[:icon], &block) if block
@@ -19,7 +19,8 @@ module Protos
               type: :text,
               data: { action: "protos--command#filter" },
               class: css[:input],
-              placeholder:
+              placeholder:,
+              autocomplete: :off
             )
           end
         end

data/lib/protos/command/item.rb

@@ -5,7 +5,7 @@ module Protos
     class Item < Component
       # DOCS: A single option within a command
 
-      def template(&block)
+      def view_template(&block)
         li(**attrs, &block)
       end
 

data/lib/protos/command/list.rb

@@ -5,7 +5,7 @@ module Protos
     class List < Component
       # DOCS: A list of commands. This can contain either items or groups.
 
-      def template(&block)
+      def view_template(&block)
         ul(**attrs, &block)
       end
 

data/lib/protos/command/title.rb

@@ -6,7 +6,7 @@ module Protos
       # DOCS: The title for a group of commands. This is expected to be used
       # inside a Protos::Command::Group component.
 
-      def template(&block)
+      def view_template(&block)
         h2(**attrs, &block)
       end
 

data/lib/protos/command/trigger.rb

@@ -5,7 +5,7 @@ module Protos
     class Trigger < Component
       # DOCS: A trigger is a button that opens a command palette modal
 
-      def template(&block)
+      def view_template(&block)
         button(**attrs, &block)
       end
 

data/lib/protos/command.rb

@@ -6,7 +6,7 @@ module Protos
     # filterable list of commands. Command modals are by default closable by
     # clicking the overlay rather than a specific close button.
 
-    def template(&block)
+    def view_template(&block)
       div(**attrs, &block)
     end
 

data/lib/protos/drawer/content.rb

@@ -6,7 +6,7 @@ module Protos
       # DOCS: The content of a drawer. This would be visible at all times and
       # represents the main content of your page.
 
-      def template(&block)
+      def view_template(&block)
         div(**attrs, &block)
       end
 

data/lib/protos/drawer/side.rb

@@ -8,7 +8,7 @@ module Protos
 
       option :id, type: Types::Coercible::String
 
-      def template
+      def view_template
         aside(**attrs) do
           label(for: id, aria_label: "close sidebar", class: css[:toggle])
           yield if block_given?

data/lib/protos/drawer/trigger.rb

@@ -8,7 +8,7 @@ module Protos
 
       option :id, type: Types::Coercible::String
 
-      def template(&block)
+      def view_template(&block)
         label(for: id, **attrs, &block)
       end
 

data/lib/protos/drawer.rb

@@ -9,9 +9,9 @@ module Protos
 
     option :id, type: Types::Coercible::String
 
-    def template
+    def view_template
       div(**attrs) do
-        input(id:, type: :checkbox, class: css[:toggle])
+        input(id:, type: :checkbox, class: css[:toggle], autocomplete: :off)
         yield if block_given?
       end
     end

data/lib/protos/dropdown/item.rb

@@ -5,7 +5,7 @@ module Protos
     class Item < Component
       # DOCS: A single item within a dropdown
 
-      def template(&block)
+      def view_template(&block)
         li(**attrs, &block)
       end
     end

data/lib/protos/dropdown/menu.rb

@@ -7,7 +7,7 @@ module Protos
       # Protos::Popover::Content component as the main functionality for
       # dropdowns comes from there.
 
-      def template(&block)
+      def view_template(&block)
         template_tag(**template_attrs) do
           ul(**attrs, &block)
         end

data/lib/protos/hero/content.rb

@@ -6,7 +6,7 @@ module Protos
       # DOCS: The content of a hero. This would be centered within the main
       # component container.
 
-      def template(&block)
+      def view_template(&block)
         div(**attrs, &block)
       end
 

data/lib/protos/hero/overlay.rb

@@ -7,7 +7,7 @@ module Protos
       # their opacity through the opacity of the overlay. This can be useful to
       # make text readable on noisy images.
 
-      def template(&block)
+      def view_template(&block)
         div(**attrs, &block)
       end
 

data/lib/protos/hero.rb

@@ -6,7 +6,7 @@ module Protos
     # optionally layout an image for a responsive layout.
     # https://daisyui.com/components/hero/
 
-    def template(&block)
+    def view_template(&block)
       div(**attrs, &block)
     end
 

data/lib/protos/list/item.rb

@@ -7,7 +7,7 @@ module Protos
       # work for list items, including border radius. E.g. only the first and
       # last items will have border radius on the top and bottom.
 
-      def template(&block)
+      def view_template(&block)
         li(**attrs, &block)
       end
 

data/lib/protos/list.rb

@@ -7,7 +7,7 @@ module Protos
 
     option :ordered, Types::Bool, default: -> { false }, reader: false
 
-    def template(&block)
+    def view_template(&block)
       send(element, **attrs, &block)
     end
 

data/lib/protos/modal/close_button.rb

@@ -5,7 +5,7 @@ module Protos
     class CloseButton < Component
       # DOCS: A close button for a modal
 
-      def template(&block)
+      def view_template(&block)
         form(method: :dialog, class: css[:form]) do
           button(
             **attrs,

data/lib/protos/modal/dialog.rb

@@ -6,7 +6,7 @@ module Protos
       # DOCS: A modal dialog. This is the place for the main content of the
       # modal that will be displayed when the trigger is clicked.
 
-      def template(&block)
+      def view_template(&block)
         dialog(**attrs) do
           div(class: css[:modal], &block)
         end

data/lib/protos/modal/trigger.rb

@@ -5,7 +5,7 @@ module Protos
     class Trigger < Component
       # DOCS: A trigger is a button that opens a modal
 
-      def template(&block)
+      def view_template(&block)
         button(**attrs, &block)
       end
 

data/lib/protos/modal.rb

@@ -5,7 +5,7 @@ module Protos
     # DOCS: A modal component that can be triggered by a button or a link and
     # will open a fullscreen modal, usually with a close button.
 
-    def template(&block)
+    def view_template(&block)
       div(**attrs, class: css[:container], &block)
     end
 

data/lib/protos/popover/content.rb

@@ -8,7 +8,7 @@ module Protos
       # This means content in here will not be available in system tests that
       # use rack_test.
 
-      def template(&block)
+      def view_template(&block)
         template_tag(**template_attrs) do
           div(**attrs, &block)
         end

data/lib/protos/popover/trigger.rb

@@ -6,7 +6,7 @@ module Protos
       # DOCS: The trigger of a popover. This is the element that you would hover
       # or click on to show the popover.
 
-      def template(&block)
+      def view_template(&block)
         div(**attrs, &block)
       end
 

data/lib/protos/popover.rb

@@ -80,7 +80,7 @@ module Protos
            reader: false,
            type: TriggerTypes | Types::Array.of(TriggerTypes)
 
-    def template(&block)
+    def view_template(&block)
       div(**attrs, &block)
     end
 

data/lib/protos/stats/actions.rb

@@ -5,7 +5,7 @@ module Protos
     class Actions < Component
       # DOCS: A container for the actions (e.g. buttons) for a group of stats
 
-      def template(&block)
+      def view_template(&block)
         div(**attrs, &block)
       end
 

data/lib/protos/stats/description.rb

@@ -5,7 +5,7 @@ module Protos
     class Description < Component
       # DOCS: A description for a group of stats
 
-      def template(&block)
+      def view_template(&block)
         div(**attrs, &block)
       end
 

data/lib/protos/stats/figure.rb

@@ -5,7 +5,7 @@ module Protos
     class Figure < Component
       # DOCS: A figure for a single stat
 
-      def template(&block)
+      def view_template(&block)
         div(**attrs, &block)
       end
 

data/lib/protos/stats/stat.rb

@@ -5,7 +5,7 @@ module Protos
     class Stat < Component
       # DOCS: A single stat container
 
-      def template(&block)
+      def view_template(&block)
         div(**attrs, &block)
       end
 

data/lib/protos/stats/title.rb

@@ -5,7 +5,7 @@ module Protos
     class Title < Component
       # DOCS: A title for a group of stats
 
-      def template(&block)
+      def view_template(&block)
         div(**attrs, &block)
       end
 

data/lib/protos/stats/value.rb

@@ -5,7 +5,7 @@ module Protos
     class Value < Component
       # DOCS: A value for a single stat
 
-      def template(&block)
+      def view_template(&block)
         div(**attrs, &block)
       end
 

data/lib/protos/stats.rb

@@ -5,7 +5,7 @@ module Protos
     # DOCS: Stats component that contains a collection of stats
     # https://daisyui.com/components/stat/
 
-    def template(&block)
+    def view_template(&block)
       div(**attrs, &block)
     end
 

data/lib/protos/swap/off.rb

@@ -5,7 +5,7 @@ module Protos
     class Off < Component
       # DOCS: The off state for a swap component. This is the default state.
 
-      def template(&block)
+      def view_template(&block)
         div(**attrs, &block)
       end
 

data/lib/protos/swap/on.rb

@@ -5,7 +5,7 @@ module Protos
     class On < Component
       # DOCS: The on state for a swap component. This is the active state.
 
-      def template(&block)
+      def view_template(&block)
         div(**attrs, &block)
       end
 

data/lib/protos/swap.rb

@@ -6,9 +6,9 @@ module Protos
     # display different content.
     # https://daisyui.com/components/swap/
 
-    def template
+    def view_template
       label(**attrs) do
-        input(type: :checkbox, class: css[:input])
+        input(type: :checkbox, class: css[:input], autocomplete: :off)
         yield if block_given?
       end
     end
@@ -25,8 +25,7 @@ module Protos
 
     def theme
       {
-        container: tokens("swap"),
-        input: tokens("hidden")
+        container: tokens("swap")
       }
     end
   end

data/lib/protos/table/body.rb

@@ -5,7 +5,7 @@ module Protos
     class Body < Component
       # DOCS: The body of a table
 
-      def template(&block)
+      def view_template(&block)
         tbody(**attrs, &block)
       end
     end

data/lib/protos/table/caption.rb

@@ -5,7 +5,7 @@ module Protos
     class Caption < Component
       # DOCS: The caption of a table
 
-      def template(&block)
+      def view_template(&block)
         caption(**attrs, &block)
       end
 

data/lib/protos/table/cell.rb

@@ -11,7 +11,7 @@ module Protos
                :left
              }
 
-      def template(&block)
+      def view_template(&block)
         td(**attrs, &block)
       end
 

data/lib/protos/table/footer.rb

@@ -5,7 +5,7 @@ module Protos
     class Footer < Component
       # DOCS: The footer of a table
 
-      def template(&block)
+      def view_template(&block)
         tfoot(**attrs, &block)
       end
     end

data/lib/protos/table/head.rb

@@ -11,7 +11,7 @@ module Protos
                :left
              }
 
-      def template(&block)
+      def view_template(&block)
         th(**attrs, &block)
       end
 

data/lib/protos/table/header.rb

@@ -6,7 +6,7 @@ module Protos
       # DOCS: The header of a table that contains many Protos::Table::Head
       # components
 
-      def template(&block)
+      def view_template(&block)
         thead(**attrs, &block)
       end
     end

data/lib/protos/table/row.rb

@@ -5,7 +5,7 @@ module Protos
     class Row < Component
       # DOCS: The row of a table
 
-      def template(&block)
+      def view_template(&block)
         tr(**attrs, &block)
       end
     end

data/lib/protos/table.rb

@@ -18,7 +18,7 @@ module Protos
              :lg
            )
 
-    def template(&block)
+    def view_template(&block)
       div(**attrs) do
         table(class: css[:table], &block)
       end

data/lib/protos/tabs/tab.rb

@@ -10,13 +10,14 @@ module Protos
       option :active, default: -> { false }
       option :disabled, default: -> { false }
 
-      def template(&block)
+      def view_template(&block)
         input(
           type: :radio,
           class: css[:input],
           name: id,
           role: :tab,
-          aria_label: label
+          aria_label: label,
+          autocomplete: :off
         )
         div(**attrs, &block)
       end

data/lib/protos/tabs.rb

@@ -24,7 +24,7 @@ module Protos
              :lg
            )
 
-    def template(&block)
+    def view_template(&block)
       div(**attrs, &block)
     end
 

data/lib/protos/timeline/center.rb

@@ -6,7 +6,7 @@ module Protos
       # DOCS: The center of a timeline. This would usually be an icon or
       # something small that shows a point on the timeline.
 
-      def template(&block)
+      def view_template(&block)
         div(**attrs, &block)
       end
 

data/lib/protos/timeline/item.rb

@@ -7,7 +7,7 @@ module Protos
       # right and depending on its position in the list, an hr at the beginning
       # or end.
 
-      def template(&block)
+      def view_template(&block)
         li(**attrs, &block)
       end
     end

data/lib/protos/timeline/left.rb

@@ -6,7 +6,7 @@ module Protos
       # DOCS: Content on the left (on daisyui "start") side of a timeline.
       # We chose not to use start/end because of the keywork conflict with ruby.
 
-      def template(&block)
+      def view_template(&block)
         div(**attrs, &block)
       end
 

data/lib/protos/timeline/right.rb

@@ -6,7 +6,7 @@ module Protos
       # DOCS: Content on the right (on daisyui "end") side of a timeline.
       # We chose not to use start/end because of the keywork conflict with ruby.
 
-      def template(&block)
+      def view_template(&block)
         div(**attrs, &block)
       end
 

data/lib/protos/timeline.rb

@@ -7,7 +7,7 @@ module Protos
 
     option :vertical, type: Types::Bool, default: -> { false }
 
-    def template(&block)
+    def view_template(&block)
       ul(**attrs, &block)
     end
 

data/lib/protos/toast/close_button.rb

@@ -5,7 +5,7 @@ module Protos
     class CloseButton < Component
       # DOCS: A close button for a toast
 
-      def template(&block)
+      def view_template(&block)
         form(method: :dialog, class: css[:form]) do
           button(
             autofocus: true,

data/lib/protos/toast.rb

@@ -23,7 +23,7 @@ module Protos
            default: -> { :bottom_end },
            reader: false
 
-    def template(&block)
+    def view_template(&block)
       dialog(**attrs, &block)
     end
 

data/lib/protos/typography/heading.rb

@@ -12,7 +12,7 @@ module Protos
       option :size, type: SizeTypes, default: -> { "md" }, reader: false
       option :level, type: LevelTypes, default: -> { 1 }, reader: false
 
-      def template(&block)
+      def view_template(&block)
         send(element, **attrs, &block)
       end
 

data/lib/protos/typography/inline_link.rb

@@ -5,7 +5,7 @@ module Protos
     class InlineLink < Component
       # DOCS: A link that is styled to be inline with text
 
-      def template(&block)
+      def view_template(&block)
         a(**attrs, &block)
       end
 

data/lib/protos/typography/paragraph.rb

@@ -5,7 +5,7 @@ module Protos
     class Paragraph < Component
       # DOCS: A paragraph of text
 
-      def template(&block)
+      def view_template(&block)
         p(**attrs, &block)
       end
 

data/lib/protos/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Protos
-  VERSION = "0.2.3"
+  VERSION = "0.3.0"
 end

data/protos.gemspec

@@ -37,7 +37,7 @@ Gem::Specification.new do |spec|
   spec.add_dependency "dry-core", "~> 1.0"
   spec.add_dependency "dry-initializer", "~> 3.1"
   spec.add_dependency "dry-types", "~> 1.7"
-  spec.add_dependency "phlex", "~> 1.9"
+  spec.add_dependency "phlex", "~> 1.10"
   spec.add_dependency "tailwind_merge", "~> 0.10"
 
   # For more information and examples about making a new gem, check out our

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: protos
 version: !ruby/object:Gem::Version
-  version: 0.2.3
+  version: 0.3.0
 platform: ruby
 authors:
 - Nolan J Tait
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2024-03-14 00:00:00.000000000 Z
+date: 2024-04-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: dry-core
@@ -58,14 +58,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.9'
+        version: '1.10'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.9'
+        version: '1.10'
 - !ruby/object:Gem::Dependency
   name: tailwind_merge
   requirement: !ruby/object:Gem::Requirement