avo 3.22.2 → 3.22.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1c8dd1328de961181a1e0277bc923249de80d185727a1c81cc59380d1a5654f6
-  data.tar.gz: 8bf1ca026da7bb43cbc375ab519e5f75205daea907d379caf1a06bdb4c6def46
+  metadata.gz: 92ba5820d1bd3a532ab59c9880938a6ef9da86bb55a80b4286318c7c3147e689
+  data.tar.gz: 3430ce4a68aabc9cb9043d417d541b5d988a59e534eb06ad7fa30c477ab88dcf
 SHA512:
-  metadata.gz: a303ed2ba4f0ead25d86e3bd75faddccf8efcfd8c650187f35c6323bec49981eeab7f6cf038cf952e0164ded735da6ef6d820d4937e1e1d7f517d41542f74b13
-  data.tar.gz: b8b777a20d56d14953f48551e889c438078b98a87f8396b9f1457b6b7b1fe1507e58f342e73c2ede50baeb97636fcd2739577eab31d322326833114b0cf15df1
+  metadata.gz: 9e5eb36b3db93a466f14c335121751a2f9511f2d39d2072e612569fa4466b25d35098a20d12f29ae7656d7d9d5648126a67f3cf75a5f96f7b4d4eb5d03345230
+  data.tar.gz: c4a7eb8c986bc9255ac24c254dc5ecdd0fb618e83863b7d7d19468f7f8ee1ee9a9a70bbff65d8547cc060049a5c4fcee919fb1e9fa846fc42e7995ea05562fb2

data/Gemfile

@@ -75,6 +75,7 @@ gem "hashid-rails", "~> 1.4", ">= 1.4.1"
 gem "money-rails", "~> 1.12"
 gem "pagy", "> 8"
 gem "csv"
+# gem "view_component", "4.0.0"
 
 # =============================================================================
 # AWS & CLOUD SERVICES

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    avo (3.22.2)
+    avo (3.22.4)
       actionview (>= 6.1)
       active_link_to
       activerecord (>= 6.1)

data/app/assets/builds/avo.base.css

@@ -7379,11 +7379,20 @@ tag.tagify__tag{
   inset:auto
 }
 
+.inset-x-0{
+  left:0px;
+  right:0px
+}
+
 .inset-y-0{
   top:0px;
   bottom:0px
 }
 
+.-bottom-1{
+  bottom:-0.25rem
+}
+
 .-bottom-1\.5{
   bottom:-0.375rem
 }
@@ -7396,10 +7405,22 @@ tag.tagify__tag{
   bottom:0px
 }
 
+.bottom-1{
+  bottom:0.25rem
+}
+
 .bottom-full{
   bottom:100%
 }
 
+.end-1{
+  inset-inline-end:0.25rem
+}
+
+.end-2{
+  inset-inline-end:0.5rem
+}
+
 .end-2\.5{
   inset-inline-end:0.625rem
 }
@@ -7408,10 +7429,18 @@ tag.tagify__tag{
   left:0px
 }
 
+.left-1{
+  left:0.25rem
+}
+
 .left-1\/2{
   left:50%
 }
 
+.left-5{
+  left:1.25rem
+}
+
 .left-auto{
   left:auto
 }
@@ -7424,10 +7453,22 @@ tag.tagify__tag{
   right:0.75rem
 }
 
+.start-1{
+  inset-inline-start:0.25rem
+}
+
+.start-2{
+  inset-inline-start:0.5rem
+}
+
 .top-0{
   top:0px
 }
 
+.top-1{
+  top:0.25rem
+}
+
 .top-1\/2{
   top:50%
 }
@@ -7440,6 +7481,10 @@ tag.tagify__tag{
   top:0.75rem
 }
 
+.top-5{
+  top:1.25rem
+}
+
 .top-\[-1px\]{
   top:-1px
 }
@@ -7492,6 +7537,14 @@ tag.tagify__tag{
   grid-column:span 1 / span 1
 }
 
+.col-span-2{
+  grid-column:span 2 / span 2
+}
+
+.col-span-3{
+  grid-column:span 3 / span 3
+}
+
 .col-span-4{
   grid-column:span 4 / span 4
 }
