lookbook 1.3.3 → 1.3.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6a75bef1487d9f1c5952ef77ae412f7c29164eb51e3afb416a0edcc7e2bd289c
-  data.tar.gz: 75700234c84897f13a04eedf97eb59f1974785428ceac2f24bb2bfe29b10a5f3
+  metadata.gz: 4b470e546db75bd013d11e664180acde6ba376e5f81efe0ad21e4fba92489fe5
+  data.tar.gz: bf7186410dfeb3506d002e6ab43133b883350e5f7827ab92ff840900a5a28650
 SHA512:
-  metadata.gz: 7064ac9dc7e1cdf8f61fd4f26affcb0ddc5c0a16f78ce081d1628ab46139386813b09660ead2703aed8abb2117fde9516254a7cc448e3225875b6652e51dc9ee
-  data.tar.gz: 79ee84dc0ac3b2cc92281c6da717a37979881b24e7d36fe6c1a15844c5ec22b41a83f03e71a32e0b61aa89f829ed53ed3462178c9c007dadcf08062fb8d54e62
+  metadata.gz: 93556785190aff39487ae217fdc50969c0c5444c02dc9b9579b7184ffa568696b72bdc66ea24600e92fb2b67569b9100aca4417f3082b0d1876e59aa0e12c8c2
+  data.tar.gz: 4a218ca0928bfb9c1aa74b9c1a17c5cfae21cfc7ceadbf9cd4354a3d26a65af1eae9087a96782666c85b39cee646ebd6075b857ec5caa43aa547cc1239d68a19

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

@@ -0,0 +1,66 @@
+:root {
+  --lookbook-white: theme("colors.white");
+  --lookbook-accent-50: theme("colors.green.50");
+  --lookbook-accent-100: theme("colors.green.100");
+  --lookbook-accent-200: theme("colors.green.200");
+  --lookbook-accent-300: theme("colors.green.300");
+  --lookbook-accent-400: theme("colors.green.400");
+  --lookbook-accent-500: theme("colors.green.500");
+  --lookbook-accent-600: theme("colors.green.600");
+  --lookbook-accent-700: theme("colors.green.700");
+  --lookbook-accent-800: theme("colors.green.800");
+  --lookbook-accent-900: theme("colors.green.900");
+  --lookbook-base-50: theme("colors.zinc.50");
+  --lookbook-base-100: theme("colors.zinc.100");
+  --lookbook-base-200: theme("colors.zinc.200");
+  --lookbook-base-300: theme("colors.zinc.300");
+  --lookbook-base-400: theme("colors.zinc.400");
+  --lookbook-base-500: theme("colors.zinc.500");
+  --lookbook-base-600: theme("colors.zinc.600");
+  --lookbook-base-700: theme("colors.zinc.700");
+  --lookbook-base-800: theme("colors.zinc.800");
+  --lookbook-base-900: theme("colors.zinc.900");
+  --lookbook-text: var(--lookbook-base-800);
+  --lookbook-divider: var(--lookbook-base-300);
+  --lookbook-draggable-hint: rgb(224 231 255 / 0.2);
+  --lookbook-icon-button-stroke: var(--lookbook-base-400);
+  --lookbook-icon-button-stroke-hover: var(--lookbook-accent-600);
+  --lookbook-tooltip-bg: var(--lookbook-accent-500);
+  --lookbook-tooltip-text: var(--lookbook-white);
+  --lookbook-scrollbar: var(--lookbook-base-200);
+  --lookbook-scrollbar-hover: var(--lookbook-base-300);
+  --lookbook-toolbar-bg: var(--lookbook-white);
+  --lookbook-toolbar-divider: var(--lookbook-divider);
+  --lookbook-nav-text: var(--lookbook-text);
+  --lookbook-nav-toggle: var(--lookbook-base-500);
+  --lookbook-nav-icon-stroke: var(--lookbook-accent-500);
+  --lookbook-nav-item-hover: var(--lookbook-base-100);
+  --lookbook-nav-item-active: var(--lookbook-accent-50);
+  --lookbook-input-bg: var(--lookbook-white);
+  --lookbook-input-border: var(--lookbook-base-300);
+  --lookbook-input-border-focus: var(--lookbook-accent-200);
+  --lookbook-input-text: var(--lookbook-base-600);
+  --lookbook-input-text-placeholder: var(--lookbook-base-400);
+  --lookbook-input-toggle: var(--lookbook-base-300);
+  --lookbook-input-toggle-active: var(--lookbook-accent-500);
+  --lookbook-prose-bg: var(--lookbook-white);
+  --lookbook-prose-text: var(--lookbook-base-600);
+  --lookbook-prose-link: var(--lookbook-accent-900);
+  --lookbook-tabs-text: var(--lookbook-base-500);
+  --lookbook-tabs-text-hover: var(--lookbook-base-700);
+  --lookbook-tabs-text-disabled: var(--lookbook-base-300);
+  --lookbook-tabs-border-active: var(--lookbook-accent-400);
+  --lookbook-viewport-handle: var(--lookbook-white);
+  --lookbook-viewport-handle-hover: var(--lookbook-draggable-hint);
+  --lookbook-viewport-handle-icon-stroke: var(--lookbook-base-300);
+  --lookbook-viewport-handle-icon-stroke-hover: var(--lookbook-base-700);
+  --lookbook-sidebar-bg: var(--lookbook-base-50);
+  --lookbook-page-bg: var(--lookbook-white);
+  --lookbook-drawer-bg: var(--lookbook-base-50);
+  --lookbook-params-editor-bg: var(--lookbook-white);
+  --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);
+}

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

