lookbook 1.0.0.beta.8 → 1.0.0.rc.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d6db7e9d13ee8598e93dd86dfb32db3e0794ae33934075286203e74428df3a92
-  data.tar.gz: ceb9b3c0050b40c8370a04d30a26b79afecdfc3b9b434346537d695de4731a77
+  metadata.gz: f64c997d49feb8abebcde5278b87487c2e6560325e5f36c849b2f1897e8c749e
+  data.tar.gz: d6d230272a15c2b3685da778e3b174300c5a40845f9b3819dba676c66f78904e
 SHA512:
-  metadata.gz: 5e424de07347103593d71cc389daa097cfa159949f6c6352d1e3b76e7a3f32709551dd25a4fd51ad7499c79bd3228a689affecfe06c0d4bcf74d2f070f62041d
-  data.tar.gz: 7a3680ad7c88cd5d5b15f761311ccb28e3f5f2a57e36a4a67b3b015aecea0ea6ee182babbf9b8bc7daa27c0350e201f0096731b59b656138e13fd694c388414d
+  metadata.gz: 5cae26841a60c692b5f762b77ad5b6ca38cba5164da39b38f8e026b720a9289300469e6f50d8b7e90e7c8135dcae93443650ae4a6861c5e29ea7b527cdd6e6ee
+  data.tar.gz: d59f0142b41eb72a82997a61a479937cf91ac2cf3adffdfd7e28f0fa9e9af6dacc0f106ce8db5afc9431b5b7278afb00fea3498859e4411b563cd67a47342c14

data/README.md

@@ -1,5 +1,11 @@
 # Lookbook v1.0
 
+<div>
+<a href="https://rubygems.org/gems/lookbook"><img src="https://img.shields.io/gem/v/lookbook?include_prereleases" alt="Gem version"></a>
+<img src="https://github.com/allmarkedup/lookbook/actions/workflows/ci.yml/badge.svg?branch=v1.0-beta" alt="CI status">
+</div>
+<br>
+
 > **This is the Lookbook v1.0 BETA development branch.**<br>
 >_For code and documentation for the current stable release see the [main branch](https://github.com/allmarkedup/lookbook/tree/main)._
 
@@ -9,7 +15,7 @@
 If you are already using Lookbook in your project, just update the Lookbook gem to the latest beta release and then head over to the [beta documentation site](https://beta.lookbook.build/) to read more about the new features.
 
 ```ruby
-gem "lookbook", ">= 1.0.0.beta.7"
+gem "lookbook", ">= 1.0.0.beta.8"
 ```
 
 If you are **new to Lookbook** then check out the <a href="https://beta.lookbook.build/guide/quick-start/">v1.0 quick start guide</a> for more detailed instructions on installing Lookbook in your project

data/app/assets/lookbook/css/themes/blue.css

@@ -58,6 +58,7 @@
   --lookbook-header-bg: var(--lookbook-accent-600);
   --lookbook-header-text: var(--lookbook-white);
   --lookbook-header-border: var(--lookbook-accent-700);
+  --lookbook-blank-slate-title: var(--lookbook-accent-600);
   --lookbook-branding-text: var(--lookbook-header-text);
   --lookbook-draggable-hint: rgb(224 231 255 / 0.2);
 }

data/app/assets/lookbook/css/themes/indigo.css

@@ -58,6 +58,7 @@
   --lookbook-header-bg: var(--lookbook-accent-600);
   --lookbook-header-text: var(--lookbook-white);
   --lookbook-header-border: var(--lookbook-accent-700);
+  --lookbook-blank-slate-title: var(--lookbook-accent-600);
   --lookbook-branding-text: var(--lookbook-header-text);
   --lookbook-draggable-hint: rgb(224 231 255 / 0.2);
 }

data/app/assets/lookbook/css/themes/zinc.css

@@ -58,6 +58,7 @@
   --lookbook-header-bg: var(--lookbook-accent-600);
   --lookbook-header-text: var(--lookbook-white);
   --lookbook-header-border: var(--lookbook-accent-700);
+  --lookbook-blank-slate-title: var(--lookbook-accent-600);
   --lookbook-branding-text: var(--lookbook-header-text);
   --lookbook-draggable-hint: rgb(224 231 255 / 0.2);
 }

data/app/assets/lookbook/js/components/clipboard.js

@@ -19,7 +19,7 @@ function initClipboard(context = {}) {
         return false;
       }
 
-      const content = decodeEntities(targetEl.innerText.trim());
+      const content = decodeEntities(targetEl.innerHTML.trim());
 
       await window.navigator.clipboard.writeText(content);
       this.copied = true;

data/app/components/lookbook/base_component.rb

@@ -35,7 +35,7 @@ module Lookbook
       alpine_component_name = x_data || @html_attrs&.dig(:"x-data") || alpine_component
       if alpine_component_name.present?
         args = Array.wrap(alpine_data)
-        args.any? ? "#{alpine_component_name}(#{safe_join(args).gsub(""", "'").tr("\"", "'")})" : alpine_component_name
+        args.any? ? "#{alpine_component_name}(#{safe_join(args)})" : alpine_component_name
       end
     end
   end

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

@@ -13,7 +13,7 @@
           href: lookbook_inspect_path(@example.path, @params),
           tooltip: "View in Inspector" %>
         <% group.button icon: :external_link,
