@wrdagency/blockout 1.0.3 → 1.0.5

package/dist/assets/style24.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-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/style25.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-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/style26.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/assets/style3.css

@@ -1 +1 @@
-.primitive-resizable{position:relative;--resizable-handle__length: 100%;--resizable-handle__width: 1rem;--resizable-handle__offset: 1rem;--resizable-handle__distance: 1px}.primitive-resizable:has(.primitive-resizable__handle--corner){--resizable-handle__length: calc(100% - var(--resizable-handle__width))}.primitive-resizable__handle{position:absolute;z-index:2;border-radius:inherit;opacity:0;transition:opacity .15s ease;border:2px solid transparent}.primitive-resizable__handle--x{top:var(--resizable-handle__offset);right:calc(-1 * var(--resizable-handle__distance));height:calc(var(--resizable-handle__length) - var(--resizable-handle__offset));width:var(--resizable-handle__width);cursor:ew-resize;border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:var(--blockout__colours__primary--500)}.primitive-resizable__handle--y{left:var(--resizable-handle__offset);bottom:calc(-1 * var(--resizable-handle__distance));width:calc(var(--resizable-handle__length) - var(--resizable-handle__offset));height:var(--resizable-handle__width);cursor:ns-resize;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:var(--blockout__colours__primary--500)}.primitive-resizable__handle--corner{right:calc(-1 * var(--resizable-handle__distance));bottom:calc(-1 * var(--resizable-handle__distance));width:calc(var(--resizable-handle__width) * 1.5);height:calc(var(--resizable-handle__width) * 1.5);cursor:nw-resize;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-color:var(--blockout__colours__primary--500);border-right-color:var(--blockout__colours__primary--500)}.primitive-resizable__handle:hover{opacity:1}
+.primitive-nav-link .primitive-nav-link__icon-label{--icon-label__icon-colour: var(--blockout__colours__surface--600);--icon-label__text-colour: var(--blockout__colours__surface--800)}.primitive-nav-link[aria-current=page] .primitive-nav-link__icon-label{--icon-label__icon-colour: var(--blockout__colours__primary--500);--icon-label__text-colour: var(--blockout__colours__surface--950)}

package/dist/assets/style4.css

@@ -1 +1 @@
-.primitive-tooltip__label{background-color:var(--blockout__colours__surface--950);color:var(--blockout__colours__surface--0);border-radius:var(--blockout__radius--sm);font-size:.875rem;padding:.5rem .875rem;border:1px solid var(--blockout__colours__surface--800);z-index:99999!important}
+.primitive-resizable{position:relative;--resizable-handle__length: 100%;--resizable-handle__width: 1rem;--resizable-handle__offset: 1rem;--resizable-handle__distance: 1px}.primitive-resizable:has(.primitive-resizable__handle--corner){--resizable-handle__length: calc(100% - var(--resizable-handle__width))}.primitive-resizable__handle{position:absolute;z-index:2;border-radius:inherit;opacity:0;transition:opacity .15s ease;border:2px solid transparent}.primitive-resizable__handle--x{top:var(--resizable-handle__offset);right:calc(-1 * var(--resizable-handle__distance));height:calc(var(--resizable-handle__length) - var(--resizable-handle__offset));width:var(--resizable-handle__width);cursor:ew-resize;border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:var(--blockout__colours__primary--500)}.primitive-resizable__handle--y{left:var(--resizable-handle__offset);bottom:calc(-1 * var(--resizable-handle__distance));width:calc(var(--resizable-handle__length) - var(--resizable-handle__offset));height:var(--resizable-handle__width);cursor:ns-resize;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:var(--blockout__colours__primary--500)}.primitive-resizable__handle--corner{right:calc(-1 * var(--resizable-handle__distance));bottom:calc(-1 * var(--resizable-handle__distance));width:calc(var(--resizable-handle__width) * 1.5);height:calc(var(--resizable-handle__width) * 1.5);cursor:nw-resize;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-color:var(--blockout__colours__primary--500);border-right-color:var(--blockout__colours__primary--500)}.primitive-resizable__handle:hover{opacity:1}

package/dist/assets/style5.css