@@ -7544,10 +7597,19 @@ tag.tagify__tag{
   margin:0px
 }
 
+.m-1{
+  margin:0.25rem
+}
+
 .m-2{
   margin:0.5rem
 }
 
+.-mx-1{
+  margin-left:-0.25rem;
+  margin-right:-0.25rem
+}
+
 .-mx-1\.5{
   margin-left:-0.375rem;
   margin-right:-0.375rem
@@ -7558,6 +7620,11 @@ tag.tagify__tag{
   margin-right:-0.5rem
 }
 
+.-mx-4{
+  margin-left:-1rem;
+  margin-right:-1rem
+}
+
 .-mx-6{
   margin-left:-1.5rem;
   margin-right:-1.5rem
@@ -7568,6 +7635,11 @@ tag.tagify__tag{
   margin-bottom:-0.5rem
 }
 
+.-my-3{
+  margin-top:-0.75rem;
+  margin-bottom:-0.75rem
+}
+
 .mx-1{
   margin-left:0.25rem;
   margin-right:0.25rem
@@ -7588,6 +7660,11 @@ tag.tagify__tag{
   margin-right:auto
 }
 
+.my-0{
+  margin-top:0px;
+  margin-bottom:0px
+}
+
 .my-0\.5{
   margin-top:0.125rem;
   margin-bottom:0.125rem
@@ -7633,6 +7710,10 @@ tag.tagify__tag{
   margin-top:-0.25rem
 }
 
+.-mt-12{
+  margin-top:-3rem
+}
+
 .-mt-2{
   margin-top:-0.5rem
 }
@@ -7641,6 +7722,10 @@ tag.tagify__tag{
   margin-top:-1rem
 }
 
+.-mt-6{
+  margin-top:-1.5rem
+}
+
 .-mt-9{
   margin-top:-2.25rem
 }
@@ -7677,6 +7762,14 @@ tag.tagify__tag{
   margin-bottom:2rem
 }
 
+.me-1{
+  margin-inline-end:0.25rem
+}
+
+.ml-0{
+  margin-left:0px
+}
+
 .ml-1{
   margin-left:0.25rem
 }
@@ -7709,6 +7802,10 @@ tag.tagify__tag{
   margin-left:1.5rem
 }
 
+.ml-8{
+  margin-left:2rem
+}
+
 .ml-auto{
   margin-left:auto
 }
@@ -7809,6 +7906,38 @@ tag.tagify__tag{
   display:table
 }
 
+.inline-table{
+  display:inline-table
+}
+
+.table-caption{
+  display:table-caption
+}
+
+.table-cell{
+  display:table-cell
+}
+
+.table-column{
+  display:table-column
+}
+
+.table-column-group{
+  display:table-column-group
+}
+
+.table-footer-group{
+  display:table-footer-group
+}
+
+.table-header-group{
+  display:table-header-group
+}
+
+.table-row-group{
+  display:table-row-group
+}
+
 .table-row{
   display:table-row
 }
@@ -7817,10 +7946,18 @@ tag.tagify__tag{
   display:grid
 }
 
+.inline-grid{
+  display:inline-grid
+}
+
 .contents{
   display:contents
 }
 
+.list-item{
+  display:list-item
+}
+
 .hidden{
   display:none
 }
@@ -7845,16 +7982,36 @@ tag.tagify__tag{
   aspect-ratio:16 / 9
 }
 
+.size-1{
+  width:0.25rem;
+  height:0.25rem
+}
+
+.size-2{
+  width:0.5rem;
+  height:0.5rem
+}
+
 .size-24{
   width:6rem;
   height:6rem
 }
 
+.size-36{
+  width:9rem;
+  height:9rem
+}
+
 .size-4{
   width:1rem;
   height:1rem
 }
 
+.size-48{
+  width:12rem;
+  height:12rem
+}
+
 .size-6{
   width:1.5rem;
   height:1.5rem
@@ -7877,10 +8034,18 @@ tag.tagify__tag{
   height:3rem
 }
 
+.h-14{
+  height:3.5rem
+}
+
 .h-16{
   height:4rem
 }
 
+.h-2{
+  height:0.5rem
+}
+
 .h-20{
   height:5rem
 }
@@ -7953,6 +8118,10 @@ tag.tagify__tag{
   min-height:0px
 }
 
+.min-h-1{
+  min-height:0.25rem
+}
+
 .min-h-1\/4{
   min-height:25%
 }
@@ -8005,6 +8174,10 @@ tag.tagify__tag{
   min-height:100%
 }
 
+.min-h-inherit{
+  min-height:inherit
+}
+
 .min-h-screen{
   min-height:100vh
 }
@@ -8013,6 +8186,10 @@ tag.tagify__tag{
   width:0px
 }
 
+.w-1{
+  width:0.25rem
+}
+
 .w-1\/2{
   width:50%
 }
@@ -8025,6 +8202,10 @@ tag.tagify__tag{
   width:83.333333%
 }
 
+.w-11{
+  width:2.75rem
+}
+
 .w-11\/12{
   width:91.666667%
 }
@@ -8037,6 +8218,10 @@ tag.tagify__tag{
   width:4rem
 }
 
+.w-2{
+  width:0.5rem
+}
+
 .w-24{
   width:6rem
 }
@@ -8181,6 +8366,10 @@ tag.tagify__tag{
   flex:1 1 0%
 }
 
+.flex-shrink{
+  flex-shrink:1
+}
+
 .flex-shrink-0{
   flex-shrink:0
 }
@@ -8189,6 +8378,10 @@ tag.tagify__tag{
   flex-shrink:0
 }
 
+.flex-grow{
+  flex-grow:1
+}
+
 .flex-grow-0{
   flex-grow:0
 }
@@ -8209,6 +8402,11 @@ tag.tagify__tag{
   transform-origin:top left
 }
 
+.-translate-x-1{
+  --tw-translate-x:-0.25rem;
+  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))
+}
+
 .-translate-x-1\/2{
   --tw-translate-x:-50%;
   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))
@@ -8328,6 +8526,18 @@ tag.tagify__tag{
   grid-template-columns:repeat(2, minmax(0, 1fr))
 }
 
+.grid-cols-3{
+  grid-template-columns:repeat(3, minmax(0, 1fr))
+}
+
+.grid-cols-4{
+  grid-template-columns:repeat(4, minmax(0, 1fr))
+}
+
+.grid-cols-5{
+  grid-template-columns:repeat(5, minmax(0, 1fr))
+}
+
 .grid-cols-6{
   grid-template-columns:repeat(6, minmax(0, 1fr))
 }
@@ -8428,6 +8638,12 @@ tag.tagify__tag{
   column-gap:1rem
 }
 
+.space-x-0 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-x-reverse:0;
+  margin-right:calc(0px * var(--tw-space-x-reverse));
+  margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)))
+}
+
 .space-x-1 > :not([hidden]) ~ :not([hidden]){
   --tw-space-x-reverse:0;
   margin-right:calc(0.25rem * var(--tw-space-x-reverse));
@@ -8452,6 +8668,18 @@ tag.tagify__tag{
   margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))
 }
 
