protos 0.1.1 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5f0cbce70d804580aab642e9b099b3eb3de37af48c39314fe396b84db192c60c
-  data.tar.gz: 21a82750e78f2325286bdbf4c1d741ce9ab8ccb79d946eca324ef128ec1a0604
+  metadata.gz: d640442007a4c04a5706286fb3073495ba0bcea036f543c112865d4b8f96646f
+  data.tar.gz: 03ee33c002aee6e033ecebda12bab9db1fe74ac2d989213da013a96e79598ceb
 SHA512:
-  metadata.gz: 926c96c62de37324ea452b002c533dd61a32c1a5319415d8ef6a4592d1854325e58ad2b93e03d9b7f79c1f9b3ff8ec742f0d9bc4aed1c5caa651b0a747a8bd8d
-  data.tar.gz: 21ece1afc62a9d5ee521eebbda4347e6111d343965807e80b443b1ea607c43bf6411db97dedb8d395ae332054eaf232932faf1ac850f65e7b5718c8dff01610b
+  metadata.gz: 496fc272a6606ab50281cab0cc434bd8c8e8607b6efa976ce2a671b9fdc2ed818c19d41b97c0d9831a835473d37e1846d56ffa0d85791c35d698dedd2521400b
+  data.tar.gz: 18a8d1f2f496c47a85a41b84a54c108a889d954c9bead99b1547819b813538d9c8d124ca3e4b4f94bb8ac05ca3121cd56adaf63e79e132c59656bea31473190d

data/README.md

@@ -1,9 +1,37 @@
 # Protos
 