-          href: lookbook_inspect_path(@example.path, @params),
+          href: lookbook_preview_path(@example.path, @params),
           tooltip: "Open in new window",
           target: "_blank" %>
       <% end %>

data/app/components/lookbook/nav/item/component.html.erb

@@ -17,7 +17,7 @@
         class: "mr-1 text-lookbook-nav-toggle absolute -left-4",
         "x-effect": "iconName = open ? 'chevron-down' : 'chevron-right'" if children? %>
       <%= icon nav_icon, size: 3.5, class: "mr-1.5 text-lookbook-nav-icon-stroke" %>
-      <span><%= label %></span>
+      <span <% if @item.type == :preview %>class="font-bold"<% end %>><%= label %></span>
     </div>
   <% end %>
   

data/app/components/lookbook/params_editor/field/component.html.erb

@@ -1,7 +1,7 @@
 <%= render_component_tag class: "px-4 py-3" do %>
   <div class="flex items-start max-w-[800px]" :class="isNarrowLayout && '!block'">
     <label
-      for="param-<%= @name %>"
+      for="param-<%= name %>"
       class="block font-bold cursor-pointer flex-none py-2 w-[140px] truncate pr-2">
       <%= label %>
     </label>
@@ -27,12 +27,12 @@
         <select
           class="form-input"
           x-bind="bindings.input || {}"
-          x-model="value">
+          x-model="value"
+          name="<%= name %>">
           <%= options_for_select(@options || [], value) %>
         </select>
 
       <% elsif field_type == "toggle" %>
-
         <button type="button"
           class="<%= value == true ? "bg-lookbook-input-toggle-active" : "bg-lookbook-input-toggle" %> relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-input-border-focus"
           role="switch"
@@ -42,7 +42,6 @@
             class="<%= value == true ? "translate-x-5" : "translate-x-0" %>  pointer-events-none inline-block h-5 w-5 rounded-full bg-white shadow ring-0 transition ease-in-out duration-200"
           ></span>
         </button>
-
       <% end %>
     </div>
   </div>

data/app/components/lookbook/params_editor/field/component.rb

@@ -1,5 +1,7 @@
 module Lookbook
   class ParamsEditor::Field::Component < Lookbook::BaseComponent
+    attr_reader :name
+
     def initialize(input:, name:, default: nil, value: nil, input_type: nil, type: nil, options: nil, **html_attrs)
       @input = input
       @name = name
@@ -12,7 +14,7 @@ module Lookbook
     end
 
     def label
-      @name.titleize
+      name.titleize
     end
 
     def value
@@ -31,8 +33,8 @@ module Lookbook
     protected
 
     def alpine_data
-      escaped_value = value.is_a?(String) ? helpers.j(value) : value
-      "{name: '#{@name}', value: '#{escaped_value}'}"
+      escaped_value = helpers.raw json_escape(value.to_json)
+      "{name: '#{name}', value: #{escaped_value}}"
     end
 
     def alpine_component

data/app/components/lookbook/tag_component.rb

@@ -6,13 +6,13 @@ module Lookbook
       @tag = tag
       html_attrs[:data] ||= {}
       html_attrs[:data][:component] = name if name.present?
-      html_attrs["x-cloak"] = true if cloak == true
+      html_attrs[:"x-cloak"] = true if cloak == true
       html_attrs[self.class.escape_attribute_key] = false
       @html_attrs = html_attrs
     end
 
     def call
-      tag.public_send(@tag, **@html_attrs) do
+      tag.public_send(@tag.to_sym, **@html_attrs) do
         content
       end
     end

data/app/controllers/lookbook/application_controller.rb

@@ -1,5 +1,6 @@
 module Lookbook
   class ApplicationController < ActionController::Base
+    content_security_policy false, if: -> { Rails.env.development? }
     protect_from_forgery with: :exception
 
     helper Lookbook::ApplicationHelper

data/app/controllers/lookbook/page_controller.rb

@@ -13,7 +13,12 @@ module Lookbook
       @pages = Lookbook.pages
       @next_page = @pages.find_next(@page)
       @previous_page = @pages.find_previous(@page)
-      content = render_to_string inline: @page.content
+      content = render_to_string inline: @page.content, locals: {
+        page: @page,
+        next_page: @next_page,
+        previous_page: @previous_page,
+        pages: @pages
+      }
       @page.markdown? ? Lookbook::Markdown.render(content) : content
     end
   end

data/app/controllers/lookbook/previews_controller.rb

@@ -2,6 +2,8 @@ module Lookbook
   class PreviewsController < ApplicationController
     layout "lookbook/inspector"
 
+    helper Lookbook::PreviewHelper
+
     def self.controller_path
       "lookbook/previews"
     end
@@ -47,16 +49,6 @@ module Lookbook
       redirect_to lookbook_inspect_path params[:path]
     end
 
-    # Namespaced preview helpers
-
-    def lookbook_display(key, fallback = nil)
-      params.dig(:lookbook, :display, key.to_sym) || fallback
-    end
-
-    def lookbook_data(key, fallback = nil)
-      Lookbook.data.get(key, fallback)
-    end
-
     private
 
     def lookup_entities

data/app/helpers/lookbook/preview_helper.rb

@@ -1,6 +1,11 @@
 module Lookbook
   module PreviewHelper
-    # Left intentionally empty.
-    # Included for backwards compatability.
+    def lookbook_display(key, fallback = nil)
+      params.dig(:lookbook, :display, key.to_sym) || fallback
+    end
+
+    def lookbook_data(key, fallback = nil)
+      Lookbook.data.get(key, fallback)
+    end
   end
 end

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

