protos-icon 0.3.1 → 0.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b0647186b423f676be9b71bc7b9551be8fd9471df91da3b7b8e1be98b5b11ced
-  data.tar.gz: a061174e43487b03b9cc4a4c46339ca9807c1aff0eb996c3a010b31e69295a11
+  metadata.gz: 0f3f2e842946b64e795ae5c075143d8e7ec773516f02001c39da0bcb93966aaa
+  data.tar.gz: 93fea7d1af6cec2aa5452dd97a6cbfdc759a45d7079924623bae63fdcaf3f570
 SHA512:
-  metadata.gz: 738e5c246a9c1c5ab0323c53786f0e8bacf0474908120e73f014ed0d08c2e2eb39b15ab9ebe9ce4c81afd0f8d023862093b23899b1037fadd57a5a9a2af14566
-  data.tar.gz: 6ec03a1ccc7b1bd47791872b1f54b238aacf9f43107ed945469326e1e9038274925f605f15730465c5d341f02a6fc3de06279d9cd43cd774406628b5ec14d7f9
+  metadata.gz: fa5c4317621159fefde6383fabad65f16055695ea2e9bc0f4f5090382ecf3a843da80978b1c5581c49bb690cd03aca676b0eab0b87e78d674d346bd5b520eb0a
+  data.tar.gz: 68056c8fb6bda55276ba6479979528383326bba7dc3528c38c48585402a5d20219579ffb23f21d6d57555a31dafc47f206b539ba8d725df7a94aebf737ba4cde

data/.rubocop.yml

@@ -7,3 +7,9 @@ inherit_gem:
 
 AllCops:
   TargetRubyVersion: 3.1
+
+Metrics/MethodLength:
+  CountAsOne: ['array', 'method_call']
+
+Metrics/ClassLength:
+  CountAsOne: ['array', 'method_call']

data/CHANGELOG.md

@@ -1,5 +1,11 @@
 ## [Unreleased]
 
+## [0.4.0] - 2024-12-18
+
+- Removes `unsafe_raw` replaced with protos component generation
+- Removes old class lookup, uses constant auto loading instead
+- Adds `protos` as an explicit dependency
+
 ## [0.3.1] - 2024-12-18
 
 - Fixes issues with passing extra arguments to inhouse icons

data/README.md

@@ -1,12 +1,11 @@
 # Protos::Icon
 
