lookbook 2.0.5 → 2.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 304dad1bd141e24633de2a2ac09887d4ccc64b354adfe99c064364b1243871ec
-  data.tar.gz: 89854b30eb17b5923ae5b44f5b7efd3c6a71b58d755196c3710d2274ca73e691
+  metadata.gz: '0277029efee9bfc07832f5bc2ea7d1a57063a81e2e2986978c93abca8750fbe2'
+  data.tar.gz: c03b8c178645b7dba6572d37711cb4664ea4175fa56430acd595a369069d54c9
 SHA512:
-  metadata.gz: 6dae592f9af122d60314e043632b784110b5625e33340aff2b04833b343be4b48c04533c78ed557a7f8a09fad219fbf5cd9087e678cfb64d434bf6a9f6f23c1b
-  data.tar.gz: 7451044704c8f68d8b2dc17bed7729b43424c08fed2ff4895a22d78fd64de1ec21831db1d6d7f2a9b8c220a7d51d7b22a513fe4baf9997288a4bb92cb90bb73f
+  metadata.gz: c34fbd701d1f7818dea444b9ad899b7dce012968a0cc0038dd197bf0e70ea2af105c2d299e3ac21302f9276d0dde162b56cfebb8f45ba4e7eb9c1ab1455c4555
+  data.tar.gz: 50613e6f04c758f5c93fa4ff659a0a0a4c1a903e80d167a3c1aead2f6e5af7278549b260255405c077fe1f35ba920fc050fdfdb0dab4d37ce7df18658f6ace47

data/README.md

@@ -14,10 +14,14 @@
 ---
 
 <div align="center">
-Lookbook combines a powerful <strong>component browser</strong> and <strong>preview system</strong> with an <strong>integrated documentation engine</strong> to help teams build robust, modular, maintainable user interfaces. <a href="https://lookbook.build"><strong>Learn more &rarr;</strong></a>
+Lookbook combines a powerful <strong>component browser</strong> and <strong>preview system</strong> with an <strong>integrated documentation engine</strong> to help teams build robust, modular, maintainable user interfaces.<br><br>
+It's compatible with <a href="https://viewcomponent.org/">ViewComponent</a>, <a href="https://www.phlex.fun/">Phlex</a>, ActionView partials and more.
+<br><br>
+<a href="https://lookbook.build"><strong>Read the docs &rarr;</strong></a>
 
 </div>
 