@@ -1,27 +1,14 @@
 <div id="landing" class="flex flex-col items-center justify-center h-full w-full">
-  <div class="p-4 text-center mx-auto">
-    <% if Lookbook.previews? %>
-      <div id="landing-with-content">
-        <h5 class="text-lg opacity-50"><%= config.project_name %></h5>
-        <div class="mt-2 italic opacity-30 max-w-[400px]">
-          <p>
-            Select a preview from the nav to get started.
-          </p>
-        </div>
-      </div>
-    <% else %>
-      <div id="landing-no-content">
-        <h5 class="text-lg font-bold opacity-80"><%= config.project_name %></h5>
-        <div class="mt-3 italic opacity-40 max-w-[400px]">
-          <p>
-            Nothing here yet! 
-            <a class="underline" href="https://viewcomponent.org/guide/previews.html" target="_blank">
-              Create a preview
-            </a>
-            to get started.
-          </p>
-        </div>
-      </div>
-    <% end %>
+  <div class="text-center" id="landing-<%= Lookbook.previews? ? "with" : "no" %>-content">
+    <h5 class="text-base text-lookbook-blank-slate-title truncate uppercase font-black tracking-wider mb-2">
+      <%= config.project_name %>
+    </h5>
+    <div class="opacity-60">
+      <% if Lookbook.previews? %>
+        <p>Select a preview from the nav to get started.</p>
+      <% else %>
+        <p><a class="underline" href="https://beta.lookbook.build/guide/previews" target="_blank">Create a preview</a> to get started.</p>
+      <% end %>
+    </div>
   </div>
 </div>

data/lib/lookbook/collection.rb

@@ -37,6 +37,10 @@ module Lookbook
       @items.sort_by { |item| [item.hierarchy_depth, item&.position, item.label] }
     end
 
+    def clear
+      @items = []
+    end
+
     def visible_items
       reject { |i| i.hidden? }
     end
@@ -68,14 +72,15 @@ module Lookbook
 
     def find(lookup = nil, &block)
       if lookup
-        lookup.is_a?(Symbol) ? find_by_id(lookup.to_s.tr("_", "-")) : find_by_path(lookup)
+        lookup.is_a?(Symbol) ? find_by_id(lookup) : find_by_path(lookup)
       elsif block
         items.find(&block)
       end
     end
 
     def find_by_id(id)
-      items.find { |i| i.id == id }
+      id = id.to_s.tr("_", "-")
+      items.find { |i| i.id.to_s == id }
     end
 
     def find_by_path(path)

data/lib/lookbook/engine.rb

@@ -1,4 +1,3 @@
-require "rails"
 require "view_component"
 require "action_cable/engine"
 require "listen"
@@ -206,7 +205,12 @@ module Lookbook
       end
 
       def app_name
-        Rails.application.class.module_parent_name.underscore
+        name = if Gem::Version.new(Rails.version) >= Gem::Version.new("6.1")
+          Rails.application.class.module_parent_name
+        else
+          Rails.application.class.parent_name
+        end
+        name.underscore
       end
 
       def register_listener(listener)

data/lib/lookbook/preview.rb

@@ -201,7 +201,7 @@ module Lookbook
             {
               path: path,
               base_path: preview_path,
-              rel_path: Pathname(path).relative_path_from(preview_path).to_s
+              rel_path: Pathname(path).relative_path_from(Pathname.new(preview_path)).to_s
             }
           end
         end

data/lib/lookbook/preview_controller.rb

@@ -14,7 +14,7 @@ module Lookbook
       render html: render_to_string(template, **opts)
     end
 
-    def render_in_layout_to_string(template, locals, **opts)
+    def render_in_layout_to_string(template, locals, opts = {})
       append_view_path Lookbook::Engine.root.join("app/views")
       html = render_to_string(template, locals: locals, **determine_layout(opts[:layout]))
       if opts[:append_html].present?

data/lib/lookbook/preview_example.rb

@@ -11,7 +11,7 @@ module Lookbook
     end
 
     def id
-      generate_id(@preview.id, name)
+      @example_inspector&.id || generate_id(@preview.id, name)
     end
 
     def url_path

data/lib/lookbook/source_inspector.rb

@@ -10,37 +10,39 @@ module Lookbook
     end
 
     def hidden?
-      if code_object&.tag(:hidden)
+      @hidden ||= if code_object&.tag(:hidden)
         code_object.tag(:hidden).text.strip != "false"
+      else
+        false
       end
     end
 
     def id
-      if code_object&.tag(:id)&.text&.present?
+      @id ||= if code_object&.tag(:id)&.text&.present?
         generate_id(code_object&.tag(:id)&.text)
       end
     end
 
     def label
-      code_object&.tag(:label)&.text
+      @label ||= code_object&.tag(:label)&.text
     end
 
     def notes
-      if code_object&.docstring
+      @notes ||= if code_object&.docstring
         code_object.docstring.to_s.strip
       end
     end
 
     def group
-      code_object&.group
+      @group ||= code_object&.group
     end
 
     def position
-      code_object&.tag(:position)&.text&.to_i || 10000
+      @position ||= code_object&.tag(:position)&.text&.to_i || 10000
     end
 
     def components
-      if code_object&.tags(:component).present?
+      @components ||= if code_object&.tags(:component).present?
         code_object.tags(:component).map do |component|
           component.text.constantize
         end
