lookbook 2.0.0.beta.8 → 2.0.0.rc.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: cfcdb2b51f339e4449f640d3dc59e1dcacee5f8c9e009627d7e7680bc75c4f5f
-  data.tar.gz: 27a547cf8a89a2b7bac979e20e5e25efb89863b29c7c362df6a118fb18773df4
+  metadata.gz: 174a4ec48c4ecd1c29e75dfe398b67432344d13e37129b24c344e54519b29734
+  data.tar.gz: d1d3165449445809fa7ec6aad3b8005fb8607c7bd01a7a5752ff7802f0095778
 SHA512:
-  metadata.gz: 5de1e882509fedeef207ec7cf38c51e8e98470c34dfd08a1e6b27f6c6f4f3b56b72405bb4c138dcbf42effaebf79584ea48f23f3235cc46a81909b7ded762e1c
-  data.tar.gz: 0b27df206efbfc0469ea73026ea57055cbca2600939f350d238dce0f2bc758bb16353945f13d7bda196129b14a5e2c7355917a6d4d02a1a3ae9dac9b42d4c61a
+  metadata.gz: 65a1324e145f01c7287d016395bf98d3278bc6b552c4fba3dbfa9c525c98d8622d463d48787dc1aaccd2eac0f1fc32126547ef3f80f13128e83089b9088166a9
+  data.tar.gz: 85ae77aa8223fb11f60e6d4ea075827f49f809f96dd3e017be0176e89ffe58b373a55e52079391132b5253ab241b33df4200c8ebeee4cfe97956ba4a51bc83e7

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

@@ -1,17 +1,17 @@
 <%= render_component_tag do %>
   <div class="relative">
-  <input
-    type="text"
-    class="form-input text-sm"
-    placeholder="<%== @placeholder %>"
-    x-ref="input"
-    x-model="<%= @model %>"
-    x-effect="$dispatch('filter:change', { text, filter: this })"
-    @keydown.esc.stop="clear"
-    @keydown.f.stop.prevent.window="focus"
-    @keydown.stop>
-    <button class="text-lookbook-icon-button-stroke hover:text-lookbook-icon-button-stroke-hover focus:ring-0 focus:outline-none absolute top-1/2 right-3 -translate-y-1/2" @click="clear" :class="{hidden: !active}">
-      <%= icon  :x, size: 3 %>
-    </button>
-</div>
+    <input
+      type="text"
+      class="form-input text-sm"
+      placeholder="<%== @placeholder %>"
+      x-ref="input"
+      x-model="<%= @model %>"
+      x-effect="$dispatch('filter:change', { text, filter: this })"
+      @keydown.esc.stop="clear"
+      @keydown.f.window="if (!($event.shiftKey || $event.metaKey || $event.ctrlKey || $event.altKey)) { focus(); $event.preventDefault(); $event.stopPropagation(); }"
+      @keydown.stop>
+      <button class="text-lookbook-icon-button-stroke hover:text-lookbook-icon-button-stroke-hover focus:ring-0 focus:outline-none absolute top-1/2 right-3 -translate-y-1/2" @click="clear" :class="{hidden: !active}">
+        <%= icon  :x, size: 3 %>
+      </button>
+  </div>
 <% end %>

data/app/components/lookbook/prose/component.css

@@ -18,4 +18,8 @@
       @apply rounded-md;
     }
   }
+
+  #page [data-component="prose"] h2 {
+    @apply border-b border-lookbook-divider pb-3;
+  }
 }

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

@@ -3,7 +3,6 @@
     text-lookbook-prose-text bg-lookbook-prose-bg prose-a:text-lookbook-prose-link
     prose-headings:font-semibold
     prose-h1:font-bold
-    prose-h2:border-b prose-h2:border-lookbook-divider prose-h2:pb-3
   " do %>
   <%== rendered_content %>
 <% end %>

data/app/controllers/concerns/lookbook/targetable_concern.rb