@@ -0,0 +1,66 @@
+:root {
+  --lookbook-white: theme("colors.white");
+  --lookbook-accent-50: theme("colors.rose.50");
+  --lookbook-accent-100: theme("colors.rose.100");
+  --lookbook-accent-200: theme("colors.rose.200");
+  --lookbook-accent-300: theme("colors.rose.300");
+  --lookbook-accent-400: theme("colors.rose.400");
+  --lookbook-accent-500: theme("colors.rose.500");
+  --lookbook-accent-600: theme("colors.rose.600");
+  --lookbook-accent-700: theme("colors.rose.700");
+  --lookbook-accent-800: theme("colors.rose.800");
+  --lookbook-accent-900: theme("colors.rose.900");
+  --lookbook-base-50: theme("colors.zinc.50");
+  --lookbook-base-100: theme("colors.zinc.100");
+  --lookbook-base-200: theme("colors.zinc.200");
+  --lookbook-base-300: theme("colors.zinc.300");
+  --lookbook-base-400: theme("colors.zinc.400");
+  --lookbook-base-500: theme("colors.zinc.500");
+  --lookbook-base-600: theme("colors.zinc.600");
+  --lookbook-base-700: theme("colors.zinc.700");
+  --lookbook-base-800: theme("colors.zinc.800");
+  --lookbook-base-900: theme("colors.zinc.900");
+  --lookbook-text: var(--lookbook-base-800);
+  --lookbook-divider: var(--lookbook-base-300);
+  --lookbook-draggable-hint: rgb(224 231 255 / 0.2);
+  --lookbook-icon-button-stroke: var(--lookbook-base-400);
+  --lookbook-icon-button-stroke-hover: var(--lookbook-accent-600);
+  --lookbook-tooltip-bg: var(--lookbook-accent-500);
+  --lookbook-tooltip-text: var(--lookbook-white);
+  --lookbook-scrollbar: var(--lookbook-base-200);
+  --lookbook-scrollbar-hover: var(--lookbook-base-300);
+  --lookbook-toolbar-bg: var(--lookbook-white);
+  --lookbook-toolbar-divider: var(--lookbook-divider);
+  --lookbook-nav-text: var(--lookbook-text);
+  --lookbook-nav-toggle: var(--lookbook-base-500);
+  --lookbook-nav-icon-stroke: var(--lookbook-accent-500);
+  --lookbook-nav-item-hover: var(--lookbook-base-100);
+  --lookbook-nav-item-active: var(--lookbook-accent-50);
+  --lookbook-input-bg: var(--lookbook-white);
+  --lookbook-input-border: var(--lookbook-base-300);
+  --lookbook-input-border-focus: var(--lookbook-accent-200);
+  --lookbook-input-text: var(--lookbook-base-600);
+  --lookbook-input-text-placeholder: var(--lookbook-base-400);
+  --lookbook-input-toggle: var(--lookbook-base-300);
+  --lookbook-input-toggle-active: var(--lookbook-accent-500);
+  --lookbook-prose-bg: var(--lookbook-white);
+  --lookbook-prose-text: var(--lookbook-base-600);
+  --lookbook-prose-link: var(--lookbook-accent-900);
+  --lookbook-tabs-text: var(--lookbook-base-500);
+  --lookbook-tabs-text-hover: var(--lookbook-base-700);
+  --lookbook-tabs-text-disabled: var(--lookbook-base-300);
+  --lookbook-tabs-border-active: var(--lookbook-accent-400);
+  --lookbook-viewport-handle: var(--lookbook-white);
+  --lookbook-viewport-handle-hover: var(--lookbook-draggable-hint);
+  --lookbook-viewport-handle-icon-stroke: var(--lookbook-base-300);
+  --lookbook-viewport-handle-icon-stroke-hover: var(--lookbook-base-700);
+  --lookbook-sidebar-bg: var(--lookbook-base-50);
+  --lookbook-page-bg: var(--lookbook-white);
+  --lookbook-drawer-bg: var(--lookbook-base-50);
+  --lookbook-params-editor-bg: var(--lookbook-white);
+  --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);
+}