@@ -50,7 +52,8 @@ module Lookbook
     end
 
     def display_params
-      display_params = {}.with_indifferent_access
+      return @display_params unless @display_params.nil?
+      @display_params = {}.with_indifferent_access
       if code_object&.tags(:display).present?
         code_object.tags(:display).each do |tag|
           parts = tag.text.strip.match(/^([^\s]*)\s?(.*)$/)
@@ -63,11 +66,11 @@ module Lookbook
           end
         end
       end
-      display_params
+      @display_params
     end
 
     def parameter_defaults
-      code_object&.parameters&.map { |str| Params.parse_method_param_str(str) }&.compact&.to_h
+      @param_defaults ||= code_object&.parameters&.map { |str| Params.parse_method_param_str(str) }&.compact&.to_h
     end
 
     def params
@@ -77,7 +80,7 @@ module Lookbook
     end
 
     def methods
-      code_object&.meths
+      @methods ||= code_object&.meths
     end
 
     def tags(name = nil)

data/lib/lookbook/tags.rb

@@ -15,7 +15,7 @@ module Lookbook
       return [] if tag_objects.none?
       tag_objects.map do |tag_object|
         opts = Lookbook.config.preview_tags[tag_object.tag_name] || {}
-        Lookbook::Tag.new(tag_object, opts[:args], opts.except(:args))
+        Lookbook::Tag.new(tag_object, opts[:args], **opts.except(:args))
       end.compact
     end
   end

data/lib/lookbook/version.rb

@@ -1,3 +1,3 @@
 module Lookbook
-  VERSION = "1.0.0.beta.8"
+  VERSION = "1.0.0.rc.3"
 end

data/lib/tasks/lookbook_tasks.rake

@@ -1,18 +1,6 @@
 require_relative "../lookbook"
 
 namespace :lookbook do
-  desc "Run the rspec tests"
-  task :test do
-    sh "bundle exec rspec"
-  end
-
-  namespace :test do
-    desc "Start a server to view the test app"
-    task :serve do
-      sh "bundle exec rackup"
-    end
-  end
-
   namespace :previews do
     desc "Preparse the previews"
     task preparse: :environment do
@@ -20,21 +8,4 @@ namespace :lookbook do
       puts "Lookbook preview parsing complete"
     end
   end
-
-  namespace :release do
-    desc "Bump the Lookbook engine version number"
-    task :bump_version, [:version] do |t, args|
-      filename = Lookbook::Engine.root.join("lib/lookbook/version.rb")
-      current_version = Lookbook::VERSION.to_s
-      new_version = args[:version].sub("v", "").tr("-", ".")
-      file = File.open(filename)
-      contents = file.read
-      File.write(filename, contents.gsub(current_version, new_version))
-    end
-
-    desc "Build Gem and push to RubyGems"
-    task :build_and_push do
-      sh("rake build && gem push pkg/lookbook-#{Lookbook::VERSION}.gem")
-    end
-  end
 end

data/public/lookbook-assets/css/lookbook.css

@@ -2122,10 +2122,6 @@ pre[class*="language-"] {
   max-width: 1024px;
 }
 
-.max-w-\[400px\] {
-  max-width: 400px;
-}
-
 .max-w-\[420px\] {
   max-width: 420px;
 }
@@ -2769,6 +2765,10 @@ pre[class*="language-"] {
   color: rgb(156 163 175 / var(--tw-text-opacity));
 }
 