+.space-x-8 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-x-reverse:0;
+  margin-right:calc(2rem * var(--tw-space-x-reverse));
+  margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))
+}
+
+.space-y-0 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse:0;
+  margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom:calc(0px * var(--tw-space-y-reverse))
+}
+
 .space-y-1 > :not([hidden]) ~ :not([hidden]){
   --tw-space-y-reverse:0;
   margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
@@ -8518,6 +8746,10 @@ tag.tagify__tag{
   align-self:flex-start
 }
 
+.self-end{
+  align-self:flex-end
+}
+
 .self-center{
   align-self:center
 }
@@ -8572,10 +8804,18 @@ tag.tagify__tag{
   white-space:pre-wrap
 }
 
+.text-wrap{
+  text-wrap:wrap
+}
+
 .break-words{
   overflow-wrap:break-word
 }
 
+.break-all{
+  word-break:break-all
+}
+
 .\!rounded-none{
   border-radius:0px !important
 }
@@ -9235,6 +9475,10 @@ tag.tagify__tag{
   background-color:rgb(var(--color-primary-100))
 }
 
+.bg-primary-400{
+  background-color:rgb(var(--color-primary-400))
+}
+
 .bg-primary-50{
   background-color:rgb(var(--color-primary-50))
 }
@@ -9396,6 +9640,10 @@ tag.tagify__tag{
   object-fit:cover
 }
 
+.p-0{
+  padding:0px
+}
+
 .p-0\.5{
   padding:0.125rem
 }
@@ -9420,6 +9668,10 @@ tag.tagify__tag{
   padding:1rem
 }
 
+.p-5{
+  padding:1.25rem
+}
+
 .p-6{
   padding:1.5rem
 }
@@ -9458,6 +9710,11 @@ tag.tagify__tag{
   padding-right:0.5rem
 }
 
+.px-24{
+  padding-left:6rem;
+  padding-right:6rem
+}
+
 .px-3{
   padding-left:0.75rem;
   padding-right:0.75rem
@@ -9478,6 +9735,11 @@ tag.tagify__tag{
   padding-right:1.5rem
 }
 
+.px-8{
+  padding-left:2rem;
+  padding-right:2rem
+}
+
 .px-\[48px\]{
   padding-left:48px;
   padding-right:48px
@@ -9638,6 +9900,10 @@ tag.tagify__tag{
   text-align:right
 }
 
+.text-justify{
+  text-align:justify
+}
+
 .font-mono{
   font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
 }
@@ -9710,6 +9976,10 @@ tag.tagify__tag{
   text-transform:uppercase
 }
 
+.lowercase{
+  text-transform:lowercase
+}
+
 .capitalize{
   text-transform:capitalize
 }
@@ -9718,6 +9988,11 @@ tag.tagify__tag{
   font-style:italic
 }
 
+.ordinal{
+  --tw-ordinal:ordinal;
+  font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)
+}
+
 .leading-5{
   line-height:1.25rem
 }
@@ -10038,10 +10313,28 @@ tag.tagify__tag{
   text-decoration-line:underline
 }
 
+.overline{
+  text-decoration-line:overline
+}
+
+.line-through{
+  text-decoration-line:line-through
+}
+
 .no-underline{
   text-decoration-line:none
 }
 
+.antialiased{
+  -webkit-font-smoothing:antialiased;
+  -moz-osx-font-smoothing:grayscale
+}
+
+.subpixel-antialiased{
+  -webkit-font-smoothing:auto;
+  -moz-osx-font-smoothing:auto
+}
+
 .opacity-0{
   opacity:0
 }
@@ -10144,6 +10437,21 @@ tag.tagify__tag{
   --tw-ring-opacity:0.05
 }
 
+.blur{
+  --tw-blur:blur(8px);
+  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
+}
+
+.drop-shadow{
+  --tw-drop-shadow:drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
+  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
+}
+
+.grayscale{
+  --tw-grayscale:grayscale(100%);
+  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
+}
+
 .invert{
   --tw-invert:invert(100%);
   filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
@@ -10153,6 +10461,10 @@ tag.tagify__tag{
   filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
 }
 
+.backdrop-filter{
+  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
+}
+
 .transition{
   transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
   transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
@@ -10199,6 +10511,14 @@ tag.tagify__tag{
   transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
 }
 
+.will-change-transform{
+  will-change:transform
+}
+
+.\@container{
+  container-type:inline-size
+}
+
 .\@container\/details{
   container-type:inline-size;
   container-name:details
@@ -10214,6 +10534,14 @@ tag.tagify__tag{
   container-name:nested
 }
 
+.\[a-zA-Z\:_\]{
+  a-z-a--z:
+}
+
+.\[a-z_\:\.\\-\]{
+  a-z_:.\-
+}
+
 html,
 body{
   position:relative;

data/app/components/avo/actions_component.rb

@@ -63,7 +63,7 @@ class Avo::ActionsComponent < Avo::BaseComponent
   private
 
   def icon(icon)
-    svg icon, class: "h-5 shrink-0 mr-1 inline pointer-events-none"
+    helpers.svg icon, class: "h-5 shrink-0 mr-1 inline pointer-events-none"
   end
 
   def render_item(action)

data/app/components/avo/items/switcher_component.html.erb

@@ -14,4 +14,6 @@
       <%= render Avo::Items::VisibleItemsComponent.new resource: @resource, item: @item, view: @view, form: @form %>
     <% end %>
   <% end %>
+<% elsif item.is_collaboration? %>
+  <%= render Avo::Collaborate::TimelineComponent.new(resource: @resource) %>
 <% end %>

data/app/components/avo/sidebar/link_component.html.erb

@@ -1,5 +1,5 @@
 <% if @path.present? %>
-  <%= send link_method, @path, class: classes, active: @active, target: @target, data: @data, **@args do %>
+  <%= link_caller.send link_method, @path, class: classes, active: @active, target: @target, data: @data, **@args do %>
     <%= helpers.svg @icon, class: "h-4 text-gray-700" if @icon.present? %>
     <%= @label %>
     <% if @target == :_blank %>

data/app/components/avo/sidebar/link_component.rb

@@ -1,5 +1,7 @@
 # frozen_string_literal: true
 
+require "view_component/version"
+
 class Avo::Sidebar::LinkComponent < Avo::BaseComponent
   prop :label
   prop :path
@@ -25,6 +27,15 @@ class Avo::Sidebar::LinkComponent < Avo::BaseComponent
     is_external? ? :link_to : :active_link_to
   end
 
+  # Backwards compatibility with ViewComponent 3.x
+  def link_caller
+    if Gem::Version.new(ViewComponent::VERSION::STRING) >= Gem::Version.new("4.0.0")
+      helpers
+    else
+      self
+    end
+  end
+
   def classes
     "px-4 pr-0 flex-1 flex mx-6 leading-none py-2 text-black rounded font-medium hover:bg-gray-100 gap-1"
   end

data/lib/avo/concerns/has_item_type.rb

@@ -37,6 +37,10 @@ module Avo
       def is_row?
         self.class.respond_to?(:item_type) && self.class.item_type == :row
       end
+
+      def is_collaboration?
+        self.class.ancestors.include?(Avo::Resources::Items::Collaboration)
+      end
     end
   end
 end

data/lib/avo/concerns/has_items.rb

@@ -49,6 +49,7 @@ module Avo
       delegate :heading, to: :items_holder
       delegate :sidebar, to: :items_holder
       delegate :main_panel, to: :items_holder
+      delegate :collaboration_timeline, to: :items_holder
 
       def items_holder
         @items_holder || Avo::Resources::Items::Holder.new

data/lib/avo/resources/items/collaboration.rb

@@ -0,0 +1,15 @@
+class Avo::Resources::Items::Collaboration
+  prepend Avo::Concerns::IsResourceItem
+
+  include Avo::Concerns::HasItemType
+  include Avo::Concerns::IsVisible
+  include Avo::Concerns::VisibleInDifferentViews
+
+  def initialize(**args)
+    args.each do |key, value|
+      instance_variable_set(:"@#{key}", value)
+    end
+
+    post_initialize if respond_to?(:post_initialize)
+  end
+end

data/lib/avo/resources/items/holder.rb

@@ -11,6 +11,10 @@ class Avo::Resources::Items::Holder
     @parent = parent
   end
 
+  def collaboration_timeline(**args)
+    add_item Avo::Resources::Items::Collaboration.new(**args)
+  end
+
   # Adds a field to the items_holder
   def field(field_name, **args, &block)
     # If the field is paresed inside a tab group, add it to the tab

data/lib/avo/version.rb

@@ -1,3 +1,3 @@
 module Avo
-  VERSION = "3.22.2" unless const_defined?(:VERSION)
+  VERSION = "3.22.4" unless const_defined?(:VERSION)
 end

data/public/avo-assets/avo.base.css

@@ -7389,6 +7389,10 @@ tag.tagify__tag{
   bottom:0px
 }
 
+.-bottom-1{
+  bottom:-0.25rem
+}
+
 .-bottom-1\.5{
   bottom:-0.375rem
 }
@@ -7413,6 +7417,10 @@ tag.tagify__tag{
   inset-inline-end:0.25rem
 }
 
+.end-2{
+  inset-inline-end:0.5rem
+}
+
 .end-2\.5{
   inset-inline-end:0.625rem
 }
@@ -7457,6 +7465,10 @@ tag.tagify__tag{
   top:0px
 }
 
+.top-1{
+  top:0.25rem
+}
+
 .top-1\/2{
   top:50%
 }
@@ -7525,6 +7537,14 @@ tag.tagify__tag{
   grid-column:span 1 / span 1
 }
 
+.col-span-2{
+  grid-column:span 2 / span 2
+}
+
+.col-span-3{
+  grid-column:span 3 / span 3
+}
+
 .col-span-4{
   grid-column:span 4 / span 4
 }
@@ -7585,6 +7605,11 @@ tag.tagify__tag{
   margin:0.5rem
 }
 
+.-mx-1{
+  margin-left:-0.25rem;
+  margin-right:-0.25rem
+}
+
 .-mx-1\.5{
   margin-left:-0.375rem;
   margin-right:-0.375rem
@@ -7595,6 +7620,11 @@ tag.tagify__tag{
   margin-right:-0.5rem
 }
 
+.-mx-4{
+  margin-left:-1rem;
+  margin-right:-1rem
+}
+
 .-mx-6{
   margin-left:-1.5rem;
   margin-right:-1.5rem
@@ -7605,6 +7635,11 @@ tag.tagify__tag{
   margin-bottom:-0.5rem
 }
 
+.-my-3{
+  margin-top:-0.75rem;
+  margin-bottom:-0.75rem
+}
+
 .mx-1{
   margin-left:0.25rem;
   margin-right:0.25rem
@@ -7625,6 +7660,11 @@ tag.tagify__tag{
   margin-right:auto
 }
 
+.my-0{
+  margin-top:0px;
+  margin-bottom:0px
+}
+
 .my-0\.5{
   margin-top:0.125rem;
   margin-bottom:0.125rem
@@ -7670,6 +7710,10 @@ tag.tagify__tag{
   margin-top:-0.25rem
 }
 
+.-mt-12{
+  margin-top:-3rem
+}
+
 .-mt-2{
   margin-top:-0.5rem
 }
@@ -7678,6 +7722,10 @@ tag.tagify__tag{
   margin-top:-1rem
 }
 
+.-mt-6{
+  margin-top:-1.5rem
+}
+
 .-mt-9{
   margin-top:-2.25rem
 }
@@ -7718,6 +7766,10 @@ tag.tagify__tag{
   margin-inline-end:0.25rem
 }
 
+.ml-0{
+  margin-left:0px
+}
+
 .ml-1{
   margin-left:0.25rem
 }
@@ -7750,10 +7802,18 @@ tag.tagify__tag{
   margin-left:1.5rem
 }
 
+.ml-8{
+  margin-left:2rem
+}
+
 .ml-auto{
   margin-left:auto
 }
 
+.mr-0{
+  margin-right:0px
+}
+
 .mr-0\.5{
   margin-right:0.125rem
 }
@@ -7794,6 +7854,10 @@ tag.tagify__tag{
   margin-top:0.375rem
 }
 
+.mt-11{
+  margin-top:2.75rem
+}
+
 .mt-12{
   margin-top:3rem
 }
@@ -7933,11 +7997,21 @@ tag.tagify__tag{
   height:6rem
 }
 
+.size-36{
+  width:9rem;
+  height:9rem
+}
+
 .size-4{
   width:1rem;
   height:1rem
 }
 
+.size-48{
+  width:12rem;
+  height:12rem
+}
+
 .size-6{
   width:1.5rem;
   height:1.5rem
@@ -7960,6 +8034,10 @@ tag.tagify__tag{
   height:3rem
 }
 
+.h-14{
+  height:3.5rem
+}
+
 .h-16{
   height:4rem
 }
@@ -8036,6 +8114,10 @@ tag.tagify__tag{
   min-height:0px
 }
 
+.min-h-1{
+  min-height:0.25rem
+}
+
 .min-h-1\/4{
   min-height:25%
 }
@@ -8088,6 +8170,10 @@ tag.tagify__tag{
   min-height:100%
 }
 
+.min-h-inherit{
+  min-height:inherit
+}
+
 .min-h-screen{
   min-height:100vh
 }
@@ -8112,6 +8198,10 @@ tag.tagify__tag{
   width:83.333333%
 }
 
+.w-11{
+  width:2.75rem
+}
+
 .w-11\/12{
   width:91.666667%
 }
@@ -8132,6 +8222,10 @@ tag.tagify__tag{
   width:6rem
 }
 
+.w-3{
+  width:0.75rem
+}
+
 .w-4{
   width:1rem
 }
@@ -8148,6 +8242,10 @@ tag.tagify__tag{
   width:13rem
 }
 
+.w-56{
+  width:14rem
+}
+
 .w-64{
   width:16rem
 }
@@ -8160,6 +8258,10 @@ tag.tagify__tag{
   width:2rem
 }
 
+.w-80{
+  width:20rem
+}
+
 .w-\[0\.75rem\]{
   width:0.75rem
 }
@@ -8228,6 +8330,10 @@ tag.tagify__tag{
   max-width:6rem
 }
 
+.max-w-2xl{
+  max-width:42rem
+}
+
 .max-w-4xl{
   max-width:56rem
 }
@@ -8288,6 +8394,15 @@ tag.tagify__tag{
   border-collapse:collapse
 }
 
+.origin-top-left{
+  transform-origin:top left
+}
+
+.-translate-x-1{
+  --tw-translate-x:-0.25rem;
+  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))
+}
+
 .-translate-x-1\/2{
   --tw-translate-x:-50%;
   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))
@@ -8328,6 +8443,18 @@ tag.tagify__tag{
   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))
 }
 
+.scale-100{
+  --tw-scale-x:1;
+  --tw-scale-y:1;
+  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))
+}
+
+.scale-95{
+  --tw-scale-x:.95;
+  --tw-scale-y:.95;
+  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))
+}
+
 .transform{
   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))
 }
