@wrdagency/blockout 1.0.4 → 1.0.6

package/dist/assets/style16.css

@@ -1 +1 @@
-.component-recurrence-control__fieldset{display:flex;flex-direction:column;gap:1rem}.component-recurrence-control__frequency_type{display:flex;align-items:baseline;gap:1ch;margin-top:1rem;margin-bottom:.5rem}.component-recurrence-control__radio{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;cursor:pointer;border-radius:var(--blockout__radius--xs);outline-offset:0px;outline:0px solid transparent;transition:outline .25s ease,outline-offset .25s ease,background-color .25s ease}.component-recurrence-control__radio>svg{width:1rem;height:1rem}.component-recurrence-control__radio:hover{background-color:var(--blockout__colours__surface--300)}.component-recurrence-control__radio:focus{outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-recurrence-control__row{display:flex;align-items:baseline;gap:1rem;flex-grow:1}.component-recurrence-control__row .component-base-control{flex-grow:1}
+.component-select__input{cursor:pointer;width:100%}.component-select__input:focus{outline:none}.component-select__popover__wrapper{z-index:9999!important}.component-select__popover{background-color:var(--blockout__colours__surface--200);border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--lg)}.component-select__popover:focus{outline:none}.component-select__popover__scroll .primitive-scroll-area__viewport{width:min(calc(var(--popover-anchor-width) + 2px),fit-content);height:100%;max-height:var(--popover-available-height);min-width:12rem;padding:0}.component-select__list{display:flex;flex-direction:column;gap:.325rem;padding:.325rem}.component-select__list:focus{outline:none}.component-select__popover__search-wrapper{display:flex;align-items:center;gap:0;padding-left:1rem}.component-select__popover__search-icon{width:1rem;height:1rem;transform:translateY(.25rem);fill:var(--blockout__colours__surface--500)}.component-select__popover__search{width:100%;padding:.5rem .675rem 0rem;min-height:var(--base-control__min-height)}.component-select__popover__search:focus{outline:none}.component-select__option{display:flex;justify-content:center;align-items:start;flex-direction:column;gap:.25rem;padding:.375rem .5rem .375rem .675rem;min-height:2.25rem;border-radius:var(--blockout__radius--sm);cursor:pointer;transition:background-color .25s ease}.component-select__option:focus{outline:none}.component-select__option:first-child{border-top:none}.component-select__option[aria-disabled=true] .component-select__option__label{color:var(--blockout__colours__surface--400)}.component-select__option[aria-disabled=true] .component-select__option__description{color:var(--blockout__colours__surface--300)}.component-select__option__label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--blockout__colours__surface--900);transition:color .25s ease;white-space:nowrap}.component-select__option__label>svg{width:1.25rem;height:1.25rem;flex-shrink:0;color:var(--blockout__colours__surface--500);fill:var(--blockout__colours__surface--500)}.component-select__option__description{font-weight:400;color:var(--blockout__colours__surface--600);font-size:.875rem;transition:color .25s ease,opacity .25s ease}.component-select__option[data-active-item=true]{background-color:var(--blockout__colours__surface--50)}.component-select__option[data-active-item=true] .component-select__option__label{color:var(--blockout__colours__surface--900)}.component-select__option[data-active-item=true] .component-select__option__description{color:var(--blockout__colours__surface--700)}.component-select-control .component-base-control__control{flex-grow:1!important}.component-select-control .component-select__input{display:flex}.component-select-control__btn{display:flex;flex-direction:row;flex-grow:1;padding:var(--base-control__padding);min-height:var(--base-control__min-height);width:100%;min-width:0;max-width:100%;color:var(--blockout__colours__surface--800);border-top-left-radius:var(--blockout__radius--md);border-bottom-left-radius:var(--blockout__radius--md);font-size:1rem;text-align:left;background-color:transparent;transition:background-color .25s ease}.component-select-control__btn .component-base-control__affix{padding:0;min-height:0}.component-select-control__btn .component-base-control__affix--prefix{padding-right:var(--base-control__padding)}.component-select-control__btn .component-base-control__affix--suffix{padding-left:var(--base-control__padding)}.component-select__input--placeholder--placeholder .component-select-control__btn{color:var(--blockout__colours__surface--400)}.component-select-control__btn__value__label{display:flex;align-items:center;gap:.5rem;font-weight:500}.component-select-control__btn__value__label>svg{width:1.25rem;height:1.25rem;flex-shrink:0;color:var(--blockout__colours__surface--500);fill:var(--blockout__colours__surface--500)}.component-select-control__btn__caret{align-self:center}.component-select__input:disabled{opacity:.25}.component-select-control .component-base-control__box:focus-within{background-color:var(--blockout__colours__surface--50);border-color:var(--blockout__colours__surface--300);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-base-control--normal.component-select-control .component-base-control__box:has(.component-select__input:hover){background-color:var(--blockout__colours__surface--200);border-color:var(--blockout__colours__surface--100)}.component-base-control--normal.component-select-control .component-base-control__box:has(.component-select__input:hover) .component-select-control__btn__caret{background-color:transparent!important}.component-base-control--outline .component-base-control__box:not(.component-base-control--normal *):has(.component-select__input:hover){border-color:var(--blockout__colours__primary--500)}.component-base-control--outline .component-base-control__box:not(.component-base-control--normal *):has(.component-select-control__btn__caret:hover){border-color:transparent}.component-base-control--ghost .component-base-control__box:not(.component-base-control--normal *):has(.component-select__input:hover){border-color:var(--blockout__colours__surface--300)}.component-base-control--ghost .component-base-control__box:not(.component-base-control--normal *):has(.component-select-control__btn__caret:hover){border-color:transparent}

package/dist/assets/style17.css

@@ -1 +1 @@
-.component-text-control input[type=search]::-webkit-search-decoration,.component-text-control input[type=search]::-webkit-search-cancel-button,.component-text-control input[type=search]::-webkit-search-results-button,.component-text-control input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}
+.component-recurrence-control__fieldset{display:flex;flex-direction:column;gap:1rem}.component-recurrence-control__frequency_type{display:flex;align-items:baseline;gap:1ch;margin-top:1rem;margin-bottom:.5rem}.component-recurrence-control__radio{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;cursor:pointer;border-radius:var(--blockout__radius--xs);outline-offset:0px;outline:0px solid transparent;transition:outline .25s ease,outline-offset .25s ease,background-color .25s ease}.component-recurrence-control__radio>svg{width:1rem;height:1rem}.component-recurrence-control__radio:hover{background-color:var(--blockout__colours__surface--300)}.component-recurrence-control__radio:focus{outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-recurrence-control__row{display:flex;align-items:baseline;gap:1rem;flex-grow:1}.component-recurrence-control__row .component-base-control{flex-grow:1}

package/dist/assets/style18.css

@@ -1 +1 @@
-.component-base-popover-control{min-width:0px}.component-base-popover-control .component-base-control__control{min-width:0}.component-base-popover-control__input{cursor:pointer;display:flex;width:100%}.component-base-popover-control__input:focus{outline:none}.component-base-popover-control__input:disabled .component-base-popover-control__value{opacity:.5}.component-base-popover-control__value{flex-grow:1;padding:var(--base-control__padding);min-height:var(--base-control__min-height);width:100%;min-width:0;color:var(--blockout__colours__surface--800);border-top-left-radius:var(--blockout__radius--md);border-bottom-left-radius:var(--blockout__radius--md);font-size:1rem;text-align:left;background-color:transparent;transition:background-color .25s ease;text-transform:capitalize}.component-base-popover-control__popover__wrapper{z-index:9999!important}.component-base-popover-control__popover{background-color:var(--blockout__colours__surface--200);border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--lg);box-shadow:0 .175rem .375rem #0000001a;width:fit-content;max-height:var(--popover-available-height);padding:.5rem;min-height:var(--base-control__min-height)}.component-base-control--normal.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__input:hover){background-color:var(--blockout__colours__surface--200);border-color:var(--blockout__colours__surface--100)}.component-base-control--normal.component-base-popover-control .component-base-control__box .component-base-popover-control__caret:hover{background-color:var(--blockout__colours__surface--200)}.component-base-control--normal.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__caret:hover){background-color:var(--blockout__colours__surface--100)}.component-base-control--normal.component-base-popover-control .component-base-control__box:focus-within{background-color:var(--blockout__colours__surface--50);border-color:var(--blockout__colours__surface--300);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-base-control--outline.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__input:hover){border-color:var(--blockout__colours__primary--500)}.component-base-control--outline.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__caret:hover){border-color:var(--blockout__colours__surface--300)}.component-base-control--outline.component-base-popover-control .component-base-control__box:focus-within{border-color:var(--blockout__colours__primary--500);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-base-control--ghost.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__input:hover){border-color:var(--blockout__colours__surface--300)}.component-base-control--ghost.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__caret:hover){border-color:transparent}.component-base-control--ghost.component-base-popover-control .component-base-control__box:focus-within{border-color:var(--blockout__colours__primary--500);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}
+.component-tag-control__box{display:flex;flex-wrap:wrap;gap:var(--base-control__padding);padding:var(--base-control__padding);min-height:var(--base-control__min-height)}.component-tag-control__tag{display:flex;align-items:center;border-radius:var(--blockout__radius--xs);background-color:var(--blockout__colours__colourway--light);color:var(--blockout__colours__colourway--dark);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.125ch;overflow:hidden;transition:background .25s ease,color .25s ease,outline .25s ease,outline-offset .25s ease}.component-tag-control__tag[data-active-item=true]{background-color:var(--blockout__colours__colourway--dark);color:var(--blockout__colours__colourway--light);outline:1px solid var(--blockout__colours__outline);outline-offset:2px}.component-tag-control__tag__label{padding:.375rem .5rem;cursor:pointer}.component-tag-control__tag__remove{padding:.375rem;cursor:pointer;height:100%;width:auto;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;transition:color .25s ease}.component-tag-control__tag__remove:hover{color:var(--blockout__colours__colourway--medium)}.component-tag-control__tag__remove>svg{fill:currentColor;width:1rem;height:1rem}.component-tag-control__input{flex:1;min-width:16ch}.component-tag-control__input:focus-visible{outline:none}.component-tag-control__popover__wrapper{z-index:9999!important}.component-tag-control__popover{background-color:var(--blockout__colours__surface--200);border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--lg);box-shadow:0 .175rem .375rem #0000001a;width:fit-content;max-height:var(--popover-available-height);padding:.5rem;min-height:var(--base-control__min-height);min-width:16ch}.component-tag-control__option{display:flex;align-items:center;gap:.675rem;font-weight:500;color:var(--blockout__colours__surface--900);padding:.375rem .5rem .375rem .375rem;min-height:2.25rem;border-radius:var(--blockout__radius--sm);cursor:pointer;white-space:nowrap;transition:background-color .25s ease,color .25s ease}.component-tag-control__option__chip{width:1rem;height:1rem;flex-shrink:0;border-radius:2rem;background:var(--blockout__colours__colourway--medium)}.component-tag-control__option__label{flex:1}.component-tag-control__option[aria-disabled=true] .component-tag-control__option__label{color:var(--blockout__colours__surface--400)}.component-tag-control__option__check{width:1.25rem;height:1.25rem;flex-shrink:0;color:var(--blockout__colours__surface--500);fill:var(--blockout__colours__surface--500);margin-left:.5rem}.component-tag-control__option:focus{outline:none}.component-tag-control__option:first-child{border-top:none}.component-tag-control__option[data-active-item=true]{background-color:var(--blockout__colours__surface--50)}.component-tag-control__option[data-active-item=true] .component-tag-control__option__label{color:var(--blockout__colours__surface--900)}

package/dist/assets/style19.css

@@ -1 +1 @@
-.component-menu__menu-wrapper{z-index:9999!important}.component-menu__window{background-color:var(--blockout__colours__surface--200);border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--lg);box-shadow:0 .175rem .375rem #0000001a;min-width:calc(var(--popover-anchor-width) + 2px);max-height:var(--popover-available-height);overflow-y:auto;padding:.5rem;min-height:40px}.component-menu__item{display:flex;align-items:baseline;gap:.875rem;padding:.375rem .675rem;width:100%;cursor:pointer;transition:background-color .25s ease}.component-menu__item[data-active-item=true]{background-color:var(--blockout__colours__surface--100);border-radius:var(--blockout__radius--md)}.component-menu__item:focus-visible{outline:none}.component-menu__item[data-active-item=true] .component-menu__item__label{color:var(--blockout__colours__surface--950)}.component-menu__item[data-active-item=true] .component-menu__item__description{color:var(--blockout__colours__surface--700)}.component-menu__item[aria-disabled=true] .component-menu__item__label{color:var(--blockout__colours__surface--500)}.component-menu__item[aria-disabled=true] .component-menu__item__description{color:var(--blockout__colours__surface--300)}.component-menu__item__icon{width:1.25rem;height:1.25rem;fill:var(--blockout__colours__surface--400)}.component-menu__window:not(:has(.component-menu__item__icon--pictoral:not(.component-menu__item__icon--empty))) .component-menu__item__icon--pictoral{display:none}.component-menu__item__icon--pictoral{transform:translateY(.25rem)}.component-menu__item__text{flex-grow:1}.component-menu__item__text__header{display:flex;align-items:center;gap:2rem;justify-content:space-between;width:100%}.component-menu__item__text__header+.component-menu__item__description{margin-top:.25rem}.component-menu__item__label{font-weight:500;color:var(--blockout__colours__surface--950);transition:color .25s ease}.component-menu__item__description{font-weight:400;color:var(--blockout__colours__surface--600);font-size:.875rem;padding-right:.375rem;transition:color .25s ease,opacity .25s ease}.component-menu__item--toggle--checked .component-menu__item__icon--checkbox{fill:var(--blockout__colours__surface--950)}.component-menu__separator{margin:0 -.325rem;border-top:1px solid var(--blockout__colours__surface--200);border-bottom:none}
+.component-text-control input[type=search]::-webkit-search-decoration,.component-text-control input[type=search]::-webkit-search-cancel-button,.component-text-control input[type=search]::-webkit-search-results-button,.component-text-control input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}