+.text-lookbook-blank-slate-title {
+  color: var(--lookbook-blank-slate-title);
+}
+
 .text-red-800 {
   --tw-text-opacity: 1;
   color: rgb(153 27 27 / var(--tw-text-opacity));
@@ -2840,18 +2840,14 @@ pre[class*="language-"] {
   opacity: .5;
 }
 
-.opacity-30 {
-  opacity: .3;
+.opacity-60 {
+  opacity: .6;
 }
 
 .opacity-80 {
   opacity: .8;
 }
 
-.opacity-40 {
-  opacity: .4;
-}
-
 .opacity-0 {
   opacity: 0;
 }
@@ -2864,6 +2860,14 @@ pre[class*="language-"] {
   opacity: .9;
 }
 
+.opacity-30 {
+  opacity: .3;
+}
+
+.opacity-40 {
+  opacity: .4;
+}
+
 .\!opacity-100 {
   opacity: 1 !important;
 }

data/public/lookbook-assets/css/lookbook.css.map

@@ -1 +1 @@
-{"mappings":"AAKE;;;;;AAOD;;;;AAQC;;;;;;;AASA;;;;;AAOA;;;;;;AAMA;;;;AAIA;;;;;AAUA;;;;;AAKA;;;;AAMA;;;;;AAQA;;;;AAIA;;;;;;;AAMD;;;;AAEA;;;;AAMC;;;;;;AAQA;;;;;;;;;;AAcA;;;;AAMA;;;;;;AASA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAMA;;;;;AAKA;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAcD;;;;;AAGA;;;;AAEA;;;;;;AAQC;;;;AAKA;;;;;AAMA;;;;AAKA;;;;AAMA;;;;;AAYA;;;;;AAID;;;;;;;;;;;;AAaA;;;;;;;;;;;;;AAWA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;;;;;AAOA;;;;;;;;;AAOA;;;;;;;;;;;;;;;;;;AAgBA;;;;AAEA;;;;AAEA;;;;;;;;;;;;AAUA;;;;;;;;AAMA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;;;;;AAOA;;;;;AAGA;;;;;;;;;;AAQA;;;;AAEA;;;;;AAGA;EACG;;;;;AAGD;;;;;;;;;;AAQF;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;;;;;;AAOA;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FA;;;;;AAGA;;;;;;;;AAMA;;;;;;AAIA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;AAKA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;AAKA;;;;;AAGA;;;;AAEA;;;;;;;AAKA;;;;;;;;;;;;AAUA;;;;AAEA;;;;AAEA;;;;;;;;;AAOA;;;;;AAGA;;;;;;;;;AAOA;;;;;AAGA;;;;;;;;;AAOA;;;;;AAGA;;;;;;;;AAMA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;;;AAKA;;;;;;AAIA;;;;AAIA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;;;;;;;AAcA;;;;;;;;;;;;AAUA;;;;AAIA;;;;;;;;;;AAQA;;;;;AAGA;;;;;;;;;AAOA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAKA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;;;AAKA;;;;;;AAIA;;;;;;;AAKA;;;;;;;AAKA;;;;;;;AAKA;;;;;;AAIA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;;;AAUA;;;;;;AAIA;;;;;;AAIA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;AAKA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;;;AAKA;;;;;;AAIA;;;;;;;AAKA;;;;;;;AAKA;;;;;;;AAKA;;;;;;AAIA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;;;AAUA;;;;;;AAIA;;;;;;AAIA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;AAKA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;;;AAKM;;;;;AAMA;;;;AAIA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;;AAIA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAUA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAMA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAQA;;;;AAgBA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAMA;;;;AAEA;;;;;AAGA;;;;;;;;AAMN;;;;;AAGI;;;;;;;AAKc;;;;AAElB;;;;;;;;AAMM;;;;;;;;;;;;;;;;AAcA;;;;;;;;AAMA;;;;;AAGN;;;;;AAGgC;;;;AAEhC;;;;;AAGA;;;;;;;;;AAOA;;;;;;;;;;AAQA;;;;;AAGA;;;;;;AAIA;;;;;AAIA;;;;;AAGA;;;;AAEA;;;;;;;;AAMA;;;;;AAGI;;;;;;;AAKJ;;;;;AAGE;;;;;;;;;;AAQF;;;;;AAGA;;;;;;;;;AAOA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;;AAGA;;;;;;;;AAMA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAKA;;;;AAKA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;;AAKA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;AAIA;;;;;;AAIA;;;;;AAGA;;;;AAEA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAA6D;;;;AAA+C;;;;;;;;;;;;AAA6L;;;;AAAsD;;;;;;;;AAAmJ;;;;AAAsD;;;;;;;;AAAyJ;;;;AAAsD;;;;;;;AAAkJ;;;;AAAsD;;;;;;;AAAoJ;;;;AAAuG;;;;;;AAA+C;;;;;;;AAA6F;;;;;;AAA2D;;;;AAAkC;;;;;;;AAAsH;;;;;;;AAAyH;;;;;;;AAA0H;;;;;;;AAA2H;;;;AAA2F;;;;AAAiG;;;;AAA6F;;;;AAA+F;;;;AAAkC;;;;;;;;AAAuG;;;;;;;;AAOx4E;;;;AAEE;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;;;;;AASF;;;;;;AAIA;;;;AAEE;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEF;;;;;AAGA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;;AAIA;;;;;;AAIA;;;;AAEA;;;;;AAGA;;;;AAEA;EAEC;;;;;EAKA","sources":["app/assets/lookbook/css/lookbook.css"],"sourcesContent":["@import \"tailwindcss/base\";\n@import \"tailwindcss/components\";\n@import \"tailwindcss/utilities\";\n\n@import \"./tooltip.css\";\n\n@import-glob \"../../../components/lookbook/**/*/component.css\";\n\n@layer base {\n  html {\n    @apply scroll-smooth h-screen;\n  }\n\n  @media screen and (prefers-reduced-motion: reduce) {\n    html {\n      @apply scroll-auto;\n    }\n  }\n\n  body {\n    @apply text-lookbook-text font-sans text-sm antialiased overflow-hidden;\n  }\n\n  [x-cloak] {\n    @apply !hidden;\n  }\n\n  pre[class*=\"language-\"] {\n    @apply !p-0 !m-0;\n  }\n\n  ::-webkit-scrollbar {\n    @apply w-1 h-1;\n  }\n\n  ::-webkit-scrollbar-track {\n    @apply bg-transparent;\n  }\n\n  ::-webkit-scrollbar-thumb {\n    @apply transition-colors rounded-full\tbg-clip-content bg-lookbook-scrollbar;\n  }\n\n  ::-webkit-scrollbar-thumb:hover {\n    @apply bg-lookbook-scrollbar-hover;\n  }\n}\n\n@layer components {\n  .form-input {\n    @apply text-lookbook-input-text placeholder:text-lookbook-input-text-placeholder placeholder:italic;\n    @apply border-lookbook-input-border focus:ring-lookbook-input-border-focus focus:border-lookbook-input-border-focus;\n    @apply rounded-md text-sm w-full bg-lookbook-input-bg;\n  }\n}\n"],"names":[],"version":3,"file":"lookbook.css.map"}
+{"mappings":"AAKE;;;;;AAOD;;;;AAQC;;;;;;;AASA;;;;;AAOA;;;;;;AAMA;;;;AAIA;;;;;AAUA;;;;;AAKA;;;;AAMA;;;;;AAQA;;;;AAIA;;;;;;;AAMD;;;;AAEA;;;;AAMC;;;;;;AAQA;;;;;;;;;;AAcA;;;;AAMA;;;;;;AASA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAMA;;;;;AAKA;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAcD;;;;;AAGA;;;;AAEA;;;;;;AAQC;;;;AAKA;;;;;AAMA;;;;AAKA;;;;AAMA;;;;;AAYA;;;;;AAID;;;;;;;;;;;;AAaA;;;;;;;;;;;;;AAWA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;;;;;AAOA;;;;;;;;;AAOA;;;;;;;;;;;;;;;;;;AAgBA;;;;AAEA;;;;AAEA;;;;;;;;;;;;AAUA;;;;;;;;AAMA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;;;;;AAOA;;;;;AAGA;;;;;;;;;;AAQA;;;;AAEA;;;;;AAGA;EACG;;;;;AAGD;;;;;;;;;;AAQF;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;;;;;;AAOA;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FA;;;;;AAGA;;;;;;;;AAMA;;;;;;AAIA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;AAKA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;AAKA;;;;;AAGA;;;;AAEA;;;;;;;AAKA;;;;;;;;;;;;AAUA;;;;AAEA;;;;AAEA;;;;;;;;;AAOA;;;;;AAGA;;;;;;;;;AAOA;;;;;AAGA;;;;;;;;;AAOA;;;;;AAGA;;;;;;;;AAMA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;;;AAKA;;;;;;AAIA;;;;AAIA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;;;;;;;AAcA;;;;;;;;;;;;AAUA;;;;AAIA;;;;;;;;;;AAQA;;;;;AAGA;;;;;;;;;AAOA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAKA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;;;AAKA;;;;;;AAIA;;;;;;;AAKA;;;;;;;AAKA;;;;;;;AAKA;;;;;;AAIA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;;;AAUA;;;;;;AAIA;;;;;;AAIA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;AAKA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;;;AAKA;;;;;;AAIA;;;;;;;AAKA;;;;;;;AAKA;;;;;;;AAKA;;;;;;AAIA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;;;AAUA;;;;;;AAIA;;;;;;AAIA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;AAKA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;;;AAKM;;;;;AAMA;;;;AAIA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;;AAIA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAUA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAMA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAQA;;;;AAgBA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAMA;;;;AAEA;;;;;AAGA;;;;;;;;AAMN;;;;;AAGI;;;;;;;AAKc;;;;AAElB;;;;;;;;AAMM;;;;;;;;;;;;;;;;AAcA;;;;;;;;AAMA;;;;;AAGN;;;;;AAGgC;;;;AAEhC;;;;;AAGA;;;;;;;;;AAOA;;;;;;;;;;AAQA;;;;;AAGA;;;;;;AAIA;;;;;AAIA;;;;;AAGA;;;;AAEA;;;;;;;;AAMA;;;;;AAGI;;;;;;;AAKJ;;;;;AAGE;;;;;;;;;;AAQF;;;;;AAGA;;;;;;;;;AAOA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;;AAGA;;;;;;;;AAMA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAKA;;;;AAKA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;;AAKA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;AAIA;;;;;;AAIA;;;;;AAGA;;;;AAEA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAA6D;;;;AAA+C;;;;;;;;;;;;AAA6L;;;;AAAsD;;;;;;;;AAAmJ;;;;AAAsD;;;;;;;;AAAyJ;;;;AAAsD;;;;;;;AAAkJ;;;;AAAsD;;;;;;;AAAoJ;;;;AAAuG;;;;;;AAA+C;;;;;;;AAA6F;;;;;;AAA2D;;;;AAAkC;;;;;;;AAAsH;;;;;;;AAAyH;;;;;;;AAA0H;;;;;;;AAA2H;;;;AAA2F;;;;AAAiG;;;;AAA6F;;;;AAA+F;;;;AAAkC;;;;;;;;AAAuG;;;;;;;;AAOx4E;;;;AAEE;;;;AAEA;;;;AAEA;;;;AAEA;;;;;;;;;;;AASF;;;;;;AAIA;;;;AAEE;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEF;;;;;AAGA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;;AAIA;;;;;;AAIA;;;;AAEA;;;;;AAGA;;;;AAEA;EAEC;;;;;EAKA","sources":["app/assets/lookbook/css/lookbook.css"],"sourcesContent":["@import \"tailwindcss/base\";\n@import \"tailwindcss/components\";\n@import \"tailwindcss/utilities\";\n\n@import \"./tooltip.css\";\n\n@import-glob \"../../../components/lookbook/**/*/component.css\";\n\n@layer base {\n  html {\n    @apply scroll-smooth h-screen;\n  }\n\n  @media screen and (prefers-reduced-motion: reduce) {\n    html {\n      @apply scroll-auto;\n    }\n  }\n\n  body {\n    @apply text-lookbook-text font-sans text-sm antialiased overflow-hidden;\n  }\n\n  [x-cloak] {\n    @apply !hidden;\n  }\n\n  pre[class*=\"language-\"] {\n    @apply !p-0 !m-0;\n  }\n\n  ::-webkit-scrollbar {\n    @apply w-1 h-1;\n  }\n\n  ::-webkit-scrollbar-track {\n    @apply bg-transparent;\n  }\n\n  ::-webkit-scrollbar-thumb {\n    @apply transition-colors rounded-full\tbg-clip-content bg-lookbook-scrollbar;\n  }\n\n  ::-webkit-scrollbar-thumb:hover {\n    @apply bg-lookbook-scrollbar-hover;\n  }\n}\n\n@layer components {\n  .form-input {\n    @apply text-lookbook-input-text placeholder:text-lookbook-input-text-placeholder placeholder:italic;\n    @apply border-lookbook-input-border focus:ring-lookbook-input-border-focus focus:border-lookbook-input-border-focus;\n    @apply rounded-md text-sm w-full bg-lookbook-input-bg;\n  }\n}\n"],"names":[],"version":3,"file":"lookbook.css.map"}

data/public/lookbook-assets/css/themes/blue.css

@@ -58,6 +58,7 @@
   --lookbook-header-bg: var(--lookbook-accent-600);
   --lookbook-header-text: var(--lookbook-white);
   --lookbook-header-border: var(--lookbook-accent-700);
+  --lookbook-blank-slate-title: var(--lookbook-accent-600);
   --lookbook-branding-text: var(--lookbook-header-text);
   --lookbook-draggable-hint: #e0e7ff33;
 }

data/public/lookbook-assets/css/themes/blue.css.map

@@ -1 +1 @@
-{"mappings":"AAAA","sources":["app/assets/lookbook/css/themes/blue.css"],"sourcesContent":[":root {\n  --lookbook-white: theme(\"colors.white\");\n  --lookbook-accent-50: theme(\"colors.blue.50\");\n  --lookbook-accent-100: theme(\"colors.blue.100\");\n  --lookbook-accent-200: theme(\"colors.blue.200\");\n  --lookbook-accent-300: theme(\"colors.blue.300\");\n  --lookbook-accent-400: theme(\"colors.blue.400\");\n  --lookbook-accent-500: theme(\"colors.blue.500\");\n  --lookbook-accent-600: theme(\"colors.blue.600\");\n  --lookbook-accent-700: theme(\"colors.blue.700\");\n  --lookbook-accent-800: theme(\"colors.blue.800\");\n  --lookbook-accent-900: theme(\"colors.blue.900\");\n  --lookbook-base-50: theme(\"colors.zinc.50\");\n  --lookbook-base-100: theme(\"colors.zinc.100\");\n  --lookbook-base-200: theme(\"colors.zinc.200\");\n  --lookbook-base-300: theme(\"colors.zinc.300\");\n  --lookbook-base-400: theme(\"colors.zinc.400\");\n  --lookbook-base-500: theme(\"colors.zinc.500\");\n  --lookbook-base-600: theme(\"colors.zinc.600\");\n  --lookbook-base-700: theme(\"colors.zinc.700\");\n  --lookbook-base-800: theme(\"colors.zinc.800\");\n  --lookbook-base-900: theme(\"colors.zinc.900\");\n  --lookbook-text: var(--lookbook-base-800);\n  --lookbook-divider: var(--lookbook-base-300);\n  --lookbook-icon-button-stroke: var(--lookbook-base-400);\n  --lookbook-icon-button-stroke-hover: var(--lookbook-accent-600);\n  --lookbook-tooltip-bg: var(--lookbook-accent-500);\n  --lookbook-tooltip-text: var(--lookbook-white);\n  --lookbook-scrollbar: var(--lookbook-base-200);\n  --lookbook-scrollbar-hover: var(--lookbook-base-300);\n  --lookbook-toolbar-bg: var(--lookbook-white);\n  --lookbook-toolbar-divider: var(--lookbook-divider);\n  --lookbook-nav-text: var(--lookbook-text);\n  --lookbook-nav-toggle: var(--lookbook-base-500);\n  --lookbook-nav-icon-stroke: var(--lookbook-accent-500);\n  --lookbook-nav-item-hover: var(--lookbook-base-100);\n  --lookbook-nav-item-active: var(--lookbook-accent-50);\n  --lookbook-input-bg: var(--lookbook-white);\n  --lookbook-input-border: var(--lookbook-base-300);\n  --lookbook-input-border-focus: var(--lookbook-accent-200);\n  --lookbook-input-text: var(--lookbook-base-600);\n  --lookbook-input-text-placeholder: var(--lookbook-base-400);\n  --lookbook-input-toggle: var(--lookbook-base-300);\n  --lookbook-input-toggle-active: var(--lookbook-accent-500);\n  --lookbook-prose-bg: var(--lookbook-white);\n  --lookbook-prose-text: var(--lookbook-base-600);\n  --lookbook-prose-link: var(--lookbook-accent-900);\n  --lookbook-tabs-text: var(--lookbook-base-500);\n  --lookbook-tabs-text-hover: var(--lookbook-base-700);\n  --lookbook-tabs-text-disabled: var(--lookbook-base-300);\n  --lookbook-tabs-border-active: var(--lookbook-accent-400);\n  --lookbook-viewport-handle: var(--lookbook-white);\n  --lookbook-viewport-handle-icon-stroke: var(--lookbook-base-300);\n  --lookbook-viewport-handle-icon-stroke-hover: var(--lookbook-base-700);\n  --lookbook-sidebar-bg: var(--lookbook-base-50);\n  --lookbook-page-bg: var(--lookbook-white);\n  --lookbook-drawer-bg: var(--lookbook-base-50);\n  --lookbook-header-bg: var(--lookbook-accent-600);\n  --lookbook-header-text: var(--lookbook-white);\n  --lookbook-header-border: var(--lookbook-accent-700);\n  --lookbook-branding-text: var(--lookbook-header-text);\n  --lookbook-draggable-hint: rgb(224 231 255 / 0.2);\n}\n"],"names":[],"version":3,"file":"blue.css.map"}
+{"mappings":"AAAA","sources":["app/assets/lookbook/css/themes/blue.css"],"sourcesContent":[":root {\n  --lookbook-white: theme(\"colors.white\");\n  --lookbook-accent-50: theme(\"colors.blue.50\");\n  --lookbook-accent-100: theme(\"colors.blue.100\");\n  --lookbook-accent-200: theme(\"colors.blue.200\");\n  --lookbook-accent-300: theme(\"colors.blue.300\");\n  --lookbook-accent-400: theme(\"colors.blue.400\");\n  --lookbook-accent-500: theme(\"colors.blue.500\");\n  --lookbook-accent-600: theme(\"colors.blue.600\");\n  --lookbook-accent-700: theme(\"colors.blue.700\");\n  --lookbook-accent-800: theme(\"colors.blue.800\");\n  --lookbook-accent-900: theme(\"colors.blue.900\");\n  --lookbook-base-50: theme(\"colors.zinc.50\");\n  --lookbook-base-100: theme(\"colors.zinc.100\");\n  --lookbook-base-200: theme(\"colors.zinc.200\");\n  --lookbook-base-300: theme(\"colors.zinc.300\");\n  --lookbook-base-400: theme(\"colors.zinc.400\");\n  --lookbook-base-500: theme(\"colors.zinc.500\");\n  --lookbook-base-600: theme(\"colors.zinc.600\");\n  --lookbook-base-700: theme(\"colors.zinc.700\");\n  --lookbook-base-800: theme(\"colors.zinc.800\");\n  --lookbook-base-900: theme(\"colors.zinc.900\");\n  --lookbook-text: var(--lookbook-base-800);\n  --lookbook-divider: var(--lookbook-base-300);\n  --lookbook-icon-button-stroke: var(--lookbook-base-400);\n  --lookbook-icon-button-stroke-hover: var(--lookbook-accent-600);\n  --lookbook-tooltip-bg: var(--lookbook-accent-500);\n  --lookbook-tooltip-text: var(--lookbook-white);\n  --lookbook-scrollbar: var(--lookbook-base-200);\n  --lookbook-scrollbar-hover: var(--lookbook-base-300);\n  --lookbook-toolbar-bg: var(--lookbook-white);\n  --lookbook-toolbar-divider: var(--lookbook-divider);\n  --lookbook-nav-text: var(--lookbook-text);\n  --lookbook-nav-toggle: var(--lookbook-base-500);\n  --lookbook-nav-icon-stroke: var(--lookbook-accent-500);\n  --lookbook-nav-item-hover: var(--lookbook-base-100);\n  --lookbook-nav-item-active: var(--lookbook-accent-50);\n  --lookbook-input-bg: var(--lookbook-white);\n  --lookbook-input-border: var(--lookbook-base-300);\n  --lookbook-input-border-focus: var(--lookbook-accent-200);\n  --lookbook-input-text: var(--lookbook-base-600);\n  --lookbook-input-text-placeholder: var(--lookbook-base-400);\n  --lookbook-input-toggle: var(--lookbook-base-300);\n  --lookbook-input-toggle-active: var(--lookbook-accent-500);\n  --lookbook-prose-bg: var(--lookbook-white);\n  --lookbook-prose-text: var(--lookbook-base-600);\n  --lookbook-prose-link: var(--lookbook-accent-900);\n  --lookbook-tabs-text: var(--lookbook-base-500);\n  --lookbook-tabs-text-hover: var(--lookbook-base-700);\n  --lookbook-tabs-text-disabled: var(--lookbook-base-300);\n  --lookbook-tabs-border-active: var(--lookbook-accent-400);\n  --lookbook-viewport-handle: var(--lookbook-white);\n  --lookbook-viewport-handle-icon-stroke: var(--lookbook-base-300);\n  --lookbook-viewport-handle-icon-stroke-hover: var(--lookbook-base-700);\n  --lookbook-sidebar-bg: var(--lookbook-base-50);\n  --lookbook-page-bg: var(--lookbook-white);\n  --lookbook-drawer-bg: var(--lookbook-base-50);\n  --lookbook-header-bg: var(--lookbook-accent-600);\n  --lookbook-header-text: var(--lookbook-white);\n  --lookbook-header-border: var(--lookbook-accent-700);\n  --lookbook-blank-slate-title: var(--lookbook-accent-600);\n  --lookbook-branding-text: var(--lookbook-header-text);\n  --lookbook-draggable-hint: rgb(224 231 255 / 0.2);\n}\n"],"names":[],"version":3,"file":"blue.css.map"}

data/public/lookbook-assets/css/themes/indigo.css

@@ -58,6 +58,7 @@
   --lookbook-header-bg: var(--lookbook-accent-600);
   --lookbook-header-text: var(--lookbook-white);
   --lookbook-header-border: var(--lookbook-accent-700);
+  --lookbook-blank-slate-title: var(--lookbook-accent-600);
   --lookbook-branding-text: var(--lookbook-header-text);
   --lookbook-draggable-hint: #e0e7ff33;
 }