@@ -8395,6 +8522,18 @@ tag.tagify__tag{
   grid-template-columns:repeat(2, minmax(0, 1fr))
 }
 
+.grid-cols-3{
+  grid-template-columns:repeat(3, minmax(0, 1fr))
+}
+
+.grid-cols-4{
+  grid-template-columns:repeat(4, minmax(0, 1fr))
+}
+
+.grid-cols-5{
+  grid-template-columns:repeat(5, minmax(0, 1fr))
+}
+
 .grid-cols-6{
   grid-template-columns:repeat(6, minmax(0, 1fr))
 }
@@ -8495,6 +8634,12 @@ tag.tagify__tag{
   column-gap:1rem
 }
 
+.space-x-0 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-x-reverse:0;
+  margin-right:calc(0px * var(--tw-space-x-reverse));
+  margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)))
+}
+
 .space-x-1 > :not([hidden]) ~ :not([hidden]){
   --tw-space-x-reverse:0;
   margin-right:calc(0.25rem * var(--tw-space-x-reverse));
@@ -8519,6 +8664,18 @@ tag.tagify__tag{
   margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))
 }
 
+.space-x-8 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-x-reverse:0;
+  margin-right:calc(2rem * var(--tw-space-x-reverse));
+  margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))
+}
+
+.space-y-0 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse:0;
+  margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom:calc(0px * var(--tw-space-y-reverse))
+}
+
 .space-y-1 > :not([hidden]) ~ :not([hidden]){
   --tw-space-y-reverse:0;
   margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
@@ -8609,6 +8766,14 @@ tag.tagify__tag{
   overflow-x:auto
 }
 
+.overflow-y-auto{
+  overflow-y:auto
+}
+
+.overflow-x-scroll{
+  overflow-x:scroll
+}
+
 .overflow-y-scroll{
   overflow-y:scroll
 }
@@ -8886,6 +9051,11 @@ tag.tagify__tag{
   border-color:rgb(132 204 22 / var(--tw-border-opacity, 1))
 }
 
+.border-neutral-200{
+  --tw-border-opacity:1;
+  border-color:rgb(229 229 229 / var(--tw-border-opacity, 1))
+}
+
 .border-neutral-300{
   --tw-border-opacity:1;
   border-color:rgb(212 212 212 / var(--tw-border-opacity, 1))
@@ -9167,6 +9337,11 @@ tag.tagify__tag{
   background-color:rgb(227 229 232 / var(--tw-bg-opacity, 1))
 }
 
+.bg-gray-200{
+  --tw-bg-opacity:1;
+  background-color:rgb(200 203 208 / var(--tw-bg-opacity, 1))
+}
+
 .bg-gray-25{
   --tw-bg-opacity:1;
   background-color:rgb(246 246 247 / var(--tw-bg-opacity, 1))
@@ -9247,6 +9422,11 @@ tag.tagify__tag{
   background-color:rgb(132 204 22 / var(--tw-bg-opacity, 1))
 }
 
+.bg-neutral-100{
+  --tw-bg-opacity:1;
+  background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))
+}
+
 .bg-neutral-50{
   --tw-bg-opacity:1;
   background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))
