@wrdagency/blockout 1.0.21 → 1.0.23

package/dist/assets/style11.css

@@ -1 +1 @@
-.component-date-control .component-base-control__control{display:flex;align-items:baseline;position:relative;min-height:var(--base-control__min-height);cursor:default}.component-date-control__separator{color:var(--blockout__colours__surface--300)}.component-date-control .component-date-control__input{flex-grow:0;width:calc(var(--date-control__input__length, 2) * 2.5ch);max-width:7ch;min-height:calc(var(--base-control__min-height) - .5rem);padding:calc(var(--base-control__padding) - .5rem) .5rem;margin:.25rem;border-radius:calc(var(--blockout__radius--md) - .25rem)!important}.component-date-control .component-date-control__input:hover,.component-date-control .component-date-control__input:focus{background-color:var(--blockout__colours__surface--200)}.component-date-control__view{position:absolute;display:flex;align-items:center;padding:var(--base-control__padding);background-color:var(--blockout__colours__surface--0);border-radius:var(--blockout__radius--md);top:0;right:0;bottom:0;left:0;right:3.5rem;pointer-events:none}.component-date-control:has(.component-date-control__input:focus) .component-date-control__view{opacity:0}.component-date-control__picker__btn{margin-left:auto;align-self:center}.component-date-picker__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-bottom:1px solid var(--blockout__colours__surface--300);padding-bottom:.5rem;margin-bottom:.5rem}.component-date-picker__dates{display:grid;gap:.125rem}.component-date-picker__week{display:grid;grid-template-columns:repeat(7,1fr);gap:.125rem}.component-date-picker__date{padding:.375rem;aspect-ratio:1/1;border-radius:var(--blockout__radius--xs);color:var(--blockout__colours__surface--950);font-weight:500;cursor:pointer}.component-date-picker__date:hover{background-color:var(--blockout__colours__surface--0)}.component-date-picker__date:focus-visible{outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-date-picker__date.component-date-picker__date--weekend{color:var(--blockout__colours__surface--600)}.component-date-picker__date.component-date-picker__date--out-of-month{color:var(--blockout__colours__surface--300)}.component-date-picker__date.component-date-picker__date--today{color:var(--blockout__colours__primary--500);outline:1px solid var(--blockout__colours__outline)}.component-date-picker__date[aria-pressed=true]{background-color:var(--blockout__colours__primary--500);color:var(--blockout__colours__surface--0)}
+.component-date-control .component-base-control__control{display:flex;align-items:baseline;position:relative;min-height:var(--base-control__min-height);cursor:default}.component-date-control__separator{color:var(--blockout__colours__surface--300)}.component-date-control .component-date-control__input{flex-grow:0;width:calc(var(--date-control__input__length, 2) * 2.5ch);max-width:7ch;min-height:calc(var(--base-control__min-height) - .5rem);padding:calc(var(--base-control__padding) - .5rem) .5rem;margin:.25rem;border-radius:calc(var(--blockout__radius--md) - .25rem)!important}.component-date-control .component-date-control__input:hover,.component-date-control .component-date-control__input:focus{background-color:var(--blockout__colours__surface--200)}.component-date-control__view{position:absolute;display:flex;align-items:center;padding:var(--base-control__padding);background-color:var(--blockout__colours__surface--100);border-radius:var(--blockout__radius--md);top:0;right:0;bottom:0;left:0;right:3.5rem;pointer-events:none}.component-date-control:has(.component-date-control__input:focus) .component-date-control__view{opacity:0}.component-date-control__picker__btn{margin-left:auto;align-self:center}.component-date-picker__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-bottom:1px solid var(--blockout__colours__surface--300);padding-bottom:.5rem;margin-bottom:.5rem}.component-date-picker__dates{display:grid;gap:.125rem}.component-date-picker__week{display:grid;grid-template-columns:repeat(7,1fr);gap:.125rem}.component-date-picker__date{padding:.375rem;aspect-ratio:1/1;border-radius:var(--blockout__radius--xs);color:var(--blockout__colours__surface--950);font-weight:500;cursor:pointer}.component-date-picker__date:hover{background-color:var(--blockout__colours__surface--0)}.component-date-picker__date:focus-visible{outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-date-picker__date.component-date-picker__date--weekend{color:var(--blockout__colours__surface--600)}.component-date-picker__date.component-date-picker__date--out-of-month{color:var(--blockout__colours__surface--300)}.component-date-picker__date.component-date-picker__date--today{color:var(--blockout__colours__primary--500);outline:1px solid var(--blockout__colours__outline)}.component-date-picker__date[aria-pressed=true]{background-color:var(--blockout__colours__primary--500);color:var(--blockout__colours__surface--0)}

package/dist/assets/style17.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-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/style18.css

@@ -1 +1 @@
-.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)}
+.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/style19.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-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/style20.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-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:.5rem;border-top:1px solid var(--blockout__colours__surface--300);border-bottom:none}

