RubyGems - avo - Versions diffs - 2.12.1.pre.1 → 2.13.2.pre.1 - Mend

avo 2.12.1.pre.1 → 2.13.2.pre.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (89) hide show

checksums.yaml +4 -4
data/Gemfile.lock +1 -1
data/README.md +2 -1
data/app/assets/stylesheets/avo.css +1 -1
data/app/assets/stylesheets/css/fields/progress.css +3 -3
data/app/assets/stylesheets/css/pagination.css +0 -4
data/app/assets/stylesheets/css/search.css +1 -1
data/app/assets/stylesheets/css/sidebar.css +1 -1
data/app/assets/stylesheets/css/tags.css +7 -0
data/app/assets/svgs/failed_to_load.svg +4 -5
data/app/assets/svgs/grid-empty-state.svg +10 -11
data/app/assets/svgs/table-empty-state.svg +11 -12
data/app/components/avo/actions_component.html.erb +5 -5
data/app/components/avo/actions_component.rb +12 -3
data/app/components/avo/button_component.rb +3 -5
data/app/components/avo/fields/boolean_field/edit_component.html.erb +1 -1
data/app/components/avo/fields/common/gravatar_viewer_component.html.erb +1 -1
data/app/components/avo/fields/date_field/edit_component.html.erb +0 -3
data/app/components/avo/fields/date_time_field/edit_component.html.erb +0 -2
data/app/components/avo/fields/has_one_field/show_component.html.erb +1 -1
data/app/components/avo/fields/progress_bar_field/index_component.html.erb +1 -1
data/app/components/avo/fields/progress_bar_field/show_component.html.erb +1 -1
data/app/components/avo/fields/tags_field/edit_component.html.erb +1 -1
data/app/components/avo/item_switcher_component.html.erb +1 -1
data/app/components/avo/panel_component.html.erb +1 -1
data/app/components/avo/panel_component.rb +3 -4
data/app/components/avo/profile_item_component.html.erb +1 -1
data/app/components/avo/resource_component.rb +6 -4
data/app/components/avo/sidebar_component.html.erb +1 -1
data/app/components/avo/views/resource_edit_component.html.erb +1 -1
data/app/components/avo/views/resource_index_component.html.erb +1 -1
data/app/components/avo/views/resource_index_component.rb +1 -1
data/app/components/avo/views/resource_show_component.html.erb +138 -48
data/app/components/avo/views/resource_show_component.rb +1 -0
data/app/helpers/avo/resources_helper.rb +2 -2
data/app/javascript/avo.js +0 -1
data/app/javascript/js/controllers/fields/trix_field_controller.js +4 -3
data/app/javascript/js/controllers/item_selector_controller.js +1 -1
data/app/views/avo/associations/new.html.erb +2 -2
data/app/views/avo/base/_multiple_select_filter.html.erb +1 -1
data/app/views/avo/base/_text_filter.html.erb +1 -1
data/app/views/avo/dashboards/show.html.erb +1 -1
data/app/views/avo/debug/index.html.erb +1 -1
data/app/views/avo/debug/report.html.erb +1 -0
data/app/views/avo/home/index.html.erb +1 -1
data/app/views/avo/partials/_branding.html.erb +5 -0
data/app/views/avo/partials/_header.html.erb +1 -1
data/app/views/avo/partials/_logo.html.erb +2 -2
data/app/views/avo/private/_links_and_buttons.html.erb +1 -1
data/app/views/avo/private/design.html.erb +5 -5
data/app/views/layouts/avo/application.html.erb +2 -1
data/lib/avo/base_resource.rb +5 -1
data/lib/avo/concerns/has_editable_controls.rb +34 -0
data/lib/avo/configuration/branding.rb +57 -0
data/lib/avo/configuration.rb +5 -0
data/lib/avo/fields/date_field.rb +1 -3
data/lib/avo/fields/field_extensions/has_include_blank.rb +1 -1
data/lib/avo/fields/key_value_field.rb +6 -6
data/lib/avo/licensing/h_q.rb +12 -4
data/lib/avo/licensing/pro_license.rb +2 -0
data/lib/avo/menu/builder.rb +2 -0
data/lib/avo/resources/controls/action.rb +32 -0
data/lib/avo/resources/controls/actions_list.rb +19 -0
data/lib/avo/resources/controls/back_button.rb +13 -0
data/lib/avo/resources/controls/base_control.rb +59 -0
data/lib/avo/resources/controls/delete_button.rb +13 -0
data/lib/avo/resources/controls/detach_button.rb +13 -0
data/lib/avo/resources/controls/edit_button.rb +13 -0
data/lib/avo/resources/controls/execution_context.rb +58 -0
data/lib/avo/resources/controls/items_holder.rb +19 -0
data/lib/avo/resources/controls/link_to.rb +27 -0
data/lib/avo/version.rb +1 -1
data/lib/generators/avo/templates/action.tt +1 -1
data/lib/generators/avo/templates/initializer/avo.tt +14 -0
data/lib/generators/avo/templates/resource_tools/partial.tt +1 -1
data/lib/generators/avo/templates/standalone_action.tt +1 -1
data/public/avo-assets/avo.css +760 -202
data/public/avo-assets/avo.js +2 -2
data/public/avo-assets/avo.js.map +2 -2
metadata +15 -11
data/app/components/avo/button_component.html.erb +0 -1
data/app/helpers/avo/actions_helper.rb +0 -4
data/app/helpers/avo/attachments_helper.rb +0 -4
data/app/views/kaminari/_first_page.html.erb +0 -3
data/app/views/kaminari/_last_page.html.erb +0 -3
data/app/views/kaminari/_next_page.html.erb +0 -9
data/app/views/kaminari/_page.html.erb +0 -12
data/app/views/kaminari/_prev_page.html.erb +0 -9
data/lib/avo/concerns/has_model.rb +0 -11