@@ -9291,6 +9471,10 @@ tag.tagify__tag{
   background-color:rgb(var(--color-primary-100))
 }
 
+.bg-primary-400{
+  background-color:rgb(var(--color-primary-400))
+}
+
 .bg-primary-50{
   background-color:rgb(var(--color-primary-50))
 }
@@ -9309,6 +9493,11 @@ tag.tagify__tag{
   background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))
 }
 
+.bg-red-100{
+  --tw-bg-opacity:1;
+  background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))
+}
+
 .bg-red-400{
   --tw-bg-opacity:1;
   background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))
@@ -9447,6 +9636,10 @@ tag.tagify__tag{
   object-fit:cover
 }
 
+.p-0{
+  padding:0px
+}
+
 .p-1{
   padding:0.25rem
 }
@@ -9467,6 +9660,10 @@ tag.tagify__tag{
   padding:1rem
 }
 
+.p-5{
+  padding:1.25rem
+}
+
 .p-6{
   padding:1.5rem
 }
@@ -9505,6 +9702,11 @@ tag.tagify__tag{
   padding-right:0.5rem
 }
 
+.px-24{
+  padding-left:6rem;
+  padding-right:6rem
+}
+
 .px-3{
   padding-left:0.75rem;
   padding-right:0.75rem
@@ -9525,6 +9727,11 @@ tag.tagify__tag{
   padding-right:1.5rem
 }
 
+.px-8{
+  padding-left:2rem;
+  padding-right:2rem
+}
+
 .px-\[48px\]{
   padding-left:48px;
   padding-right:48px
@@ -9625,6 +9832,10 @@ tag.tagify__tag{
   padding-left:0.25rem
 }
 
+.pl-6{
+  padding-left:1.5rem
+}
+
 .pr-0{
   padding-right:0px
 }
@@ -10199,11 +10410,35 @@ tag.tagify__tag{
   outline-color:#0886DE
 }
 
+.outline-gray-600{
+  outline-color:#5E646E
+}
+
+.ring-1{
+  --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
+}
+
+.ring-black{
+  --tw-ring-opacity:1;
+  --tw-ring-color:rgb(0 0 0 / var(--tw-ring-opacity, 1))
+}
+
+.ring-opacity-5{
+  --tw-ring-opacity:0.05
+}
+
 .blur{
   --tw-blur:blur(8px);
   filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
 }
 
+.drop-shadow{
+  --tw-drop-shadow:drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
+  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
+}
+
 .grayscale{
   --tw-grayscale:grayscale(100%);
   filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
@@ -10268,6 +10503,14 @@ tag.tagify__tag{
   transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
 }
 
+.will-change-transform{
+  will-change:transform
+}
+
+.\@container{
+  container-type:inline-size
+}
+
 .\@container\/details{
   container-type:inline-size;
   container-name:details

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: avo
 version: !ruby/object:Gem::Version
-  version: 3.22.2
+  version: 3.22.4
 platform: ruby
 authors:
 - Adrian Marin
@@ -10,7 +10,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2025-07-24 00:00:00.000000000 Z
+date: 2025-07-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: activerecord
@@ -954,6 +954,7 @@ files:
 - lib/avo/resources/controls/order_controls.rb
 - lib/avo/resources/controls/save_button.rb
 - lib/avo/resources/controls/show_button.rb
+- lib/avo/resources/items/collaboration.rb
 - lib/avo/resources/items/holder.rb
 - lib/avo/resources/items/item_group.rb
 - lib/avo/resources/items/main_panel.rb