data/app/components/lookbook/base_component.rb

@@ -32,9 +32,9 @@ module Lookbook
 
     def alpine_encode(data)
       if data.is_a? String
-        "\'#{json_escape data}\'"
+        "'#{json_escape data}'"
       else
-        json_escape data.to_json.tr("\"", "\'")
+        json_escape data.to_json.tr("\"", "'")
       end
     end
 

data/app/components/lookbook/code/component.rb

@@ -1,3 +1,5 @@
+require "active_model"
+
 module Lookbook
   class Code::Component < Lookbook::BaseComponent
     include Lookbook::OutputHelper
@@ -55,7 +57,7 @@ module Lookbook
 
     def before_render
       @theme ||= (config.highlighter_options && config.highlighter_options[:theme]&.to_sym) || :github
-      @dark ||= ActiveModel::Type::Boolean.new.cast((config.highlighter_options && config.highlighter_options[:dark]) || false)
+      @dark ||= ::ActiveModel::Type::Boolean.new.cast((config.highlighter_options && config.highlighter_options[:dark]) || false)
     end
 
     protected

data/app/components/lookbook/tag_component.rb

@@ -19,7 +19,7 @@ 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("6.1.5.1")) ? :escape_attributes : :escape
     end
   end
 end

data/app/components/lookbook/viewport/component.rb

@@ -10,7 +10,7 @@ module Lookbook
     end
 
     def generate_id(*args)
-      args.map { |args| args.delete_prefix("/").tr("&?=/_\-", "-") }.join("-")
+      args.map { |args| args.delete_prefix("/").tr("&?=/_-", "-") }.join("-")
     end
 
     protected

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

@@ -103,7 +103,7 @@ module Lookbook
       }
 
       preview = @preview
-      target_examples = @target.type == :group ? @target.examples : [@target]
+      target_examples = (@target.type == :group) ? @target.examples : [@target]
 
       examples = target_examples.map do |example|
         render_args = @preview.render_args(example.name, params: preview_controller.params)
@@ -118,7 +118,7 @@ module Lookbook
         example
       end
 
-      target = @target.type == :group ? @target : examples.find { |e| e.lookup_path == @target.lookup_path }
+      target = (@target.type == :group) ? @target : examples.find { |e| e.lookup_path == @target.lookup_path }
 
       params_ref = @params
       preview.define_singleton_method(:params, proc { params_ref })

data/app/helpers/lookbook/application_helper.rb

@@ -27,7 +27,7 @@ module Lookbook
     end
 
     def generate_id(*args)
-      args.map { |args| args.delete_prefix("/").tr("&?=/_\-", "-") }.join("-")
+      args.map { |args| args.delete_prefix("/").tr("&?=/_-", "-") }.join("-")
     end
   end
 end

data/lib/lookbook/page.rb

@@ -26,7 +26,7 @@ module Lookbook
       @content = ""
       @page_name = remove_position_prefix(path_name)
       @rel_path = @pathname.relative_path_from(@base_path)
-      page_path = @rel_path.dirname.to_s == "." ? @page_name : "#{@rel_path.dirname}/#{@page_name}"
+      page_path = (@rel_path.dirname.to_s == ".") ? @page_name : "#{@rel_path.dirname}/#{@page_name}"
       extract_frontmatter(file_contents)
       super(page_path)
     end

data/lib/lookbook/services/code/code_beautifier.rb

@@ -12,7 +12,7 @@ module Lookbook
     def call
       language = opts.fetch(:language, "html")
       stripped_source = source.strip
-      result = language.downcase == "html" ? HtmlBeautifier.beautify(stripped_source, opts) : stripped_source
+      result = (language.downcase == "html") ? HtmlBeautifier.beautify(stripped_source, opts) : stripped_source
       result.to_s.strip.html_safe
     rescue
       source.strip.html_safe