package/dist/assets/style21.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:.5rem;border-top:1px solid var(--blockout__colours__surface--300);border-bottom:none}
+.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/style22.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}
+.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/style23.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}
+.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/style24.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-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/style25.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-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/style26.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}
+.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/assets/style27.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}
+.component-recurrence-control .component-base-popover-control__popover{min-width:300px}.component-recurrence-control__row{display:flex;align-items:center;gap:1rem;flex-grow:1}.component-recurrence-control__row:not(:first-child){margin-top:1rem}.component-recurrence-control__row .component-base-control{flex-grow:1}.component-recurrence-control__fieldset{display:flex;flex-direction:column;gap:1rem}.component-recurrence-control__frequency_type{display:flex;align-items:center;gap:1ch}.component-recurrence-control__frequency_type:not(:first-child){margin-top:1rem}.component-recurrence-control__frequency_type .component-recurrence-control__row{margin-top:0}.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}

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/style20.css';import '../../../assets/styles.css';import '../../../assets/style6.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style10.css';import '../../../assets/style7.css';/* empty css                      */
+import '../../../assets/style19.css';import '../../../assets/styles.css';import '../../../assets/style6.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style10.css';import '../../../assets/style7.css';/* empty css                      */
 import { useState as c } from "react";
 /* empty css                      */
 /* empty css                      */

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-CWAa57kN.js";
+import { c as p } from "../../../style-C7eFpUVU.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.d.ts

@@ -1,11 +1,17 @@
 import { HTMLInputAutoCompleteAttribute } from 'react';
 import { ControlFC } from '../base-control/props';
 import { Format } from './types';
-interface DateControlProps {
-    value?: string;
-    onChangeValue?: (value: string) => void;
+type DateControlProps = {
     format?: Format;
     autoComplete?: HTMLInputAutoCompleteAttribute;
-}
+} & ({
+    value?: Date;
+    onChangeValue?: (value: Date) => void;
+    allowEmpty?: false;
+} | {
+    value?: Date | undefined;
+    onChangeValue?: (value: Date | undefined) => void;
+    allowEmpty: true;
+});
 export declare const DateControl: ControlFC<DateControlProps>;
 export {};

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

@@ -1,15 +1,15 @@
-import { jsxs as s, jsx as o, Fragment as b } from "react/jsx-runtime";
+import { jsxs as s, jsx as r, Fragment as k } from "react/jsx-runtime";
 import { Button as y } from "../../button/index.js";
-import { useSplitInput as I } from "../../../hooks/input.js";
+import { useSplitInput as j } from "../../../hooks/input.js";
 import * as e from "react";
-import { useMemo as c } from "react";
-import { useTemporaryChange as $ } from "../../../hooks/temporary.js";
+import { useMemo as v } from "react";
+import { useTemporaryChange as I } from "../../../hooks/temporary.js";
 import '../../../assets/style11.css';import '../../../assets/styles.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';import '../../../assets/style7.css';/* empty css                      */
-import { noop as g } from "../../../utils/noop.js";
+import { noop as M } from "../../../utils/noop.js";
 /* empty css                      */
 /* empty css                      */
 /* empty css                      */
-import { Popover as H } from "../../../primitives/popover/index.js";
+import { Popover as c } from "../../../primitives/popover/index.js";
 /* empty css                      */
 import "../../../primitives/scroll-area/index.js";
 import "../../../primitives/symbol/index.js";