@@ -96,7 +96,7 @@ module Lookbook
 
       scenarios = @target ? @target.scenarios : []
       rendered_scenarios = scenarios.map do |scenario|
-        output = preview_controller.process(:render_scenario_to_string, @preview, scenario.name)
+        output = preview_controller.process(:render_scenario_to_string, @preview, scenario)
         RenderedScenarioEntity.new(scenario, output, preview_controller.params)
       end
 

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

@@ -27,7 +27,7 @@
           ":class": "{
             'transition': $store.layout.mobile,
             'translate-x-full': $store.layout.mobile && sidebarHidden,
-            '!absolute right-0 bottom-0 top-[40px] h-[calc(100%_-_40px)] w-full max-w-[420px] z-50 border-l border-lookbook-divider': $store.layout.mobile
+            '!absolute right-0 bottom-0 top-[40px] h-[calc(100%_-_40px)] w-full max-w-[420px] z-[1001] border-l border-lookbook-divider': $store.layout.mobile
           }",
           "@click.outside": "closeMobileSidebar",
           cloak: true do %>
@@ -44,7 +44,7 @@
                   alpine_data: "$store.nav.previews" do |nav| %>
                   <%= nav.with_toolbar do |toolbar| %>
                     <% toolbar.with_section padded: true do %>
-                      <h4 class="pt-1">Previews</h4>
+                      <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| %>
@@ -67,7 +67,7 @@
                   alpine_data: "$store.nav.pages" do |nav| %>
                   <%= nav.with_toolbar do |toolbar| %>
                     <% toolbar.with_section padded: true do %>
-                      <h4 class="pt-1">Pages</h4>
+                      <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| %>
@@ -93,7 +93,7 @@
       </div>
     <% end %>
     
-    <div class="absolute opacity-0 bg-black inset-0 top-[39px] z-[-1] transition-opacity" :class="($store.layout.mobile && !sidebarHidden) && '!opacity-30 !z-40'" data-cloak></div>
+    <div class="absolute opacity-0 bg-black inset-0 top-[39px] z-[-1] transition-opacity" :class="($store.layout.mobile && !sidebarHidden) && '!opacity-30 !z-[1000]'" data-cloak></div>
 
     <% if content_for? :dropdowns %>
       <div class="hidden">

data/app/views/lookbook/inspector/inputs/_color.html.erb

@@ -1,5 +1,6 @@
 <%= text_field_tag(name, value,
   **input_options,
   type: "color",
-  "x-model.throttle.300ms": "value"
+  "@change.stop": "",
+  "@blur": "value = $el.value",
 ) %>

data/app/views/lookbook/inspector/inputs/_text_two_step.html.erb

@@ -0,0 +1,19 @@
+<div x-data="{changed: false, applyChange(){ this.value = this.$refs.input.value; this.changed = false; }}">
+
+  <div @change.stop="changed = ($event.target.value !== value)" class="flex items-center gap-2">
+    <%= text_field_tag(name, value,
+      **input_options,
+      type: input,
+      class: "flex-grow",
+      "x-ref": "input",
+      "@keydown.enter.stop": "applyChange"
+    ) %>
+
+    <%= lookbook_render :button,
+      icon: :check,
+      tooltip: "Apply changes",
+      class: "flex-none !bg-lookbook-button-bg hover:!bg-lookbook-button-bg-hover rounded-md !text-lookbook-button-text",
+      "x-show": "changed",
+      "@click": "applyChange" %>
+  </div>
+</div>

data/app/views/lookbook/inspector/panels/_preview.html.erb

@@ -1,6 +1,6 @@
 <div class="overflow-hidden h-full w-full">
   <%= lookbook_render :viewport,