data/lib/lookbook/services/code/code_highlighter.rb

@@ -11,7 +11,7 @@ module Lookbook
     end
 
     def opts
-      @opts.is_a?(String) || @opts.is_a?(Symbol) ? {language: @opts} : @opts.to_h
+      (@opts.is_a?(String) || @opts.is_a?(Symbol)) ? {language: @opts} : @opts.to_h
     end
 
     def call

data/lib/lookbook/stores/config_store.rb

@@ -10,7 +10,7 @@ module Lookbook
     end
 
     def project_name=(name)
-      store[:project_name] = name == false ? nil : name
+      store[:project_name] = (name == false) ? nil : name
     end
 
     def page_paths=(paths = nil)

data/lib/lookbook/stores/panel_store.rb

@@ -96,7 +96,7 @@ module Lookbook
       config.each do |group, panels|
         panels.map! do |opts|
           opts.transform_values! do |value|
-            value.is_a?(String) && value.start_with?("->") ? eval(value) : value # standard:disable Security/Eval
+            (value.is_a?(String) && value.start_with?("->")) ? eval(value) : value # standard:disable Security/Eval
           end
         end
       end
@@ -111,7 +111,7 @@ module Lookbook
     end
 
     def insert_index(position, items_count)
-      index = position == 0 ? 1 : (position || 0).to_int
+      index = (position == 0) ? 1 : (position || 0).to_int
       last_position = items_count + 1
       index = last_position if index > last_position
       index - 1

data/lib/lookbook/support/store.rb

@@ -71,7 +71,7 @@ module Lookbook
     protected
 
     def normalize_value(value)
-      @recursive && !value.is_a?(Store) && value.is_a?(Hash) ? Store.new(value, recursive: @recursive) : value
+      (@recursive && !value.is_a?(Store) && value.is_a?(Hash)) ? Store.new(value, recursive: @recursive) : value
     end
   end
 end

data/lib/lookbook/tags/position_tag.rb

@@ -5,7 +5,7 @@ module Lookbook
     def value
       if text.present?
         int = text.to_i
-        int == 0 ? DEFAULT_POSITION : int
+        (int == 0) ? DEFAULT_POSITION : int
       else
         DEFAULT_POSITION
       end

data/lib/lookbook/theme.rb

@@ -12,6 +12,14 @@ module Lookbook
       blue: {
         favicon_light_mode: "#2563EB",
         favicon_dark_mode: "#60A5FA"
+      },
+      green: {
+        favicon_light_mode: "#16a34a",
+        favicon_dark_mode: "#66E093"
+      },
+      rose: {
+        favicon_light_mode: "#E11D48",
+        favicon_dark_mode: "#FFA0B5"
       }
     }
 

data/lib/lookbook/version.rb

@@ -1,3 +1,3 @@
 module Lookbook
-  VERSION = "1.3.3"
+  VERSION = "1.3.4"
 end

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

@@ -10,6 +10,7 @@
 html {
   -webkit-text-size-adjust: 100%;
   tab-size: 4;
+  font-feature-settings: normal;
   font-family: -apple-system, \.SFNSText-Regular, San Francisco, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, Arial, sans-serif;
   line-height: 1.5;
 }
@@ -242,6 +243,7 @@ select {
   appearance: none;
   print-color-adjust: exact;
   vertical-align: middle;
+  -webkit-user-select: none;
   user-select: none;
   height: 1rem;
   width: 1rem;
@@ -1034,24 +1036,24 @@ pre[class*="language-"] {
   padding-left: .428571em;
 }
 
-.prose-sm :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
+.prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"] *)) {
   margin-top: .571429em;
   margin-bottom: .571429em;
 }
 
-.prose-sm :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
+.prose-sm :where(.prose-sm > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.14286em;
 }
 
-.prose-sm :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
+.prose-sm :where(.prose-sm > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.14286em;
 }
 
-.prose-sm :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
+.prose-sm :where(.prose-sm > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.14286em;
 }
 
-.prose-sm :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
+.prose-sm :where(.prose-sm > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.14286em;
 }
 
@@ -1112,40 +1114,11 @@ pre[class*="language-"] {
   padding-right: 0;
 }
 
-.prose-sm :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 0;
-}
-
-.prose-sm :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 0;
-}
-
-.prose-base :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
-  margin-top: .75em;
-  margin-bottom: .75em;
-}
-
-.prose-base :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 1.25em;
-}
-
-.prose-base :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 1.25em;
-}
-
-.prose-base :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 1.25em;
-}
-
-.prose-base :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 1.25em;
-}
-
-.prose-base :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
+.prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
-.prose-base :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
+.prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 0;
 }
 