@@ -1 +1 @@
-.primitive-truncate{min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.primitive-truncate__contents{transition:transform var(--primtive-truncate__duration) linear}.primitive-truncate--scroll-on-hover.primitive-truncate--is-overflowing:hover .primitive-truncate__contents{transform:translate(calc(var(--primtive-truncate__container-width) - var(--primtive-truncate__contents-width) - var(--primtive-truncate__container-padding)))}
+.primitive-tooltip__label{background-color:var(--blockout__colours__surface--950);color:var(--blockout__colours__surface--0);border-radius:var(--blockout__radius--sm);font-size:.875rem;padding:.5rem .875rem;border:1px solid var(--blockout__colours__surface--800);z-index:99999!important}

package/dist/assets/style6.css

@@ -1 +1 @@
-.primitive-heading{font-size:var(--heading__font-size, 1.5rem);font-weight:var(--heading__font-weight, 700);line-height:var(--heading__line-height, 1.5rem);color:var(--heading__color, var(--blockout__colours__surface--950));text-transform:var(--heading__text-transform, none);letter-spacing:var(--heading__letter-spacing, normal)}.primitive-heading--size-1{--heading__font-size: 2.25rem;--heading__font-weight: 600;--heading__line-height: 1.25}.primitive-heading--size-2{--heading__font-size: 1.875rem;--heading__font-weight: 600;--heading__line-height: 1.375}.primitive-heading--size-3{--heading__font-size: 1.5625rem;--heading__font-weight: 500;--heading__line-height: 1.375}.primitive-heading--size-4{--heading__font-size: 1.375rem;--heading__font-weight: 500;--heading__line-height: 1.375}.primitive-heading--size-5{--heading__font-size: 1.125rem;--heading__font-weight: 500;--heading__line-height: 1.375}.primitive-heading--size-6{--heading__font-size: 1rem;--heading__font-weight: 500;--heading__line-height: 1.5}.primitive-paragraph{font-size:var(--paragraph__font-size, 1rem);font-weight:var(--paragraph__font-weight, 400);line-height:var(--paragraph__line-height, 1.5625);color:var(--paragraph__color, var(--blockout__colours__surface--700))}.primitive-paragraph--size-small{--paragraph__font-size: .875rem;--paragraph__line-height: 1.785;--paragraph__color: var(--blockout__colours__surface--600)}.primitive-paragraph--size-large{--paragraph__font-size: 1.125rem;--paragraph__line-height: 1.666;--paragraph__color: var(--blockout__colours__surface--700)}
+.primitive-truncate{min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.primitive-truncate__contents{transition:transform var(--primtive-truncate__duration) linear}.primitive-truncate--scroll-on-hover.primitive-truncate--is-overflowing:hover .primitive-truncate__contents{transform:translate(calc(var(--primtive-truncate__container-width) - var(--primtive-truncate__contents-width) - var(--primtive-truncate__container-padding)))}

package/dist/assets/style7.css

@@ -1 +1 @@
-.component-checkbox-control__label{display:flex;align-items:center;font-weight:400;color:var(--blockout__colours__surface--950);font-size:1rem;cursor:pointer;width:fit-content}.component-checkbox-control__input__wrapper{position:relative;width:1.5rem;height:1.5rem}.component-checkbox-control__input{width:100%;height:100%;opacity:0;position:relative;z-index:1;cursor:pointer}.component-checkbox-control__icon{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:var(--blockout__colours__surface--500)}.component-checkbox-control__text{padding:var(--base-control__padding);min-height:var(--base-control__min-height);min-width:max-content}.component-checkbox-control__help{margin-top:.25rem;max-width:65ch;font-size:.75rem;font-weight:400;color:var(--blockout__colours__surface--600)}.component-checkbox-control--checked .component-checkbox-control__icon{fill:var(--blockout__colours__primary--500)}
+.primitive-heading{font-size:var(--heading__font-size, 1.5rem);font-weight:var(--heading__font-weight, 700);line-height:var(--heading__line-height, 1.5rem);color:var(--heading__color, var(--blockout__colours__surface--950));text-transform:var(--heading__text-transform, none);letter-spacing:var(--heading__letter-spacing, normal)}.primitive-heading--size-1{--heading__font-size: 2.25rem;--heading__font-weight: 600;--heading__line-height: 1.25}.primitive-heading--size-2{--heading__font-size: 1.875rem;--heading__font-weight: 600;--heading__line-height: 1.375}.primitive-heading--size-3{--heading__font-size: 1.5625rem;--heading__font-weight: 500;--heading__line-height: 1.375}.primitive-heading--size-4{--heading__font-size: 1.375rem;--heading__font-weight: 500;--heading__line-height: 1.375}.primitive-heading--size-5{--heading__font-size: 1.125rem;--heading__font-weight: 500;--heading__line-height: 1.375}.primitive-heading--size-6{--heading__font-size: 1rem;--heading__font-weight: 500;--heading__line-height: 1.5}.primitive-paragraph{font-size:var(--paragraph__font-size, 1rem);font-weight:var(--paragraph__font-weight, 400);line-height:var(--paragraph__line-height, 1.5625);color:var(--paragraph__color, var(--blockout__colours__surface--700))}.primitive-paragraph--size-small{--paragraph__font-size: .875rem;--paragraph__line-height: 1.785;--paragraph__color: var(--blockout__colours__surface--600)}.primitive-paragraph--size-large{--paragraph__font-size: 1.125rem;--paragraph__line-height: 1.666;--paragraph__color: var(--blockout__colours__surface--700)}

package/dist/assets/style8.css

@@ -1 +1 @@
-.component-choice-control__choices{display:grid;gap:1.5rem}@media (min-width: 768px){.component-choice-control__choices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.component-choice-control__choices{grid-template-columns:repeat(3,minmax(0,1fr))}}.component-choice-control__choice{padding:.325rem;border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--md);background-color:var(--blockout__colours__surface--0);cursor:pointer;transition:outline .25s ease,outline-offset .25s ease}.component-choice-control__choice__body{display:flex;flex-direction:row;align-items:baseline;gap:.75rem;padding:.675rem;height:100%}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__body{background-color:var(--blockout__colours__surface--100)}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__description{color:var(--blockout__colours__surface--700)}.component-choice-control__choice:focus-within{outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-choice-control__choice:has(input:disabled){background-color:var(--blockout__colours__surface--200)}.component-choice-control__choice:has(input:disabled) .component-choice-control__choice__label,.component-choice-control__choice:has(input:disabled) .component-choice-control__choice__description{color:var(--blockout__colours__surface--400)}.component-choice-control__choice__icon{fill:var(--blockout__colours__surface--300);width:1.375rem;height:1.375rem;flex-shrink:0;transform:translateY(.25rem);transition:fill .25s ease}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__icon{fill:var(--blockout__colours__primary--500)}.component-choice-control__choice__label{font-weight:500;color:var(--blockout__colours__surface--600);transition:color .25s ease}.component-choice-control__choice__description{font-weight:400;color:var(--blockout__colours__surface--500);font-size:.875rem;transition:color .25s ease,opacity .25s ease}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__label{color:var(--blockout__colours__surface--950)}
+.component-checkbox-control__label{display:flex;align-items:center;font-weight:400;color:var(--blockout__colours__surface--950);font-size:1rem;cursor:pointer;width:fit-content}.component-checkbox-control__input__wrapper{position:relative;width:1.5rem;height:1.5rem}.component-checkbox-control__input{width:100%;height:100%;opacity:0;position:relative;z-index:1;cursor:pointer}.component-checkbox-control__icon{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:var(--blockout__colours__surface--500)}.component-checkbox-control__text{padding:var(--base-control__padding);min-height:var(--base-control__min-height);min-width:max-content}.component-checkbox-control__help{margin-top:.25rem;max-width:65ch;font-size:.75rem;font-weight:400;color:var(--blockout__colours__surface--600)}.component-checkbox-control--checked .component-checkbox-control__icon{fill:var(--blockout__colours__primary--500)}

package/dist/assets/style9.css

@@ -1 +1 @@
-:root .primitive-colourway--rose,[data-colour-scheme=light] .primitive-colourway--rose,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--rose{--blockout__colours__colourway--light: #ffc5cb;--blockout__colours__colourway--medium: #d52a3c;--blockout__colours__colourway--dark: #4b070e}:root .primitive-colourway--poppy,[data-colour-scheme=light] .primitive-colourway--poppy,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--poppy{--blockout__colours__colourway--light: #ffcfc5;--blockout__colours__colourway--medium: #d93c1b;--blockout__colours__colourway--dark: #6d1807}:root .primitive-colourway--amber,[data-colour-scheme=light] .primitive-colourway--amber,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--amber{--blockout__colours__colourway--light: #ffe3b9;--blockout__colours__colourway--medium: #db8f19;--blockout__colours__colourway--dark: #784901}:root .primitive-colourway--honey,[data-colour-scheme=light] .primitive-colourway--honey,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--honey{--blockout__colours__colourway--light: #fff4c9;--blockout__colours__colourway--medium: #e6bd15;--blockout__colours__colourway--dark: #745d00}:root .primitive-colourway--lemon,[data-colour-scheme=light] .primitive-colourway--lemon,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--lemon{--blockout__colours__colourway--light: #fdffc5;--blockout__colours__colourway--medium: #e8f112;--blockout__colours__colourway--dark: #676b06}:root .primitive-colourway--apple,[data-colour-scheme=light] .primitive-colourway--apple,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--apple{--blockout__colours__colourway--light: #e9fcbc;--blockout__colours__colourway--medium: #ace622;--blockout__colours__colourway--dark: #344a00}:root .primitive-colourway--jade,[data-colour-scheme=light] .primitive-colourway--jade,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--jade{--blockout__colours__colourway--light: #c1f3b9;--blockout__colours__colourway--medium: #47cc33;--blockout__colours__colourway--dark: #146a07}:root .primitive-colourway--spearmint,[data-colour-scheme=light] .primitive-colourway--spearmint,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--spearmint{--blockout__colours__colourway--light: #b9f3dd;--blockout__colours__colourway--medium: #1cd992;--blockout__colours__colourway--dark: #04462d}:root .primitive-colourway--aqua,[data-colour-scheme=light] .primitive-colourway--aqua,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--aqua{--blockout__colours__colourway--light: #b9f3ef;--blockout__colours__colourway--medium: #28c8bc;--blockout__colours__colourway--dark: #024742}:root .primitive-colourway--bluebell,[data-colour-scheme=light] .primitive-colourway--bluebell,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--bluebell{--blockout__colours__colourway--light: #dbecff;--blockout__colours__colourway--medium: #2377d6;--blockout__colours__colourway--dark: #032750}:root .primitive-colourway--sapphire,[data-colour-scheme=light] .primitive-colourway--sapphire,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--sapphire{--blockout__colours__colourway--light: #d9e3ff;--blockout__colours__colourway--medium: #2b56d1;--blockout__colours__colourway--dark: #02227c}:root .primitive-colourway--amethyst,[data-colour-scheme=light] .primitive-colourway--amethyst,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--amethyst{--blockout__colours__colourway--light: #e9d9ff;--blockout__colours__colourway--medium: #7f3ade;--blockout__colours__colourway--dark: #3b008b}:root .primitive-colourway--lavender,[data-colour-scheme=light] .primitive-colourway--lavender,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--lavender{--blockout__colours__colourway--light: #fbdafe;--blockout__colours__colourway--medium: #b92cc4;--blockout__colours__colourway--dark: #420247}:root .primitive-colourway--raspberry,[data-colour-scheme=light] .primitive-colourway--raspberry,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--raspberry{--blockout__colours__colourway--light: #fedaec;--blockout__colours__colourway--medium: #e6147d;--blockout__colours__colourway--dark: #680637}:root .primitive-colourway--smoke,[data-colour-scheme=light] .primitive-colourway--smoke,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--smoke{--blockout__colours__colourway--light: #ededef;--blockout__colours__colourway--medium: #7b7c8b;--blockout__colours__colourway--dark: #3b3c44}:root .primitive-colourway--ash,[data-colour-scheme=light] .primitive-colourway--ash,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--ash{--blockout__colours__colourway--light: #3b3c44;--blockout__colours__colourway--medium: #7b7c8b;--blockout__colours__colourway--dark: #ededef}[data-colour-scheme=dark] .primitive-colourway--rose,:root [data-colour-scheme=invert] .primitive-colourway--rose{--blockout__colours__colourway--dark: #ffc5cb;--blockout__colours__colourway--medium: #d52a3c;--blockout__colours__colourway--light: #4b070e}[data-colour-scheme=dark] .primitive-colourway--poppy,:root [data-colour-scheme=invert] .primitive-colourway--poppy{--blockout__colours__colourway--dark: #ffcfc5;--blockout__colours__colourway--medium: #d93c1b;--blockout__colours__colourway--light: #6d1807}[data-colour-scheme=dark] .primitive-colourway--amber,:root [data-colour-scheme=invert] .primitive-colourway--amber{--blockout__colours__colourway--dark: #ffe3b9;--blockout__colours__colourway--medium: #db8f19;--blockout__colours__colourway--light: #784901}[data-colour-scheme=dark] .primitive-colourway--honey,:root [data-colour-scheme=invert] .primitive-colourway--honey{--blockout__colours__colourway--dark: #fff4c9;--blockout__colours__colourway--medium: #e6bd15;--blockout__colours__colourway--light: #745d00}[data-colour-scheme=dark] .primitive-colourway--lemon,:root [data-colour-scheme=invert] .primitive-colourway--lemon{--blockout__colours__colourway--dark: #fdffc5;--blockout__colours__colourway--medium: #e8f112;--blockout__colours__colourway--light: #676b06}[data-colour-scheme=dark] .primitive-colourway--apple,:root [data-colour-scheme=invert] .primitive-colourway--apple{--blockout__colours__colourway--dark: #e9fcbc;--blockout__colours__colourway--medium: #ace622;--blockout__colours__colourway--light: #344a00}[data-colour-scheme=dark] .primitive-colourway--jade,:root [data-colour-scheme=invert] .primitive-colourway--jade{--blockout__colours__colourway--dark: #c1f3b9;--blockout__colours__colourway--medium: #47cc33;--blockout__colours__colourway--light: #146a07}[data-colour-scheme=dark] .primitive-colourway--spearmint,:root [data-colour-scheme=invert] .primitive-colourway--spearmint{--blockout__colours__colourway--dark: #b9f3dd;--blockout__colours__colourway--medium: #1cd992;--blockout__colours__colourway--light: #04462d}[data-colour-scheme=dark] .primitive-colourway--aqua,:root [data-colour-scheme=invert] .primitive-colourway--aqua{--blockout__colours__colourway--dark: #b9f3ef;--blockout__colours__colourway--medium: #28c8bc;--blockout__colours__colourway--light: #024742}[data-colour-scheme=dark] .primitive-colourway--bluebell,:root [data-colour-scheme=invert] .primitive-colourway--bluebell{--blockout__colours__colourway--dark: #dbecff;--blockout__colours__colourway--medium: #2377d6;--blockout__colours__colourway--light: #032750}[data-colour-scheme=dark] .primitive-colourway--sapphire,:root [data-colour-scheme=invert] .primitive-colourway--sapphire{--blockout__colours__colourway--dark: #d9e3ff;--blockout__colours__colourway--medium: #2b56d1;--blockout__colours__colourway--light: #02227c}[data-colour-scheme=dark] .primitive-colourway--amethyst,:root [data-colour-scheme=invert] .primitive-colourway--amethyst{--blockout__colours__colourway--dark: #e9d9ff;--blockout__colours__colourway--medium: #7f3ade;--blockout__colours__colourway--light: #3b008b}[data-colour-scheme=dark] .primitive-colourway--lavender,:root [data-colour-scheme=invert] .primitive-colourway--lavender{--blockout__colours__colourway--dark: #fbdafe;--blockout__colours__colourway--medium: #b92cc4;--blockout__colours__colourway--light: #420247}[data-colour-scheme=dark] .primitive-colourway--raspberry,:root [data-colour-scheme=invert] .primitive-colourway--raspberry{--blockout__colours__colourway--dark: #fedaec;--blockout__colours__colourway--medium: #e6147d;--blockout__colours__colourway--light: #680637}[data-colour-scheme=dark] .primitive-colourway--smoke,:root [data-colour-scheme=invert] .primitive-colourway--smoke{--blockout__colours__colourway--dark: #ededef;--blockout__colours__colourway--medium: #7b7c8b;--blockout__colours__colourway--light: #3b3c44}[data-colour-scheme=dark] .primitive-colourway--ash,:root [data-colour-scheme=invert] .primitive-colourway--ash{--blockout__colours__colourway--dark: #3b3c44;--blockout__colours__colourway--medium: #7b7c8b;--blockout__colours__colourway--light: #ededef}
+.component-choice-control__choices{display:grid;gap:1.5rem}@media (min-width: 768px){.component-choice-control__choices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.component-choice-control__choices{grid-template-columns:repeat(3,minmax(0,1fr))}}.component-choice-control__choice{padding:.325rem;border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--md);background-color:var(--blockout__colours__surface--0);cursor:pointer;transition:outline .25s ease,outline-offset .25s ease}.component-choice-control__choice__body{display:flex;flex-direction:row;align-items:baseline;gap:.75rem;padding:.675rem;height:100%}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__body{background-color:var(--blockout__colours__surface--100)}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__description{color:var(--blockout__colours__surface--700)}.component-choice-control__choice:focus-within{outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-choice-control__choice:has(input:disabled){background-color:var(--blockout__colours__surface--200)}.component-choice-control__choice:has(input:disabled) .component-choice-control__choice__label,.component-choice-control__choice:has(input:disabled) .component-choice-control__choice__description{color:var(--blockout__colours__surface--400)}.component-choice-control__choice__icon{fill:var(--blockout__colours__surface--300);width:1.375rem;height:1.375rem;flex-shrink:0;transform:translateY(.25rem);transition:fill .25s ease}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__icon{fill:var(--blockout__colours__primary--500)}.component-choice-control__choice__label{font-weight:500;color:var(--blockout__colours__surface--600);transition:color .25s ease}.component-choice-control__choice__description{font-weight:400;color:var(--blockout__colours__surface--500);font-size:.875rem;transition:color .25s ease,opacity .25s ease}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__label{color:var(--blockout__colours__surface--950)}

package/dist/components/avatar/index.js

@@ -1,8 +1,9 @@
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { jsxs as s, jsx as m } from "react/jsx-runtime";
 import { Colourway as e } from "../../primitives/colourway/index.js";
 import { cn as n } from "../../utils/css.js";
 import { useMemo as c } from "react";
-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/index3.css';/* empty css                   */
+import '../../assets/styles.css';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/index2.css';/* empty css                   */
+/* empty css                   */
 /* empty css                   */
 import "../../primitives/popover/index.js";
 /* empty css                   */
@@ -13,11 +14,11 @@ import "../../primitives/symbol/index.js";
 /* empty css                   */
 /* empty css                    */
 import { getRandomTheme as l } from "../../primitives/colourway/util.js";
-const C = ({
+const I = ({
   className: r,
   image: t = "",
   name: o = "",
-  size: m = "normal",
+  size: a = "normal",
   withName: i = !1
 }) => {
   const p = c(() => f(o, 2), [o]);
@@ -26,17 +27,17 @@ const C = ({
     {
       className: n(
         "component-avatar",
-        `component-avatar--size-${m}`,
+        `component-avatar--size-${a}`,
         r
       ),
       theme: l(t + o),
       children: [
-        t ? /* @__PURE__ */ a("img", { className: "component-avatar__image", src: t, alt: o }) : /* @__PURE__ */ a("div", { className: "component-avatar__fallback", children: p }),
-        o && i && /* @__PURE__ */ a("span", { className: "component-avatar__name", children: o })
+        t ? /* @__PURE__ */ m("img", { className: "component-avatar__image", src: t, alt: o }) : /* @__PURE__ */ m("div", { className: "component-avatar__fallback", children: p }),
+        o && i && /* @__PURE__ */ m("span", { className: "component-avatar__name", children: o })
       ]
     }
   );
 }, f = (r, t) => r.split(" ").slice(0, t).map((o) => o[0]).join("");
 export {
-  C as Avatar
+  I as Avatar
 };

package/dist/components/badge/index.js

@@ -1,6 +1,6 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import { cn as c } from "../../utils/css.js";
-import '../../assets/index4.css';const a = ({
+import '../../assets/index3.css';const a = ({
   className: n,
   value: e = !0,
   children: o

package/dist/components/breadcrumbs/index.js

@@ -6,7 +6,7 @@ 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 '../../assets/index5.css';const v = ({
+import '../../assets/index4.css';const v = ({
   crumbs: o,
   separator: m = /* @__PURE__ */ r(i, {}),
   className: a,

package/dist/components/button/icon.js

@@ -1,9 +1,10 @@
 import { jsx as t } from "react/jsx-runtime";
 import { cn as i } from "../../utils/css.js";
-import '../../assets/styles.css';import '../../assets/style6.css';import '../../assets/style5.css';import '../../assets/style3.css';import '../../assets/style2.css';import '../../assets/style.css';import '../../assets/style9.css';/* empty css                   */
+import '../../assets/styles.css';import '../../assets/style7.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';/* empty css                   */
 import "react";
 /* empty css                   */
 /* empty css                   */
+/* empty css                   */
 import "../../primitives/popover/index.js";
 /* empty css                   */
 import "../../primitives/scroll-area/index.js";
@@ -13,7 +14,7 @@ import { Tooltip as n } from "../../primitives/tooltip/index.js";
 /* empty css                   */
 /* empty css                    */
 import { Button as r } from "./button.js";
-const I = (o) => {
+const T = (o) => {
   const m = o["aria-label"];
   return m ? /* @__PURE__ */ t(n, { label: m, children: /* @__PURE__ */ t(
     r,
@@ -30,5 +31,5 @@ const I = (o) => {
   );
 };
 export {
-  I as IconButton
+  T as IconButton
 };

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

@@ -1,9 +1,10 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import { Button as a } from "../../button/index.js";
-import '../../../assets/style17.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/style9.css';/* empty css                      */
+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 { useState as c } from "react";
 /* empty css                      */
 /* empty css                      */
+/* empty css                      */
 import "../../../primitives/popover/index.js";
 /* empty css                      */
 import { ScrollArea as l } from "../../../primitives/scroll-area/index.js";
@@ -19,15 +20,15 @@ import { useBaseControlProps as P } from "../base-control/props.js";
 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";
-const G = (t) => {
+const H = (t) => {
   const { baseProps: s, controlProps: r } = P(t, {
     className: "component-base-popover-control"
-  }), [p, n] = c(!1), { placeholder: m, children: i } = r;
+  }), [p, m] = c(!1), { placeholder: n, children: i } = r;
   return /* @__PURE__ */ e(f, { ...s, children: [
     /* @__PURE__ */ o("input", { ...r.inputProps, id: r.id, type: "hidden" }),
-    /* @__PURE__ */ e(u, { open: p, setOpen: n, children: [
+    /* @__PURE__ */ e(u, { open: p, setOpen: m, children: [
       /* @__PURE__ */ e(_, { className: "component-base-popover-control__input", children: [
-        /* @__PURE__ */ o(d, { className: "component-base-popover-control__value", children: m }),
+        /* @__PURE__ */ o(d, { className: "component-base-popover-control__value", children: n }),
         /* @__PURE__ */ o(
           a.Icon,
           {
@@ -57,5 +58,5 @@ const G = (t) => {
   ] });
 };
 export {
-  G as BasePopoverControl
+  H as BasePopoverControl
 };

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-A7_0w2WD.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/checkbox-control/index.js

@@ -6,7 +6,7 @@ import * as e from "react";
 import { w as N } from "../../../SSRBase.es-BUXS72ra.js";
 import { Affix as p } from "../base-control/affix.js";
 import { useBaseControlProps as C } from "../base-control/props.js";
-import '../../../assets/style7.css';/* empty css                      */
+import '../../../assets/style8.css';/* empty css                      */
 const F = /* @__PURE__ */ new Map([
   [
     "bold",

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

@@ -1,10 +1,11 @@
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { cn as _ } from "../../../utils/css.js";
-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/style9.css';/* empty css                      */
+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 { useId as f } from "react";
 /* empty css                      */
 /* empty css                      */
+/* empty css                      */
 import "../../../primitives/popover/index.js";
 /* empty css                      */
 import "../../../primitives/scroll-area/index.js";
@@ -46,22 +47,22 @@ const N = /* @__PURE__ */ new Map([
 m.displayName = "CheckCircleIcon";
 const i = e.forwardRef((o, c) => /* @__PURE__ */ e.createElement(M, { ref: c, ...o, weights: u }));
 i.displayName = "CircleIcon";
-const D = ({
+const G = ({
   value: o,
   label: c,
-  description: r,
+  description: a,
   disabled: p,
-  multiple: a = !1,
+  multiple: r = !1,
   className: h,
   ...s
 }) => {
-  const l = f(), d = a ? o ? E : g : o ? m : i;
+  const l = f(), d = r ? o ? E : g : o ? m : i;
   return /* @__PURE__ */ t(
     "label",
     {
       className: _(
         "component-choice-control__choice",
-        `component-choice-control__choice--${a ? "multiple" : "single"}`,
+        `component-choice-control__choice--${r ? "multiple" : "single"}`,
         h
       ),
       htmlFor: l,
@@ -72,7 +73,7 @@ const D = ({
             ...s,
             className: "component-choice-control__choice__input",
             id: l,
-            type: a ? "checkbox" : "radio",
+            type: r ? "checkbox" : "radio",
             value: o,
             disabled: p
           }
@@ -86,12 +87,12 @@ const D = ({
         ),
         /* @__PURE__ */ n("div", { className: "component-choice-control__choice__text", children: [
           /* @__PURE__ */ t("div", { className: "component-choice-control__choice__label", children: c }),
-          r && /* @__PURE__ */ t("p", { className: "component-choice-control__choice__description", children: r })
+          a && /* @__PURE__ */ t("p", { className: "component-choice-control__choice__description", children: a })
         ] })
       ] })
     }
   );
 };
 export {
-  D as Choice
+  G as Choice
 };

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

@@ -5,7 +5,7 @@ import "react";
 import { BaseControl as g } from "../base-control/index.js";
 import { useBaseControlProps as v } from "../base-control/props.js";
 import { Choice as P } from "./choice.js";
-import '../../../assets/style8.css';/* empty css                      */
+import '../../../assets/style9.css';/* empty css                      */
 const b = (l) => {
   const { baseProps: a, controlProps: i } = v(l, {
     className: "component-choice-control"

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

@@ -4,10 +4,11 @@ import { useSplitInput as I } from "../../../hooks/input.js";
 import * as e from "react";
 import { useMemo as c } from "react";
 import { useTemporaryChange as $ } from "../../../hooks/temporary.js";
-import '../../../assets/style10.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/style9.css';/* empty css                      */
+import '../../../assets/style11.css';import '../../../assets/styles.css';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 { noop as g } from "../../../utils/noop.js";
 /* empty css                      */
 /* empty css                      */
+/* empty css                      */
 import { Popover as H } from "../../../primitives/popover/index.js";
 /* empty css                      */
 import "../../../primitives/scroll-area/index.js";
@@ -20,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-HwuTWxQw.js";
+import { f as m, D as S } from "../../../picker-BkmBjgWA.js";
 /* empty css                      */
 import { getDefaultFormat as W } from "./types.js";
 import { safeParseDate as M } from "./util.js";
@@ -57,7 +58,7 @@ const q = /* @__PURE__ */ new Map([
   ]
 ]), Z = e.forwardRef((l, i) => /* @__PURE__ */ e.createElement(x, { ref: i, ...l, weights: q }));
 Z.displayName = "CalendarBlankIcon";
-const u0 = (l) => {
+const f0 = (l) => {
   var v;
   const { baseProps: i, controlProps: A } = z(l, {
     className: "component-date-control",
@@ -65,48 +66,48 @@ const u0 = (l) => {
   }), { register: E } = I(), {
     value: d = "",
     onChangeValue: h = g,
-    format: a = W(),
+    format: t = W(),
     id: w,
     ...C
   } = A, n = c(
-    () => M(d, a.store.join(a.separator)),
-    [d, a]
+    () => M(d, t.store.join(t.separator)),
+    [d, t]
   ), u = c(
-    () => a.view && n ? m(n, a.view) : "",
-    [a.view, n]
-  ), _ = c(() => a.edit ? n ? a.edit.map((t) => m(n, t)) : a.edit.map(() => "") : [], [n, a]), { temporary: f, update: F, discard: P, commit: j } = $([
+    () => 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 = (t, r) => {
+  ]), B = (a, r) => {
     F(
-      (p) => p.map((V, k) => t === k ? r : V)
+      (p) => p.map((V, k) => a === k ? r : V)
     );
   }, D = () => {
-    if (!a.edit)
+    if (!t.edit)
       return;
-    const t = M(
-      f.join(a.separator),
-      a.edit.join(a.separator)
+    const a = M(
+      f.join(t.separator),
+      t.edit.join(t.separator)
     );
-    t && (j(), h(m(t, a.store.join(a.separator))));
-  }, N = (t) => {
-    const r = m(t, a.store.join(a.separator));
+    a && (j(), h(m(a, t.store.join(t.separator))));
+  }, N = (a) => {
+    const r = m(a, t.store.join(t.separator));
     h(r), P();
   };
   return /* @__PURE__ */ s(T, { ...i, children: [
-    (v = a.edit) == null ? void 0 : v.map((t, r, p) => /* @__PURE__ */ s(b, { children: [
+    (v = t.edit) == null ? void 0 : v.map((a, r, p) => /* @__PURE__ */ s(b, { children: [
       /* @__PURE__ */ o(
         R,
         {
-          id: `${w}-${t}`,
+          id: `${w}-${a}`,
           ...C,
-          component: t,
+          component: a,
           value: f[r],
           onChangeValue: (V) => B(r, V),
           onBlur: D,
           ...E(r)
         },
-        t
+        a
       ),
       p.length - 1 !== r && /* @__PURE__ */ o("span", { className: "component-date-control__separator", children: "/" })
     ] })),
@@ -132,5 +133,5 @@ const u0 = (l) => {
   ] });
 };
 export {
-  u0 as DateControl
+  f0 as DateControl
 };

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

@@ -6,9 +6,9 @@ import "../../../utils/noop.js";
 import "../../../CaretLeft.es-C1wX08tw.js";
 import "../../../CaretRight.es-vnr78BGI.js";
 import "react";
-import '../../../assets/style10.css';/* empty css                      */
+import '../../../assets/style11.css';/* empty css                      */
 import "../../../protectedTokens-DdjZoCxO.js";
-import { D as d } from "../../../picker-HwuTWxQw.js";
+import { D as d } from "../../../picker-BkmBjgWA.js";
 import "../../../composite-provider-R5SnRc_G.js";
 import "../../../5JTVDSTH-CIreO5bC.js";
 import "../../../J2LQO3EC-CcHJqN0I.js";

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

@@ -4,7 +4,7 @@ import { useMemo as n } from "react";
 import { BaseControl as C } from "../base-control/index.js";
 import { useBaseControlProps as h } from "../base-control/props.js";
 import { List as d, SortableList as x } from "./list.js";
-import '../../../assets/style11.css';/* empty css                      */
+import '../../../assets/style12.css';/* empty css                      */
 function V(l) {
   const { baseProps: i, controlProps: m } = h(l, {
     className: "component-list-control"

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

@@ -1,9 +1,10 @@
 import { jsxs as l, jsx as a, Fragment as h } from "react/jsx-runtime";
 import { cn as u } from "../../../utils/css.js";
-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/style9.css';/* empty css                      */
+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";
 /* empty css                      */
 /* empty css                      */
+/* empty css                      */
 import "../../../primitives/popover/index.js";
 /* empty css                      */
 import "../../../primitives/scroll-area/index.js";
@@ -48,7 +49,7 @@ const k = /* @__PURE__ */ new Map([
   ]
 ]), r = e.forwardRef((n, t) => /* @__PURE__ */ e.createElement(b, { ref: t, ...n, weights: k }));
 r.displayName = "CheckIcon";
-const R = ({
+const T = ({
   id: n,
   item: t,
   multiple: c,
@@ -104,5 +105,5 @@ const R = ({
   );
 };
 export {
-  R as Item
+  T as Item
 };

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

@@ -3,7 +3,7 @@ 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 '../../../assets/style11.css';/* empty css                      */
+import '../../../assets/style12.css';/* empty css                      */
 const _ = (o) => {
   let {
     transform: r

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

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import { BaseControl as m } from "../base-control/index.js";
 import { useBaseControlProps as s } from "../base-control/props.js";
 import { MarkdownEditor as p } from "./editor.js";
-import '../../../assets/style12.css';/* empty css                      */
+import '../../../assets/style13.css';/* empty css                      */
 const d = (r) => {
   const { baseProps: n, controlProps: t } = s(r, {
     className: "component-markdown-control"

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

@@ -6,7 +6,7 @@ import { useRef as x } from "react";
 import { BaseControl as C } from "../base-control/index.js";
 import { Affix as _ } from "../base-control/affix.js";
 import { useBaseControlProps as g } from "../base-control/props.js";
-import '../../../assets/style13.css';/* empty css                      */
+import '../../../assets/style14.css';/* empty css                      */
 const w = (o) => {
   const r = x(null), s = () => /* @__PURE__ */ l("div", { className: "component-number-control__spinbox", children: [
     /* @__PURE__ */ n(

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

@@ -5,7 +5,7 @@ import { useState as E, useRef as g } from "react";
 import { w as o } from "../../../SSRBase.es-BUXS72ra.js";
 import { BaseControl as f } from "../base-control/index.js";
 import { useBaseControlProps as M } from "../base-control/props.js";
-import '../../../assets/style14.css';/* empty css                      */
+import '../../../assets/style15.css';/* empty css                      */
 const L = /* @__PURE__ */ new Map([
   [
     "bold",

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

@@ -10,7 +10,8 @@ import { BasePopoverControl as x } from "../base-popover-control/index.js";
 import { NumberControl as h } from "../number-control/index.js";
 import { SelectControl as p } from "../select-control/control.js";
 import { f as B, w as P, a as _ } from "../../../options-Cfoqhxw2.js";
-import '../../../assets/style15.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/style9.css';/* empty css                      */
+import '../../../assets/style16.css';import '../../../assets/styles.css';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                      */
+/* empty css                      */
 /* empty css                      */
 /* empty css                      */
 import "../../../primitives/popover/index.js";
@@ -21,10 +22,10 @@ import "../../../primitives/symbol/index.js";
 /* empty css                      */
 /* empty css                      */
 /* empty css                       */
-import "../../../style-Bp4uISf6.js";
+import "../../../style-tA0yiKCL.js";
 import { ToggleGroupControl as M } from "../toggle-group-control/index.js";
 /* empty css                      */
-const oe = (i) => {
+const te = (i) => {
   const { baseProps: n, controlProps: c } = w(i, {
     className: "component-recurrence-control"
   }), { onChangeValue: a = g, ...m } = c, [e, t] = v({
@@ -161,5 +162,5 @@ const oe = (i) => {
   ] });
 };
 export {
-  oe as RecurrenceControl
+  te as RecurrenceControl
 };