data/public/avo-assets/avo.css CHANGED Viewed

@@ -3832,8 +3832,7 @@ select{
 }
 a{
-  --tw-text-opacity:1;
-  color:rgb(8 134 222 / var(--tw-text-opacity))
+  color:rgb(var(--color-primary-500))
 }
 *, ::before, ::after{
@@ -4230,11 +4229,6 @@ svg.tea #steamR {
   box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.pagy-nav .page a:focus,.pagy-nav .page.active:focus,.pagy-nav .page.prev.disabled:focus,.pagy-nav .page.next.disabled:focus,.pagy-nav-js .page a:focus,.pagy-combo-nav-js .page a:focus,.pagy-combo-nav-js .pagy-combo-input a:focus{
-    --tw-border-opacity:1;
-    border-color:rgb(107 182 235 / var(--tw-border-opacity))
-  }
 .pagy-nav .page a:hover,.pagy-nav .page.active:hover,.pagy-nav .page.prev.disabled:hover,.pagy-nav .page.next.disabled:hover,.pagy-nav-js .page a:hover,.pagy-combo-nav-js .page a:hover,.pagy-combo-nav-js .pagy-combo-input a:hover{
     --tw-bg-opacity:1;
     background-color:rgb(214 216 220 / var(--tw-bg-opacity))
@@ -4484,8 +4478,7 @@ button.aa-DetachedCancelButton {
         }
 .aa-DetachedContainer .aa-Source .aa-List .aa-Item[aria-selected=true]{
-          --tw-bg-opacity:1;
-          background-color:rgb(8 134 222 / var(--tw-bg-opacity))
+          background-color:rgb(var(--color-primary-500))
         }
 .aa-DetachedContainer .aa-Source .aa-List .aa-Item[aria-selected=true]{
@@ -4576,10 +4569,8 @@ body.os-pc .mac-styled-scrollbar:hover::-webkit-scrollbar-thumb {
 }
 .application-sidebar .active:hover, .application-sidebar .active{
-  --tw-bg-opacity:1;
-  background-color:rgb(206 231 248 / var(--tw-bg-opacity));
-  --tw-text-opacity:1;
-  color:rgb(8 134 222 / var(--tw-text-opacity))
+  background-color:rgb(var(--color-primary-100));
+  color:rgb(var(--color-primary-500))
 }
 /* remove the left padding. */
@@ -4637,6 +4628,15 @@ body.os-pc .mac-styled-scrollbar:hover::-webkit-scrollbar-thumb {
 tags.tagify {
   --tag-inset-shadow-size: 3em;
+  --tags-border-color: rgb(var(--color-primary-500));
+  --tags-hover-border-color: rgb(var(--color-primary-500));
+}
+.tagify__dropdown {
+  --tagify-dd-color-primary: rgb(var(--color-primary-500));
+}
+tags.tagify{
   padding:0px !important;
 }
@@ -5574,7 +5574,7 @@ progress{
   border-radius:0.25rem;
   border-width:1px;
   --tw-border-opacity:1;
-  border-color:rgb(145 151 161 / var(--tw-border-opacity));
+  border-color:rgb(148 163 184 / var(--tw-border-opacity));
   --tw-bg-opacity:1;
   background-color:rgb(255 255 255 / var(--tw-bg-opacity));
   --tw-shadow:inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
@@ -5596,15 +5596,13 @@ progress[value]::-webkit-progress-bar{
 progress[value]::-webkit-progress-value{
   border-radius:0.25rem;
-  --tw-bg-opacity:1;
-  background-color:rgb(22 163 74 / var(--tw-bg-opacity))
+  background-color:rgb(var(--color-primary-500))
 }
 progress[value]::-moz-progress-bar{
   appearance:none;
   border-radius:0.25rem;
-  --tw-bg-opacity:1;
-  background-color:rgb(22 163 74 / var(--tw-bg-opacity))
+  background-color:rgb(var(--color-primary-500))
 }
 /*
@@ -6435,14 +6433,6 @@ trix-editor .attachment__metadata .attachment__size {
   margin-top:0.5rem
 }
-.ml-3{
-  margin-left:0.75rem
-}
-.-ml-px{
-  margin-left:-1px
-}
 .mt-4{
   margin-top:1rem
 }
@@ -6515,6 +6505,10 @@ trix-editor .attachment__metadata .attachment__size {
   margin-left:8.333333%
 }
+.ml-3{
+  margin-left:0.75rem
+}
 .ml-4{
   margin-left:1rem
 }
@@ -6946,6 +6940,10 @@ trix-editor .attachment__metadata .attachment__size {
   gap:1rem
 }
+.gap-2{
+  gap:0.5rem
+}
 .gap-0{
   gap:0px
 }
@@ -7113,16 +7111,6 @@ trix-editor .attachment__metadata .attachment__size {
   border-radius:1rem
 }
-.rounded-r-md{
-  border-top-right-radius:0.375rem;
-  border-bottom-right-radius:0.375rem
-}
-.rounded-l-md{
-  border-top-left-radius:0.375rem;
-  border-bottom-left-radius:0.375rem
-}
 .rounded-l{
   border-top-left-radius:0.25rem;
   border-bottom-left-radius:0.25rem
@@ -7288,8 +7276,7 @@ trix-editor .attachment__metadata .attachment__size {
 }
 .border-primary-500{
-  --tw-border-opacity:1;
-  border-color:rgb(8 134 222 / var(--tw-border-opacity))
+  border-color:rgb(var(--color-primary-500))
 }
 .border-red-600{
@@ -7307,11 +7294,6 @@ trix-editor .attachment__metadata .attachment__size {
   border-color:rgb(172 177 185 / var(--tw-border-opacity))
 }
-.border-primary-300{
-  --tw-border-opacity:1;
-  border-color:rgb(107 182 235 / var(--tw-border-opacity))
-}
 .border-gray-600{
   --tw-border-opacity:1;
   border-color:rgb(94 100 110 / var(--tw-border-opacity))
@@ -7341,44 +7323,54 @@ trix-editor .attachment__metadata .attachment__size {
   border-color:rgb(203 213 225 / var(--tw-border-opacity))
 }
-.bg-red-600{
+.bg-slate-500{
   --tw-bg-opacity:1;
-  background-color:rgb(220 38 38 / var(--tw-bg-opacity))
+  background-color:rgb(100 116 139 / var(--tw-bg-opacity))
 }
-.bg-white{
+.bg-gray-500{
   --tw-bg-opacity:1;
-  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
+  background-color:rgb(117 125 138 / var(--tw-bg-opacity))
 }
-.bg-gray-25{
+.bg-zinc-500{
   --tw-bg-opacity:1;
-  background-color:rgb(246 246 247 / var(--tw-bg-opacity))
+  background-color:rgb(113 113 122 / var(--tw-bg-opacity))
 }
-.bg-gray-100{
+.bg-neutral-500{
   --tw-bg-opacity:1;
-  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
+  background-color:rgb(115 115 115 / var(--tw-bg-opacity))
 }
-.bg-sky-500{
+.bg-stone-500{
   --tw-bg-opacity:1;
-  background-color:rgb(14 165 233 / var(--tw-bg-opacity))
+  background-color:rgb(120 113 108 / var(--tw-bg-opacity))
 }
-.bg-orange-700{
+.bg-red-500{
   --tw-bg-opacity:1;
-  background-color:rgb(194 65 12 / var(--tw-bg-opacity))
+  background-color:rgb(239 68 68 / var(--tw-bg-opacity))
 }
-.bg-green-700{
+.bg-orange-500{
   --tw-bg-opacity:1;
-  background-color:rgb(21 128 61 / var(--tw-bg-opacity))
+  background-color:rgb(249 115 22 / var(--tw-bg-opacity))
 }
-.bg-red-400{
+.bg-amber-500{
   --tw-bg-opacity:1;
-  background-color:rgb(248 113 113 / var(--tw-bg-opacity))
+  background-color:rgb(245 158 11 / var(--tw-bg-opacity))
+}
+.bg-yellow-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(234 179 8 / var(--tw-bg-opacity))
+}
+.bg-lime-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(132 204 22 / var(--tw-bg-opacity))
 }
 .bg-green-500{
@@ -7386,49 +7378,123 @@ trix-editor .attachment__metadata .attachment__size {
   background-color:rgb(34 197 94 / var(--tw-bg-opacity))
 }
-.bg-orange-400{
+.bg-emerald-500{
   --tw-bg-opacity:1;
-  background-color:rgb(251 146 60 / var(--tw-bg-opacity))
+  background-color:rgb(16 185 129 / var(--tw-bg-opacity))
 }
-.bg-blue-400{
+.bg-teal-500{
   --tw-bg-opacity:1;
-  background-color:rgb(57 158 229 / var(--tw-bg-opacity))
+  background-color:rgb(20 184 166 / var(--tw-bg-opacity))
 }
-.bg-primary-500{
+.bg-cyan-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(6 182 212 / var(--tw-bg-opacity))
+}
+.bg-sky-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(14 165 233 / var(--tw-bg-opacity))
+}
+.bg-blue-500{
   --tw-bg-opacity:1;
   background-color:rgb(8 134 222 / var(--tw-bg-opacity))
 }
-.bg-gray-800{
+.bg-indigo-500{
   --tw-bg-opacity:1;
-  background-color:rgb(47 50 55 / var(--tw-bg-opacity))
+  background-color:rgb(99 102 241 / var(--tw-bg-opacity))
+}
+.bg-violet-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(139 92 246 / var(--tw-bg-opacity))
+}
+.bg-purple-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(168 85 247 / var(--tw-bg-opacity))
+}
+.bg-fuchsia-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(217 70 239 / var(--tw-bg-opacity))
+}
+.bg-pink-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(236 72 153 / var(--tw-bg-opacity))
+}
+.bg-rose-500{
+  --tw-bg-opacity:1;
+  background-color:rgb(244 63 94 / var(--tw-bg-opacity))
+}
+.bg-primary-500{
+  background-color:rgb(var(--color-primary-500))
+}
+.bg-red-600{
+  --tw-bg-opacity:1;
+  background-color:rgb(220 38 38 / var(--tw-bg-opacity))
+}
+.bg-white{
+  --tw-bg-opacity:1;
+  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
+}
+.bg-gray-25{
+  --tw-bg-opacity:1;
+  background-color:rgb(246 246 247 / var(--tw-bg-opacity))
+}
+.bg-orange-700{
+  --tw-bg-opacity:1;
+  background-color:rgb(194 65 12 / var(--tw-bg-opacity))
+}
+.bg-gray-100{
+  --tw-bg-opacity:1;
+  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
+}
+.bg-green-700{
+  --tw-bg-opacity:1;
+  background-color:rgb(21 128 61 / var(--tw-bg-opacity))
 }
 .bg-application{
   --tw-bg-opacity:1;
-  background-color:rgb(229 235 240 / var(--tw-bg-opacity))
+  background-color:rgb(246 246 247 / var(--tw-bg-opacity))
 }
-.bg-gray-50{
+.bg-red-400{
   --tw-bg-opacity:1;
-  background-color:rgb(241 242 243 / var(--tw-bg-opacity))
+  background-color:rgb(248 113 113 / var(--tw-bg-opacity))
 }
-.bg-blue-500{
+.bg-orange-400{
   --tw-bg-opacity:1;
-  background-color:rgb(8 134 222 / var(--tw-bg-opacity))
+  background-color:rgb(251 146 60 / var(--tw-bg-opacity))
 }
-.bg-red-500{
+.bg-blue-400{
   --tw-bg-opacity:1;
-  background-color:rgb(239 68 68 / var(--tw-bg-opacity))
+  background-color:rgb(57 158 229 / var(--tw-bg-opacity))
 }
-.bg-yellow-500{
+.bg-gray-800{
   --tw-bg-opacity:1;
-  background-color:rgb(234 179 8 / var(--tw-bg-opacity))
+  background-color:rgb(47 50 55 / var(--tw-bg-opacity))
+}
+.bg-gray-50{
+  --tw-bg-opacity:1;
+  background-color:rgb(241 242 243 / var(--tw-bg-opacity))
 }
 .bg-gray-700{
@@ -7441,11 +7507,6 @@ trix-editor .attachment__metadata .attachment__size {
   background-color:rgb(94 100 110 / var(--tw-bg-opacity))
 }
-.bg-gray-500{
-  --tw-bg-opacity:1;
-  background-color:rgb(117 125 138 / var(--tw-bg-opacity))
-}
 .bg-opacity-25{
   --tw-bg-opacity:0.25
 }
@@ -7711,10 +7772,6 @@ trix-editor .attachment__metadata .attachment__size {
   font-weight:600
 }
-.font-medium{
-  font-weight:500
-}
 .font-normal{
   font-weight:400
 }
@@ -7723,6 +7780,10 @@ trix-editor .attachment__metadata .attachment__size {
   font-weight:700
 }
+.font-medium{
+  font-weight:500
+}
 .uppercase{
   text-transform:uppercase
 }
@@ -7870,8 +7931,7 @@ trix-editor .attachment__metadata .attachment__size {
 }
 .text-primary-500{
-  --tw-text-opacity:1;
-  color:rgb(8 134 222 / var(--tw-text-opacity))
+  color:rgb(var(--color-primary-500))
 }
 .text-white{
@@ -7914,11 +7974,6 @@ trix-editor .attachment__metadata .attachment__size {
   color:rgb(0 0 0 / var(--tw-text-opacity))
 }
-.\!text-blue-700{
-  --tw-text-opacity:1 !important;
-  color:rgb(5 80 133 / var(--tw-text-opacity)) !important
-}
 .text-slate-600{
   --tw-text-opacity:1;
   color:rgb(71 85 105 / var(--tw-text-opacity))
@@ -8112,8 +8167,7 @@ html, body{
 }
 .turbo-progress-bar{
-  --tw-bg-opacity:1;
-  background-color:rgb(57 158 229 / var(--tw-bg-opacity))
+  background-color:rgb(var(--color-primary-400))
 }
 body.os-mac .mac\:hidden {
@@ -8165,108 +8219,325 @@ trix-editor {
   display:block
 }
+.checked\:bg-primary-400:checked{
+  background-color:rgb(var(--color-primary-400))
+}
+.focus-within\:border-primary-500:focus-within{
+  border-color:rgb(var(--color-primary-500))
+}
 .hover\:z-\[21\]:hover{
   z-index:21
 }
-.hover\:border-primary-600:hover{
+.hover\:border-slate-600:hover{
   --tw-border-opacity:1;
-  border-color:rgb(6 107 178 / var(--tw-border-opacity))
+  border-color:rgb(71 85 105 / var(--tw-border-opacity))
 }
-.hover\:bg-slate-100:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(241 245 249 / var(--tw-bg-opacity))
+.hover\:border-gray-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(94 100 110 / var(--tw-border-opacity))
 }
-.hover\:bg-gray-100:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
+.hover\:border-zinc-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(82 82 91 / var(--tw-border-opacity))
 }
-.hover\:bg-zinc-100:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(244 244 245 / var(--tw-bg-opacity))
+.hover\:border-neutral-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(82 82 82 / var(--tw-border-opacity))
 }
-.hover\:bg-neutral-100:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(245 245 245 / var(--tw-bg-opacity))
+.hover\:border-stone-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(87 83 78 / var(--tw-border-opacity))
 }
-.hover\:bg-stone-100:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(245 245 244 / var(--tw-bg-opacity))
+.hover\:border-red-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(220 38 38 / var(--tw-border-opacity))
 }
-.hover\:bg-red-100:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(254 226 226 / var(--tw-bg-opacity))
+.hover\:border-orange-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(234 88 12 / var(--tw-border-opacity))
 }
-.hover\:bg-orange-100:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(255 237 213 / var(--tw-bg-opacity))
+.hover\:border-amber-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(217 119 6 / var(--tw-border-opacity))
 }
-.hover\:bg-amber-100:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(254 243 199 / var(--tw-bg-opacity))
+.hover\:border-yellow-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(202 138 4 / var(--tw-border-opacity))
 }
-.hover\:bg-yellow-100:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(254 249 195 / var(--tw-bg-opacity))
+.hover\:border-lime-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(101 163 13 / var(--tw-border-opacity))
 }
-.hover\:bg-lime-100:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(236 252 203 / var(--tw-bg-opacity))
+.hover\:border-green-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(22 163 74 / var(--tw-border-opacity))
 }
-.hover\:bg-green-100:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(220 252 231 / var(--tw-bg-opacity))
+.hover\:border-emerald-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(5 150 105 / var(--tw-border-opacity))
 }
-.hover\:bg-emerald-100:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(209 250 229 / var(--tw-bg-opacity))
+.hover\:border-teal-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(13 148 136 / var(--tw-border-opacity))
 }
-.hover\:bg-teal-100:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(204 251 241 / var(--tw-bg-opacity))
+.hover\:border-cyan-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(8 145 178 / var(--tw-border-opacity))
 }
-.hover\:bg-cyan-100:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(207 250 254 / var(--tw-bg-opacity))
+.hover\:border-sky-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(2 132 199 / var(--tw-border-opacity))
 }
-.hover\:bg-sky-100:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(224 242 254 / var(--tw-bg-opacity))
+.hover\:border-blue-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(6 107 178 / var(--tw-border-opacity))
 }
-.hover\:bg-blue-100:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(206 231 248 / var(--tw-bg-opacity))
+.hover\:border-indigo-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(79 70 229 / var(--tw-border-opacity))
 }
-.hover\:bg-indigo-100:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(224 231 255 / var(--tw-bg-opacity))
+.hover\:border-violet-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(124 58 237 / var(--tw-border-opacity))
 }
-.hover\:bg-violet-100:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(237 233 254 / var(--tw-bg-opacity))
+.hover\:border-purple-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(147 51 234 / var(--tw-border-opacity))
 }
-.hover\:bg-purple-100:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(243 232 255 / var(--tw-bg-opacity))
+.hover\:border-fuchsia-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(192 38 211 / var(--tw-border-opacity))
+}
+.hover\:border-pink-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(219 39 119 / var(--tw-border-opacity))
+}
+.hover\:border-rose-600:hover{
+  --tw-border-opacity:1;
+  border-color:rgb(225 29 72 / var(--tw-border-opacity))
+}
+.hover\:border-primary-600:hover{
+  border-color:rgb(var(--color-primary-600))
+}
+.hover\:bg-slate-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(71 85 105 / var(--tw-bg-opacity))
+}
+.hover\:bg-slate-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(241 245 249 / var(--tw-bg-opacity))
+}
+.hover\:bg-gray-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(94 100 110 / var(--tw-bg-opacity))
+}
+.hover\:bg-gray-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(227 229 232 / var(--tw-bg-opacity))
+}
+.hover\:bg-zinc-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(82 82 91 / var(--tw-bg-opacity))
+}
+.hover\:bg-zinc-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(244 244 245 / var(--tw-bg-opacity))
+}
+.hover\:bg-neutral-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(82 82 82 / var(--tw-bg-opacity))
+}
+.hover\:bg-neutral-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(245 245 245 / var(--tw-bg-opacity))
+}
+.hover\:bg-stone-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(87 83 78 / var(--tw-bg-opacity))
+}
+.hover\:bg-stone-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(245 245 244 / var(--tw-bg-opacity))
+}
+.hover\:bg-red-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(220 38 38 / var(--tw-bg-opacity))
+}
+.hover\:bg-red-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(254 226 226 / var(--tw-bg-opacity))
+}
+.hover\:bg-orange-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(234 88 12 / var(--tw-bg-opacity))
+}
+.hover\:bg-orange-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(255 237 213 / var(--tw-bg-opacity))
+}
+.hover\:bg-amber-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(217 119 6 / var(--tw-bg-opacity))
+}
+.hover\:bg-amber-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(254 243 199 / var(--tw-bg-opacity))
+}
+.hover\:bg-yellow-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(202 138 4 / var(--tw-bg-opacity))
+}
+.hover\:bg-yellow-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(254 249 195 / var(--tw-bg-opacity))
+}
+.hover\:bg-lime-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(101 163 13 / var(--tw-bg-opacity))
+}
+.hover\:bg-lime-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(236 252 203 / var(--tw-bg-opacity))
+}
+.hover\:bg-green-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(22 163 74 / var(--tw-bg-opacity))
+}
+.hover\:bg-green-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(220 252 231 / var(--tw-bg-opacity))
+}
+.hover\:bg-emerald-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(5 150 105 / var(--tw-bg-opacity))
+}
+.hover\:bg-emerald-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(209 250 229 / var(--tw-bg-opacity))
+}
+.hover\:bg-teal-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(13 148 136 / var(--tw-bg-opacity))
+}
+.hover\:bg-teal-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(204 251 241 / var(--tw-bg-opacity))
+}
+.hover\:bg-cyan-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(8 145 178 / var(--tw-bg-opacity))
+}
+.hover\:bg-cyan-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(207 250 254 / var(--tw-bg-opacity))
+}
+.hover\:bg-sky-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(2 132 199 / var(--tw-bg-opacity))
+}
+.hover\:bg-sky-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(224 242 254 / var(--tw-bg-opacity))
+}
+.hover\:bg-blue-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(6 107 178 / var(--tw-bg-opacity))
+}
+.hover\:bg-blue-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(206 231 248 / var(--tw-bg-opacity))
+}
+.hover\:bg-indigo-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(79 70 229 / var(--tw-bg-opacity))
+}
+.hover\:bg-indigo-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(224 231 255 / var(--tw-bg-opacity))
+}
+.hover\:bg-violet-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(124 58 237 / var(--tw-bg-opacity))
+}
+.hover\:bg-violet-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(237 233 254 / var(--tw-bg-opacity))
+}
+.hover\:bg-purple-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(147 51 234 / var(--tw-bg-opacity))
+}
+.hover\:bg-purple-100:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(243 232 255 / var(--tw-bg-opacity))
+}
+.hover\:bg-fuchsia-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(192 38 211 / var(--tw-bg-opacity))
 }
 .hover\:bg-fuchsia-100:hover{
@@ -8274,29 +8545,36 @@ trix-editor {
   background-color:rgb(250 232 255 / var(--tw-bg-opacity))
 }
+.hover\:bg-pink-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(219 39 119 / var(--tw-bg-opacity))
+}
 .hover\:bg-pink-100:hover{
   --tw-bg-opacity:1;
   background-color:rgb(252 231 243 / var(--tw-bg-opacity))
 }
+.hover\:bg-rose-600:hover{
+  --tw-bg-opacity:1;
+  background-color:rgb(225 29 72 / var(--tw-bg-opacity))
+}
 .hover\:bg-rose-100:hover{
   --tw-bg-opacity:1;
   background-color:rgb(255 228 230 / var(--tw-bg-opacity))
 }
-.hover\:bg-primary-100:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(206 231 248 / var(--tw-bg-opacity))
+.hover\:bg-primary-600:hover{
+  background-color:rgb(var(--color-primary-600))
 }
-.hover\:bg-blue-500:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(8 134 222 / var(--tw-bg-opacity))
+.hover\:bg-primary-100:hover{
+  background-color:rgb(var(--color-primary-100))
 }
-.hover\:bg-primary-600:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(6 107 178 / var(--tw-bg-opacity))
+.hover\:bg-primary-500:hover{
+  background-color:rgb(var(--color-primary-500))
 }
 .hover\:bg-gray-50:hover{
@@ -8309,11 +8587,6 @@ trix-editor {
   color:rgb(117 125 138 / var(--tw-text-opacity))
 }
-.hover\:text-gray-400:hover{
-  --tw-text-opacity:1;
-  color:rgb(145 151 161 / var(--tw-text-opacity))
-}
 .hover\:text-white:hover{
   --tw-text-opacity:1;
   color:rgb(255 255 255 / var(--tw-text-opacity))
@@ -8334,20 +8607,11 @@ trix-editor {
   box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
 }
-.focus\:z-10:focus{
-  z-index:10
-}
 .focus\:border-gray-600:focus{
   --tw-border-opacity:1;
   border-color:rgb(94 100 110 / var(--tw-border-opacity))
 }
-.focus\:border-blue-300:focus{
-  --tw-border-opacity:1;
-  border-color:rgb(107 182 235 / var(--tw-border-opacity))
-}
 .focus\:border-gray-300:focus{
   --tw-border-opacity:1;
   border-color:rgb(172 177 185 / var(--tw-border-opacity))
@@ -8383,6 +8647,10 @@ trix-editor {
   outline-offset:2px
 }
+.focus\:checked\:\!bg-primary-400:checked:focus{
+  background-color:rgb(var(--color-primary-400)) !important
+}
 .focus-visible\:ring-0:focus-visible{
   --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -8399,124 +8667,237 @@ trix-editor {
   transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
 }
+.active\:border-slate-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(71 85 105 / var(--tw-border-opacity))
+}
 .active\:border-slate-500:active{
   --tw-border-opacity:1;
   border-color:rgb(100 116 139 / var(--tw-border-opacity))
 }
+.active\:border-gray-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(94 100 110 / var(--tw-border-opacity))
+}
 .active\:border-gray-500:active{
   --tw-border-opacity:1;
   border-color:rgb(117 125 138 / var(--tw-border-opacity))
 }
+.active\:border-zinc-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(82 82 91 / var(--tw-border-opacity))
+}
 .active\:border-zinc-500:active{
   --tw-border-opacity:1;
   border-color:rgb(113 113 122 / var(--tw-border-opacity))
 }
+.active\:border-neutral-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(82 82 82 / var(--tw-border-opacity))
+}
 .active\:border-neutral-500:active{
   --tw-border-opacity:1;
   border-color:rgb(115 115 115 / var(--tw-border-opacity))
 }
+.active\:border-stone-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(87 83 78 / var(--tw-border-opacity))
+}
 .active\:border-stone-500:active{
   --tw-border-opacity:1;
   border-color:rgb(120 113 108 / var(--tw-border-opacity))
 }
+.active\:border-red-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(220 38 38 / var(--tw-border-opacity))
+}
 .active\:border-red-500:active{
   --tw-border-opacity:1;
   border-color:rgb(239 68 68 / var(--tw-border-opacity))
 }
+.active\:border-orange-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(234 88 12 / var(--tw-border-opacity))
+}
 .active\:border-orange-500:active{
   --tw-border-opacity:1;
   border-color:rgb(249 115 22 / var(--tw-border-opacity))
 }
+.active\:border-amber-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(217 119 6 / var(--tw-border-opacity))
+}
 .active\:border-amber-500:active{
   --tw-border-opacity:1;
   border-color:rgb(245 158 11 / var(--tw-border-opacity))
 }
+.active\:border-yellow-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(202 138 4 / var(--tw-border-opacity))
+}
 .active\:border-yellow-500:active{
   --tw-border-opacity:1;
   border-color:rgb(234 179 8 / var(--tw-border-opacity))
 }
+.active\:border-lime-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(101 163 13 / var(--tw-border-opacity))
+}
 .active\:border-lime-500:active{
   --tw-border-opacity:1;
   border-color:rgb(132 204 22 / var(--tw-border-opacity))
 }
+.active\:border-green-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(22 163 74 / var(--tw-border-opacity))
+}
 .active\:border-green-500:active{
   --tw-border-opacity:1;
   border-color:rgb(34 197 94 / var(--tw-border-opacity))
 }
+.active\:border-emerald-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(5 150 105 / var(--tw-border-opacity))
+}
 .active\:border-emerald-500:active{
   --tw-border-opacity:1;
   border-color:rgb(16 185 129 / var(--tw-border-opacity))
 }
+.active\:border-teal-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(13 148 136 / var(--tw-border-opacity))
+}
 .active\:border-teal-500:active{
   --tw-border-opacity:1;
   border-color:rgb(20 184 166 / var(--tw-border-opacity))
 }
+.active\:border-cyan-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(8 145 178 / var(--tw-border-opacity))
+}
 .active\:border-cyan-500:active{
   --tw-border-opacity:1;
   border-color:rgb(6 182 212 / var(--tw-border-opacity))
 }
+.active\:border-sky-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(2 132 199 / var(--tw-border-opacity))
+}
 .active\:border-sky-500:active{
   --tw-border-opacity:1;
   border-color:rgb(14 165 233 / var(--tw-border-opacity))
 }
+.active\:border-blue-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(6 107 178 / var(--tw-border-opacity))
+}
 .active\:border-blue-500:active{
   --tw-border-opacity:1;
   border-color:rgb(8 134 222 / var(--tw-border-opacity))
 }
+.active\:border-indigo-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(79 70 229 / var(--tw-border-opacity))
+}
 .active\:border-indigo-500:active{
   --tw-border-opacity:1;
   border-color:rgb(99 102 241 / var(--tw-border-opacity))
 }
+.active\:border-violet-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(124 58 237 / var(--tw-border-opacity))
+}
 .active\:border-violet-500:active{
   --tw-border-opacity:1;
   border-color:rgb(139 92 246 / var(--tw-border-opacity))
 }
+.active\:border-purple-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(147 51 234 / var(--tw-border-opacity))
+}
 .active\:border-purple-500:active{
   --tw-border-opacity:1;
   border-color:rgb(168 85 247 / var(--tw-border-opacity))
 }
+.active\:border-fuchsia-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(192 38 211 / var(--tw-border-opacity))
+}
 .active\:border-fuchsia-500:active{
   --tw-border-opacity:1;
   border-color:rgb(217 70 239 / var(--tw-border-opacity))
 }
+.active\:border-pink-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(219 39 119 / var(--tw-border-opacity))
+}
 .active\:border-pink-500:active{
   --tw-border-opacity:1;
   border-color:rgb(236 72 153 / var(--tw-border-opacity))
 }
+.active\:border-rose-600:active{
+  --tw-border-opacity:1;
+  border-color:rgb(225 29 72 / var(--tw-border-opacity))
+}
 .active\:border-rose-500:active{
   --tw-border-opacity:1;
   border-color:rgb(244 63 94 / var(--tw-border-opacity))
 }
+.active\:border-primary-600:active{
+  border-color:rgb(var(--color-primary-600))
+}
 .active\:border-primary-500:active{
-  --tw-border-opacity:1;
-  border-color:rgb(8 134 222 / var(--tw-border-opacity))
+  border-color:rgb(var(--color-primary-500))
 }
-.active\:border-primary-700:active{
-  --tw-border-opacity:1;
-  border-color:rgb(5 80 133 / var(--tw-border-opacity))
+.active\:bg-slate-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(71 85 105 / var(--tw-bg-opacity))
 }
 .active\:bg-slate-100:active{
@@ -8524,129 +8905,222 @@ trix-editor {
   background-color:rgb(241 245 249 / var(--tw-bg-opacity))
 }
+.active\:bg-gray-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(94 100 110 / var(--tw-bg-opacity))
+}
 .active\:bg-gray-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(227 229 232 / var(--tw-bg-opacity))
 }
+.active\:bg-zinc-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(82 82 91 / var(--tw-bg-opacity))
+}
 .active\:bg-zinc-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(244 244 245 / var(--tw-bg-opacity))
 }
+.active\:bg-neutral-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(82 82 82 / var(--tw-bg-opacity))
+}
 .active\:bg-neutral-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(245 245 245 / var(--tw-bg-opacity))
 }
+.active\:bg-stone-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(87 83 78 / var(--tw-bg-opacity))
+}
 .active\:bg-stone-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(245 245 244 / var(--tw-bg-opacity))
 }
+.active\:bg-red-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(220 38 38 / var(--tw-bg-opacity))
+}
 .active\:bg-red-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(254 226 226 / var(--tw-bg-opacity))
 }
+.active\:bg-orange-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(234 88 12 / var(--tw-bg-opacity))
+}
 .active\:bg-orange-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(255 237 213 / var(--tw-bg-opacity))
 }
+.active\:bg-amber-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(217 119 6 / var(--tw-bg-opacity))
+}
 .active\:bg-amber-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(254 243 199 / var(--tw-bg-opacity))
 }
+.active\:bg-yellow-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(202 138 4 / var(--tw-bg-opacity))
+}
 .active\:bg-yellow-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(254 249 195 / var(--tw-bg-opacity))
 }
+.active\:bg-lime-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(101 163 13 / var(--tw-bg-opacity))
+}
 .active\:bg-lime-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(236 252 203 / var(--tw-bg-opacity))
 }
+.active\:bg-green-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(22 163 74 / var(--tw-bg-opacity))
+}
 .active\:bg-green-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(220 252 231 / var(--tw-bg-opacity))
 }
+.active\:bg-emerald-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(5 150 105 / var(--tw-bg-opacity))
+}
 .active\:bg-emerald-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(209 250 229 / var(--tw-bg-opacity))
 }
+.active\:bg-teal-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(13 148 136 / var(--tw-bg-opacity))
+}
 .active\:bg-teal-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(204 251 241 / var(--tw-bg-opacity))
 }
+.active\:bg-cyan-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(8 145 178 / var(--tw-bg-opacity))
+}
 .active\:bg-cyan-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(207 250 254 / var(--tw-bg-opacity))
 }
+.active\:bg-sky-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(2 132 199 / var(--tw-bg-opacity))
+}
 .active\:bg-sky-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(224 242 254 / var(--tw-bg-opacity))
 }
+.active\:bg-blue-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(6 107 178 / var(--tw-bg-opacity))
+}
 .active\:bg-blue-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(206 231 248 / var(--tw-bg-opacity))
 }
+.active\:bg-indigo-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(79 70 229 / var(--tw-bg-opacity))
+}
 .active\:bg-indigo-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(224 231 255 / var(--tw-bg-opacity))
 }
+.active\:bg-violet-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(124 58 237 / var(--tw-bg-opacity))
+}
 .active\:bg-violet-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(237 233 254 / var(--tw-bg-opacity))
 }
+.active\:bg-purple-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(147 51 234 / var(--tw-bg-opacity))
+}
 .active\:bg-purple-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(243 232 255 / var(--tw-bg-opacity))
 }
+.active\:bg-fuchsia-600:active{
+  --tw-bg-opacity:1;
+  background-color:rgb(192 38 211 / var(--tw-bg-opacity))
+}
 .active\:bg-fuchsia-100:active{
   --tw-bg-opacity:1;
   background-color:rgb(250 232 255 / var(--tw-bg-opacity))
 }
-.active\:bg-pink-100:active{
+.active\:bg-pink-600:active{
   --tw-bg-opacity:1;
-  background-color:rgb(252 231 243 / var(--tw-bg-opacity))
+  background-color:rgb(219 39 119 / var(--tw-bg-opacity))
 }
-.active\:bg-rose-100:active{
+.active\:bg-pink-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(255 228 230 / var(--tw-bg-opacity))
+  background-color:rgb(252 231 243 / var(--tw-bg-opacity))
 }
-.active\:bg-primary-100:active{
+.active\:bg-rose-600:active{
   --tw-bg-opacity:1;
-  background-color:rgb(206 231 248 / var(--tw-bg-opacity))
+  background-color:rgb(225 29 72 / var(--tw-bg-opacity))
 }
-.active\:bg-primary-600:active{
+.active\:bg-rose-100:active{
   --tw-bg-opacity:1;
-  background-color:rgb(6 107 178 / var(--tw-bg-opacity))
+  background-color:rgb(255 228 230 / var(--tw-bg-opacity))
 }
-.active\:text-gray-700:active{
-  --tw-text-opacity:1;
-  color:rgb(70 75 83 / var(--tw-text-opacity))
+.active\:bg-primary-600:active{
+  background-color:rgb(var(--color-primary-600))
 }
-.active\:text-gray-500:active{
-  --tw-text-opacity:1;
-  color:rgb(117 125 138 / var(--tw-text-opacity))
+.active\:bg-primary-100:active{
+  background-color:rgb(var(--color-primary-100))
 }
 .active\:outline:active{
@@ -8657,100 +9131,188 @@ trix-editor {
   outline-width:1px
 }
+.active\:outline-slate-600:active{
+  outline-color:#475569
+}
 .active\:outline-slate-500:active{
   outline-color:#64748b
 }
+.active\:outline-gray-600:active{
+  outline-color:#5E646E
+}
 .active\:outline-gray-500:active{
   outline-color:#757D8A
 }
+.active\:outline-zinc-600:active{
+  outline-color:#52525b
+}
 .active\:outline-zinc-500:active{
   outline-color:#71717a
 }
+.active\:outline-neutral-600:active{
+  outline-color:#525252
+}
 .active\:outline-neutral-500:active{
   outline-color:#737373
 }
+.active\:outline-stone-600:active{
+  outline-color:#57534e
+}
 .active\:outline-stone-500:active{
   outline-color:#78716c
 }
+.active\:outline-red-600:active{
+  outline-color:#dc2626
+}
 .active\:outline-red-500:active{
   outline-color:#ef4444
 }
+.active\:outline-orange-600:active{
+  outline-color:#ea580c
+}
 .active\:outline-orange-500:active{
   outline-color:#f97316
 }
+.active\:outline-amber-600:active{
+  outline-color:#d97706
+}
 .active\:outline-amber-500:active{
   outline-color:#f59e0b
 }
+.active\:outline-yellow-600:active{
+  outline-color:#ca8a04
+}
 .active\:outline-yellow-500:active{
   outline-color:#eab308
 }
+.active\:outline-lime-600:active{
+  outline-color:#65a30d
+}
 .active\:outline-lime-500:active{
   outline-color:#84cc16
 }
+.active\:outline-green-600:active{
+  outline-color:#16a34a
+}
 .active\:outline-green-500:active{
   outline-color:#22c55e
 }
+.active\:outline-emerald-600:active{
+  outline-color:#059669
+}
 .active\:outline-emerald-500:active{
   outline-color:#10b981
 }
+.active\:outline-teal-600:active{
+  outline-color:#0d9488
+}
 .active\:outline-teal-500:active{
   outline-color:#14b8a6
 }
+.active\:outline-cyan-600:active{
+  outline-color:#0891b2
+}
 .active\:outline-cyan-500:active{
   outline-color:#06b6d4
 }
+.active\:outline-sky-600:active{
+  outline-color:#0284c7
+}
 .active\:outline-sky-500:active{
   outline-color:#0ea5e9
 }
+.active\:outline-blue-600:active{
+  outline-color:#066BB2
+}
 .active\:outline-blue-500:active{
   outline-color:#0886DE
 }
+.active\:outline-indigo-600:active{
+  outline-color:#4f46e5
+}
 .active\:outline-indigo-500:active{
   outline-color:#6366f1
 }
+.active\:outline-violet-600:active{
+  outline-color:#7c3aed
+}
 .active\:outline-violet-500:active{
   outline-color:#8b5cf6
 }
+.active\:outline-purple-600:active{
+  outline-color:#9333ea
+}
 .active\:outline-purple-500:active{
   outline-color:#a855f7
 }
+.active\:outline-fuchsia-600:active{
+  outline-color:#c026d3
+}
 .active\:outline-fuchsia-500:active{
   outline-color:#d946ef
 }
+.active\:outline-pink-600:active{
+  outline-color:#db2777
+}
 .active\:outline-pink-500:active{
   outline-color:#ec4899
 }
+.active\:outline-rose-600:active{
+  outline-color:#e11d48
+}
 .active\:outline-rose-500:active{
   outline-color:#f43f5e
 }
-.active\:outline-primary-500:active{
-  outline-color:#0886DE
+.active\:outline-primary-600:active{
+  outline-color:rgb(var(--color-primary-600))
 }
-.active\:outline-primary-700:active{
-  outline-color:#055085
+.active\:outline-primary-500:active{
+  outline-color:rgb(var(--color-primary-500))
 }
 .disabled\:cursor-not-allowed:disabled{
@@ -8948,10 +9510,6 @@ trix-editor {
 }
 @media (min-width: 768px){
-  .md\:inline-flex{
-    display:inline-flex
-  }
   .md\:h-14{
     height:3.5rem
   }