@@ -1271,24 +1244,24 @@ pre[class*="language-"] {
   padding-left: .444444em;
 }
 
-.prose-lg :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
+.prose-lg :where(.prose-lg > ul > li p):not(:where([class~="not-prose"] *)) {
   margin-top: .888889em;
   margin-bottom: .888889em;
 }
 
-.prose-lg :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
+.prose-lg :where(.prose-lg > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.33333em;
 }
 
-.prose-lg :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
+.prose-lg :where(.prose-lg > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.33333em;
 }
 
-.prose-lg :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
+.prose-lg :where(.prose-lg > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.33333em;
 }
 
-.prose-lg :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
+.prose-lg :where(.prose-lg > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.33333em;
 }
 
@@ -1349,69 +1322,11 @@ pre[class*="language-"] {
   padding-right: 0;
 }
 
-.prose-lg :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 0;
-}
-
-.prose-lg :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 0;
-}
-
-.prose-xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
-  margin-top: .8em;
-  margin-bottom: .8em;
-}
-
-.prose-xl :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 1.2em;
-}
-
-.prose-xl :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 1.2em;
-}
-
-.prose-xl :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 1.2em;
-}
-
-.prose-xl :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 1.2em;
-}
-
-.prose-xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 0;
-}
-
-.prose-xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 0;
-}
-
-.prose-2xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
-  margin-top: .833333em;
-  margin-bottom: .833333em;
-}
-
-.prose-2xl :where(.prose > ul > li > :first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 1.33333em;
-}
-
-.prose-2xl :where(.prose > ul > li > :last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 1.33333em;
-}
-
-.prose-2xl :where(.prose > ol > li > :first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 1.33333em;
-}
-
-.prose-2xl :where(.prose > ol > li > :last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 1.33333em;
-}
-
-.prose-2xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
+.prose-lg :where(.prose-lg > :first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
 
-.prose-2xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
+.prose-lg :where(.prose-lg > :last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 0;
 }
 
@@ -1451,6 +1366,7 @@ pre[class*="language-"] {
   width: min-content;
   z-index: 10;
   height: 100%;
+  -webkit-user-select: none;
   user-select: none;
   text-align: right;
   border-style: dashed;
@@ -1507,7 +1423,7 @@ pre[class*="language-"] {
 [data-component="icon"] {
   flex: none;
   line-height: 1;
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
   transition-duration: .15s;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1);
   display: block;
@@ -1666,9 +1582,10 @@ pre[class*="language-"] {
 
 [data-component="viewport"] .resize-handle {
   touch-action: none;
+  -webkit-user-select: none;
   user-select: none;
   color: var(--lookbook-viewport-handle-icon-stroke);
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
   transition-duration: .15s;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1);
 }
@@ -2225,6 +2142,7 @@ input[type="color"]::-webkit-color-swatch {
 }
 
 .select-none {
+  -webkit-user-select: none;
   user-select: none;
 }
 
@@ -2914,7 +2832,7 @@ input[type="color"]::-webkit-color-swatch {
 }
 
 .transition {
-  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
   transition-duration: .15s;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1);
 }

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;;;;;AAIwE;;;;AAEzE;;;;;;;;;;;;AAaA;;;;;;;;;;;;;AAWA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;;;;;AAOA;;;;;;;;;AAOA;;;;;;;;;;;;;;;;;;AAgBA;;;;AAEA;;;;AAEA;;;;;;;;;;;;AAUA;;;;;;;;AAMA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;;;;;AAOA;;;;;AAGA;;;;;;;;;;AAQA;;;;;AAGA;;;;;AAGA;EACG;;;;;AAGD;;;;;;;;;;AAQF;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;;;;;;AAOA;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FA;;;;;;;;;;;;AAaA;;;;;;;;;;;;;AAWA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;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;;;;;;;;AAMA;;;;;AAGI;;;;;;;AAKc;;;;AAElB;;;;;;;;AAMM;;;;;;;;;;;AASA;;;;;;;;AAMA;;;;;AAGN;;;;;AAGgC;;;;AAEhC;;;;;AAGA;;;;;;AAiBI;;;;;;AAIJ;;;;;;;AAKI;;;;;;;;;AAOJ;;;;;;;;;;AAQA;;;;;AAGA;;;;;AAGA;;;;;;;AAQA;;;;AAEQ;;;;AAEA;;;;;AAGR;;;;;AAMA;;;;AAEA;;;;AAEQ;;;;AAIF;;;;AAGA;;;;;AAGN;;;;;;AAIA;;;;;AAGA;;;;;;AAIA;;;;AAEA;;;;AAEA;;;;;;AAIA;;;;;AAIA;;;;;AAGA;;;;AAEA;;;;;;;;AAMA;;;;;AAGI;;;;;;;AAKJ;;;;;AAGE;;;;;;;;;;AAQF;;;;;AAGA;;;;;;;;;AAOA;;;;AAEA;;;;AAeA;;;;;AAgBA;;;;AAeA;;;;;AAgBA;;;;;;;;;AAoBA;;;;;;;AAME;;;;AAEA;;;;;;AAIF;;;;;;;;;AAQE;;;;;;AAIF;;;;;;;;AAMA;;;;;;AAKA;;;;;;;;;AAOE;;;;AAEA;;;;;AAGF;;;;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;;;;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;;;;;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;;;;;;AAIA;;;;;;AAIA;;;;AAEA;;;;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;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;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;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;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;;;;;;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiGF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CE;;;;AAEF;;;;;;AAIE;;;;AAEE;;;;;AAGa;;;;;AAGF;;;;AAEE;;;;;AAG2B;;;;AAE3B;;;;AAGH;;;;;AAGI;;;;AAEH;;;;AAEM;;;;;AAGM;;;;;AAGF;;;;;AAGD;;;;;;;AAKC;;;;;AAGA;;;;;AAGH;;;;AAEC;;;;AAEE;;;;;AAGC;;;;AAEF;;;;AAEA;;;;;AAGA;;;;;AAGI;;;;AAED;;;;;AAeD;;;;;AAGJ;;;;AAEA;;;;AAEE;;;;AAEA;;;;AAEA;;;;AAEF;;;;;AAGF;;;;AAEG;;;;AAEC;;;;AAEH;;;;;AAGG;;;;;AAGD;;;;AAEH;;;;AAEI;;;;AAID;;;;AAEL;;;;AAEK;;;;;AAGA;;;;AAEE;;;;AAQG;;;;AAcK;;;;AAEH;;;;AAEA;;;;AAEC;;;;AAEA;;;;AAEF;;;;AAMG;;;;AAEyF;;;;;AAG/F;;;;AAItB;;;;AAEJ;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;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  [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"],"names":[],"version":3,"file":"lookbook.css.map"}
+{"mappings":"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;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;;;;;;AAIA;;;;;;AAIA;;;;AAEA;;;;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;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;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;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;;AAGA;;;;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;;;;;;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiGF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CE;;;;AAEF;;;;;;AAIE;;;;AAEE;;;;;AAGa;;;;;AAGF;;;;AAEE;;;;;AAG2B;;;;AAE3B;;;;AAGH;;;;;AAGI;;;;AAEH;;;;AAEM;;;;;AAGM;;;;;AAGF;;;;;AAGD;;;;;;;AAKC;;;;;AAGA;;;;;AAGH;;;;AAEC;;;;AAEE;;;;;AAGC;;;;AAEF;;;;AAEA;;;;;AAGA;;;;;AAGI;;;;AAED;;;;;AAeD;;;;;AAGJ;;;;AAEA;;;;AAEE;;;;AAEA;;;;AAEA;;;;AAEF;;;;;AAGF;;;;AAEG;;;;AAEC;;;;AAEH;;;;;AAGG;;;;;AAGD;;;;AAEH;;;;AAEI;;;;AAID;;;;AAEL;;;;AAEK;;;;;AAGA;;;;AAEE;;;;AAQG;;;;AAcK;;;;AAEH;;;;AAEA;;;;AAEC;;;;AAEA;;;;AAEF;;;;AAMG;;;;AAEyF;;;;;AAG/F;;;;AAItB;;;;AAEJ;;;;AAEA;;;;;AAGA;;;;;AAGA;;;;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  [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"],"names":[],"version":3,"file":"lookbook.css.map"}

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-draggable-hint: rgb(224 231 255 / 0.2);\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-hover: var(--lookbook-draggable-hint);\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-params-editor-bg: var(--lookbook-white);\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}\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-draggable-hint: rgb(224 231 255 / 0.2);\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-hover: var(--lookbook-draggable-hint);\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-params-editor-bg: var(--lookbook-white);\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}"],"names":[],"version":3,"file":"blue.css.map"}