+
 ---
 
 [![Lookbook UI](.github/assets/lookbook_ui.png)](http://lookbook.build/)

data/app/components/lookbook/base_component.rb

@@ -1,6 +1,6 @@
 module Lookbook
   class BaseComponent < ViewComponent::Base
-    include Lookbook::Engine.routes.url_helpers
+    send(:include, Lookbook::Engine.routes.url_helpers) # YARD parsing workaround: https://github.com/lsegal/yard/issues/546
     include Lookbook::UiElementsHelper
     include Lookbook::ClassNamesHelper if Engine.runtime_context.rails_older_than?("6.1.0")
 

data/app/components/lookbook/embed/inspector/component.html.erb

@@ -9,7 +9,7 @@
       <h3 class="flex items-center space-x-1">
         <strong class="text-lookbook-embed-title"><%= target.preview.label %></strong>
         <% if scenarios.many? %>
-          <%= select_tag("target", options_for_select(scenario_select_options, helpers.lookbook_embed_path(target.path)), "x-model": "targetPath", class: "!ml-2 compact") %>
+          <%= select_tag("target", options_for_select(scenario_select_options, helpers.lookbook_embed_path(target.lookup_path)), "x-model": "targetPath", class: "!ml-2 compact") %>
         <% else %>
           <span>(<%= target.label %>) </span>
         <% end %>
@@ -31,13 +31,13 @@
         <%= lookbook_render :button_group do |group| %>
           <% if display_action?(:inspect) %>
             <% group.with_button icon: :eye,
-              href: helpers.lookbook_inspect_url(target.path, params),
+              href: helpers.lookbook_inspect_url(target.lookup_path, params),
               tooltip: "View in Inspector",
               target: "_top" %>
           <% end %>
           <% if display_action?(:open) %>
             <% group.with_button icon: :external_link,
-              href: helpers.lookbook_preview_url(target.path, params),
+              href: helpers.lookbook_preview_url(target.lookup_path, params),
               tooltip: "Open in new window",
               target: "_blank" %>
           <% end %>
@@ -57,7 +57,7 @@
       x-ref="viewportWrapper"> 
       <%= lookbook_render :viewport,
         iframe_id: "#{id}-viewport",
-        src: helpers.lookbook_preview_path(target.path, request.query_parameters.merge(lookbook_timestamp: Time.now, lookbook_embed: true)),
+        src: helpers.lookbook_preview_path(target.lookup_path, request.query_parameters.merge(lookbook_timestamp: Time.now, lookbook_embed: true)),
         alpine_data: "store",
         resize_height: false,
         class: "mb-[-2px] transition-[height] duration-150",
@@ -82,6 +82,21 @@
             <% end %>
           <% end %>
         <% end %>
+
+         <% toolbar.with_section align: :right,  class: "flex-none relative z-10" do %>
+          <%= lookbook_render :button_group do |group| %>
+            <%= panels.select { |p| !p.disabled && p.copy }.each do |panel| %>
+              <% group.with_button id: "copy-panel-contents-button-#{panel.name}",
+                icon: :copy,
+                tooltip: "Copy panel contents",
+                copy: !!panel.copy,
+                "x-show": "store.activeTab === '#{panel.name}'",
+                cloak: true do %>
+                <%= panel.copy ? panel.copy : "" %>
+                <% end %>
+            <% end %>  
+          <% end %>
+        <% end %>
       <% end %>
 
       <div class="bg-lookbook-drawer-bg">      

data/app/components/lookbook/embed/inspector/component.rb

@@ -40,7 +40,7 @@ module Lookbook
     end
 
     def scenario_select_options
-      scenarios.map { |scenario| [scenario.label, helpers.lookbook_embed_path(scenario.path)] }
+      scenarios.map { |scenario| [scenario.label, helpers.lookbook_embed_path(scenario.lookup_path)] }
     end
 
     def display_option_controls?

data/app/components/lookbook/header/component.html.erb

@@ -29,6 +29,7 @@
         <% if @debug_menu %>
           <% group.with_button id: "debug-menu-button",
             icon: :help_circle,
+            tooltip: "Debug info",
             class: "!text-lookbook-header-text", "x-show": "!loading" do |button| %>
             <% menu = lookbook_render :debug_menu,
               version: Lookbook::VERSION,
@@ -50,8 +51,8 @@
           "x-show": "$store.layout.mobile && !sidebarHidden",
           "x-on:keydown.esc.window": "closeMobileSidebar",
           class: "!text-lookbook-header-text" %>
-      <% end %>    
+      <% end %>
     <% end %>
   <% end %>
-  
-<% end %>
+
+<% end %>

data/app/components/lookbook/tag_component.rb

@@ -20,7 +20,14 @@ module Lookbook
     end
 
     def self.escape_attribute_key
-      @escape_attribute_key ||= (Gem::Version.new(Rails.version) < Gem::Version.new("6.1.5.1")) ? :escape_attributes : :escape
+      @escape_attribute_key ||= (
+        (
+          Gem::Version.new(Rails.version) < Gem::Version.new("5.2.7.1")
+        ) || (
+          Gem::Version.new(Rails.version) >= Gem::Version.new("6") &&
+          Gem::Version.new(Rails.version) < Gem::Version.new("6.1.5.1")
+        )
+      ) ? :escape_attributes : :escape
     end
   end
 end

data/app/controllers/lookbook/application_controller.rb

@@ -48,7 +48,8 @@ module Lookbook
       @config = Lookbook.config
       @engine = Lookbook.engine
       @embed = !!params[:lookbook_embed]
-      @blank_slate = Engine.pages.none? && Engine.previews.none?
+      @sidebar_panels = sidebar_panels
+      @blank_slate = @sidebar_panels.none?
     end
 
     def raise_not_found(message = "Page not found")
@@ -56,6 +57,8 @@ module Lookbook
     end
 
     def handle_error(err)
+      raise err if Lookbook.config.preview_disable_error_handling
+
       @error = err.is_a?(Lookbook::Error) ? err : Lookbook::Error.new(original: err)
       @status_code = get_status_code(err)
 
@@ -71,6 +74,13 @@ module Lookbook
 
     private
 
+    def sidebar_panels
+      panels_config = Lookbook.config.preview_inspector.sidebar_panels.map(&:to_sym)
+      panels_config.select do |panel|
+        (panel == :pages && Engine.pages.any?) || (panel == :previews && Engine.previews.any?)
+      end
+    end
+
     def get_status_code(err)
       if err.respond_to?(:status)
         err.status

data/app/controllers/lookbook/embeds_controller.rb

@@ -1,5 +1,5 @@
 module Lookbook
-  class EmbedsController < ApplicationController
+  class EmbedsController < Lookbook::ApplicationController
     include ActionView::Helpers::SanitizeHelper
     include TargetableConcern
     include WithPreviewControllerConcern
@@ -21,7 +21,7 @@ module Lookbook
       if props.preview.present?
         preview = Engine.previews.find_by_preview_class(props.preview)
         if preview.present?
-          props.scenarios ||= (props.scenario || "")
+          props.scenarios ||= props.scenario || ""
           scenario = preview.scenario(Array(props.scenarios).first)
 
           boolean_options = ["display_option_controls"]
@@ -53,7 +53,7 @@ module Lookbook
           embed_params[:_options] = SearchParamEncoder.call(options)
           embed_params.symbolize_keys!
 
-          return redirect_to lookbook_embed_url(scenario ? scenario.path : preview.path, embed_params)
+          return redirect_to lookbook_embed_url(scenario ? scenario.lookup_path : preview.lookup_path, embed_params)
         end
       end
 
@@ -65,7 +65,7 @@ module Lookbook
       unless @target
         @target = @scenario_choices.first || @preview&.default_scenario
         if @target
-          redirect_to lookbook_embed_path(@target.path, req_params)
+          redirect_to lookbook_embed_path(@target.lookup_path, req_params)
         else
           raise_not_found("Preview not found")
         end

data/app/controllers/lookbook/inspector_controller.rb

@@ -1,5 +1,5 @@
 module Lookbook
-  class InspectorController < ApplicationController
+  class InspectorController < Lookbook::ApplicationController
     include TargetableConcern
     include WithPanelsConcern
     include WithPreviewControllerConcern

data/app/controllers/lookbook/page_controller.rb

@@ -15,7 +15,7 @@ module Lookbook
       @next_page = @pages.next(@page)
       @previous_page = @pages.previous(@page)
 
-      content = ActionViewAnnotationsHandler.call(disable_annotations: true) do
+      content = ActionViewConfigHandler.call do
         render_to_string inline: @page.content, locals: {
           page: @page,
           next_page: @next_page,

data/app/controllers/lookbook/pages_controller.rb

@@ -1,5 +1,5 @@
 module Lookbook
-  class PagesController < ApplicationController
+  class PagesController < Lookbook::ApplicationController
     helper_method :page_controller
 
     def self.controller_path

data/app/controllers/lookbook/previews_controller.rb

@@ -1,5 +1,5 @@
 module Lookbook
-  class PreviewsController < ApplicationController
+  class PreviewsController < Lookbook::ApplicationController
     include TargetableConcern
     include WithPreviewControllerConcern
 
@@ -68,7 +68,7 @@ module Lookbook
 
     def permit_framing
       headers["X-Frame-Options"] = Lookbook.config.preview_embeds.policy if embedded?
-      headers["X-Frame-Options"] = "SAMEORIGIN" if headers["X-Frame-Options"] == "DENY"
+      headers["X-Frame-Options"] = "SAMEORIGIN" if headers["X-Frame-Options"]&.upcase == "DENY"
     end
   end
 end

data/app/views/layouts/lookbook/application.html.erb

@@ -17,7 +17,7 @@
       project_name: @config.project_name,
       project_logo: @config.project_logo %>
 
-    <% if @previews.any? || @pages.any? %>
+    <% unless @blank_slate %>
       
       <%= lookbook_render :split_layout,
         alpine_data: "$store.layout.main",
@@ -32,48 +32,57 @@
           "x-on:click.outside": "closeMobileSidebar",
           cloak: true do %>
 
-          <%= lookbook_render :split_layout,
-            alpine_data: "$store.layout.#{@pages.any? && @previews.any? ? "sidebar" : "singleSectionSidebar"}",
-            style: "height: calc(100vh - 2.5rem);" do |layout| %>
+          <% if @sidebar_panels.any? %>  
+            <%= lookbook_render :split_layout,
+              alpine_data: "$store.layout.#{@sidebar_panels.many? ? "sidebar" : "singleSectionSidebar"}",
+              style: "height: calc(100vh - 2.5rem);" do |layout| %>
 
-            <% if @previews.any? %>
-              <% layout.with_pane class: "overflow-hidden" do %>
-                <%= lookbook_render :nav,
-                  id: "previews-nav",
-                  tree: @previews.to_tree,
-                  alpine_data: "$store.nav.previews" do |nav| %>
-                  <%= nav.with_toolbar do |toolbar| %>
-                    <% toolbar.with_section padded: true do %>
-                      <h4 class="pt-1"><%= @config.preview_collection_label %></h4>
-                    <% end %>
-                    <% toolbar.with_section align: :right, padded: false do %>
-                      <%= lookbook_render :button_group, size: :xs do |group| %>
-                        <% group.with_button icon: :minus_square,
-                          tooltip: "Collapse all",
-                          "x-on:click": "closeAll" %>
+              <% @sidebar_panels.each do |panel| %>
+                <% if panel == :previews && @previews.any? %>
+                  <% layout.with_pane class: "overflow-hidden" do %>
+                    <%= lookbook_render :nav,
+                      id: "previews-nav",
+                      tree: @previews.to_tree,
+                      alpine_data: "$store.nav.previews" do |nav| %>
+                      <%= nav.with_toolbar do |toolbar| %>
+                        <% toolbar.with_section padded: true do %>
+                          <h4 class="pt-1"><%= @config.preview_collection_label %></h4>
+                        <% end %>
+                        <% toolbar.with_section align: :right, padded: false do %>
+                          <%= lookbook_render :button_group, size: :xs do |group| %>
+                            <% group.with_button icon: :minus_square,
+                              tooltip: "Collapse all",
+                              "x-on:click": "closeAll" %>
+                          <% end %>
+                        <% end %>
+                      <% end %>
+                      <% if @config.preview_nav_filter %>
+                        <% nav.with_filter store: "$store.nav.previews.filter", placeholder: "Filter previews by name&hellip;" %>
                       <% end %>
                     <% end %>
                   <% end %>
-                  <% nav.with_filter store: "$store.nav.previews.filter", placeholder: "Filter previews by name&hellip;" %>
                 <% end %>
-              <% end %>
-            <% end %>
 
-            <% if @pages.any? %>
-              <% layout.with_pane class: "overflow-hidden" do %>
-                <%= lookbook_render :nav,
-                  id: "pages-nav",
-                  tree: @pages.to_tree,
-                  alpine_data: "$store.nav.pages" do |nav| %>
-                  <%= nav.with_toolbar do |toolbar| %>
-                    <% toolbar.with_section padded: true do %>
-                      <h4 class="pt-1"><%= @config.page_collection_label %></h4>
-                    <% end %>
-                    <% toolbar.with_section align: :right, padded: false do %>
-                      <%= lookbook_render :button_group, size: :xs do |group| %>
-                        <% group.with_button icon: :minus_square,
-                          tooltip: "Collapse all",
-                          "x-on:click": "closeAll" %>
+                <% if panel == :pages && @pages.any? %>
+                  <% layout.with_pane class: "overflow-hidden" do %>
+                    <%= lookbook_render :nav,
+                      id: "pages-nav",
+                      tree: @pages.to_tree,
+                      alpine_data: "$store.nav.pages" do |nav| %>
+                      <%= nav.with_toolbar do |toolbar| %>
+                        <% toolbar.with_section padded: true do %>
+                          <h4 class="pt-1"><%= @config.page_collection_label %></h4>
+                        <% end %>
+                        <% toolbar.with_section align: :right, padded: false do %>
+                          <%= lookbook_render :button_group, size: :xs do |group| %>
+                            <% group.with_button icon: :minus_square,
+                              tooltip: "Collapse all",
+                              "x-on:click": "closeAll" %>
+                          <% end %>
+                        <% end %>
+                      <% end %>
+                      <% if @config.page_nav_filter %>
+                        <% nav.with_filter store: "$store.nav.pages.filter", placeholder: "Filter pages by name&hellip;" %>  
                       <% end %>
                     <% end %>
                   <% end %>

data/app/views/layouts/lookbook/embed.html.erb

@@ -11,6 +11,12 @@
 
     <%= content_for?(:main) ? yield(:main) : yield %>
   </div>
+
+  <% if content_for? :dropdowns %>
+    <div class="hidden">
+      <%= content_for :dropdowns -%>
+    </div>
+  <% end %>
 <% end %>
 
 <%= render template: "layouts/lookbook/skeleton" %>

data/app/views/lookbook/index.html.erb

@@ -1,3 +1,7 @@
+<% 
+sidebar_panels_config = @config.preview_inspector.sidebar_panels.map(&:to_sym)
+%>
+
 <%= render "lookbook/partials/blank_slate" do %>
   <% if @blank_slate %>
     <%= lookbook_render :message,
@@ -5,17 +9,23 @@
       title: "Welcome to your Lookbook!",
       icon: :logo do %>
       <p>
-        There isn't much to see yet, but
-        <%= link_to "component previews",
-          "#{@config.links.docs}/guide/previews",
-          target: "_blank"
-        %>
-        and
-        <%= link_to "content pages",
-          "#{@config.links.docs}/guide/pages",
-          target: "_blank"
-        %>
-        will show up here as soon as they are added.
+        There isn't much to see yet<% if sidebar_panels_config.any? %>, but<% end %>
+        <% if sidebar_panels_config.include?(:previews) %>
+          <%= link_to "component previews",
+            "#{@config.links.docs}/guide/previews",
+            target: "_blank"
+          %>  
+        <% end %>
+        <% if sidebar_panels_config.many? %>and<% end %>
+        <% if sidebar_panels_config.include?(:pages) %>
+          <%= link_to "content pages",
+            "#{@config.links.docs}/guide/pages",
+            target: "_blank"
+          %>
+        <% end %>
+        <% if sidebar_panels_config.any? %>
+          will show up here as soon as they are added.
+        <% end %>
       </p>
     <% end %>
   <% else %>

data/app/views/lookbook/inspector/show.html.erb

@@ -63,7 +63,7 @@
               tooltip: "Open preview in new window",
               target: "_blank" %>
 
-            <% group.with_button id: "show-drawer-button",
+            <% group.with_button id: "show-vertical-drawer-button",
               icon: "sidebar",
               tooltip: "Show drawer",
               "x-on:click": "$store.inspector.drawer.hidden = false",
@@ -71,7 +71,7 @@
               "x-show": "$store.inspector.drawer.hidden && vertical",
               cloak: true %>
 
-            <% group.with_button id: "show-drawer-button",
+            <% group.with_button id: "show-bottom-drawer-button",
               icon: "credit-card",
               tooltip: "Show drawer",
               "x-on:click": "$store.inspector.drawer.hidden = false",
@@ -166,4 +166,4 @@
       </div>
     <% end %>
   <% end %>
-</main>
+</main>

data/app/views/lookbook/previews/group.html.erb

@@ -1,4 +1,5 @@
 <% if scenarios.many? %>
+  <% scenarios = scenarios.filter(&:visible?) %>
   <%# Render a group of scenarios %>
   <% scenarios.each do |scenario| %>
     <div style="margin-bottom: 30px !important; display: block !important;">

data/assets/css/lookbook.css

@@ -9,7 +9,7 @@
 
 @layer base {
   html {
-    @apply scroll-smooth h-screen;
+    @apply scroll-smooth h-screen w-screen;
   }
 
   @media screen and (prefers-reduced-motion: reduce) {
@@ -19,7 +19,7 @@
   }
 
   body {
-    @apply text-lookbook-text font-ui text-sm overflow-hidden;
+    @apply text-lookbook-text font-ui text-sm overflow-hidden w-screen;
   }
 
   [x-cloak] {

data/assets/icons/activity-square.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M17 12h-2l-2 5-2-10-2 5H7"/></svg>

data/assets/icons/ampersand.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17.5 12c0 4.4-3.6 8-8 8A4.5 4.5 0 0 1 5 15.5c0-6 8-4 8-8.5a3 3 0 1 0-6 0c0 3 2.5 8.5 12 13"/><path d="M16 12h3"/></svg>

data/assets/icons/ampersands.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 17c-5-3-7-7-7-9a2 2 0 0 1 4 0c0 2.5-5 2.5-5 6 0 1.7 1.3 3 3 3 2.8 0 5-2.2 5-5"/><path d="M22 17c-5-3-7-7-7-9a2 2 0 0 1 4 0c0 2.5-5 2.5-5 6 0 1.7 1.3 3 3 3 2.8 0 5-2.2 5-5"/></svg>

data/assets/icons/antenna.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M2 12 7 2"/><path d="m7 12 5-10"/><path d="m12 12 5-10"/><path d="m17 12 5-10"/><path d="M4.5 7h15"/><path d="M12 16v6"/></svg>

data/assets/icons/app-window.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="M10 4v4"/><path d="M2 8h20"/><path d="M6 4v4"/></svg>

data/assets/icons/archive-x.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><rect width="20" height="5" x="2" y="3" rx="1"/><path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/><path d="m9.5 17 5-5"/><path d="m9.5 12 5 5"/></svg>

data/assets/icons/area-chart.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3 3v18h18"/><path d="M7 12v5h12V8l-5 5-4-4Z"/></svg>

data/assets/icons/arrow-big-down-dash.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15 5H9"/><path d="M15 9v3h4l-7 7-7-7h4V9h6z"/></svg>

data/assets/icons/arrow-big-left-dash.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 15V9"/><path d="M15 15h-3v4l-7-7 7-7v4h3v6z"/></svg>

data/assets/icons/arrow-big-right-dash.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M5 9v6"/><path d="M9 9h3V5l7 7-7 7v-4H9V9z"/></svg>

data/assets/icons/arrow-big-up-dash.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9 19h6"/><path d="M9 15v-3H5l7-7 7 7h-4v3H9z"/></svg>

data/assets/icons/arrow-down-0-1.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m3 16 4 4 4-4"/><path d="M7 20V4"/><rect x="15" y="4" width="4" height="6" ry="2"/><path d="M17 20v-6h-2"/><path d="M15 20h4"/></svg>

data/assets/icons/arrow-down-1-0.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m3 16 4 4 4-4"/><path d="M7 20V4"/><path d="M17 10V4h-2"/><path d="M15 10h4"/><rect x="15" y="14" width="4" height="6" ry="2"/></svg>

data/assets/icons/arrow-down-a-z.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m3 16 4 4 4-4"/><path d="M7 20V4"/><path d="M20 8h-5"/><path d="M15 10V6.5a2.5 2.5 0 0 1 5 0V10"/><path d="M15 14h5l-5 6h5"/></svg>

data/assets/icons/arrow-down-from-line.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 3H5"/><path d="M12 21V7"/><path d="m6 15 6 6 6-6"/></svg>

data/assets/icons/arrow-down-left-from-circle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M2 12a10 10 0 1 1 10 10"/><path d="m2 22 10-10"/><path d="M8 22H2v-6"/></svg>

data/assets/icons/arrow-down-left-square.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="m16 8-8 8"/><path d="M16 16H8V8"/></svg>

data/assets/icons/arrow-down-narrow-wide.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m3 16 4 4 4-4"/><path d="M7 20V4"/><path d="M11 4h4"/><path d="M11 8h7"/><path d="M11 12h10"/></svg>

data/assets/icons/arrow-down-right-from-circle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 22a10 10 0 1 1 10-10"/><path d="M22 22 12 12"/><path d="M22 16v6h-6"/></svg>

data/assets/icons/arrow-down-right-square.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="m8 8 8 8"/><path d="M16 8v8H8"/></svg>

data/assets/icons/arrow-down-square.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M12 8v8"/><path d="m8 12 4 4 4-4"/></svg>

data/assets/icons/arrow-down-to-dot.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2v14"/><path d="m19 9-7 7-7-7"/><circle cx="12" cy="21" r="1"/></svg>

data/assets/icons/arrow-down-to-line.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 17V3"/><path d="m6 11 6 6 6-6"/><path d="M19 21H5"/></svg>

data/assets/icons/arrow-down-up.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m3 16 4 4 4-4"/><path d="M7 20V4"/><path d="m21 8-4-4-4 4"/><path d="M17 4v16"/></svg>

data/assets/icons/arrow-down-wide-narrow.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m3 16 4 4 4-4"/><path d="M7 20V4"/><path d="M11 4h10"/><path d="M11 8h7"/><path d="M11 12h4"/></svg>

data/assets/icons/arrow-down-z-a.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m3 16 4 4 4-4"/><path d="M7 4v16"/><path d="M15 4h5l-5 6h5"/><path d="M15 20v-3.5a2.5 2.5 0 0 1 5 0V20"/><path d="M20 18h-5"/></svg>

data/assets/icons/arrow-left-from-line.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m9 6-6 6 6 6"/><path d="M3 12h14"/><path d="M21 19V5"/></svg>

data/assets/icons/arrow-left-square.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="m12 8-4 4 4 4"/><path d="M16 12H8"/></svg>

data/assets/icons/arrow-left-to-line.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3 19V5"/><path d="m13 6-6 6 6 6"/><path d="M7 12h14"/></svg>

data/assets/icons/arrow-right-from-line.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3 5v14"/><path d="M21 12H7"/><path d="m15 18 6-6-6-6"/></svg>

data/assets/icons/arrow-right-left.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m16 3 4 4-4 4"/><path d="M20 7H4"/><path d="m8 21-4-4 4-4"/><path d="M4 17h16"/></svg>

data/assets/icons/arrow-right-square.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M8 12h8"/><path d="m12 16 4-4-4-4"/></svg>

data/assets/icons/arrow-right-to-line.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17 12H3"/><path d="m11 18 6-6-6-6"/><path d="M21 5v14"/></svg>

data/assets/icons/arrow-up-0-1.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m3 8 4-4 4 4"/><path d="M7 4v16"/><rect x="15" y="4" width="4" height="6" ry="2"/><path d="M17 20v-6h-2"/><path d="M15 20h4"/></svg>

data/assets/icons/arrow-up-1-0.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m3 8 4-4 4 4"/><path d="M7 4v16"/><path d="M17 10V4h-2"/><path d="M15 10h4"/><rect x="15" y="14" width="4" height="6" ry="2"/></svg>

data/assets/icons/arrow-up-a-z.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m3 8 4-4 4 4"/><path d="M7 4v16"/><path d="M20 8h-5"/><path d="M15 10V6.5a2.5 2.5 0 0 1 5 0V10"/><path d="M15 14h5l-5 6h5"/></svg>

data/assets/icons/arrow-up-from-dot.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m5 9 7-7 7 7"/><path d="M12 16V2"/><circle cx="12" cy="21" r="1"/></svg>

data/assets/icons/arrow-up-from-line.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m18 9-6-6-6 6"/><path d="M12 3v14"/><path d="M5 21h14"/></svg>

data/assets/icons/arrow-up-left-from-circle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M2 8V2h6"/><path d="m2 2 10 10"/><path d="M12 2A10 10 0 1 1 2 12"/></svg>