package/dist/assets/style20.css

@@ -1 +1 @@
-.data-view-layout-grid{display:flex;flex-direction:column;gap:1.25rem}.data-view-layout-grid__empty{font-size:.875rem;font-weight:400;color:var(--blockout__colours__surface--400)}.data-view-layout-grid__group__header{display:flex;align-items:center;gap:.5rem;border-top:1px solid var(--blockout__colours__surface--200);border-bottom:1px solid var(--blockout__colours__surface--200);background-color:var(--blockout__colours__surface--100);padding:.75rem 1.75rem;margin-bottom:1.25rem}.data-view-layout-grid__group__heading{display:flex;align-items:center;gap:.5rem;font-weight:400;color:var(--blockout__colours__surface--700);font-size:.875rem}.data-view-layout-grid__group__heading>svg{width:1.25rem;height:1.25rem;fill:var(--blockout__colours__surface--400);color:var(--blockout__colours__surface--400)}.data-view-layout-grid__group__grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(min(25rem,100%),1fr))}.data-view-layout-grid__item{display:flex;flex-direction:column;border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--md);transition:border-color .15s ease}.data-view-layout-grid__item[aria-selected=true]{border-color:var(--blockout__colours__primary--500);background-color:rgba(var(--blockout__colours__primary--rgb),.125)}.data-view-layout-grid__item[aria-selected=true] .data-view-layout-grid__media{border-color:var(--blockout__colours__primary--500)}.data-view-layout-grid__media{position:relative;background-color:var(--blockout__colours__surface--100);padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--blockout__colours__surface--300);border-top-left-radius:inherit;border-top-right-radius:inherit}.data-view-layout-grid__media:not(:has(.data-view-layout-grid__thumbnail)){background-color:transparent;border-bottom:0;padding-bottom:0}.data-view-layout-grid__thumbnail{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;object-position:center;border-top-left-radius:inherit;border-top-right-radius:inherit}.data-view-layout-grid__checkbox{padding:.25rem;background:var(--blockout__colours__surface--0);border-radius:var(--blockout__radius--xs);position:relative;z-index:1}.data-view-layout-grid__actions{position:relative;z-index:1;--button__bg: var(--blockout__colours__surface--0) !important}.data-view-layout-grid__item__caption{display:flex;flex-direction:column;padding:1.5rem;flex-grow:1}.data-view-layout-grid__item__header{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.data-view-layout-grid__item__header:not(:only-child){margin-bottom:.75rem}.data-view-layout-grid__item__properties{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.data-view-layout-grid__item__property{display:flex;gap:.5rem}.data-view-layout-grid__item__property__header{color:var(--blockout__colours__surface--400);flex-shrink:0;width:35%}.data-view-layout-grid__item__property__cell{flex-grow:1;min-width:0px}.data-view-layout-grid__item__relations{margin-top:auto;padding-top:1rem}
+.component-base-popover-control{min-width:0px}.component-base-popover-control .component-base-control__control{min-width:0}.component-base-popover-control__input{cursor:pointer;display:flex;width:100%}.component-base-popover-control__input:focus{outline:none}.component-base-popover-control__input:disabled .component-base-popover-control__value{opacity:.5}.component-base-popover-control__value{flex-grow:1;padding:var(--base-control__padding);min-height:var(--base-control__min-height);width:100%;min-width:0;color:var(--blockout__colours__surface--800);border-top-left-radius:var(--blockout__radius--md);border-bottom-left-radius:var(--blockout__radius--md);font-size:1rem;text-align:left;background-color:transparent;transition:background-color .25s ease;text-transform:capitalize}.component-base-popover-control__popover__wrapper{z-index:9999!important}.component-base-popover-control__popover{background-color:var(--blockout__colours__surface--200);border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--lg);box-shadow:0 .175rem .375rem #0000001a;width:fit-content;max-height:var(--popover-available-height);padding:.5rem;min-height:var(--base-control__min-height)}.component-base-control--normal.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__input:hover){background-color:var(--blockout__colours__surface--200);border-color:var(--blockout__colours__surface--100)}.component-base-control--normal.component-base-popover-control .component-base-control__box .component-base-popover-control__caret:hover{background-color:var(--blockout__colours__surface--200)}.component-base-control--normal.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__caret:hover){background-color:var(--blockout__colours__surface--100)}.component-base-control--normal.component-base-popover-control .component-base-control__box:focus-within{background-color:var(--blockout__colours__surface--50);border-color:var(--blockout__colours__surface--300);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-base-control--outline.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__input:hover){border-color:var(--blockout__colours__primary--500)}.component-base-control--outline.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__caret:hover){border-color:var(--blockout__colours__surface--300)}.component-base-control--outline.component-base-popover-control .component-base-control__box:focus-within{border-color:var(--blockout__colours__primary--500);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-base-control--ghost.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__input:hover){border-color:var(--blockout__colours__surface--300)}.component-base-control--ghost.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__caret:hover){border-color:transparent}.component-base-control--ghost.component-base-popover-control .component-base-control__box:focus-within{border-color:var(--blockout__colours__primary--500);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}

package/dist/assets/style21.css

@@ -1 +1 @@
-.data-view-layout-kanban__container{display:grid;grid-auto-flow:column;grid-template-columns:repeat(auto-fill,min(25rem,calc(100vw - 3rem)));gap:1.25rem}.data-view-layout-kanban__empty{font-size:.875rem;font-weight:400;color:var(--blockout__colours__surface--400)}.data-view-layout-kanban__group{min-width:min(25rem,calc(100vw - 3rem))}.data-view-layout-kanban__group__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-top:1px solid var(--blockout__colours__surface--200);border-bottom:1px solid var(--blockout__colours__surface--200);background-color:var(--blockout__colours__surface--100);position:sticky;top:0;margin-bottom:1.25rem;padding:.75rem}.data-view-layout-kanban__group__checkbox{padding-left:1rem}.data-view-layout-kanban__group__checkbox+.data-view-layout-kanban__group__heading{margin-right:3rem}.data-view-layout-kanban__group__heading{display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:400;color:var(--blockout__colours__surface--700);font-size:.875rem;flex-grow:1}.data-view-layout-kanban__group__heading>svg{width:1.25rem;height:1.25rem;fill:var(--blockout__colours__surface--400);color:var(--blockout__colours__surface--400)}.data-view-layout-kanban__group__list{display:flex;flex-direction:column;gap:1.25rem}.data-view-layout-kanban__item[aria-selected=true] .data-view-layout-kanban__figure{border-color:var(--blockout__colours__primary--500);background-color:rgba(var(--blockout__colours__primary--rgb),.125)}.data-view-layout-kanban__figure{border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--md);transition:border-color .15s ease}.data-view-layout-kanban__media{position:relative;background-color:var(--blockout__colours__surface--100);padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--blockout__colours__surface--300);border-top-left-radius:inherit;border-top-right-radius:inherit}.data-view-layout-kanban__media:not(:has(.data-view-layout-kanban__thumbnail)){background-color:transparent;border-bottom:0;padding-bottom:0}.data-view-layout-kanban__thumbnail{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;object-position:center;border-top-left-radius:inherit;border-top-right-radius:inherit}.data-view-layout-kanban__checkbox{padding:.25rem;background:var(--blockout__colours__surface--0);border-radius:var(--blockout__radius--xs);position:relative;z-index:1}.data-view-layout-kanban__actions{position:relative;z-index:1;--button__bg: var(--blockout__colours__surface--0) !important}.data-view-layout-kanban__figcaption{padding:1.5rem}.data-view-layout-kanban__item__header{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.75rem}.data-view-layout-kanban__item__properties{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.data-view-layout-kanban__item__property{display:flex;gap:.5rem}.data-view-layout-kanban__item__property__header{color:var(--blockout__colours__surface--400);flex-shrink:0;width:35%}.data-view-layout-kanban__item__property__cell{flex-grow:1;min-width:0px}.data-view-layout-kanban__item__relations{padding-top:1.5rem;margin-top:auto}
+.component-menu__menu-wrapper{z-index:9999!important}.component-menu__window{background-color:var(--blockout__colours__surface--200);border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--lg);box-shadow:0 .175rem .375rem #0000001a;min-width:calc(var(--popover-anchor-width) + 2px);max-height:var(--popover-available-height);overflow-y:auto;padding:.5rem;min-height:40px}.component-menu__item{display:flex;align-items:baseline;gap:.875rem;padding:.375rem .675rem;width:100%;cursor:pointer;transition:background-color .25s ease}.component-menu__item[data-active-item=true]{background-color:var(--blockout__colours__surface--100);border-radius:var(--blockout__radius--md)}.component-menu__item:focus-visible{outline:none}.component-menu__item[data-active-item=true] .component-menu__item__label{color:var(--blockout__colours__surface--950)}.component-menu__item[data-active-item=true] .component-menu__item__description{color:var(--blockout__colours__surface--700)}.component-menu__item[aria-disabled=true] .component-menu__item__label{color:var(--blockout__colours__surface--500)}.component-menu__item[aria-disabled=true] .component-menu__item__description{color:var(--blockout__colours__surface--300)}.component-menu__item__icon{width:1.25rem;height:1.25rem;fill:var(--blockout__colours__surface--400)}.component-menu__window:not(:has(.component-menu__item__icon--pictoral:not(.component-menu__item__icon--empty))) .component-menu__item__icon--pictoral{display:none}.component-menu__item__icon--pictoral{transform:translateY(.25rem)}.component-menu__item__text{flex-grow:1}.component-menu__item__text__header{display:flex;align-items:center;gap:2rem;justify-content:space-between;width:100%}.component-menu__item__text__header+.component-menu__item__description{margin-top:.25rem}.component-menu__item__label{font-weight:500;color:var(--blockout__colours__surface--950);transition:color .25s ease}.component-menu__item__description{font-weight:400;color:var(--blockout__colours__surface--600);font-size:.875rem;padding-right:.375rem;transition:color .25s ease,opacity .25s ease}.component-menu__item--toggle--checked .component-menu__item__icon--checkbox{fill:var(--blockout__colours__surface--950)}.component-menu__separator{margin:0 -.325rem;border-top:1px solid var(--blockout__colours__surface--200);border-bottom:none}

package/dist/assets/style22.css

@@ -1 +1 @@
-.data-view-layout-list{display:flex;flex-direction:column;gap:.75rem}.data-view-layout-list:has(.data-view-layout-list__thumbnail){gap:1.25rem}.data-view-layout-list__empty{font-size:.875rem;font-weight:400;color:var(--blockout__colours__surface--400)}.data-view-layout-list__group__list{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;padding-bottom:0}.data-view-layout-list__group__list:has(.data-view-layout-list__thumbnail){padding:1.25rem 0;padding-bottom:0;gap:1.25rem}.data-view-layout-list__group__header{display:flex;align-items:center;gap:.75rem;border-top:1px solid var(--blockout__colours__surface--300);border-bottom:1px solid var(--blockout__colours__surface--300);background-color:var(--blockout__colours__surface--100);padding:.75rem}.data-view-layout-list__group__heading{display:flex;align-items:center;gap:.5rem;font-weight:400;color:var(--blockout__colours__surface--700);font-size:.875rem}.data-view-layout-list__group__heading>svg{width:1.25rem;height:1.25rem;fill:var(--blockout__colours__surface--400);color:var(--blockout__colours__surface--400)}.data-view-layout-list__item{display:flex;gap:1rem;flex-wrap:wrap}.data-view-layout-list__thumbnail{background-color:var(--blockout__colours__surface--200);height:8rem;width:8rem;object-fit:cover;object-position:center;border-radius:var(--blockout__radius--lg)}.data-view-layout-list__depth__wrapper{display:flex}.data-view-layout-list__depth{flex-shrink:0;padding-right:.75rem;padding-left:2.25rem}.data-view-layout-list__depth>svg{fill:var(--blockout__colours__surface--400);width:1.25rem;height:1.25rem;transform:translateY(-.125rem)}.data-view-layout-list__content{flex-grow:1;padding:.5rem 0}.data-view-layout-list__item__header{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.data-view-layout-list__item__relations{padding-left:2.25rem;margin-top:1rem}.data-view-layout-list__item__description{padding-left:2rem;margin-top:.5rem}.data-view-layout-list__item__properties{padding-left:2rem;display:flex;gap:1rem 2rem;flex-wrap:wrap;margin-top:.5rem}.data-view-layout-list__item__properties__item{color:var(--blockout__colours__surface--500)}
+.data-view-layout-grid{display:flex;flex-direction:column;gap:1.25rem}.data-view-layout-grid__empty{font-size:.875rem;font-weight:400;color:var(--blockout__colours__surface--400)}.data-view-layout-grid__group__header{display:flex;align-items:center;gap:.5rem;border-top:1px solid var(--blockout__colours__surface--200);border-bottom:1px solid var(--blockout__colours__surface--200);background-color:var(--blockout__colours__surface--100);padding:.75rem 1.75rem;margin-bottom:1.25rem}.data-view-layout-grid__group__heading{display:flex;align-items:center;gap:.5rem;font-weight:400;color:var(--blockout__colours__surface--700);font-size:.875rem}.data-view-layout-grid__group__heading>svg{width:1.25rem;height:1.25rem;fill:var(--blockout__colours__surface--400);color:var(--blockout__colours__surface--400)}.data-view-layout-grid__group__grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(min(25rem,100%),1fr))}.data-view-layout-grid__item{display:flex;flex-direction:column;border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--md);transition:border-color .15s ease}.data-view-layout-grid__item[aria-selected=true]{border-color:var(--blockout__colours__primary--500);background-color:rgba(var(--blockout__colours__primary--rgb),.125)}.data-view-layout-grid__item[aria-selected=true] .data-view-layout-grid__media{border-color:var(--blockout__colours__primary--500)}.data-view-layout-grid__media{position:relative;background-color:var(--blockout__colours__surface--100);padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--blockout__colours__surface--300);border-top-left-radius:inherit;border-top-right-radius:inherit}.data-view-layout-grid__media:not(:has(.data-view-layout-grid__thumbnail)){background-color:transparent;border-bottom:0;padding-bottom:0}.data-view-layout-grid__thumbnail{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;object-position:center;border-top-left-radius:inherit;border-top-right-radius:inherit}.data-view-layout-grid__checkbox{padding:.25rem;background:var(--blockout__colours__surface--0);border-radius:var(--blockout__radius--xs);position:relative;z-index:1}.data-view-layout-grid__actions{position:relative;z-index:1;--button__bg: var(--blockout__colours__surface--0) !important}.data-view-layout-grid__item__caption{display:flex;flex-direction:column;padding:1.5rem;flex-grow:1}.data-view-layout-grid__item__header{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.data-view-layout-grid__item__header:not(:only-child){margin-bottom:.75rem}.data-view-layout-grid__item__properties{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.data-view-layout-grid__item__property{display:flex;gap:.5rem}.data-view-layout-grid__item__property__header{color:var(--blockout__colours__surface--400);flex-shrink:0;width:35%}.data-view-layout-grid__item__property__cell{flex-grow:1;min-width:0px}.data-view-layout-grid__item__relations{margin-top:auto;padding-top:1rem}

package/dist/assets/style23.css

@@ -1 +1 @@
-.data-view-layout-table{overflow-x:auto}.data-view-layout-table__table{border-collapse:collapse;min-width:100%}.data-view-layout-table__heading{text-align:left;font-weight:600;text-transform:uppercase;font-size:.75rem;padding:0 1rem .25rem}.data-view-layout-table__heading:first-child{padding-left:0}.data-view-layout-table__heading:last-child{padding-right:0}.data-view-layout-table__heading:has(.component-checkbox-control){padding-right:0;padding-left:.75rem;width:0px}.data-view-layout-table__heading__property{display:flex;align-items:center;gap:.5rem}.data-view-layout-table__heading__property>svg{width:.875rem;height:.875rem;fill:var(--blockout__colours__surface--400);color:var(--blockout__colours__surface--400)}.data-view-layout-table__group__heading__cell{padding:.75rem 0}.data-view-layout-table__group__heading{display:flex;align-items:center;gap:.5rem;border-top:1px solid var(--blockout__colours__surface--300);border-bottom:1px solid var(--blockout__colours__surface--300);background-color:var(--blockout__colours__surface--100);padding:.75rem 0 .75rem .75rem;font-weight:400;color:var(--blockout__colours__surface--700);font-size:.875rem;min-height:50px}.data-view-layout-table--seleciton-mode-none .data-view-layout-table__group__heading{padding-left:0}.data-view-layout-table--seleciton-mode-single .data-view-layout-table__group__heading{padding-left:3rem}.data-view-layout-table__group__heading>svg{width:1.25rem;height:1.25rem;fill:var(--blockout__colours__surface--400);color:var(--blockout__colours__surface--400)}.data-view-layout-table__group__heading__checkbox{height:100%;padding:.75rem;padding-right:0;border-top:1px solid var(--blockout__colours__surface--300);border-bottom:1px solid var(--blockout__colours__surface--300);background-color:var(--blockout__colours__surface--100)}.data-view-layout-table__item{vertical-align:top;transition:background-color .15s ease}.data-view-layout-table__item[aria-selected=true]{background-color:rgba(var(--blockout__colours__primary--rgb),.125)}.data-view-layout-table__item td{padding:.75rem 1rem}.data-view-layout-table__item td:first-child{padding-left:0}.data-view-layout-table__item td:last-child{padding-right:0}.data-view-layout-table__item td:has(.component-checkbox-control){padding-right:0;padding-left:.75rem;width:0px}.data-view-layout-table__item td.data-view-layout-table__cell--actions{padding:0}.data-view-layout-table__empty__cell{padding:0 1rem;font-size:.875rem;font-weight:400;color:var(--blockout__colours__surface--400)}.data-view-layout-table__cell:has(.data-view-layout-table__thumbnail){padding-right:.25rem;max-width:7.75rem}.data-view-layout-table__thumbnail{background-color:var(--blockout__colours__surface--200);width:7.5rem;height:auto;min-width:5rem;aspect-ratio:1/1;object-fit:cover;object-position:center;border-radius:var(--blockout__radius--md)}.data-view-layout-table__cell-wrapper{min-width:20ch;max-width:80ch}.data-view-layout-table__cell-wrapper--header{display:flex}.data-view-layout-table__depth{flex-shrink:0;padding-right:1rem}.data-view-layout-table__depth>svg{fill:var(--blockout__colours__surface--400);width:1.25rem;height:1.25rem}.data-view-layout-table__item__header{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.data-view-layout-table__item__header:not(:last-child){margin-bottom:.75rem}.data-view-layout-table__item__description:not(:last-child){margin-bottom:1rem}
+.data-view-layout-kanban__container{display:grid;grid-auto-flow:column;grid-template-columns:repeat(auto-fill,min(25rem,calc(100vw - 3rem)));gap:1.25rem}.data-view-layout-kanban__empty{font-size:.875rem;font-weight:400;color:var(--blockout__colours__surface--400)}.data-view-layout-kanban__group{min-width:min(25rem,calc(100vw - 3rem))}.data-view-layout-kanban__group__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-top:1px solid var(--blockout__colours__surface--200);border-bottom:1px solid var(--blockout__colours__surface--200);background-color:var(--blockout__colours__surface--100);position:sticky;top:0;margin-bottom:1.25rem;padding:.75rem}.data-view-layout-kanban__group__checkbox{padding-left:1rem}.data-view-layout-kanban__group__checkbox+.data-view-layout-kanban__group__heading{margin-right:3rem}.data-view-layout-kanban__group__heading{display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:400;color:var(--blockout__colours__surface--700);font-size:.875rem;flex-grow:1}.data-view-layout-kanban__group__heading>svg{width:1.25rem;height:1.25rem;fill:var(--blockout__colours__surface--400);color:var(--blockout__colours__surface--400)}.data-view-layout-kanban__group__list{display:flex;flex-direction:column;gap:1.25rem}.data-view-layout-kanban__item[aria-selected=true] .data-view-layout-kanban__figure{border-color:var(--blockout__colours__primary--500);background-color:rgba(var(--blockout__colours__primary--rgb),.125)}.data-view-layout-kanban__figure{border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--md);transition:border-color .15s ease}.data-view-layout-kanban__media{position:relative;background-color:var(--blockout__colours__surface--100);padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--blockout__colours__surface--300);border-top-left-radius:inherit;border-top-right-radius:inherit}.data-view-layout-kanban__media:not(:has(.data-view-layout-kanban__thumbnail)){background-color:transparent;border-bottom:0;padding-bottom:0}.data-view-layout-kanban__thumbnail{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;object-position:center;border-top-left-radius:inherit;border-top-right-radius:inherit}.data-view-layout-kanban__checkbox{padding:.25rem;background:var(--blockout__colours__surface--0);border-radius:var(--blockout__radius--xs);position:relative;z-index:1}.data-view-layout-kanban__actions{position:relative;z-index:1;--button__bg: var(--blockout__colours__surface--0) !important}.data-view-layout-kanban__figcaption{padding:1.5rem}.data-view-layout-kanban__item__header{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.75rem}.data-view-layout-kanban__item__properties{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.data-view-layout-kanban__item__property{display:flex;gap:.5rem}.data-view-layout-kanban__item__property__header{color:var(--blockout__colours__surface--400);flex-shrink:0;width:35%}.data-view-layout-kanban__item__property__cell{flex-grow:1;min-width:0px}.data-view-layout-kanban__item__relations{padding-top:1.5rem;margin-top:auto}

package/dist/assets/style24.css

@@ -1 +1 @@
-.data-view-part-field__editable{position:relative;border-radius:var(--blockout__radius--xs);outline:.5rem solid transparent;cursor:pointer;width:fit-content;height:1.5rem;transition:background-color .15s ease,outline .15s ease}.data-view-part-field__editable:hover{background-color:var(--blockout__colours__surface--200);outline:.25rem solid var(--blockout__colours__surface--200)}.data-view-slot__item__parent{display:flex;gap:.675rem;align-items:center}.data-view-slot__item__parent__label{font-weight:400;font-size:.875rem;color:var(--blockout__colours__surface--950);background-color:var(--blockout__colours__surface--200);padding:.125rem .5rem;border-radius:var(--blockout__radius--xs);white-space:nowrap;flex-shrink:0;outline:.125rem solid var(--blockout__colours__surface--0)}.data-view-slot__item__parent__name,.data-view-slot__item__parent__name__link{min-width:0}.data-view-slot__item__children{display:flex;gap:.75rem}.data-view-slot__item__children>svg{fill:var(--blockout__colours__surface--400);width:1.25rem;height:1.25rem}.data-view-slot__item__children__list{display:flex;flex-direction:column;gap:.5rem;padding-top:.25rem}
+.data-view-layout-list{display:flex;flex-direction:column;gap:.75rem}.data-view-layout-list:has(.data-view-layout-list__thumbnail){gap:1.25rem}.data-view-layout-list__empty{font-size:.875rem;font-weight:400;color:var(--blockout__colours__surface--400)}.data-view-layout-list__group__list{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;padding-bottom:0}.data-view-layout-list__group__list:has(.data-view-layout-list__thumbnail){padding:1.25rem 0;padding-bottom:0;gap:1.25rem}.data-view-layout-list__group__header{display:flex;align-items:center;gap:.75rem;border-top:1px solid var(--blockout__colours__surface--300);border-bottom:1px solid var(--blockout__colours__surface--300);background-color:var(--blockout__colours__surface--100);padding:.75rem}.data-view-layout-list__group__heading{display:flex;align-items:center;gap:.5rem;font-weight:400;color:var(--blockout__colours__surface--700);font-size:.875rem}.data-view-layout-list__group__heading>svg{width:1.25rem;height:1.25rem;fill:var(--blockout__colours__surface--400);color:var(--blockout__colours__surface--400)}.data-view-layout-list__item{display:flex;gap:1rem;flex-wrap:wrap}.data-view-layout-list__thumbnail{background-color:var(--blockout__colours__surface--200);height:8rem;width:8rem;object-fit:cover;object-position:center;border-radius:var(--blockout__radius--lg)}.data-view-layout-list__depth__wrapper{display:flex}.data-view-layout-list__depth{flex-shrink:0;padding-right:.75rem;padding-left:2.25rem}.data-view-layout-list__depth>svg{fill:var(--blockout__colours__surface--400);width:1.25rem;height:1.25rem;transform:translateY(-.125rem)}.data-view-layout-list__content{flex-grow:1;padding:.5rem 0}.data-view-layout-list__item__header{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.data-view-layout-list__item__relations{padding-left:2.25rem;margin-top:1rem}.data-view-layout-list__item__description{padding-left:2rem;margin-top:.5rem}.data-view-layout-list__item__properties{padding-left:2rem;display:flex;gap:1rem 2rem;flex-wrap:wrap;margin-top:.5rem}.data-view-layout-list__item__properties__item{color:var(--blockout__colours__surface--500)}

package/dist/assets/style25.css

@@ -1 +1 @@
-.component-select__input{cursor:pointer;width:100%}.component-select__input:focus{outline:none}.component-select__popover__wrapper{z-index:9999!important}.component-select__popover{background-color:var(--blockout__colours__surface--200);border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--lg)}.component-select__popover:focus{outline:none}.component-select__popover__scroll .primitive-scroll-area__viewport{width:min(calc(var(--popover-anchor-width) + 2px),fit-content);height:100%;max-height:var(--popover-available-height);min-width:12rem;padding:0}.component-select__list{display:flex;flex-direction:column;gap:.325rem;padding:.325rem}.component-select__list:focus{outline:none}.component-select__popover__search-wrapper{display:flex;align-items:center;gap:0;padding-left:1rem}.component-select__popover__search-icon{width:1rem;height:1rem;transform:translateY(.25rem);fill:var(--blockout__colours__surface--500)}.component-select__popover__search{width:100%;padding:.5rem .675rem 0rem;min-height:var(--base-control__min-height)}.component-select__popover__search:focus{outline:none}.component-select__option{display:flex;justify-content:center;align-items:start;flex-direction:column;gap:.25rem;padding:.375rem .5rem .375rem .675rem;min-height:2.25rem;border-radius:var(--blockout__radius--sm);cursor:pointer;transition:background-color .25s ease}.component-select__option:focus{outline:none}.component-select__option:first-child{border-top:none}.component-select__option[aria-disabled=true] .component-select__option__label{color:var(--blockout__colours__surface--400)}.component-select__option[aria-disabled=true] .component-select__option__description{color:var(--blockout__colours__surface--300)}.component-select__option__label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--blockout__colours__surface--900);transition:color .25s ease;white-space:nowrap}.component-select__option__label>svg{width:1.25rem;height:1.25rem;flex-shrink:0;color:var(--blockout__colours__surface--500);fill:var(--blockout__colours__surface--500)}.component-select__option__description{font-weight:400;color:var(--blockout__colours__surface--600);font-size:.875rem;transition:color .25s ease,opacity .25s ease}.component-select__option[data-active-item=true]{background-color:var(--blockout__colours__surface--50)}.component-select__option[data-active-item=true] .component-select__option__label{color:var(--blockout__colours__surface--900)}.component-select__option[data-active-item=true] .component-select__option__description{color:var(--blockout__colours__surface--700)}.component-select-control .component-base-control__control{flex-grow:1!important}.component-select-control .component-select__input{display:flex}.component-select-control__btn{display:flex;flex-direction:row;flex-grow:1;padding:var(--base-control__padding);min-height:var(--base-control__min-height);width:100%;min-width:0;max-width:100%;color:var(--blockout__colours__surface--800);border-top-left-radius:var(--blockout__radius--md);border-bottom-left-radius:var(--blockout__radius--md);font-size:1rem;text-align:left;background-color:transparent;transition:background-color .25s ease}.component-select-control__btn .component-base-control__affix{padding:0;min-height:0}.component-select-control__btn .component-base-control__affix--prefix{padding-right:var(--base-control__padding)}.component-select-control__btn .component-base-control__affix--suffix{padding-left:var(--base-control__padding)}.component-select__input--placeholder--placeholder .component-select-control__btn{color:var(--blockout__colours__surface--400)}.component-select-control__btn__value__label{display:flex;align-items:center;gap:.5rem;font-weight:500}.component-select-control__btn__value__label>svg{width:1.25rem;height:1.25rem;flex-shrink:0;color:var(--blockout__colours__surface--500);fill:var(--blockout__colours__surface--500)}.component-select-control__btn__caret{align-self:center}.component-select__input:disabled{opacity:.25}.component-select-control .component-base-control__box:focus-within{background-color:var(--blockout__colours__surface--50);border-color:var(--blockout__colours__surface--300);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-base-control--normal.component-select-control .component-base-control__box:has(.component-select__input:hover){background-color:var(--blockout__colours__surface--200);border-color:var(--blockout__colours__surface--100)}.component-base-control--normal.component-select-control .component-base-control__box:has(.component-select__input:hover) .component-select-control__btn__caret{background-color:transparent!important}.component-base-control--outline .component-base-control__box:not(.component-base-control--normal *):has(.component-select__input:hover){border-color:var(--blockout__colours__primary--500)}.component-base-control--outline .component-base-control__box:not(.component-base-control--normal *):has(.component-select-control__btn__caret:hover){border-color:transparent}.component-base-control--ghost .component-base-control__box:not(.component-base-control--normal *):has(.component-select__input:hover){border-color:var(--blockout__colours__surface--300)}.component-base-control--ghost .component-base-control__box:not(.component-base-control--normal *):has(.component-select-control__btn__caret:hover){border-color:transparent}
+.data-view-layout-table{overflow-x:auto}.data-view-layout-table__table{border-collapse:collapse;min-width:100%}.data-view-layout-table__heading{text-align:left;font-weight:600;text-transform:uppercase;font-size:.75rem;padding:0 1rem .25rem}.data-view-layout-table__heading:first-child{padding-left:0}.data-view-layout-table__heading:last-child{padding-right:0}.data-view-layout-table__heading:has(.component-checkbox-control){padding-right:0;padding-left:.75rem;width:0px}.data-view-layout-table__heading__property{display:flex;align-items:center;gap:.5rem}.data-view-layout-table__heading__property>svg{width:.875rem;height:.875rem;fill:var(--blockout__colours__surface--400);color:var(--blockout__colours__surface--400)}.data-view-layout-table__group__heading__cell{padding:.75rem 0}.data-view-layout-table__group__heading{display:flex;align-items:center;gap:.5rem;border-top:1px solid var(--blockout__colours__surface--300);border-bottom:1px solid var(--blockout__colours__surface--300);background-color:var(--blockout__colours__surface--100);padding:.75rem 0 .75rem .75rem;font-weight:400;color:var(--blockout__colours__surface--700);font-size:.875rem;min-height:50px}.data-view-layout-table--seleciton-mode-none .data-view-layout-table__group__heading{padding-left:0}.data-view-layout-table--seleciton-mode-single .data-view-layout-table__group__heading{padding-left:3rem}.data-view-layout-table__group__heading>svg{width:1.25rem;height:1.25rem;fill:var(--blockout__colours__surface--400);color:var(--blockout__colours__surface--400)}.data-view-layout-table__group__heading__checkbox{height:100%;padding:.75rem;padding-right:0;border-top:1px solid var(--blockout__colours__surface--300);border-bottom:1px solid var(--blockout__colours__surface--300);background-color:var(--blockout__colours__surface--100)}.data-view-layout-table__item{vertical-align:top;transition:background-color .15s ease}.data-view-layout-table__item[aria-selected=true]{background-color:rgba(var(--blockout__colours__primary--rgb),.125)}.data-view-layout-table__item td{padding:.75rem 1rem}.data-view-layout-table__item td:first-child{padding-left:0}.data-view-layout-table__item td:last-child{padding-right:0}.data-view-layout-table__item td:has(.component-checkbox-control){padding-right:0;padding-left:.75rem;width:0px}.data-view-layout-table__item td.data-view-layout-table__cell--actions{padding:0}.data-view-layout-table__empty__cell{padding:0 1rem;font-size:.875rem;font-weight:400;color:var(--blockout__colours__surface--400)}.data-view-layout-table__cell:has(.data-view-layout-table__thumbnail){padding-right:.25rem;max-width:7.75rem}.data-view-layout-table__thumbnail{background-color:var(--blockout__colours__surface--200);width:7.5rem;height:auto;min-width:5rem;aspect-ratio:1/1;object-fit:cover;object-position:center;border-radius:var(--blockout__radius--md)}.data-view-layout-table__cell-wrapper{min-width:20ch;max-width:80ch}.data-view-layout-table__cell-wrapper--header{display:flex}.data-view-layout-table__depth{flex-shrink:0;padding-right:1rem}.data-view-layout-table__depth>svg{fill:var(--blockout__colours__surface--400);width:1.25rem;height:1.25rem}.data-view-layout-table__item__header{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.data-view-layout-table__item__header:not(:last-child){margin-bottom:.75rem}.data-view-layout-table__item__description:not(:last-child){margin-bottom:1rem}

package/dist/assets/style26.css

@@ -1 +1 @@
-.component-card-number-control .component-base-control__control{display:flex;align-items:baseline}.component-card-number-control__card{height:1.5rem;width:auto;align-self:center;margin-right:var(--base-control__padding);border-radius:4px}
+.data-view-part-field__editable{position:relative;border-radius:var(--blockout__radius--xs);outline:.5rem solid transparent;cursor:pointer;width:fit-content;height:1.5rem;transition:background-color .15s ease,outline .15s ease}.data-view-part-field__editable:hover{background-color:var(--blockout__colours__surface--200);outline:.25rem solid var(--blockout__colours__surface--200)}.data-view-slot__item__parent{display:flex;gap:.675rem;align-items:center}.data-view-slot__item__parent__label{font-weight:400;font-size:.875rem;color:var(--blockout__colours__surface--950);background-color:var(--blockout__colours__surface--200);padding:.125rem .5rem;border-radius:var(--blockout__radius--xs);white-space:nowrap;flex-shrink:0;outline:.125rem solid var(--blockout__colours__surface--0)}.data-view-slot__item__parent__name,.data-view-slot__item__parent__name__link{min-width:0}.data-view-slot__item__children{display:flex;gap:.75rem}.data-view-slot__item__children>svg{fill:var(--blockout__colours__surface--400);width:1.25rem;height:1.25rem}.data-view-slot__item__children__list{display:flex;flex-direction:column;gap:.5rem;padding-top:.25rem}

package/dist/assets/style27.css

@@ -0,0 +1 @@
+.component-card-number-control .component-base-control__control{display:flex;align-items:baseline}.component-card-number-control__card{height:1.5rem;width:auto;align-self:center;margin-right:var(--base-control__padding);border-radius:4px}

package/dist/components/breadcrumbs/index.js

@@ -1,11 +1,11 @@
 import { jsx as r, jsxs as n } from "react/jsx-runtime";
 import { cn as t } from "../../utils/css.js";
 import { e as i } from "../../CaretRight.es-vnr78BGI.js";
-import { C as p } from "../../composite-provider-R5SnRc_G.js";
-import { C as c } from "../../5JTVDSTH-CIreO5bC.js";
-import { C as l } from "../../J2LQO3EC-CcHJqN0I.js";
-import { C as d } from "../../6VRAQV3D-BoLhl3hf.js";
-import { C as b } from "../../TP7N7UIH-mdk33dnV.js";
+import { C as p } from "../../composite-provider-B-M1AaRb.js";
+import { C as c } from "../../5JTVDSTH-DcfjjEya.js";
+import { C as l } from "../../J2LQO3EC-DYtZQQv6.js";
+import { C as d } from "../../6VRAQV3D-DK_p41oq.js";
+import { C as b } from "../../TP7N7UIH-Dc0CLLi8.js";
 import '../../assets/index4.css';const v = ({
   crumbs: o,
   separator: m = /* @__PURE__ */ r(i, {}),

package/dist/components/button/row.js

@@ -1,10 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
 import { cn as e } from "../../utils/css.js";
 import { Children as i } from "react";
-import { C as p } from "../../composite-provider-R5SnRc_G.js";
-import { C as n } from "../../5JTVDSTH-CIreO5bC.js";
-import { C as s } from "../../J2LQO3EC-CcHJqN0I.js";
-import { C as a } from "../../6VRAQV3D-BoLhl3hf.js";
+import { C as p } from "../../composite-provider-B-M1AaRb.js";
+import { C as n } from "../../5JTVDSTH-DcfjjEya.js";
+import { C as s } from "../../J2LQO3EC-DYtZQQv6.js";
+import { C as a } from "../../6VRAQV3D-DK_p41oq.js";
 const u = ({ className: m, children: t }) => /* @__PURE__ */ o(p, { children: /* @__PURE__ */ o(n, { className: e("component-button-row", m), children: /* @__PURE__ */ o(s, { className: "component-button-row__row", children: i.map(
   t,
   (r) => r && /* @__PURE__ */ o(a, { render: r })

package/dist/components/controls/base-popover-control/index.js

@@ -1,6 +1,6 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import { Button as a } from "../../button/index.js";
-import '../../../assets/style18.css';import '../../../assets/styles.css';import '../../../assets/style7.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style10.css';/* empty css                      */
+import '../../../assets/style20.css';import '../../../assets/styles.css';import '../../../assets/style7.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style10.css';/* empty css                      */
 import { useState as c } from "react";
 /* empty css                      */
 /* empty css                      */
@@ -17,9 +17,9 @@ import { e as v } from "../../../CaretDown.es-eyr5AnCc.js";
 import { BaseControl as f } from "../base-control/index.js";
 import { useBaseControlProps as P } from "../base-control/props.js";
 /* empty css                      */
-import { P as u } from "../../../root-C7IYlG1s.js";
-import { P as _ } from "../../../WMYDSCNQ-D43V-JUe.js";
-import { P as h } from "../../../G7GW6PWC-Crp1Jn-8.js";
+import { P as u } from "../../../popover-provider-DZV1nb7Q.js";
+import { P as _ } from "../../../WMYDSCNQ-D4CU76mX.js";
+import { P as h } from "../../../G7GW6PWC-A0eDeXMt.js";
 const H = (t) => {
   const { baseProps: s, controlProps: r } = P(t, {
     className: "component-base-popover-control"

package/dist/components/controls/card-number-control/index.js

@@ -1,6 +1,6 @@
 import { jsxs as v, jsx as e } from "react/jsx-runtime";
 import { noop as u } from "../../../utils/noop.js";
-import { c as p } from "../../../style-C7eFpUVU.js";
+import { c as p } from "../../../style-CWAa57kN.js";
 import { useMemo as x } from "react";
 import { BaseControl as y } from "../base-control/index.js";
 import { useBaseControlProps as P } from "../base-control/props.js";

package/dist/components/controls/date-control/index.js

@@ -21,7 +21,7 @@ import { w as x } from "../../../SSRBase.es-BUXS72ra.js";
 import { BaseControl as T } from "../base-control/index.js";
 import { useBaseControlProps as z } from "../base-control/props.js";
 import { DateComponentInput as R } from "./component.js";
-import { f as m, D as S } from "../../../picker-BkmBjgWA.js";
+import { f as m, D as S } from "../../../picker-BAQPD-c9.js";
 /* empty css                      */
 import { getDefaultFormat as W } from "./types.js";
 import { safeParseDate as M } from "./util.js";

package/dist/components/controls/date-control/picker.js

@@ -8,11 +8,11 @@ import "../../../CaretRight.es-vnr78BGI.js";
 import "react";
 import '../../../assets/style11.css';/* empty css                      */
 import "../../../protectedTokens-DdjZoCxO.js";
-import { D as d } from "../../../picker-BkmBjgWA.js";
-import "../../../composite-provider-R5SnRc_G.js";
-import "../../../5JTVDSTH-CIreO5bC.js";
-import "../../../J2LQO3EC-CcHJqN0I.js";
-import "../../../6VRAQV3D-BoLhl3hf.js";
+import { D as d } from "../../../picker-BAQPD-c9.js";
+import "../../../composite-provider-B-M1AaRb.js";
+import "../../../5JTVDSTH-DcfjjEya.js";
+import "../../../J2LQO3EC-DYtZQQv6.js";
+import "../../../6VRAQV3D-DK_p41oq.js";
 export {
   d as DatePicker
 };

package/dist/components/controls/index.d.ts

@@ -9,6 +9,7 @@ export { NumberControl } from './number-control';
 export { PasswordControl } from './password-control';
 export { RecurrenceControl } from './recurrence-control';
 export { Options, Select, SelectControl } from './select-control';
+export { TagControl } from './tag-control';
 export { TextControl } from './text-control';
 export { TextareaControl } from './textarea-control';
 export { ToggleControl } from './toggle-control';

package/dist/components/controls/index.js

@@ -5,16 +5,17 @@ import { ChoiceControl as n } from "./choice-control/index.js";
 import { DateControl as f } from "./date-control/index.js";
 import { ListControl as c } from "./list-control/index.js";
 import { MarkdownControl as g } from "./markdown-control/index.js";
-import { NumberControl as T } from "./number-control/index.js";
+import { NumberControl as u } from "./number-control/index.js";
 import { PasswordControl as d } from "./password-control/index.js";
 import { RecurrenceControl as h } from "./recurrence-control/index.js";
 import { SelectControl as w } from "./select-control/control.js";
 import { o as S } from "../../options-Cfoqhxw2.js";
 import { Select as D } from "./select-control/select.js";
-import { TextControl as L } from "./text-control/index.js";
-import { TextareaControl as O } from "./textarea-control/index.js";
-import { ToggleControl as R } from "./toggle-control/index.js";
-import { ToggleGroupControl as q } from "./toggle-group-control/index.js";
+import { TagControl as L } from "./tag-control/index.js";
+import { TextControl as O } from "./text-control/index.js";
+import { TextareaControl as R } from "./textarea-control/index.js";
+import { ToggleControl as q } from "./toggle-control/index.js";
+import { ToggleGroupControl as y } from "./toggle-group-control/index.js";
 export {
   t as BaseControl,
   x as CardNumberControl,
@@ -23,14 +24,15 @@ export {
   f as DateControl,
   c as ListControl,
   g as MarkdownControl,
-  T as NumberControl,
+  u as NumberControl,
   S as Options,
   d as PasswordControl,
   h as RecurrenceControl,
   D as Select,
   w as SelectControl,
-  L as TextControl,
-  O as TextareaControl,
-  R as ToggleControl,
-  q as ToggleGroupControl
+  L as TagControl,
+  O as TextControl,
+  R as TextareaControl,
+  q as ToggleControl,
+  y as ToggleGroupControl
 };

package/dist/components/controls/list-control/item.js

@@ -1,7 +1,7 @@
-import { jsxs as l, jsx as a, Fragment as h } from "react/jsx-runtime";
-import { cn as u } from "../../../utils/css.js";
+import { jsxs as e, jsx as t, Fragment as p } from "react/jsx-runtime";
+import { cn as d } from "../../../utils/css.js";
 import '../../../assets/style7.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style10.css';/* empty css                      */
-import * as e from "react";
+import "react";
 /* empty css                      */
 /* empty css                      */
 /* empty css                      */
@@ -12,92 +12,59 @@ import "../../../primitives/symbol/index.js";
 /* empty css                      */
 /* empty css                      */
 /* empty css                      */
-import { VisuallyHidden as f } from "../../../primitives/visually-hidden/index.js";
-import { d as g, C as E } from "../../../sortable.esm-De3H-_AA.js";
-import { w as b } from "../../../SSRBase.es-BUXS72ra.js";
+import { VisuallyHidden as h } from "../../../primitives/visually-hidden/index.js";
+import { u, C as b } from "../../../sortable.esm-BuV7eW2H.js";
+import { o as f } from "../../../Check.es-CMkTf2It.js";
 import { o as N } from "../../../DotsSixVertical.es-Ixbhxg7Z.js";
-const k = /* @__PURE__ */ new Map([
-  [
-    "bold",
-    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z" }))
-  ],
-  [
-    "duotone",
-    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
-      "path",
-      {
-        d: "M232,56V200a16,16,0,0,1-16,16H40a16,16,0,0,1-16-16V56A16,16,0,0,1,40,40H216A16,16,0,0,1,232,56Z",
-        opacity: "0.2"
-      }
-    ), /* @__PURE__ */ e.createElement("path", { d: "M205.66,85.66l-96,96a8,8,0,0,1-11.32,0l-40-40a8,8,0,0,1,11.32-11.32L104,164.69l90.34-90.35a8,8,0,0,1,11.32,11.32Z" }))
-  ],
-  [
-    "fill",
-    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40ZM205.66,85.66l-96,96a8,8,0,0,1-11.32,0l-40-40a8,8,0,0,1,11.32-11.32L104,164.69l90.34-90.35a8,8,0,0,1,11.32,11.32Z" }))
-  ],
-  [
-    "light",
-    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M228.24,76.24l-128,128a6,6,0,0,1-8.48,0l-56-56a6,6,0,0,1,8.48-8.48L96,191.51,219.76,67.76a6,6,0,0,1,8.48,8.48Z" }))
-  ],
-  [
-    "regular",
-    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M229.66,77.66l-128,128a8,8,0,0,1-11.32,0l-56-56a8,8,0,0,1,11.32-11.32L96,188.69,218.34,66.34a8,8,0,0,1,11.32,11.32Z" }))
-  ],
-  [
-    "thin",
-    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M226.83,74.83l-128,128a4,4,0,0,1-5.66,0l-56-56a4,4,0,0,1,5.66-5.66L96,194.34,221.17,69.17a4,4,0,1,1,5.66,5.66Z" }))
-  ]
-]), r = e.forwardRef((n, t) => /* @__PURE__ */ e.createElement(b, { ref: t, ...n, weights: k }));
-r.displayName = "CheckIcon";
-const T = ({
-  id: n,
-  item: t,
+const A = ({
+  id: r,
+  item: o,
   multiple: c,
-  onChange: m
+  onChange: i
 }) => {
-  const { attributes: o, listeners: i, setNodeRef: s, transform: p, transition: d } = g({ id: t.value }), _ = {
-    transform: E.Transform.toString(p),
-    transition: d
+  const { attributes: n, listeners: l, setNodeRef: s, transform: m, transition: a } = u({ id: o.value }), _ = {
+    transform: b.Transform.toString(m),
+    transition: a
   };
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ e(
     "li",
     {
-      className: u(
+      className: d(
         "component-list-control__item",
-        `component-list-control__item--${t.checked ? "checked" : "unchecked"}`,
-        `component-list-control__item--${o["aria-pressed"] ? "dragging" : "static"}`
+        `component-list-control__item--${o.checked ? "checked" : "unchecked"}`,
+        `component-list-control__item--${n["aria-pressed"] ? "dragging" : "static"}`
       ),
       ref: s,
       style: _,
       children: [
-        /* @__PURE__ */ l("label", { className: "component-list-control__item__target", children: [
-          t.selectable && /* @__PURE__ */ l(h, { children: [
-            /* @__PURE__ */ a(f, { children: /* @__PURE__ */ a(
+        /* @__PURE__ */ e("label", { className: "component-list-control__item__target", children: [
+          o.selectable && /* @__PURE__ */ e(p, { children: [
+            /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(
               "input",
               {
                 className: "component-list-control__item__input",
                 type: c ? "checkbox" : "radio",
-                value: t.value,
-                name: n,
-                disabled: t.disabled,
-                checked: t.checked,
-                onChange: m
+                value: o.value,
+                name: r,
+                disabled: o.disabled,
+                checked: o.checked,
+                onChange: i
               }
             ) }),
-            /* @__PURE__ */ a(r, { className: "component-list-control__item__checkmark" })
+            /* @__PURE__ */ t(f, { className: "component-list-control__item__checkmark" })
           ] }),
-          /* @__PURE__ */ l("div", { className: "component-list-control__item__content", children: [
-            /* @__PURE__ */ a("span", { className: "component-list-control__item__label", children: t.label }),
-            t.description && /* @__PURE__ */ a("p", { className: "component-list-control__item__description", children: t.description })
+          /* @__PURE__ */ e("div", { className: "component-list-control__item__content", children: [
+            /* @__PURE__ */ t("span", { className: "component-list-control__item__label", children: o.label }),
+            o.description && /* @__PURE__ */ t("p", { className: "component-list-control__item__description", children: o.description })
           ] })
         ] }),
-        t.sortable && /* @__PURE__ */ a(
+        o.sortable && /* @__PURE__ */ t(
           "button",
           {
             className: "component-list-control__item__handle",
-            ...o,
-            ...i,
-            children: /* @__PURE__ */ a(N, { className: "component-list-control__item__handle__icon" })
+            ...n,
+            ...l,
+            children: /* @__PURE__ */ t(N, { className: "component-list-control__item__handle__icon" })
           }
         )
       ]
@@ -105,5 +72,5 @@ const T = ({
   );
 };
 export {
-  T as Item
+  A as Item
 };

package/dist/components/controls/list-control/list.js

@@ -2,7 +2,7 @@ import { jsx as a } from "react/jsx-runtime";
 import { cn as v } from "../../../utils/css.js";
 import { useMemo as p } from "react";
 import { Item as g } from "./item.js";
-import { u as x, a as h, D as m, c as S, S as b, v as k, b as C, s as y, K as D, P as I } from "../../../sortable.esm-De3H-_AA.js";
+import { a as x, b as h, D as m, c as S, S as b, v as k, d as C, s as y, K as D, P as I } from "../../../sortable.esm-BuV7eW2H.js";
 import '../../../assets/style12.css';/* empty css                      */
 const _ = (o) => {
   let {