-A UI component library for Phlex using daisyui.
-
-All components avoid using `Phlex::DeferredRender` so you can reorder components
-exactly how you like them.
+A UI component library for [Phlex](https://www.phlex.fun/) using
+[tailwindcss](https://tailwindcss.com/) and
+[daisyUI](https://daisyui.com/).
+
+This library avoids re-making Protos components for extremely simple daisyui
+components such as:
+
+- Badge
+- Buttons
+- Checkbox
+- File input
+- Indicator
+- Join
+- Kbd
+- Link
+- Loading
+- Mask
+- Progress
+- Radial progress
+- Radio
+- Range
+- Select
+- Skeleton
+- Stack
+- Text input
+- Textarea
+- Toggle
+- Tooltip
+
+All components avoid using
+[`Phlex::DeferredRender`](https://www.phlex.fun/#slots)
+so you can reorder components exactly how you like them.
 
 Components are easy to style, positioning them is usually done through the
 `class` option which applies the style to the outer most container of the
@@ -206,6 +234,8 @@ render Protos::Card.new(class: "bg-base-100") do |card|
 end
 ```
 
+## Building your own components
+
 A good idea would be to encapsulate these proto components with your own
 components as a wrapper. For example you could use `Proto::List` to create your
 own list and even use `Phlex::DeferredRender` to make the API more convenient.
@@ -216,20 +246,195 @@ module Ui
     include Protos::Typography
     include Phlex::DeferredRender
 
+    option :title, default: -> {}
+    option :ordered, default: -> { false }
+    option :items, default: -> { [] }, reader: false
+    option :actions, default: -> { [] }, reader: false
+
     def template
       article(**attrs) do
         header class: css[:header] do
           h3(size: :md) { title }
-          nav { render_actions }
+          nav(class: css[:actions]) do
+            @actions.each do |action|
+              render action
+            end
+          end
+        end
+
+        render Protos::List.new(ordered:, class: css[:list]) do
+          @items.each { |item| render item }
+          li(&@empty) if @items.empty?
+        end
+      end
+    end
+
+    def with_item(*, **, &block)
+      theme = { container: css[:item] }
+      @items << Protos::List::Item.new(*, theme:, **, &block)
+    end
+
+    def with_action(&block)
+      @actions << block
+    end
+
+    def with_empty(&block)
+      @empty = block
+    end
+
+    private
+
+    def theme
+      {
+        container: tokens("space-y-xs"),
+        header: tokens("flex", "justify-between", "items-end", "gap-sm"),
+        list: tokens("divide-y", "border", "w-full"),
+        actions: tokens("space-x-xs"),
+        item: tokens("p-sm")
+      }
+    end
+  end
+end
+```
+
+Now the component is specific to our application, and the styles are still
+overridable at all levels:
+
+```ruby
+render Ui::List.new(title: "Project Names") do |list|
+  list.with_action { link_to("Add item", "#") }
+  list.with_item { "Project 1" }
+  list.with_item { "Project 2" }
+  list.with_item { "Project 3" }
+end
+```
+
+Or here is another example of a table:
+
+```ruby
+module Ui
+  class Table < ApplicationComponent
+    include Protos::Typography
+    include Phlex::DeferredRender
+    include Actionable
+
+    class Column
+      attr_reader :title
+
+      def initialize(title, &block)
+        @title = title
+        @block = block
+      end
+
+      def call(item)
+        @block.call(item)
+      end
+    end
+
+    option :title, default: -> {}
+    option :collection, default: -> { [] }, reader: false
+    option :columns, default: -> { [] }, reader: false
+
+    def template
+      article(**attrs) do
+        header class: css[:header] do
+          h3(size: :md) { title } if title.present?
+          nav(class: css[:actions]) do
+            @actions.each do |action|
+              render action
+            end
+          end
         end
 
-        render Protos::List do |list|
-          items.each do |item|
-            render list.item { render item }
+        render Protos::Table.new(class: css[:table]) do |table|
+          render(table.caption(class: css[:caption]), &@caption) if @caption
+          render table.header do
+            render table.row do
+              @columns.each do |column|
+                render table.head do
+                  plain(column.title)
+                end
+              end
+            end
+          end
+
+          render table.body do
+            @collection.each do |item|
+              render table.row do
+                @columns.each do |column|
+                  render table.cell do
+                    column.call(item)
+                  end
+                end
+              end
+            end
+
+            if @collection.empty?
+              render table.row do
+                render table.cell(colspan: @columns.length) do
+                  @empty&.call
+                end
+              end
+            end
           end
         end
       end
     end
+
+    def with_column(...)
+      @columns << Column.new(...)
+    end
+
+    def with_empty(&block)
+      @empty = block
+    end
+
+    def with_caption(&block)
+      @caption = block
+    end
+
+    def with_action(&block)
+      @actions << block
+    end
+
+    private
+
+    def theme
+      {
+        container: tokens("space-y-sm"),
+        header: tokens("flex", "justify-between", "items-end", "gap-sm"),
+        table: tokens("border"),
+        caption: tokens("text-muted")
+      }
+    end
+  end
+end
+```
+
+Which lets you have a very nice table builder:
+
+```ruby
+collection = [
+  {
+    name: "John Doe",
+    status: "Active",
+    location: "New York"
+  }
+]
+
+render Ui::Table.new(title: "A table", collection:) do |table|
+  table.with_caption { "Users" }
+  table.with_action do
+    a(href: "#") { "Add new" }
+  end
+
+  table.with_column("Name") { |row| row[:name] }
+  table.with_column("Location") { |row| row[:location] }
+  table.with_column("Status") do |row|
+    span(class: "badge badge-info") { row[:status] }
+  end
+  table.with_column("Actions") do
+    a(href: "#") { "View" }
   end
 end
 ```

data/examples/navbar.rb

@@ -1,3 +1,5 @@
+# frozen_string_literal: true
+
 require_relative "../lib/protos"
 
 class Navbar < Protos::Component

data/lib/protos/breadcrumbs/crumb.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module Protos
+  class Breadcrumbs
+    class Crumb < Component
+      def template(&block)
+        li(**attrs, &block)
+      end
+    end
+  end
+end

data/lib/protos/breadcrumbs.rb

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+
+module Protos
+  class Breadcrumbs < Component
+    def template(&block)
+      nav(**attrs) do
+        ul(class: css[:list], &block)
+      end
+    end
+
+    def crumb(...)
+      Crumb.new(...)
+    end
+
+    private
+
+    def theme
+      {
+        container: tokens("breadcrumbs")
+      }
+    end
+  end
+end

data/lib/protos/carousel/actions.rb

@@ -0,0 +1,28 @@
+# frozen_string_literal: true
+
+module Protos
+  class Carousel
+    class Actions < Component
+      def template(&block)
+        div(**attrs, &block)
+      end
+
+      private
+
+      def theme
+        {
+          container: tokens(
+            "absolute",
+            "flex",
+            "justify-between",
+            "transform",
+            "-translate-y-1/2",
+            "left-sm",
+            "right-sm",
+            "top-1/2"
+          )
+        }
+      end
+    end
+  end
+end

data/lib/protos/carousel/item.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module Protos
+  class Carousel
+    class Item < Component
+      def template(&block)
+        div(**attrs, &block)
+      end
+
+      private
+
+      def theme
+        {
+          container: tokens("carousel-item")
+        }
+      end
+    end
+  end
+end

data/lib/protos/carousel.rb

@@ -0,0 +1,47 @@
+# frozen_string_literal: true
+
+module Protos
+  class Carousel < Component
+    option :vertical, type: Types::Bool, default: -> { false }
+    option :snap_to,
+           default: -> { :none },
+           reader: false,
+           type: Types::Coercible::Symbol.enum(
+             :none,
+             :center,
+             :end
+           )
+
+    def template(&block)
+      div(**attrs, &block)
+    end
+
+    def item(...)
+      Item.new(...)
+    end
+
+    def actions(...)
+      Actions.new(...)
+    end
+
+    private
+
+    def snap_to
+      {
+        none: "",
+        center: "carousel-center",
+        end: "carousel-end"
+      }.fetch(@snap_to)
+    end
+
+    def theme
+      {
+        container: tokens(
+          "carousel",
+          snap_to,
+          vertical: "carousel-vertical"
+        )
+      }
+    end
+  end
+end

data/lib/protos/chat_bubble/content.rb

@@ -0,0 +1,46 @@
+# frozen_string_literal: true
+
+module Protos
+  class ChatBubble
+    class Content < Component
+      option :type,
+             default: -> { :none },
+             reader: false,
+             type: Types::Coercible::Symbol.enum(
+               :none,
+               :primary,
+               :secondary,
+               :accent,
+               :info,
+               :success,
+               :warning,
+               :error
+             )
+
+      def template(&block)
+        div(**attrs, &block)
+      end
+
+      private
+
+      def type
+        {
+          none: "",
+          primary: "chat-bubble-primary",
+          secondary: "chat-bubble-secondary",
+          accent: "chat-bubble-accent",
+          info: "chat-bubble-info",
+          success: "chat-bubble-success",
+          warning: "chat-bubble-warning",
+          error: "chat-bubble-error"
+        }.fetch(@type)
+      end
+
+      def theme
+        {
+          container: tokens("chat-bubble", type)
+        }
+      end
+    end
+  end
+end

data/lib/protos/chat_bubble/footer.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module Protos
+  class ChatBubble
+    class Footer < Component
+      def template(&block)
+        div(**attrs, &block)
+      end
+
+      private
+
+      def theme
+        {
+          container: tokens("chat-footer")
+        }
+      end
+    end
+  end
+end

data/lib/protos/chat_bubble/header.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module Protos
+  class ChatBubble
+    class Header < Component
+      def template(&block)
+        div(**attrs, &block)
+      end
+
+      private
+
+      def theme
+        {
+          container: tokens("chat-header")
+        }
+      end
+    end
+  end
+end

data/lib/protos/chat_bubble/image.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module Protos
+  class ChatBubble
+    class Image < Component
+      def template(&block)
+        div(**attrs, &block)
+      end
+
+      private
+
+      def theme
+        {
+          container: tokens("chat-image")
+        }
+      end
+    end
+  end
+end

data/lib/protos/chat_bubble.rb

@@ -0,0 +1,48 @@
+# frozen_string_literal: true
+
+module Protos
+  class ChatBubble < Component
+    option :align,
+           default: -> { :start },
+           reader: false,
+           type: Types::Coercible::Symbol.enum(
+             :start,
+             :end
+           )
+
+    def template(&block)
+      div(**attrs, &block)
+    end
+
+    def image(...)
+      Image.new(...)
+    end
+
+    def header(...)
+      Header.new(...)
+    end
+
+    def footer(...)
+      Footer.new(...)
+    end
+
+    def content(...)
+      Content.new(...)
+    end
+
+    private
+
+    def align
+      {
+        start: "chat-start",
+        end: "chat-end"
+      }.fetch(@align)
+    end
+
+    def theme
+      {
+        container: tokens("chat", align)
+      }
+    end
+  end
+end

data/lib/protos/hero/content.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module Protos
+  class Hero
+    class Content < Component
+      def template(&block)
+        div(**attrs, &block)
+      end
+
+      private
+
+      def theme
+        {
+          container: tokens("hero-content")
+        }
+      end
+    end
+  end
+end

data/lib/protos/hero/overlay.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module Protos
+  class Hero
+    class Overlay < Component
+      def template(&block)
+        div(**attrs, &block)
+      end
+
+      private
+
+      def theme
+        {
+          container: tokens("hero-overlay")
+        }
+      end
+    end
+  end
+end

data/lib/protos/hero.rb

@@ -0,0 +1,25 @@
+# frozen_string_literal: true
+
+module Protos
+  class Hero < Component
+    def template(&block)
+      div(**attrs, &block)
+    end
+
+    def content(...)
+      Content.new(...)
+    end
+
+    def overlay(...)
+      Overlay.new(...)
+    end
+
+    private
+
+    def theme
+      {
+        container: tokens("hero")
+      }
+    end
+  end
+end

data/lib/protos/stats/actions.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module Protos
+  class Stats
+    class Actions < Component
+      def template(&block)
+        div(**attrs, &block)
+      end
+
+      private
+
+      def theme
+        {
+          container: tokens("stat-actions")
+        }
+      end
+    end
+  end
+end

data/lib/protos/stats/description.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module Protos
+  class Stats
+    class Description < Component
+      def template(&block)
+        div(**attrs, &block)
+      end
+
+      private
+
+      def theme
+        {
+          container: tokens("stat-desc")
+        }
+      end
+    end
+  end
+end

data/lib/protos/stats/figure.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module Protos
+  class Stats
+    class Figure < Component
+      def template(&block)
+        div(**attrs, &block)
+      end
+
+      private
+
+      def theme
+        {
+          container: tokens("stat-figure")
+        }
+      end
+    end
+  end
+end

data/lib/protos/stats/stat.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module Protos
+  class Stats
+    class Stat < Component
+      def template(&block)
+        div(**attrs, &block)
+      end
+
+      private
+
+      def theme
+        {
+          container: tokens("stat")
+        }
+      end
+    end
+  end
+end

data/lib/protos/stats/title.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module Protos
+  class Stats
+    class Title < Component
+      def template(&block)
+        div(**attrs, &block)
+      end
+
+      private
+
+      def theme
+        {
+          container: tokens("stat-title")
+        }
+      end
+    end
+  end
+end

data/lib/protos/stats/value.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module Protos
+  class Stats
+    class Value < Component
+      def template(&block)
+        div(**attrs, &block)
+      end
+
+      private
+
+      def theme
+        {
+          container: tokens("stat-value")
+        }
+      end
+    end
+  end
+end

data/lib/protos/stats.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module Protos
+  class Stats < Component
+    def template(&block)
+      div(**attrs, &block)
+    end
+
+    private
+
+    def theme
+      {
+        container: tokens("stats")
+      }
+    end
+  end
+end

data/lib/protos/swap/off.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module Protos
+  class Swap
+    class Off < Component
+      def template(&block)
+        div(**attrs, &block)
+      end
+
+      private
+
+      def theme
+        {
+          container: tokens("swap-off")
+        }
+      end
+    end
+  end
+end

data/lib/protos/swap/on.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module Protos
+  class Swap
+    class On < Component
+      def template(&block)
+        div(**attrs, &block)
+      end
+
+      private
+
+      def theme
+        {
+          container: tokens("swap-on")
+        }
+      end
+    end
+  end
+end

data/lib/protos/swap.rb

@@ -0,0 +1,28 @@
+# frozen_string_literal: true
+
+module Protos
+  class Swap < Component
+    def template
+      label(**attrs) do
+        input(type: :checkbox)
+        yield if block_given?
+      end
+    end
+
+    def on(...)
+      On.new(...)
+    end
+
+    def off(...)
+      Off.new(...)
+    end
+
+    private
+
+    def theme
+      {
+        container: tokens("swap")
+      }
+    end
+  end
+end

data/lib/protos/table/cell.rb

@@ -3,9 +3,39 @@
 module Protos
   class Table
     class Cell < Component
+      option :align,
+             type: Types::Coercible::Symbol.enum(:left, :center, :right),
+             default: -> {
+               :left
+             }
+
       def template(&block)
         td(**attrs, &block)
       end
+
+      private
+
+      def left?
+        align == :left
+      end
+
+      def center?
+        align == :center
+      end
+
+      def right?
+        align == :right
+      end
+
+      def theme
+        {
+          container: tokens(
+            left?: "text-left",
+            right?: "text-right",
+            center?: "text-center"
+          )
+        }
+      end
     end
   end
 end

data/lib/protos/table/head.rb

@@ -3,9 +3,39 @@
 module Protos
   class Table
     class Head < Component
+      option :align,
+             type: Types::Coercible::Symbol.enum(:left, :center, :right),
+             default: -> {
+               :left
+             }
+
       def template(&block)
         th(**attrs, &block)
       end
+
+      private
+
+      def left?
+        align == :left
+      end
+
+      def center?
+        align == :center
+      end
+
+      def right?
+        align == :right
+      end
+
+      def theme
+        {
+          container: tokens(
+            left?: "text-left",
+            right?: "text-right",
+            center?: "text-center"
+          )
+        }
+      end
     end
   end
 end

data/lib/protos/tabs/tab.rb

@@ -0,0 +1,42 @@
+# frozen_string_literal: true
+
+module Protos
+  class Tabs
+    class Tab < Component
+      param :id
+      option :label
+      option :active, default: false
+      option :disabled, default: false
+
+      def template(&block)
+        input(
+          type: :radio,
+          class: css[:input],
+          name: id,
+          role: :tab,
+          aria_label: label
+        )
+        div(**attrs, &block)
+      end
+
+      private
+
+      def default_attrs
+        {
+          role: :tabpanel
+        }
+      end
+
+      def theme
+        {
+          container: tokens("tab-content"),
+          input: tokens(
+            "tab",
+            disabled: "tab-disabled",
+            active: "tab-active"
+          )
+        }
+      end
+    end
+  end
+end

data/lib/protos/tabs.rb

@@ -0,0 +1,64 @@
+# frozen_string_literal: true
+
+module Protos
+  class Tabs < Component
+    option :type,
+           type: Types::Coercible::Symbol.enum(
+             :default,
+             :boxed,
+             :bordered,
+             :lifted
+           ),
+           default: -> { :default },
+           reader: false
+    option :size,
+           type: Types::Coercible::Symbol.enum(
+             :xs,
+             :sm,
+             :md,
+             :lg
+           ),
+           default: -> { :md },
+           reader: false
+
+    def template(&block)
+      div(**attrs, &block)
+    end
+
+    def tab(...)
+      Tab.new(...)
+    end
+
+    private
+
+    def size
+      {
+        xs: "tabs-xs",
+        sm: "tabs-sm",
+        md: "tabs-md",
+        lg: "tabs-lg"
+      }.fetch(@size)
+    end
+
+    def type
+      {
+        bordered: "tabs-bordered",
+        boxed: "tabs-boxed",
+        lifted: "tabs-lifted",
+        default: ""
+      }.fetch(@type)
+    end
+
+    def default_attrs
+      {
+        role: :tablist
+      }
+    end
+
+    def theme
+      {
+        container: tokens("tabs", size, type)
+      }
+    end
+  end
+end

data/lib/protos/toast/close_button.rb

@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+
+module Protos
+  class Toast
+    class CloseButton < Component
+      def template(&block)
+        form(method: :dialog, class: css[:form]) do
+          button(
+            autofocus: true,
+            formmethod: :dialog,
+            **attrs,
+            &block
+          )
+        end
+      end
+    end
+  end
+end

data/lib/protos/toast.rb

@@ -0,0 +1,42 @@
+# frozen_string_literal: true
+
+module Protos
+  class Toast < Component
+    Positions = Types::Symbol.enum(
+      :start,
+      :center,
+      :end,
+      :top,
+      :middle,
+      :bottom
+    )
+
+    option :position, type: Positions, default: -> { :end }
+
+    def template(&block)
+      dialog(**attrs, &block)
+    end
+
+    def close_button(...)
+      CloseButton.new(...)
+    end
+
+    private
+
+    def default_attrs
+      {
+        open: true
+      }
+    end
+
+    def theme
+      {
+        container: tokens(
+          "toast",
+          "toast-end",
+          "[&:not([open])]:hidden"
+        )
+      }
+    end
+  end
+end

data/lib/protos/version.rb

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

data/lib/protos.rb

@@ -27,12 +27,25 @@ module Protos
 
     require_relative "protos/avatar"
 
+    require_relative "protos/breadcrumbs"
+    require_relative "protos/breadcrumbs/crumb"
+
     require_relative "protos/card"
     require_relative "protos/card/body"
     require_relative "protos/card/title"
     require_relative "protos/card/actions"
     require_relative "protos/card/image"
 
+    require_relative "protos/carousel"
+    require_relative "protos/carousel/item"
+    require_relative "protos/carousel/actions"
+
+    require_relative "protos/chat_bubble"
+    require_relative "protos/chat_bubble/content"
+    require_relative "protos/chat_bubble/image"
+    require_relative "protos/chat_bubble/header"
+    require_relative "protos/chat_bubble/footer"
+
     require_relative "protos/collapse"
     require_relative "protos/collapse/title"
     require_relative "protos/collapse/content"
@@ -59,6 +72,10 @@ module Protos
     require_relative "protos/dropdown/menu"
     require_relative "protos/dropdown/trigger"
 
+    require_relative "protos/hero"
+    require_relative "protos/hero/content"
+    require_relative "protos/hero/overlay"
+
     require_relative "protos/list"
     require_relative "protos/list/item"
 
@@ -71,6 +88,21 @@ module Protos
     require_relative "protos/popover/trigger"
     require_relative "protos/popover/content"
 
+    require_relative "protos/stats"
+    require_relative "protos/stats/actions"
+    require_relative "protos/stats/description"
+    require_relative "protos/stats/figure"
+    require_relative "protos/stats/stat"
+    require_relative "protos/stats/title"
+    require_relative "protos/stats/value"
+
+    require_relative "protos/swap"
+    require_relative "protos/swap/on"
+    require_relative "protos/swap/off"
+
+    require_relative "protos/tabs"
+    require_relative "protos/tabs/tab"
+
     require_relative "protos/table"
     require_relative "protos/table/caption"
     require_relative "protos/table/header"
@@ -80,6 +112,9 @@ module Protos
     require_relative "protos/table/row"
     require_relative "protos/table/cell"
 
+    require_relative "protos/toast"
+    require_relative "protos/toast/close_button"
+
     require_relative "protos/timeline"
     require_relative "protos/timeline/item"
     require_relative "protos/timeline/left"

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: protos
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.1.2
 platform: ruby
 authors:
 - Nolan J Tait
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2024-03-04 00:00:00.000000000 Z
+date: 2024-03-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: dry-core
@@ -88,11 +88,21 @@ files:
 - lib/protos/alert/icon.rb
 - lib/protos/attributes.rb
 - lib/protos/avatar.rb
+- lib/protos/breadcrumbs.rb
+- lib/protos/breadcrumbs/crumb.rb
 - lib/protos/card.rb
 - lib/protos/card/actions.rb
 - lib/protos/card/body.rb
 - lib/protos/card/image.rb
 - lib/protos/card/title.rb
+- lib/protos/carousel.rb
+- lib/protos/carousel/actions.rb
+- lib/protos/carousel/item.rb
+- lib/protos/chat_bubble.rb
+- lib/protos/chat_bubble/content.rb
+- lib/protos/chat_bubble/footer.rb
+- lib/protos/chat_bubble/header.rb
+- lib/protos/chat_bubble/image.rb
 - lib/protos/collapse.rb
 - lib/protos/collapse/content.rb
 - lib/protos/collapse/title.rb
@@ -116,6 +126,9 @@ files:
 - lib/protos/dropdown/menu.rb
 - lib/protos/dropdown/trigger.rb
 - lib/protos/engine.rb
+- lib/protos/hero.rb
+- lib/protos/hero/content.rb
+- lib/protos/hero/overlay.rb
 - lib/protos/list.rb
 - lib/protos/list/item.rb
 - lib/protos/modal.rb
@@ -125,6 +138,16 @@ files:
 - lib/protos/popover.rb
 - lib/protos/popover/content.rb
 - lib/protos/popover/trigger.rb
+- lib/protos/stats.rb
+- lib/protos/stats/actions.rb
+- lib/protos/stats/description.rb
+- lib/protos/stats/figure.rb
+- lib/protos/stats/stat.rb
+- lib/protos/stats/title.rb
+- lib/protos/stats/value.rb
+- lib/protos/swap.rb
+- lib/protos/swap/off.rb
+- lib/protos/swap/on.rb
 - lib/protos/table.rb
 - lib/protos/table/body.rb
 - lib/protos/table/caption.rb
@@ -133,12 +156,16 @@ files:
 - lib/protos/table/head.rb
 - lib/protos/table/header.rb
 - lib/protos/table/row.rb
+- lib/protos/tabs.rb
+- lib/protos/tabs/tab.rb
 - lib/protos/theme.rb
 - lib/protos/timeline.rb
 - lib/protos/timeline/center.rb
 - lib/protos/timeline/item.rb
 - lib/protos/timeline/left.rb
 - lib/protos/timeline/right.rb
+- lib/protos/toast.rb
+- lib/protos/toast/close_button.rb
 - lib/protos/token_list.rb
 - lib/protos/types.rb
 - lib/protos/typography.rb