-    key: (lookbook_preview_path(request.query_parameters).parameterize unless Rails.env.test?),
+    key: (lookbook_preview_path(request.query_parameters).force_encoding('UTF-8').parameterize unless Rails.env.test?),
     iframe_id: "preview-iframe",
     src: lookbook_preview_path(request.query_parameters.merge(lookbook_timestamp: Time.now)),
     alpine_data: "$store.inspector.main",

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

@@ -2,7 +2,7 @@
   class="h-[calc(100vh_-_40px)]"
   x-data="{}"
   @navigation:complete.window="$refs.scroller.scrollTop = 0">
-  <div class="h-full bg-lookbook-page-bg relative">
+  <div id="page" class="h-full bg-lookbook-page-bg relative">
     <div class="overflow-auto scroll-smooth w-full max-h-full pb-12" x-ref="scroller">
       <div class="h-full flex flex-col">
         <% if @page.header? %>

data/config/app.yml

@@ -2,6 +2,7 @@ shared:
   project_name: ~
   project_logo: ~
 
+  preview_collection_label: "Previews"
   preview_paths: [test/components/previews]
   preview_display_options: {}
   preview_controller: "Lookbook::PreviewController"
@@ -21,6 +22,7 @@ shared:
   preview_type_default: view_component
   preview_sort_scenarios: false
 
+  page_collection_label: "Pages"
   page_controller: "Lookbook::PageController"
   page_route: pages
   page_paths: [test/components/docs]
@@ -46,6 +48,7 @@ shared:
   live_updates: false
   listen_paths: []
   listen_extensions: [rb, html.*]
+  autoload_previews: true
 
   ui_theme: indigo
   ui_theme_overrides: {}
@@ -55,7 +58,6 @@ shared:
   log_use_rails_logger: true
 
   debug_menu: false
-  experimental_features: false
 
   links:
     docs: https://v2.lookbook.build

data/config/inputs.yml

@@ -40,9 +40,9 @@ shared:
     opts: {}
 
   date:
-    partial: lookbook/inspector/inputs/text
+    partial: lookbook/inspector/inputs/text_two_step
     opts: {}
 
   datetime_local:
-    partial: lookbook/inspector/inputs/text
+    partial: lookbook/inspector/inputs/text_two_step
     opts: {}

data/config/tags.yml

@@ -38,3 +38,7 @@ shared:
   source:
     label: Source file
     opts: {}
+
+  after_render:
+    label: After render
+    opts: {}

data/lib/lookbook/engine.rb

@@ -15,9 +15,10 @@ module Lookbook
     end
 
     initializer "lookbook.set_autoload_paths" do
-      unless opts.preview_paths.empty?
+      if opts.autoload_previews && opts.preview_paths.any?
         paths_to_add = opts.preview_paths - ActiveSupport::Dependencies.autoload_paths
-        ActiveSupport::Dependencies.autoload_paths.concat(paths_to_add) if paths_to_add.any?
+        filtered_paths = paths_to_add.filter { |p| !Engine.component_paths.include?(p) }
+        ActiveSupport::Dependencies.autoload_paths.concat(filtered_paths) if filtered_paths.any?
       end
     end
 
@@ -57,15 +58,22 @@ module Lookbook
         if vc_config.view_component_path.present?
           opts.component_paths << vc_config.view_component_path
         end
+
+        ViewComponent::Preview.extend(Lookbook::PreviewAfterRender)
       end
 
       opts.reload_on_change = host_config.reload_classes_only_on_change if opts.reload_on_change.nil?
     end
 
     config.after_initialize do
-      reloaders.add(:previews, Engine.preview_watch_paths, opts.listen_extensions, &Engine.method(:load_previews))
-      reloaders.add(:pages, Engine.page_watch_paths, opts.page_extensions, &Engine.method(:load_pages))
-      reloaders.execute
+      if Engine.reloading?
+        reloaders.add(:previews, Engine.preview_watch_paths, opts.listen_extensions, &Engine.method(:load_previews))
+        reloaders.add(:pages, Engine.page_watch_paths, opts.page_extensions, &Engine.method(:load_pages))
+        reloaders.execute
+      else
+        Engine.load_previews
+        Engine.load_pages
+      end
 
       Engine.run_hooks(:after_initialize)
     end