-Icon component for Phlex with heroicons built in so far. It currently just uses
-`unsafe_raw` to output the content of the `.svg` files downloaded from the
-heroicons repo.
+This gem uses [phlexing](https://github.com/marcoroth/phlexing) component
+generation to convert SVG icons into protos components.
 
-This gem does not add any classes or contain the SVG in a container.
-It just outputs the SVG. It would be expected you would build this into your own
-component or helper.
+Other similar libraries to check out:
+
+- [phlex-icons](https://phlex-icons.fun/)
 
 ## Installation
 
@@ -24,7 +23,7 @@ If bundler is not being used to manage dependencies, install the gem by executin
 require "protos-icon"
 
 # This just returns a Phlex component
-render Protos::Icon.heroicon("academic-cap", variant: :mini)
+render Protos::Icon.find("academic-cap").new(variant: :solid)
 ```
 
 Or you can include the module in a class and render them as an element:
@@ -34,15 +33,44 @@ class MyComponent < Phlex::HTML
   include Protos::Icon
 
   def template
-    div(class: "w-6 h-6") do
-      icon("academic-cap", variant: :mini)
-    end
+    icon("academic-cap", variant: :solid, class: "w-6 h-6")
   end
 end
 ```
 
-This will call render on the icon component and output it directly to the
-component.
+Or you can wrap the helper inside your own component:
+
+```ruby
+module Ui
+  class Icon < ApplicationComponent
+    include Protos::Icon
+
+    param :name
+    option :size, default: -> { :md }
+    option :variant, default: -> { :solid }
+
+    STYLES = {
+      xs: ["w-3 h-3"],
+      sm: ["w-4 h-4"],
+      md: ["w-6 h-6"],
+      lg: ["w-8 h-8"],
+      xl: ["w-12 h-12"]
+    }.freeze
+
+    def view_template
+      icon(name, variant:, **attrs)
+    end
+
+    private
+
+    def theme
+      {
+        container: STYLES[size]
+      }
+    end
+  end
+end
+```
 
 ## Development
 

data/Rakefile

@@ -7,6 +7,7 @@ RSpec::Core::RakeTask.new(:spec)
 
 task default: :spec
 
+desc "Download Heroicons"
 task :download_heroicons do
   system "git clone https://github.com/tailwindlabs/heroicons.git"
   system "cp -r heroicons/optimized/* assets/heroicons"

data/assets/inhouse/facebook.svg

@@ -1,9 +1,3 @@
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="24"
-  height="24"
-  viewBox="0 0 24 24"
-  class="fill-current">
-  <path d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z">
-  </path>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
+  <path d="M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z"></path>
 </svg>

data/assets/inhouse/twitter.svg

@@ -1,9 +1,3 @@
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="24"
-  height="24"
-  viewBox="0 0 24 24"
-  class="fill-current">
-  <path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z">
-  </path>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
+  <path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"></path>
 </svg>

data/assets/inhouse/youtube.svg

@@ -1,9 +1,3 @@
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="24"
-  height="24"
-  viewBox="0 0 24 24"
-  class="fill-current">
-  <path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z">
-  </path>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
+  <path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"></path>
 </svg>

data/generators/helpers.rb

@@ -0,0 +1,24 @@
+# frozen_string_literal: true
+
+require "erb"
+require "zeitwerk"
+require "phlexing"
+require "dry/files"
+require "tqdm"
+
+def add_autoload_entries(module_file, resources) # rubocop:disable Style/TopLevelMethodDefinition
+  autoload_content = resources.map do |resource|
+    (" " * 6) + "autoload :#{resource.name}, \"#{resource.relative_file_path}\""
+  end
+
+  lines = File.readlines(module_file)
+  start = lines.index { |line| line.include?("# autogenerated:start") }
+  finish = lines.index { |line| line.include?("# autogenerated:finish") }
+
+  # Remove existing lines
+  lines.slice!(start + 1..finish - 1)
+  # Place new lines
+  lines.insert(start + 1, "#{autoload_content.join("\n")}\n")
+
+  File.write(module_file, lines.join)
+end

data/generators/heroicon.rb

@@ -0,0 +1,129 @@
+# frozen_string_literal: true
+
+require_relative "helpers"
+
+OUTPUT_DIR = Pathname.new("lib/protos/icon/heroicon").freeze
+
+RUBOCOPS = %w[
+  Layout/LineLength
+].join(", ")
+
+TEMPLATE = ERB.new <<~ERB
+  # frozen_string_literal: true
+
+  # This file was generated by the `generators/heroicon.rb` generator.
+
+  # rubocop:disable #{RUBOCOPS}
+  module Protos
+    module Icon
+      module Heroicon
+        class <%= icon_class_name %> < HeroiconComponent
+          def solid
+  <%= solid_icon %>
+          end
+
+          def outline
+  <%= outline_icon %>
+          end
+        end
+      end
+    end
+  end
+  # rubocop:enable #{RUBOCOPS}
+ERB
+
+require "debug"
+
+class ResourcePath
+  REGEXP = %r{heroicons/24/(?<variant>solid|outline)/(?<name>.+)\.svg}
+
+  attr_reader :variant, :name
+
+  def initialize(path)
+    @path = path
+    @variant, @name = path.to_s.match(REGEXP).captures
+  end
+
+  def icon_class_name
+    @name.split("-").map(&:capitalize).join
+  end
+
+  def solid?
+    @variant == "solid"
+  end
+
+  def outline?
+    @variant == "outline"
+  end
+
+  def filename
+    @path.basename.to_s.split(".").first.tr("-", "_")
+  end
+
+  def read
+    File.read(@path)
+  end
+end
+
+class Resource
+  attr_reader :name
+
+  def initialize(name, paths)
+    @name = name
+    @solid_path = paths.find(&:solid?)
+    @outline_path = paths.find(&:outline?)
+  end
+
+  def file_name
+    OUTPUT_DIR.join("#{@solid_path.filename}.rb")
+  end
+
+  def relative_file_path
+    file_name.relative_path_from(Pathname.new("lib")).to_s
+  end
+
+  def solid_icon
+    build_icon(@solid_path)
+  end
+
+  def outline_icon
+    build_icon(@outline_path)
+  end
+
+  private
+
+  def build_icon(path)
+    Phlexing::Converter
+      .convert(path.read)
+      .sub("svg(", "svg(\n  **attrs,")
+      .split("\n")
+      .map { |line| (" " * 10) + line }
+      .join("\n")
+  end
+end
+
+resource_paths = Pathname.glob("assets/heroicons/24/**/*.svg").map do |path|
+  ResourcePath.new(path)
+end
+
+resources = resource_paths
+  .group_by(&:icon_class_name)
+  .map do |icon_class_name, paths|
+    Resource.new(icon_class_name, paths)
+  end
+
+module_file = OUTPUT_DIR.join("..", "heroicon.rb")
+add_autoload_entries(module_file, resources)
+
+resources.with_progress.each do |resource|
+  File.write(
+    resource.file_name,
+    TEMPLATE.result_with_hash(
+      {
+        icon_class_name: resource.name,
+        solid_icon: resource.solid_icon,
+        outline_icon: resource.outline_icon
+      }
+    )
+  )
+end

data/generators/inhouse.rb

@@ -0,0 +1,110 @@
+# frozen_string_literal: true
+
+require_relative "helpers"
+
+OUTPUT_DIR = Pathname.new("lib/protos/icon/inhouse").freeze
+
+RUBOCOPS = %w[
+  Layout/LineLength
+].join(", ")
+
+TEMPLATE = ERB.new <<~ERB
+  # frozen_string_literal: true
+
+  # This file was generated by the `generators/inhouse.rb` generator.
+
+  # rubocop:disable #{RUBOCOPS}
+  module Protos
+    module Icon
+      module Inhouse
+        class <%= icon_class_name %> < Component
+          def view_template
+  <%= icon %>
+          end
+        end
+      end
+    end
+  end
+  # rubocop:enable #{RUBOCOPS}
+ERB
+
+require "debug"
+
+class ResourcePath
+  REGEXP = %r{inhouse/(?<name>.+)\.svg}
+
+  attr_reader :name
+
+  def initialize(path)
+    @path = path
+    @name = path.to_s.match(REGEXP).captures.first
+  end
+
+  def icon_class_name
+    @name.split("-").map(&:capitalize).join
+  end
+
+  def filename
+    @path.basename.to_s.split(".").first.tr("-", "_")
+  end
+
+  def read
+    File.read(@path)
+  end
+end
+
+class Resource
+  attr_reader :name
+
+  def initialize(name, path)
+    @name = name
+    @path = path
+  end
+
+  def file_name
+    OUTPUT_DIR.join("#{@path.filename}.rb")
+  end
+
+  def relative_file_path
+    file_name.relative_path_from(Pathname.new("lib")).to_s
+  end
+
+  def icon
+    build_icon(@path)
+  end
+
+  private
+
+  def build_icon(path)
+    Phlexing::Converter
+      .convert(path.read)
+      .sub("svg(", "svg(\n  **attrs,")
+      .split("\n")
+      .map { |line| (" " * 10) + line }
+      .join("\n")
+  end
+end
+
+resource_paths = Pathname.glob("assets/inhouse/**/*.svg").map do |path|
+  ResourcePath.new(path)
+end
+
+resources = resource_paths
+  .map do |path|
+    Resource.new(path.icon_class_name, path)
+  end
+
+module_file = OUTPUT_DIR.join("..", "inhouse.rb")
+add_autoload_entries(module_file, resources)
+
+resources.with_progress.each do |resource|
+  File.write(
+    resource.file_name,
+    TEMPLATE.result_with_hash(
+      {
+        icon_class_name: resource.name,
+        icon: resource.icon
+      }
+    )
+  )
+end

data/lib/protos/icon/component.rb

@@ -2,14 +2,7 @@
 
 module Protos
   module Icon
-    class Component < Phlex::HTML
-      def initialize(filepath)
-        @filepath = filepath
-      end
-
-      def view_template
-        unsafe_raw File.read(@filepath)
-      end
+    class Component < Protos::Component
     end
   end
 end

data/lib/protos/icon/heroicon/academic_cap.rb

@@ -0,0 +1,57 @@
+# frozen_string_literal: true
+
+# This file was generated by the `generators/heroicon.rb` generator.
+
+# rubocop:disable Layout/LineLength
+module Protos
+  module Icon
+    module Heroicon
+      class AcademicCap < HeroiconComponent
+        def solid
+          svg(
+            **attrs,
+            xmlns: "http://www.w3.org/2000/svg",
+            viewbox: "0 0 24 24",
+            fill: "currentColor",
+            aria_hidden: "true",
+            data_slot: "icon"
+          ) do |s|
+            s.path(
+              d:
+                "M11.7 2.805a.75.75 0 0 1 .6 0A60.65 60.65 0 0 1 22.83 8.72a.75.75 0 0 1-.231 1.337 49.948 49.948 0 0 0-9.902 3.912l-.003.002c-.114.06-.227.119-.34.18a.75.75 0 0 1-.707 0A50.88 50.88 0 0 0 7.5 12.173v-.224c0-.131.067-.248.172-.311a54.615 54.615 0 0 1 4.653-2.52.75.75 0 0 0-.65-1.352 56.123 56.123 0 0 0-4.78 2.589 1.858 1.858 0 0 0-.859 1.228 49.803 49.803 0 0 0-4.634-1.527.75.75 0 0 1-.231-1.337A60.653 60.653 0 0 1 11.7 2.805Z"
+            )
+            s.path(
+              d:
+                "M13.06 15.473a48.45 48.45 0 0 1 7.666-3.282c.134 1.414.22 2.843.255 4.284a.75.75 0 0 1-.46.711 47.87 47.87 0 0 0-8.105 4.342.75.75 0 0 1-.832 0 47.87 47.87 0 0 0-8.104-4.342.75.75 0 0 1-.461-.71c.035-1.442.121-2.87.255-4.286.921.304 1.83.634 2.726.99v1.27a1.5 1.5 0 0 0-.14 2.508c-.09.38-.222.753-.397 1.11.452.213.901.434 1.346.66a6.727 6.727 0 0 0 .551-1.607 1.5 1.5 0 0 0 .14-2.67v-.645a48.549 48.549 0 0 1 3.44 1.667 2.25 2.25 0 0 0 2.12 0Z"
+            )
+            s.path(
+              d:
+                "M4.462 19.462c.42-.419.753-.89 1-1.395.453.214.902.435 1.347.662a6.742 6.742 0 0 1-1.286 1.794.75.75 0 0 1-1.06-1.06Z"
+            )
+          end
+        end
+
+        def outline
+          svg(
+            **attrs,
+            xmlns: "http://www.w3.org/2000/svg",
+            fill: "none",
+            viewbox: "0 0 24 24",
+            stroke_width: "1.5",
+            stroke: "currentColor",
+            aria_hidden: "true",
+            data_slot: "icon"
+          ) do |s|
+            s.path(
+              stroke_linecap: "round",
+              stroke_linejoin: "round",
+              d:
+                "M4.26 10.147a60.438 60.438 0 0 0-.491 6.347A48.62 48.62 0 0 1 12 20.904a48.62 48.62 0 0 1 8.232-4.41 60.46 60.46 0 0 0-.491-6.347m-15.482 0a50.636 50.636 0 0 0-2.658-.813A59.906 59.906 0 0 1 12 3.493a59.903 59.903 0 0 1 10.399 5.84c-.896.248-1.783.52-2.658.814m-15.482 0A50.717 50.717 0 0 1 12 13.489a50.702 50.702 0 0 1 7.74-3.342M6.75 15a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm0 0v-3.675A55.378 55.378 0 0 1 12 8.443m-7.007 11.55A5.981 5.981 0 0 0 6.75 15.75v-1.5"
+            )
+          end
+        end
+      end
+    end
+  end
+end
+# rubocop:enable Layout/LineLength

data/lib/protos/icon/heroicon/adjustments_horizontal.rb

@@ -0,0 +1,49 @@
+# frozen_string_literal: true
+
+# This file was generated by the `generators/heroicon.rb` generator.
+
+# rubocop:disable Layout/LineLength
+module Protos
+  module Icon
+    module Heroicon
+      class AdjustmentsHorizontal < HeroiconComponent
+        def solid
+          svg(
+            **attrs,
+            xmlns: "http://www.w3.org/2000/svg",
+            viewbox: "0 0 24 24",
+            fill: "currentColor",
+            aria_hidden: "true",
+            data_slot: "icon"
+          ) do |s|
+            s.path(
+              d:
+                "M18.75 12.75h1.5a.75.75 0 0 0 0-1.5h-1.5a.75.75 0 0 0 0 1.5ZM12 6a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 12 6ZM12 18a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 12 18ZM3.75 6.75h1.5a.75.75 0 1 0 0-1.5h-1.5a.75.75 0 0 0 0 1.5ZM5.25 18.75h-1.5a.75.75 0 0 1 0-1.5h1.5a.75.75 0 0 1 0 1.5ZM3 12a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 3 12ZM9 3.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5ZM12.75 12a2.25 2.25 0 1 1 4.5 0 2.25 2.25 0 0 1-4.5 0ZM9 15.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z"
+            )
+          end
+        end
+
+        def outline
+          svg(
+            **attrs,
+            xmlns: "http://www.w3.org/2000/svg",
+            fill: "none",
+            viewbox: "0 0 24 24",
+            stroke_width: "1.5",
+            stroke: "currentColor",
+            aria_hidden: "true",
+            data_slot: "icon"
+          ) do |s|
+            s.path(
+              stroke_linecap: "round",
+              stroke_linejoin: "round",
+              d:
+                "M10.5 6h9.75M10.5 6a1.5 1.5 0 1 1-3 0m3 0a1.5 1.5 0 1 0-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-9.75 0h9.75"
+            )
+          end
+        end
+      end
+    end
+  end
+end
+# rubocop:enable Layout/LineLength

data/lib/protos/icon/heroicon/adjustments_vertical.rb

@@ -0,0 +1,49 @@
+# frozen_string_literal: true
+
+# This file was generated by the `generators/heroicon.rb` generator.
+
+# rubocop:disable Layout/LineLength
+module Protos
+  module Icon
+    module Heroicon
+      class AdjustmentsVertical < HeroiconComponent
+        def solid
+          svg(
+            **attrs,
+            xmlns: "http://www.w3.org/2000/svg",
+            viewbox: "0 0 24 24",
+            fill: "currentColor",
+            aria_hidden: "true",
+            data_slot: "icon"
+          ) do |s|
+            s.path(
+              d:
+                "M6 12a.75.75 0 0 1-.75-.75v-7.5a.75.75 0 1 1 1.5 0v7.5A.75.75 0 0 1 6 12ZM18 12a.75.75 0 0 1-.75-.75v-7.5a.75.75 0 0 1 1.5 0v7.5A.75.75 0 0 1 18 12ZM6.75 20.25v-1.5a.75.75 0 0 0-1.5 0v1.5a.75.75 0 0 0 1.5 0ZM18.75 18.75v1.5a.75.75 0 0 1-1.5 0v-1.5a.75.75 0 0 1 1.5 0ZM12.75 5.25v-1.5a.75.75 0 0 0-1.5 0v1.5a.75.75 0 0 0 1.5 0ZM12 21a.75.75 0 0 1-.75-.75v-7.5a.75.75 0 0 1 1.5 0v7.5A.75.75 0 0 1 12 21ZM3.75 15a2.25 2.25 0 1 0 4.5 0 2.25 2.25 0 0 0-4.5 0ZM12 11.25a2.25 2.25 0 1 1 0-4.5 2.25 2.25 0 0 1 0 4.5ZM15.75 15a2.25 2.25 0 1 0 4.5 0 2.25 2.25 0 0 0-4.5 0Z"
+            )
+          end
+        end
+
+        def outline
+          svg(
+            **attrs,
+            xmlns: "http://www.w3.org/2000/svg",
+            fill: "none",
+            viewbox: "0 0 24 24",
+            stroke_width: "1.5",
+            stroke: "currentColor",
+            aria_hidden: "true",
+            data_slot: "icon"
+          ) do |s|
+            s.path(
+              stroke_linecap: "round",
+              stroke_linejoin: "round",
+              d:
+                "M6 13.5V3.75m0 9.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 3.75V16.5m12-3V3.75m0 9.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 3.75V16.5m-6-9V3.75m0 3.75a1.5 1.5 0 0 1 0 3m0-3a1.5 1.5 0 0 0 0 3m0 9.75V10.5"
+            )
+          end
+        end
+      end
+    end
+  end
+end
+# rubocop:enable Layout/LineLength

data/lib/protos/icon/heroicon/archive_box.rb

@@ -0,0 +1,55 @@
+# frozen_string_literal: true
+
+# This file was generated by the `generators/heroicon.rb` generator.
+
+# rubocop:disable Layout/LineLength
+module Protos
+  module Icon
+    module Heroicon
+      class ArchiveBox < HeroiconComponent
+        def solid
+          svg(
+            **attrs,
+            xmlns: "http://www.w3.org/2000/svg",
+            viewbox: "0 0 24 24",
+            fill: "currentColor",
+            aria_hidden: "true",
+            data_slot: "icon"
+          ) do |s|
+            s.path(
+              d:
+                "M3.375 3C2.339 3 1.5 3.84 1.5 4.875v.75c0 1.036.84 1.875 1.875 1.875h17.25c1.035 0 1.875-.84 1.875-1.875v-.75C22.5 3.839 21.66 3 20.625 3H3.375Z"
+            )
+            s.path(
+              fill_rule: "evenodd",
+              d:
+                "m3.087 9 .54 9.176A3 3 0 0 0 6.62 21h10.757a3 3 0 0 0 2.995-2.824L20.913 9H3.087Zm6.163 3.75A.75.75 0 0 1 10 12h4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75Z",
+              clip_rule: "evenodd"
+            )
+          end
+        end
+
+        def outline
+          svg(
+            **attrs,
+            xmlns: "http://www.w3.org/2000/svg",
+            fill: "none",
+            viewbox: "0 0 24 24",
+            stroke_width: "1.5",
+            stroke: "currentColor",
+            aria_hidden: "true",
+            data_slot: "icon"
+          ) do |s|
+            s.path(
+              stroke_linecap: "round",
+              stroke_linejoin: "round",
+              d:
+                "m20.25 7.5-.625 10.632a2.25 2.25 0 0 1-2.247 2.118H6.622a2.25 2.25 0 0 1-2.247-2.118L3.75 7.5M10 11.25h4M3.375 7.5h17.25c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z"
+            )
+          end
+        end
+      end
+    end
+  end
+end
+# rubocop:enable Layout/LineLength