@@ -19,12 +19,12 @@ import "../../../primitives/symbol/index.js";
 /* empty css                       */
 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-Cfpntdfz.js";
+import { useBaseControlProps as $ } from "../base-control/props.js";
+import { DateComponentInput as z } from "./component.js";
+import { f as A, D as R } from "../../../picker-aBRTIOUU.js";
 /* empty css                      */
-import { getDefaultFormat as W } from "./types.js";
-import { safeParseDate as M } from "./util.js";
+import { getDefaultFormat as S } from "./types.js";
+import { p as W } from "../../../parse-CdaSNXK6.js";
 const q = /* @__PURE__ */ new Map([
   [
     "bold",
@@ -56,82 +56,84 @@ const q = /* @__PURE__ */ new Map([
     "thin",
     /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208,36H180V24a4,4,0,0,0-8,0V36H84V24a4,4,0,0,0-8,0V36H48A12,12,0,0,0,36,48V208a12,12,0,0,0,12,12H208a12,12,0,0,0,12-12V48A12,12,0,0,0,208,36ZM48,44H76V56a4,4,0,0,0,8,0V44h88V56a4,4,0,0,0,8,0V44h28a4,4,0,0,1,4,4V84H44V48A4,4,0,0,1,48,44ZM208,212H48a4,4,0,0,1-4-4V92H212V208A4,4,0,0,1,208,212Z" }))
   ]
-]), Z = e.forwardRef((l, i) => /* @__PURE__ */ e.createElement(x, { ref: i, ...l, weights: q }));
-Z.displayName = "CalendarBlankIcon";
-const f0 = (l) => {
-  var v;
-  const { baseProps: i, controlProps: A } = z(l, {
+]), E = e.forwardRef((o, n) => /* @__PURE__ */ e.createElement(x, { ref: n, ...o, weights: q }));
+E.displayName = "CalendarBlankIcon";
+const Z = (o, n) => o.edit ? n ? o.edit.map((l) => A(n, l)) : o.edit.map(() => "") : [], u0 = (o) => {
+  var g;
+  const { baseProps: n, controlProps: l } = $(o, {
     className: "component-date-control",
     directFocus: !1
-  }), { register: E } = I(), {
-    value: d = "",
-    onChangeValue: h = g,
-    format: t = W(),
-    id: w,
-    ...C
-  } = A, n = c(
-    () => M(d, t.store.join(t.separator)),
-    [d, t]
-  ), u = c(
-    () => t.view && n ? m(n, t.view) : "",
-    [t.view, n]
-  ), _ = c(() => t.edit ? n ? t.edit.map((a) => m(n, a)) : t.edit.map(() => "") : [], [n, t]), { temporary: f, update: F, discard: P, commit: j } = $([
-    _,
-    g
-  ]), B = (a, r) => {
-    F(
-      (p) => p.map((V, k) => a === k ? r : V)
+  }), { register: w } = j(), {
+    value: m,
+    onChangeValue: H = M,
+    allowEmpty: d,
+    format: a = S(),
+    id: C,
+    ..._
+  } = l, h = v(
+    () => a.view && m ? A(m, a.view) : "",
+    [a.view, m]
+  ), F = v(
+    () => Z(a, m),
+    [m, a]
+  ), { temporary: f, update: u, discard: P } = I([
+    F,
+    M
+  ]), D = (t, i) => {
+    u(
+      (p) => p.map((V, b) => t === b ? i : V)
     );
-  }, D = () => {
-    if (!t.edit)
+  }, N = () => {
+    if (!a.edit)
       return;
-    const a = M(
-      f.join(t.separator),
-      t.edit.join(t.separator)
+    const t = W(
+      f.join(a.separator),
+      a.edit.join(a.separator),
+      /* @__PURE__ */ new Date()
     );
-    a && (j(), h(m(a, t.store.join(t.separator))));
-  }, N = (a) => {
-    const r = m(a, t.store.join(t.separator));
-    h(r), P();
+    t instanceof Date && !isNaN(t.getTime()) ? H(t) : P();
+  }, B = (t) => {
+    (t instanceof Date || d) && (H(t), u(Z(a, t)));
   };
-  return /* @__PURE__ */ s(T, { ...i, children: [
-    (v = t.edit) == null ? void 0 : v.map((a, r, p) => /* @__PURE__ */ s(b, { children: [
-      /* @__PURE__ */ o(
-        R,
+  return /* @__PURE__ */ s(T, { ...n, children: [
+    (g = a.edit) == null ? void 0 : g.map((t, i, p) => /* @__PURE__ */ s(k, { children: [
+      /* @__PURE__ */ r(
+        z,
         {
-          id: `${w}-${a}`,
-          ...C,
-          component: a,
-          value: f[r],
-          onChangeValue: (V) => B(r, V),
-          onBlur: D,
-          ...E(r)
+          id: `${C}-${t}`,
+          ..._,
+          component: t,
+          value: f[i],
+          onChangeValue: (V) => D(i, V),
+          onBlur: N,
+          ...w(i)
         },
-        a
+        t
       ),
-      p.length - 1 !== r && /* @__PURE__ */ o("span", { className: "component-date-control__separator", children: "/" })
+      p.length - 1 !== i && /* @__PURE__ */ r("span", { className: "component-date-control__separator", children: "/" })
     ] })),
-    u && /* @__PURE__ */ o("span", { className: "component-date-control__view", children: u }),
-    /* @__PURE__ */ s(H, { children: [
-      /* @__PURE__ */ o(
-        H.Target,
+    h && /* @__PURE__ */ r("span", { className: "component-date-control__view", children: h }),
+    /* @__PURE__ */ s(c, { children: [
+      /* @__PURE__ */ r(
+        c.Target,
         {
           className: "component-date-control__picker__btn",
-          render: /* @__PURE__ */ o(y.Icon, { variant: "ghost", size: "small" }),
-          children: /* @__PURE__ */ o(Z, {})
+          render: /* @__PURE__ */ r(y.Icon, { variant: "ghost", size: "small" }),
+          children: /* @__PURE__ */ r(E, {})
         }
       ),
-      /* @__PURE__ */ o(H.Window, { children: /* @__PURE__ */ o(
-        S,
+      /* @__PURE__ */ r(c.Window, { children: /* @__PURE__ */ r(
+        R,
         {
           className: "component-date-control__picker",
-          value: n,
-          onChangeValue: N
+          value: m,
+          onChangeValue: B,
+          allowEmpty: d
         }
       ) })
     ] })
   ] });
 };
 export {
-  f0 as DateControl
+  u0 as DateControl
 };

package/dist/components/controls/date-control/picker.d.ts

@@ -1,8 +1,14 @@
 import { FC } from 'react';
-interface DatePickerProps {
+type DatePickerProps = {
     className?: string;
+} & ({
     value?: Date;
     onChangeValue?: (date: Date) => void;
-}
+    allowEmpty?: false;
+} | {
+    value?: Date | undefined;
+    onChangeValue?: (date: Date | undefined) => void;
+    allowEmpty: true;
+});
 export declare const DatePicker: FC<DatePickerProps>;
 export {};

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

@@ -8,7 +8,7 @@ import "../../../CaretRight.es-vnr78BGI.js";
 import "react";
 import '../../../assets/style11.css';/* empty css                      */
 import "../../../protectedTokens-DdjZoCxO.js";
-import { D as d } from "../../../picker-Cfpntdfz.js";
+import { D as d } from "../../../picker-aBRTIOUU.js";
 import "../../../composite-provider-K8zU8z0x.js";
 import "../../../5JTVDSTH-Ci6OX9MK.js";
 import "../../../J2LQO3EC-TlCRyAh7.js";

package/dist/components/controls/date-control/types.d.ts

@@ -1,5 +1,4 @@
 export type Format = {
-    store: string[];
     edit?: string[];
     view?: string;
     separator: string;

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

@@ -1,6 +1,5 @@
 function c() {
   return {
-    store: ["yyyy", "MM", "dd"],
     edit: ["dd", "MM", "yyyy"],
     view: "do MMM, yyyy",
     separator: "-"