data/lib/lookbook/entities/collections/preview_collection.rb

@@ -44,7 +44,10 @@ module Lookbook
     class << self
       def preview_from_code_object(code_object)
         klass = code_object.path.constantize
-        PreviewEntity.new(code_object) if preview_class?(klass)
+        if preview_class?(klass)
+          preview = PreviewEntity.new(code_object)
+          preview if preview.scenarios.any?
+        end
       rescue => exception
         Lookbook.logger.error exception.to_s
         nil

data/lib/lookbook/entities/concerns/locatable_entity.rb

@@ -75,8 +75,13 @@ module Lookbook
       def logical_path
         return @_logical_path if @_logical_path
 
-        directory = fetch_config(:logical_path) { relative_directory_path.to_s }
-        @_logical_path ||= PathUtils.to_path(directory, file_name_base)
+        logical_path_value = fetch_config(:logical_path)
+
+        @_logical_path ||= if logical_path_value
+          PathUtils.to_path(logical_path_value, lookup_path.split("/").last)
+        else
+          PathUtils.to_path(lookup_path)
+        end
       end
 
       # @!endgroup

data/lib/lookbook/entities/preview_entity.rb

@@ -7,7 +7,7 @@ module Lookbook
     include LocatableEntity
     include NavigableEntity
 
-    delegate :render_args, to: :preview_class
+    delegate :after_render, :render_args, to: :preview_class
 
     # @api private
     attr_reader :preview_class
@@ -19,9 +19,9 @@ module Lookbook
       @file_path = Pathname(code_object.file)
       @base_directories = Engine.preview_paths
 
-      cleaned_path = relative_file_path.to_s
-        .gsub(/\/(component_preview|preview)(\..*)$/, "")
-        .gsub(/(_component_preview|_preview)(\..*)$/, "")
+      cleaned_path = preview_class.name.underscore.strip
+        .gsub(/(_component_preview|_preview)(\..+)?$/, "")
+        .gsub(/\/(component_preview|preview|component)(\..+)?$/, "")
 
       @lookup_path = PathUtils.to_lookup_path(cleaned_path)
     end
@@ -149,7 +149,7 @@ module Lookbook
 
     # @api private
     def file_name_base
-      @_file_name_slug ||= file_name(true).gsub(/(_component_preview|component_preview|preview)$/, "")
+      @_file_name_slug ||= file_name(true).gsub(/(_component_preview|component_preview|_preview|preview|component)$/, "")
     end
 
     # @api private
@@ -158,6 +158,11 @@ module Lookbook
       global_options.deep_merge(fetch_config(:display_options, {}))
     end
 
+    # @api private
+    def after_render_method
+      fetch_config(:after_render)
+    end
+
     # @api private
     def layout
       preview_class.instance_variable_get(:@layout)

data/lib/lookbook/entities/scenario_entity.rb

@@ -110,6 +110,11 @@ module Lookbook
 
     # @!endgroup
 
+    # @api private
+    def after_render_method
+      fetch_config(:after_render) || parent.after_render_method
+    end
+
     # @api private
     def scenarios
       [self]
@@ -167,7 +172,7 @@ module Lookbook
 
       render_targets = render_target_identifiers.map do |render_target|
         RenderableEntity.new(render_target)
-      rescue NameError
+      rescue Lookbook::Error, NameError
         Lookbook.logger.warn "#{render_target} was not found"
         nil
       end

data/lib/lookbook/param.rb

@@ -25,7 +25,13 @@ module Lookbook
     end
 
     def value
-      @value || value_default
+      val = @value || value_default
+      if value_type == "datetime"
+        formatter = (input == "datetime-local") ? "%Y-%m-%dT%T" : "%Y-%m-%d"
+        StringValueCaster.call(val, "datetime").strftime(formatter)
+      else
+        val
+      end
     end
 
     def value_type

data/lib/lookbook/preview.rb

@@ -2,6 +2,7 @@ module Lookbook
   class Preview
     include ActionView::Helpers::TagHelper
     include ActionView::Helpers::AssetTagHelper
+    extend PreviewAfterRender
 
     def render(component = nil, **args, &block)
       if component.nil?

data/lib/lookbook/preview_after_render.rb

@@ -0,0 +1,13 @@
+module Lookbook
+  # Shared module that both Lookbook::Preview and ViewComponent::Preview are extended with
+  module PreviewAfterRender
+    def after_render(method:, html:, context:)
+      instance = new
+      if instance.method(method).arity > 1
+        instance.send(method, html, context)
+      else
+        instance.send(method, html)
+      end.html_safe
+    end
+  end
+end

data/lib/lookbook/preview_controller_actions.rb

@@ -6,12 +6,12 @@ module Lookbook
       helper PreviewHelper
       prepend_view_path Engine.root.join("app/views")
 
-      def render_scenario_to_string(preview, scenario_name)
+      def render_scenario_to_string(preview, scenario)
         prepend_application_view_paths
         prepend_preview_examples_view_path
 
         @preview = preview
-        @scenario_name = scenario_name
+        @scenario_name = scenario.name
         @render_args = @preview.render_args(@scenario_name, params: params.permit!)
         template = @render_args[:template]
         locals = @render_args[:locals]
@@ -19,8 +19,19 @@ module Lookbook
         opts[:layout] = nil
         opts[:locals] = locals if locals.present?
 
+        rendered = render_to_string(template, **opts)
+
+        if scenario.after_render_method.present?
+          render_context = Store.new({
+            preview: preview,
+            scenario: scenario,
+            params: user_request_parameters
+          })
+          rendered = @preview.after_render(method: scenario.after_render_method, html: rendered, context: render_context)
+        end
+
         with_optional_action_view_annotations do
-          render html: render_to_string(template, **opts)
+          render html: rendered
         end
       end
 
@@ -40,6 +51,10 @@ module Lookbook
         disable = Lookbook.config.preview_disable_action_view_annotations
         ActionViewAnnotationsHandler.call(disable_annotations: disable, &block)
       end
+
+      def user_request_parameters
+        request.query_parameters.to_h.filter { |k, v| !k.start_with?("_") }
+      end
     end
   end
 end

data/lib/lookbook/tags/after_render_tag.rb

@@ -0,0 +1,7 @@
+module Lookbook
+  class AfterRenderTag < YardTag
+    def value
+      text.sub(/\A:/, "")
+    end
+  end
+end

data/lib/lookbook/tags/param_tag.rb

@@ -28,7 +28,7 @@ module Lookbook
     def value_default
       default_value_parts = object.parameters.find { |parts| parts[0].chomp(":") == name }
       if default_value_parts
-        object.instance_eval(default_value_parts[1])
+        host_class_instance.instance_eval(default_value_parts[1])
       else
         raise ParserError.new "Unknown method parameter '#{name}'"
       end

data/lib/lookbook/version.rb

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

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

@@ -1693,6 +1693,12 @@ pre[class*="language-"] {
   border-radius: .375rem;
 }
 
+#page [data-component="prose"] h2 {
+  border-bottom-width: 1px;
+  border-color: var(--lookbook-divider);
+  padding-bottom: .75rem;
+}
+
 [data-component="tabs-dropdown-tab"]:not(.hidden) {
   border-bottom-width: 1px;
   border-bottom-color: var(--lookbook-divider);
@@ -1944,8 +1950,8 @@ select.compact {
   top: 40px;
 }
 
-.\!z-40 {
-  z-index: 40 !important;
+.\!z-\[1000\] {
+  z-index: 1000 !important;
 }
 
 .z-0 {
@@ -1964,6 +1970,10 @@ select.compact {
   z-index: -1;
 }
 
+.z-\[1001\] {
+  z-index: 1001;
+}
+
 .mx-8 {
   margin-left: 2rem;
   margin-right: 2rem;
@@ -2387,6 +2397,10 @@ select.compact {
   justify-content: space-between;
 }
 
+.gap-2 {
+  gap: .5rem;
+}
+
 .space-x-1 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(.25rem * var(--tw-space-x-reverse));
@@ -2601,6 +2615,10 @@ select.compact {
   border-top-color: var(--lookbook-viewport-handle-icon-stroke-hover);
 }
 
+.\!bg-lookbook-button-bg {
+  background-color: var(--lookbook-button-bg) !important;
+}
+
 .\!bg-lookbook-header-bg {
   background-color: var(--lookbook-header-bg) !important;
 }
@@ -2940,6 +2958,10 @@ select.compact {
   letter-spacing: .05em;
 }
 
+.\!text-lookbook-button-text {
+  color: var(--lookbook-button-text) !important;
+}
+
 .\!text-lookbook-header-text {
   color: var(--lookbook-header-text) !important;
 }
@@ -3988,6 +4010,10 @@ select.compact {
   }
 }
 
+.hover\:\!bg-lookbook-button-bg-hover:hover {
+  background-color: var(--lookbook-button-bg-hover) !important;
+}
+
 .hover\:bg-lookbook-button-bg-hover:hover {
   background-color: var(--lookbook-button-bg-hover);
 }
@@ -4056,18 +4082,6 @@ select.compact {
   font-weight: 700;
 }
 
-.prose-h2\:border-b :where(h2):not(:where([class~="not-prose"] *)) {
-  border-bottom-width: 1px;
-}
-
-.prose-h2\:border-lookbook-divider :where(h2):not(:where([class~="not-prose"] *)) {
-  border-color: var(--lookbook-divider);
-}
-
-.prose-h2\:pb-3 :where(h2):not(:where([class~="not-prose"] *)) {
-  padding-bottom: .75rem;
-}
-
 .prose-a\:text-lookbook-prose-link :where(a):not(:where([class~="not-prose"] *)) {
   color: var(--lookbook-prose-link);
 }

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

@@ -1 +1 @@
-{"mappings":"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;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;;AAMA;;;;;;AAOA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;;AAMA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;;AAKA;;;;AAIA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;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;;;;;;;;AASA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;;;;AAWA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA;;;;AAIA;;;;;;AAMA;;;;AAIA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;AAMA;;;;AAOA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;;AAOA;;;;;AAOA;;;;;;;AASA;;;;;AAOA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;;AAOA;;;;AAMA;;;;;AAmCA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;AAMA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;AAYA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;AAMA;;;;AAwBA;;;;AA0CA;;;;AAMA;;;;AAMA;;;;AAMA;;;;AAMA;;;;AAMA;;;;AAkBA;;;;AAQA;;;;;AAOA;;;;AAUA;EAEE;;;;;EAKA;;;;;EAKA;;;;;;;EAOA;;;;;;EAMA;;;;;;;EAOA;;;;;;;EAOA;;;;;;;EAOA;;;;;;EAMA;;;;;EAKA;;;;;EAKA;;;;;EAKA;;;;;EAKA;;;;;;EAMA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;;;;;EAYA;;;;;;EAMA;;;;;;EAMA;;;;;EAKA;;;;EAIA;;;;EAIA;;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;EAKA;;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;EAKA;;;;;;EAMA;;;;EAIA;;;;EAIA;;;;EAOA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;AAKF;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;;AAMA;;;;;;AAMA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;EAEE;;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;;AAMF;EAEE;;;;;AAKF;EAEE;;;;EAIA;;;;EAIA;;;;;;EAMA;;;;EAIA;;;;;EAKA;;;;;AAKF;EAEE;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA","sources":["assets/css/lookbook.css"],"sourcesContent":["@import \"./fonts.css\";\n@import \"tailwindcss/base\";\n@import \"tailwindcss/components\";\n@import \"tailwindcss/utilities\";\n\n@import \"./tooltip.css\";\n\n@import-glob \"../../app/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-ui text-sm 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 utilities {\n  .bg-checked {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%23f3f3f3' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E\");\n  }\n}\n\n@layer components {\n  [type=\"text\"],\n  [type=\"email\"],\n  [type=\"url\"],\n  [type=\"password\"],\n  [type=\"number\"],\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"search\"],\n  [type=\"tel\"],\n  [type=\"time\"],\n  [type=\"week\"],\n  textarea,\n  select {\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 block;\n  }\n\n  input[type=\"range\"] {\n    -webkit-appearance: none;\n    appearance: none;\n    background: transparent;\n    cursor: pointer;\n    width: 100%;\n  }\n\n  input[type=\"range\"]:focus {\n    outline: none;\n  }\n\n  input[type=\"range\"]::-webkit-slider-runnable-track {\n    @apply bg-lookbook-input-toggle;\n    border-radius: 0.5rem;\n    height: 0.5rem;\n  }\n\n  input[type=\"range\"]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    @apply bg-lookbook-input-toggle-active;\n    margin-top: -4px;\n    border-radius: 0.5rem;\n    height: 1rem;\n    width: 1rem;\n  }\n\n  input[type=\"range\"]::-moz-range-track {\n    @apply bg-lookbook-input-toggle;\n    border-radius: 0.5rem;\n    height: 0.5rem;\n  }\n\n  input[type=\"range\"]::-moz-range-thumb {\n    @apply bg-lookbook-input-toggle-active;\n    border: none;\n    border-radius: 0.5rem;\n    height: 1rem;\n    width: 1rem;\n  }\n\n  input[type=\"range\"]:focus::-webkit-slider-thumb,\n  input[type=\"range\"]:focus::-moz-range-thumb {\n    @apply outline-1 outline-lookbook-input-toggle-active outline-offset-2;\n  }\n\n  input[type=\"color\"] {\n    -webkit-appearance: none;\n    width: 46px;\n    @apply border border-lookbook-input-border rounded-lg cursor-pointer;\n  }\n\n  input[type=\"color\"]::-webkit-color-swatch-wrapper {\n    padding: 0;\n  }\n\n  input[type=\"color\"]::-webkit-color-swatch {\n    @apply border-0 rounded-lg;\n  }\n\n  select.compact {\n    font-size: 0.8rem;\n    line-height: 1.1rem;\n    border-radius: 0.375rem;\n    padding: 0.26rem 1.5rem 0.26rem 0.6rem;\n    background-size: 1.2em 1.2em;\n    background-position: right 0.4rem center;\n  }\n\n  #inspector .split-layout-gutter-horizontal {\n    top: 4px;\n  }\n}\n"],"names":[],"version":3,"file":"lookbook.css.map"}
+{"mappings":"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;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;;AAMA;;;;;;AAOA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;;AAMA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;;AAKA;;;;AAIA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;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;;;;;;;;AASA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;;;;AAWA;;;;;;AAMA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA;;;;AAIA;;;;;;AAMA;;;;AAIA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;AAMA;;;;AAOA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;;AAOA;;;;;AAOA;;;;;;;AASA;;;;;AAOA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;;AAOA;;;;AAMA;;;;;AAmCA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;AAMA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;;AAOA;;;;AAMA;;;;AAMA;;;;AAYA;;;;AAMA;;;;AAMA;;;;;AAOA;;;;AAMA;;;;AAwBA;;;;AA0CA;;;;AAMA;;;;AAMA;;;;AAMA;;;;AAMA;;;;AAMA;;;;AAkBA;;;;AAQA;;;;;AAOA;;;;AAUA;EAEE;;;;;EAKA;;;;;EAKA;;;;;;;EAOA;;;;;;EAMA;;;;;;;EAOA;;;;;;;EAOA;;;;;;;EAOA;;;;;;EAMA;;;;;EAKA;;;;;EAKA;;;;;EAKA;;;;;EAKA;;;;;;EAMA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;;;;;EAYA;;;;;;EAMA;;;;;;EAMA;;;;;EAKA;;;;EAIA;;;;EAIA;;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;EAKA;;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;EAKA;;;;;;EAMA;;;;EAIA;;;;EAIA;;;;EAOA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;AAKF;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;;AAMA;;;;;;AAMA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;EAEE;;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;;AAMF;EAEE;;;;;AAKF;EAEE;;;;EAIA;;;;EAIA;;;;;;EAMA;;;;EAIA;;;;;EAKA;;;;;AAKF;EAEE;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA","sources":["assets/css/lookbook.css"],"sourcesContent":["@import \"./fonts.css\";\n@import \"tailwindcss/base\";\n@import \"tailwindcss/components\";\n@import \"tailwindcss/utilities\";\n\n@import \"./tooltip.css\";\n\n@import-glob \"../../app/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-ui text-sm 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 utilities {\n  .bg-checked {\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%23f3f3f3' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E\");\n  }\n}\n\n@layer components {\n  [type=\"text\"],\n  [type=\"email\"],\n  [type=\"url\"],\n  [type=\"password\"],\n  [type=\"number\"],\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"search\"],\n  [type=\"tel\"],\n  [type=\"time\"],\n  [type=\"week\"],\n  textarea,\n  select {\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 block;\n  }\n\n  input[type=\"range\"] {\n    -webkit-appearance: none;\n    appearance: none;\n    background: transparent;\n    cursor: pointer;\n    width: 100%;\n  }\n\n  input[type=\"range\"]:focus {\n    outline: none;\n  }\n\n  input[type=\"range\"]::-webkit-slider-runnable-track {\n    @apply bg-lookbook-input-toggle;\n    border-radius: 0.5rem;\n    height: 0.5rem;\n  }\n\n  input[type=\"range\"]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    @apply bg-lookbook-input-toggle-active;\n    margin-top: -4px;\n    border-radius: 0.5rem;\n    height: 1rem;\n    width: 1rem;\n  }\n\n  input[type=\"range\"]::-moz-range-track {\n    @apply bg-lookbook-input-toggle;\n    border-radius: 0.5rem;\n    height: 0.5rem;\n  }\n\n  input[type=\"range\"]::-moz-range-thumb {\n    @apply bg-lookbook-input-toggle-active;\n    border: none;\n    border-radius: 0.5rem;\n    height: 1rem;\n    width: 1rem;\n  }\n\n  input[type=\"range\"]:focus::-webkit-slider-thumb,\n  input[type=\"range\"]:focus::-moz-range-thumb {\n    @apply outline-1 outline-lookbook-input-toggle-active outline-offset-2;\n  }\n\n  input[type=\"color\"] {\n    -webkit-appearance: none;\n    width: 46px;\n    @apply border border-lookbook-input-border rounded-lg cursor-pointer;\n  }\n\n  input[type=\"color\"]::-webkit-color-swatch-wrapper {\n    padding: 0;\n  }\n\n  input[type=\"color\"]::-webkit-color-swatch {\n    @apply border-0 rounded-lg;\n  }\n\n  select.compact {\n    font-size: 0.8rem;\n    line-height: 1.1rem;\n    border-radius: 0.375rem;\n    padding: 0.26rem 1.5rem 0.26rem 0.6rem;\n    background-size: 1.2em 1.2em;\n    background-position: right 0.4rem center;\n  }\n\n  #inspector .split-layout-gutter-horizontal {\n    top: 4px;\n  }\n}\n"],"names":[],"version":3,"file":"lookbook.css.map"}