@wrdagency/blockout 1.0.27 → 1.0.30

package/dist/assets/style.css

@@ -1 +1 @@
-.primitive-icon-label{--icon-label__gap: .5rem;--icon-label__icon-size: 1.25rem;--icon-label__icon-offset: .125rem;--icon-label__font-size: 1rem;--icon-label__font-weight: 400;--icon-label__icon-colour: var(--blockout__colours__surface--600);--icon-label__text-colour: var(--blockout__colours__surface--950);display:flex;align-items:start;gap:var(--icon-label__gap);font-size:var(--icon-label__font-size);font-weight:var(--icon-label__font-weight);color:var(--icon-label__text-colour)}.primitive-icon-label>svg{width:var(--icon-label__icon-size)!important;height:var(--icon-label__icon-size)!important;fill:var(--icon-label__icon-colour);color:var(--icon-label__icon-colour);flex-shrink:0;position:relative;top:var(--icon-label__icon-offset)}.primitive-icon-label--variant-soft{--icon-label__font-weight: 400;--icon-label__icon-colour: var(--blockout__colours__surface--300);--icon-label__text-colour: var(--blockout__colours__surface--500)}.primitive-icon-label--variant-strong{--icon-label__font-weight: 500;--icon-label__icon-colour: var(--blockout__colours__surface--600);--icon-label__text-colour: var(--blockout__colours__surface--950)}.primitive-icon-label--size-small{--icon-label__gap: .375rem;--icon-label__icon-size: 1rem;--icon-label__font-size: .875rem;--icon-label__icon-offset: .15rem}
+.primitive-icon-label{--icon-label__gap: .5rem;--icon-label__icon-size: 1.25rem;--icon-label__icon-offset: .125rem;--icon-label__font-size: 1rem;--icon-label__font-weight: 400;--icon-label__icon-colour: var(--blockout__colours__surface--600);--icon-label__text-colour: var(--blockout__colours__surface--950);display:flex;align-items:start;gap:var(--icon-label__gap);font-size:var(--icon-label__font-size);font-weight:var(--icon-label__font-weight);color:var(--icon-label__text-colour)}.primitive-icon-label>svg{width:var(--icon-label__icon-size)!important;height:var(--icon-label__icon-size)!important;fill:var(--icon-label__icon-colour);color:var(--icon-label__icon-colour);flex-shrink:0;position:relative;top:var(--icon-label__icon-offset)}.primitive-icon-label--flip{flex-direction:row-reverse}.primitive-icon-label--between{justify-content:space-between}.primitive-icon-label--variant-soft{--icon-label__font-weight: 500;--icon-label__icon-colour: var(--blockout__colours__surface--400);--icon-label__text-colour: var(--blockout__colours__surface--600)}.primitive-icon-label--variant-strong{--icon-label__font-weight: 500;--icon-label__icon-colour: var(--blockout__colours__surface--600);--icon-label__text-colour: var(--blockout__colours__surface--950)}.primitive-icon-label--size-small{--icon-label__gap: .375rem;--icon-label__icon-size: 1rem;--icon-label__font-size: .875rem;--icon-label__icon-offset: .15rem}

package/dist/assets/style16.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}
+.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__list__group:not(:first-child){border-top:1px solid var(--blockout__colours__surface--400);padding-top:.5rem}.component-select__list__group__label{padding:.125rem .675rem;font-size:.875rem;color:var(--blockout__colours__surface--600);font-weight:600}.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/style25.css

@@ -1 +1 @@
-.data-view-layout-tile{display:flex;flex-direction:column;gap:1.25rem}.data-view-layout-tile__group{display:flex;flex-direction:column;gap:1rem}.data-view-layout-tile__empty{font-size:.875rem;font-weight:400;color:var(--blockout__colours__surface--400)}.data-view-layout-tile__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-tile__group__heading{display:flex;align-items:center;gap:.5rem;font-weight:400;color:var(--blockout__colours__surface--700);font-size:.875rem}.data-view-layout-tile__group__heading>svg{width:1.25rem;height:1.25rem;fill:var(--blockout__colours__surface--400);color:var(--blockout__colours__surface--400)}.data-view-layout-tile__group__items{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.data-view-layout-item__item{position:relative;border-radius:var(--blockout__radius--md);border:1px solid var(--blockout__colours__surface--200);overflow:clip;width:100%;height:auto;aspect-ratio:1/1}.data-view-layout-item__item .data-view-layout-item__item__media{width:100%;height:100%;background:var(--blockout__colours__surface--100)}.data-view-layout-item__item .data-view-layout-item__item__media .data-view-layout-item__item__thumbnail{width:100%;height:100%;object-fit:contain}.data-view-layout-item__item .data-view-layout-item__item__media .data-view-layout-item__item__checkbox{position:absolute;top:.5rem;left:.5rem;background:var(--blockout__colours__surface--0)}.data-view-layout-item__item .data-view-layout-item__item__media .data-view-layout-item__item__actions{position:absolute;top:.5rem;right:.5rem;background:var(--blockout__colours__surface--0)}.data-view-layout-item__item .data-view-layout-item__item__caption{display:flex;flex-direction:column;gap:.375rem;position:absolute;bottom:0;left:0;right:0;padding:2rem 1.25rem 1rem;background:linear-gradient(to top,var(--blockout__colours__surface--950),transparent);color:var(--blockout__colours__surface--0)}.data-view-layout-item__item .data-view-layout-item__item__caption .data-view-layout-item__item__header{display:flex;align-items:start;gap:.675rem;flex-wrap:wrap-reverse}.data-view-layout-item__item .data-view-layout-item__item__caption .data-view-layout-item__item__header .primitive-tooltip{max-width:100%}.data-view-layout-item__item .data-view-layout-item__item__caption .data-view-layout-item__item__header .data-view-layout-item__item__title{color:var(--blockout__colours__surface--0);font-size:1rem;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.data-view-layout-item__item .data-view-layout-item__item__caption .data-view-layout-item__item__header .data-view-layout-item__item__tags{display:flex;gap:.5rem;flex-wrap:wrap}.data-view-layout-item__item .data-view-layout-item__item__caption .data-view-layout-item__item__properties{display:flex;align-items:basline;gap:1.5rem .75rem;flex-wrap:wrap}.data-view-layout-item__item .data-view-layout-item__item__caption .data-view-layout-item__item__properties .data-view-layout-item__item__property{color:var(--blockout__colours__surface--300);font-size:.75rem}
+.data-view-layout-tile{display:flex;flex-direction:column;gap:1.25rem}.data-view-layout-tile__group{display:flex;flex-direction:column;gap:1rem}.data-view-layout-tile__empty{font-size:.875rem;font-weight:400;color:var(--blockout__colours__surface--400)}.data-view-layout-tile__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-tile__group__heading{display:flex;align-items:center;gap:.5rem;font-weight:400;color:var(--blockout__colours__surface--700);font-size:.875rem}.data-view-layout-tile__group__heading>svg{width:1.25rem;height:1.25rem;fill:var(--blockout__colours__surface--400);color:var(--blockout__colours__surface--400)}.data-view-layout-tile__group__items{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.data-view-layout-item__item{position:relative;border-radius:var(--blockout__radius--md);border:1px solid var(--blockout__colours__surface--200);overflow:clip;width:100%;height:auto;aspect-ratio:1/1}.data-view-layout-item__item .data-view-layout-item__item__media{width:100%;height:100%;background:var(--blockout__colours__surface--100)}.data-view-layout-item__item .data-view-layout-item__item__media .data-view-layout-item__item__thumbnail{width:100%;height:100%;object-fit:scale-down}.data-view-layout-item__item .data-view-layout-item__item__media .data-view-layout-item__item__checkbox{position:absolute;top:.5rem;left:.5rem;background:var(--blockout__colours__surface--0)}.data-view-layout-item__item .data-view-layout-item__item__media .data-view-layout-item__item__actions{position:absolute;top:.5rem;right:.5rem;background:var(--blockout__colours__surface--0)}.data-view-layout-item__item .data-view-layout-item__item__caption{display:flex;flex-direction:column;gap:.375rem;position:absolute;bottom:0;left:0;right:0;padding:2rem 1.25rem 1rem;background:linear-gradient(to top,var(--blockout__colours__surface--950),transparent);color:var(--blockout__colours__surface--0)}.data-view-layout-item__item .data-view-layout-item__item__caption .data-view-layout-item__item__header{display:flex;align-items:start;gap:.675rem;flex-wrap:wrap-reverse}.data-view-layout-item__item .data-view-layout-item__item__caption .data-view-layout-item__item__header .primitive-tooltip{max-width:100%}.data-view-layout-item__item .data-view-layout-item__item__caption .data-view-layout-item__item__header .data-view-layout-item__item__title{color:var(--blockout__colours__surface--0);font-size:1rem;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.data-view-layout-item__item .data-view-layout-item__item__caption .data-view-layout-item__item__header .data-view-layout-item__item__tags{display:flex;gap:.5rem;flex-wrap:wrap}.data-view-layout-item__item .data-view-layout-item__item__caption .data-view-layout-item__item__properties{display:flex;align-items:basline;gap:1.5rem .75rem;flex-wrap:wrap}.data-view-layout-item__item .data-view-layout-item__item__caption .data-view-layout-item__item__properties .data-view-layout-item__item__property{color:var(--blockout__colours__surface--300);font-size:.75rem}

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-keyboard{display:inline-flex;gap:.5em;font-family:inherit}.primitive-keyboard .primitive-keyboard__key{display:block;text-align:center;box-shadow:inset 0 .3em .3em -.1em #ffffffbf;background:var(--blockout__colours__surface--50);border:1px solid var(--blockout__colours__surface--200);border-radius:var(--blockout__radius--xxs);padding:.25em .5em;font-size:.75em;color:var(--blockout__colours__surface--800);font-weight:600;text-transform:uppercase;outline:0px solid transparent;outline-offset:0px;transition:background-color .8s ease,border-color .8s ease,color .8s ease}.primitive-keyboard .primitive-keyboard__key.primitive-keyboard__key--singular{min-width:2.25em}.primitive-keyboard .primitive-keyboard__key:is([data-colour-scheme=dark] *){box-shadow:inset 0 .3em .3em -.1em #000000bf}.primitive-keyboard.primitive-keyboard--active .primitive-keyboard__key{background:var(--blockout__colours__primary--100);border-color:var(--blockout__colours__primary--500);color:var(--blockout__colours__primary--950);transition-duration:.1s}
+.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-keyboard{display:inline-flex;gap:.5em;font-family:inherit}.primitive-keyboard .primitive-keyboard__key{display:block;text-align:center;background:var(--blockout__colours__surface--50);border:1px solid var(--blockout__colours__surface--200);border-radius:var(--blockout__radius--xxs);padding:.25em .5em;font-size:.75em;color:var(--blockout__colours__surface--800);font-weight:600;text-transform:uppercase;outline:0px solid transparent;outline-offset:0px;transition:background-color .8s ease,border-color .8s ease,color .8s ease}.primitive-keyboard .primitive-keyboard__key.primitive-keyboard__key--singular{min-width:2.25em}.primitive-keyboard.primitive-keyboard--active .primitive-keyboard__key{background:var(--blockout__colours__primary--100);border-color:var(--blockout__colours__primary--500);color:var(--blockout__colours__primary--950);transition-duration:.1s}

package/dist/{combobox-group-Q7OatWHm.js → combobox-group-hNvv1WJm.js}

@@ -1,6 +1,6 @@
-import { u as c, a as i } from "./YORGHBM4-B1RRY_xR.js";
-import { f as u, c as n, a as p, _ as C, i as l, S as x, o as s } from "./LMDWO4NN-ZnclRjpA.js";
-import { a as v } from "./S43UC3DV-BVbmEy3J.js";
+import { u as c, a as i } from "./YORGHBM4-D_fOXG5Y.js";
+import { f as u, c as n, a as p, _ as C, i as l, S as x, o as s } from "./LMDWO4NN-CpSMaD5G.js";
+import { a as v } from "./S43UC3DV-HCi6u_G4.js";
 var f = "div", G = n(function(o) {
   return o = c(o), o;
 }), w = u(function(o) {

package/dist/{combobox-popover-CDfaOt6J.js → combobox-popover-BZ_1wNrj.js}

@@ -1,8 +1,8 @@
-import { c as P, u as g } from "./G7GW6PWC-C6qSYISF.js";
-import { u as y } from "./MAXQOH4L-lpuvS1NR.js";
-import { u as C } from "./S43UC3DV-BVbmEy3J.js";
-import { a as S } from "./YV4JVR4I-BuKFdNa0.js";
-import { f as I, c as F, a as k, _ as w, i as D, o as v, m as H, C as R, D as V } from "./LMDWO4NN-ZnclRjpA.js";
+import { c as P, u as g } from "./G7GW6PWC-Dk4hVbAk.js";
+import { u as y } from "./MAXQOH4L-BYWBWXpb.js";
+import { u as C } from "./S43UC3DV-HCi6u_G4.js";
+import { a as S } from "./YV4JVR4I-CQnJhUSg.js";
+import { f as I, c as F, a as k, _ as w, i as D, o as v, m as H, C as R, D as V } from "./LMDWO4NN-CpSMaD5G.js";
 import { useRef as j } from "react";
 var B = "div";
 function N(l, ...u) {

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

@@ -1,5 +1,5 @@
-import { FC, HTMLAttributeAnchorTarget } from 'react';
-interface AvatarProps {
+import { FC, HTMLAttributeAnchorTarget, PropsWithChildren } from 'react';
+interface AvatarProps extends PropsWithChildren {
     className?: string;
     image?: string;
     name?: string;

package/dist/components/avatar/index.js

@@ -1,8 +1,8 @@
-import { jsxs as c, jsx as m } from "react/jsx-runtime";
-import { Colourway as l } from "../../primitives/colourway/index.js";
-import { cn as v } from "../../utils/css.js";
-import { useMemo as d } from "react";
-import { Link as f } from "../../primitives/link/index.js";
+import { jsxs as l, jsx as m } from "react/jsx-runtime";
+import { Colourway as v } from "../../primitives/colourway/index.js";
+import { cn as d } from "../../utils/css.js";
+import { useMemo as f } from "react";
+import { Link as _ } from "../../primitives/link/index.js";
 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/index2.css';/* empty css                   */
 /* empty css                   */
 import "../../primitives/popover/index.js";
@@ -13,36 +13,38 @@ import "../../primitives/symbol/index.js";
 /* empty css                   */
 /* empty css                   */
 /* empty css                    */
-import { getRandomTheme as _ } from "../../primitives/colourway/util.js";
-const T = ({
+import { getRandomTheme as u } from "../../primitives/colourway/util.js";
+const $ = ({
   className: r,
   image: t = "",
   name: o = "",
   size: a = "medium",
   withName: s = !1,
   href: i,
-  target: p
+  target: p,
+  children: n
 }) => {
-  const n = i ? f : void 0, e = d(() => u(o, 2), [o]);
-  return /* @__PURE__ */ c(
-    l,
+  const e = i ? _ : void 0, c = f(() => h(o, 2), [o]);
+  return /* @__PURE__ */ l(
+    v,
     {
-      className: v(
+      className: d(
         "component-avatar",
         `component-avatar--size-${a}`,
         r
       ),
-      theme: _(t + o),
-      as: n,
+      theme: u(t + o),
+      as: e,
       href: i,
       target: p,
       children: [
-        t ? /* @__PURE__ */ m("img", { className: "component-avatar__image", src: t, alt: o }) : /* @__PURE__ */ m("div", { className: "component-avatar__fallback", children: e }),
-        o && s && /* @__PURE__ */ m("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: c }),
+        o && s && /* @__PURE__ */ m("span", { className: "component-avatar__name", children: o }),
+        n
       ]
     }
   );
-}, u = (r, t) => r.split(" ").slice(0, t).map((o) => o[0]).join("");
+}, h = (r, t) => r.split(" ").slice(0, t).map((o) => o[0]).join("");
 export {
-  T as Avatar
+  $ as Avatar
 };

package/dist/components/breadcrumbs/index.js

@@ -14,11 +14,11 @@ import "../../primitives/symbol/index.js";
 /* empty css                   */
 /* empty css                    */
 import { e as n } from "../../CaretRight.es-vnr78BGI.js";
-import { C as c } from "../../composite-provider-VHhinf1k.js";
-import { C as l } from "../../5JTVDSTH-BOGL3M3F.js";
-import { C as d } from "../../J2LQO3EC-XUQS0UAH.js";
-import { C as b } from "../../6VRAQV3D-pTuMqsWW.js";
-import { C as f } from "../../TP7N7UIH-Bs0NX7lb.js";
+import { C as c } from "../../composite-provider-BPIeS4Cg.js";
+import { C as l } from "../../5JTVDSTH-CZ7mfyUK.js";
+import { C as d } from "../../J2LQO3EC-BXJIaM2U.js";
+import { C as b } from "../../6VRAQV3D-BYmT0QTl.js";
+import { C as f } from "../../TP7N7UIH-C4jXJDlO.js";
 const D = ({
   crumbs: m,
   separator: e = /* @__PURE__ */ r(n, {}),

package/dist/components/button/row.js

@@ -1,10 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
 import { cn as e } from "../../utils/css.js";
 import { Children as i } from "react";
-import { C as p } from "../../composite-provider-VHhinf1k.js";
-import { C as n } from "../../5JTVDSTH-BOGL3M3F.js";
-import { C as s } from "../../J2LQO3EC-XUQS0UAH.js";
-import { C as a } from "../../6VRAQV3D-pTuMqsWW.js";
+import { C as p } from "../../composite-provider-BPIeS4Cg.js";
+import { C as n } from "../../5JTVDSTH-CZ7mfyUK.js";
+import { C as s } from "../../J2LQO3EC-BXJIaM2U.js";
+import { C as a } from "../../6VRAQV3D-BYmT0QTl.js";
 const u = ({ className: m, children: t }) => /* @__PURE__ */ o(p, { children: /* @__PURE__ */ o(n, { className: e("component-button-row", m), children: /* @__PURE__ */ o(s, { className: "component-button-row__row", children: i.map(
   t,
   (r) => r && /* @__PURE__ */ o(a, { render: r })

package/dist/components/command-palette/dialog.js

@@ -4,8 +4,8 @@ import { useHotkey as s } from "../../hooks/keyboard.js";
 import { cn as c } from "../../utils/css.js";
 import { noop as l } from "../../utils/noop.js";
 import { CommandPalette as d } from "./static.js";
-import { u } from "../../BM6PGYQY-DL-j4NGc.js";
-import { D as f } from "../../G7GW6PWC-C6qSYISF.js";
+import { u } from "../../BM6PGYQY-DCbkDr5N.js";
+import { D as f } from "../../G7GW6PWC-Dk4hVbAk.js";
 const O = ({
   className: r,
   open: a,

package/dist/components/command-palette/index.js

@@ -1,8 +1,10 @@
 import { DialogCommandPalette as t } from "./dialog.js";
+import { P as m } from "../../presets-BDIhXP0C.js";
 import { CommandPalette as a } from "./static.js";
-const e = Object.assign(t, {
-  Static: a
+const s = Object.assign(t, {
+  Static: a,
+  ...m
 });
 export {
-  e as CommandPalette
+  s as CommandPalette
 };

package/dist/components/command-palette/presets.d.ts

@@ -0,0 +1,4 @@
+import { CommandPaletteChildren } from './static';
+declare const ListCommandPalettePreset: CommandPaletteChildren;
+declare const HorizontalCommandPalettePreset: CommandPaletteChildren;
+export { HorizontalCommandPalettePreset, ListCommandPalettePreset };

package/dist/components/command-palette/presets.js

@@ -0,0 +1,10 @@
+import "react/jsx-runtime";
+import "../../utils/css.js";
+import { H as p, L as s } from "../../presets-BDIhXP0C.js";
+import "react";
+import "../../combobox-group-hNvv1WJm.js";
+import "../../JMHAJKUZ-D5KCN1Aj.js";
+export {
+  p as HorizontalCommandPalettePreset,
+  s as ListCommandPalettePreset
+};

package/dist/components/command-palette/static.d.ts

@@ -1,10 +1,11 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 import { Command } from './types';
 import * as Ariakit from "@ariakit/react";
-interface CommandPaletteItemProps {
+export interface CommandPaletteItemProps {
     command: Command;
     className?: string;
 }
+export type CommandPaletteChildren = (props: CommandPaletteItemProps) => ReactNode;
 export interface CommandPaletteProps {
     disclosure?: Ariakit.DialogStore;
     className?: string;
@@ -13,14 +14,6 @@ export interface CommandPaletteProps {
     placeholder?: string;
     commands: Command[];
     suggestions?: Command[];
-    render?: {
-        item: FC<CommandPaletteItemProps>;
-        group: FC<CommandPaletteItemProps>;
-    };
+    children?: CommandPaletteChildren;
 }
 export declare const CommandPalette: FC<CommandPaletteProps>;
-export declare const CommandItem: FC<CommandPaletteItemProps & {
-    render?: Ariakit.ComboboxItemProps["render"];
-}>;
-export declare const CommandGroup: FC<CommandPaletteItemProps>;
-export {};

package/dist/components/command-palette/static.js

@@ -1,9 +1,8 @@
-import { jsx as a, jsxs as p } from "react/jsx-runtime";
-import { cn as i } from "../../utils/css.js";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { cn as f } from "../../utils/css.js";
 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';import '../../assets/static.css';/* empty css                   */
-import { noop as M } from "../../utils/noop.js";
-import * as e from "react";
-import { startTransition as f } from "react";
+import { noop as N } from "../../utils/noop.js";
+import { startTransition as b } from "react";
 /* empty css                   */
 /* empty css                   */
 /* empty css                   */
@@ -14,144 +13,64 @@ import "../../primitives/symbol/index.js";
 /* empty css                   */
 /* empty css                   */
 /* empty css                   */
-import { Keyboard as b } from "../../primitives/typography/keyboard.js";
+import { Keyboard as x } from "../../primitives/typography/keyboard.js";
 /* empty css                    */
-import { w as E } from "../../SSRBase.es-BUXS72ra.js";
-import { s as g } from "../../MagnifyingGlass.es-CLstwG_v.js";
-import { C as A, a as N, b as C, c as x } from "../../MAXQOH4L-lpuvS1NR.js";
-import { C as y, a as F } from "../../combobox-group-Q7OatWHm.js";
-const S = /* @__PURE__ */ new Map([
-  [
-    "bold",
-    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M180,140H164V116h16a40,40,0,1,0-40-40V92H116V76a40,40,0,1,0-40,40H92v24H76a40,40,0,1,0,40,40V164h24v16a40,40,0,1,0,40-40ZM164,76a16,16,0,1,1,16,16H164ZM60,76a16,16,0,0,1,32,0V92H76A16,16,0,0,1,60,76ZM92,180a16,16,0,1,1-16-16H92Zm24-64h24v24H116Zm64,80a16,16,0,0,1-16-16V164h16a16,16,0,0,1,0,32Z" }))
-  ],
-  [
-    "duotone",
-    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
-      "path",
-      {
-        d: "M208,76h0a28,28,0,0,1-28,28H152V76a28,28,0,0,1,28-28h0A28,28,0,0,1,208,76ZM76,48h0A28,28,0,0,0,48,76h0a28,28,0,0,0,28,28h28V76A28,28,0,0,0,76,48ZM180,152H152v28a28,28,0,0,0,28,28h0a28,28,0,0,0,28-28h0A28,28,0,0,0,180,152ZM48,180h0a28,28,0,0,0,28,28h0a28,28,0,0,0,28-28V152H76A28,28,0,0,0,48,180Z",
-        opacity: "0.2"
-      }
-    ), /* @__PURE__ */ e.createElement("path", { d: "M180,144H160V112h20a36,36,0,1,0-36-36V96H112V76a36,36,0,1,0-36,36H96v32H76a36,36,0,1,0,36,36V160h32v20a36,36,0,1,0,36-36ZM160,76a20,20,0,1,1,20,20H160ZM56,76a20,20,0,0,1,40,0V96H76A20,20,0,0,1,56,76ZM96,180a20,20,0,1,1-20-20H96Zm16-68h32v32H112Zm68,88a20,20,0,0,1-20-20V160h20a20,20,0,0,1,0,40Z" }))
-  ],
-  [
-    "fill",
-    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M116,116h24v24H116ZM86,72a14,14,0,0,0,0,28h14V86A14,14,0,0,0,86,72Zm98,14a14,14,0,0,0-28,0v14h14A14,14,0,0,0,184,86ZM72,170a14,14,0,0,0,28,0V156H86A14,14,0,0,0,72,170ZM224,48V208a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32H208A16,16,0,0,1,224,48Zm-68,92V116h14a30,30,0,1,0-30-30v14H116V86a30,30,0,1,0-30,30h14v24H86a30,30,0,1,0,30,30V156h24v14a30,30,0,1,0,30-30Zm0,30a14,14,0,1,0,14-14H156Z" }))
-  ],
-  [
-    "light",
-    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M180,146H158V110h22a34,34,0,1,0-34-34V98H110V76a34,34,0,1,0-34,34H98v36H76a34,34,0,1,0,34,34V158h36v22a34,34,0,1,0,34-34ZM158,76a22,22,0,1,1,22,22H158ZM54,76a22,22,0,0,1,44,0V98H76A22,22,0,0,1,54,76ZM98,180a22,22,0,1,1-22-22H98Zm12-70h36v36H110Zm70,92a22,22,0,0,1-22-22V158h22a22,22,0,0,1,0,44Z" }))
-  ],
-  [
-    "regular",
-    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M180,144H160V112h20a36,36,0,1,0-36-36V96H112V76a36,36,0,1,0-36,36H96v32H76a36,36,0,1,0,36,36V160h32v20a36,36,0,1,0,36-36ZM160,76a20,20,0,1,1,20,20H160ZM56,76a20,20,0,0,1,40,0V96H76A20,20,0,0,1,56,76ZM96,180a20,20,0,1,1-20-20H96Zm16-68h32v32H112Zm68,88a20,20,0,0,1-20-20V160h20a20,20,0,0,1,0,40Z" }))
-  ],
-  [
-    "thin",
-    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M180,148H156V108h24a32,32,0,1,0-32-32v24H108V76a32,32,0,1,0-32,32h24v40H76a32,32,0,1,0,32,32V156h40v24a32,32,0,1,0,32-32ZM156,76a24,24,0,1,1,24,24H156ZM52,76a24,24,0,0,1,48,0v24H76A24,24,0,0,1,52,76Zm48,104a24,24,0,1,1-24-24h24Zm8-72h40v40H108Zm72,96a24,24,0,0,1-24-24V156h24a24,24,0,0,1,0,48Z" }))
-  ]
-]), V = e.forwardRef((t, m) => /* @__PURE__ */ e.createElement(E, { ref: m, ...t, weights: S }));
-V.displayName = "CommandIcon";
-const e0 = ({
-  disclosure: t,
-  className: m,
-  search: n = "",
-  onSearchChange: l = M,
-  placeholder: Z = "Search...",
-  commands: s = [],
-  render: d = {
-    group: w,
-    item: h
-  }
+import { s as C } from "../../MagnifyingGlass.es-CLstwG_v.js";
+import { L as S } from "../../presets-BDIhXP0C.js";
+import { C as v, a as y, b as L } from "../../MAXQOH4L-BYWBWXpb.js";
+const I = ({
+  disclosure: m,
+  className: l,
+  search: c = "",
+  onSearchChange: p = N,
+  placeholder: i = "Search...",
+  commands: r = [],
+  children: d = S
 }) => {
-  const u = (o) => {
-    f(() => {
-      l(o);
+  const _ = (t) => {
+    b(() => {
+      p(t);
     });
-  }, _ = (o) => {
-    var r, H;
-    (H = (r = s.flatMap((c) => [c, ...c.children || []]).find((c) => c.id === o)) == null ? void 0 : r.onSelect) == null || H.call(r);
-  }, v = s.length > 0;
-  return /* @__PURE__ */ a("div", { className: i("component-command-palette__static", m), children: /* @__PURE__ */ p(
-    A,
+  }, h = (t) => {
+    var o, n;
+    (n = (o = r.flatMap((a) => [a, ...a.children || []]).find((a) => a.id === t)) == null ? void 0 : o.onSelect) == null || n.call(o);
+  }, u = r.length > 0;
+  return /* @__PURE__ */ e("div", { className: f("component-command-palette__static", l), children: /* @__PURE__ */ s(
+    v,
     {
       focusLoop: !1,
       includesBaseElement: !1,
       resetValueOnHide: !0,
-      value: n,
-      setValue: u,
+      value: c,
+      setValue: _,
       selectedValue: "",
-      setSelectedValue: _,
-      disclosure: t,
+      setSelectedValue: h,
+      disclosure: m,
+      open: m ? void 0 : !0,
       children: [
-        /* @__PURE__ */ p("header", { className: "component-command-palette__header", children: [
-          /* @__PURE__ */ a(g, { className: "component-command-palette__header__icon" }),
-          /* @__PURE__ */ a(
-            N,
+        /* @__PURE__ */ s("header", { className: "component-command-palette__header", children: [
+          /* @__PURE__ */ e(C, { className: "component-command-palette__header__icon" }),
+          /* @__PURE__ */ e(
+            y,
             {
               autoSelect: "always",
               className: "component-command-palette__input",
               type: "search",
-              placeholder: Z
+              placeholder: i
             }
           ),
-          /* @__PURE__ */ a(b, { className: "component-command-palette__close", children: "Esc" })
+          m && /* @__PURE__ */ e(x, { className: "component-command-palette__close", children: "Esc" })
         ] }),
-        v ? /* @__PURE__ */ a(C, { className: "component-command-palette__results", children: s.map(
-          (o) => o.children ? /* @__PURE__ */ a(d.group, { command: o }, o.id) : /* @__PURE__ */ a(d.item, { command: o }, o.id)
-        ) }) : /* @__PURE__ */ a("div", { className: "component-command-palette__empty", children: "No results found" })
+        u ? /* @__PURE__ */ e(L, { className: "component-command-palette__results", children: r.map(
+          (t) => d({
+            command: t,
+            className: "component-command-palette__results__item"
+          })
+        ) }) : /* @__PURE__ */ e("div", { className: "component-command-palette__empty", children: "No results found" })
       ]
     }
   ) });
-}, h = ({ command: t, className: m, render: n }) => {
-  const l = t.icon || V;
-  return /* @__PURE__ */ p(
-    x,
-    {
-      className: i("component-command-palette__item", m),
-      focusOnHover: !0,
-      blurOnHoverEnd: !1,
-      value: t.id,
-      setValueOnClick: !1,
-      render: n,
-      children: [
-        /* @__PURE__ */ a(l, { className: "component-command-palette__item__icon" }),
-        /* @__PURE__ */ a("span", { className: "component-command-palette__item__label", children: t.label })
-      ]
-    }
-  );
-}, w = ({
-  className: t,
-  command: m
-}) => {
-  var n;
-  return /* @__PURE__ */ p(
-    y,
-    {
-      className: i("component-command-palette__group", t),
-      children: [
-        /* @__PURE__ */ a(
-          h,
-          {
-            command: m,
-            render: /* @__PURE__ */ a(F, { className: "component-command-palette__group__label" })
-          }
-        ),
-        (n = m.children) == null ? void 0 : n.map((l) => /* @__PURE__ */ a(
-          h,
-          {
-            className: "component-command-palette__group__item",
-            command: l
-          },
-          l.id
-        ))
-      ]
-    }
-  );
 };
 export {
-  w as CommandGroup,
-  h as CommandItem,
-  e0 as CommandPalette
+  I as CommandPalette
 };

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

@@ -17,9 +17,9 @@ import { e as v } from "../../../CaretDown.es-eyr5AnCc.js";
 import { BaseControl as f } from "../base-control/index.js";
 import { useBaseControlProps as P } from "../base-control/props.js";
 /* empty css                      */
-import { P as u } from "../../../popover-provider-HlPXIcud.js";
-import { P as _ } from "../../../WMYDSCNQ-J1-TanSP.js";
-import { P as h } from "../../../G7GW6PWC-C6qSYISF.js";
+import { P as u } from "../../../popover-provider-BJEfhgr1.js";
+import { P as _ } from "../../../WMYDSCNQ-pGjWB-Pk.js";
+import { P as h } from "../../../G7GW6PWC-Dk4hVbAk.js";
 const H = (t) => {
   const { baseProps: s, controlProps: r } = P(t, {
     className: "component-base-popover-control"

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

@@ -21,7 +21,7 @@ import { w as x } from "../../../SSRBase.es-BUXS72ra.js";
 import { BaseControl as T } from "../base-control/index.js";
 import { useBaseControlProps as $ } from "../base-control/props.js";
 import { DateComponentInput as z } from "./component.js";
-import { f as A, D as R } from "../../../picker-DioIiYC0.js";
+import { f as A, D as R } from "../../../picker-DyJogHYh.js";
 /* empty css                      */
 import { getDefaultFormat as S } from "./types.js";
 import { p as W } from "../../../parse-CdaSNXK6.js";

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

@@ -8,11 +8,11 @@ import "../../../CaretRight.es-vnr78BGI.js";
 import "react";
 import '../../../assets/style11.css';/* empty css                      */
 import "../../../protectedTokens-DdjZoCxO.js";
-import { D as d } from "../../../picker-DioIiYC0.js";
-import "../../../composite-provider-VHhinf1k.js";
-import "../../../5JTVDSTH-BOGL3M3F.js";
-import "../../../J2LQO3EC-XUQS0UAH.js";
-import "../../../6VRAQV3D-pTuMqsWW.js";
+import { D as d } from "../../../picker-DyJogHYh.js";
+import "../../../composite-provider-BPIeS4Cg.js";
+import "../../../5JTVDSTH-CZ7mfyUK.js";
+import "../../../J2LQO3EC-BXJIaM2U.js";
+import "../../../6VRAQV3D-BYmT0QTl.js";
 export {
   d as DatePicker
 };

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

@@ -1,19 +1,19 @@
-import { jsx as e, jsxs as r, Fragment as S } from "react/jsx-runtime";
-import { Button as N } from "../../button/index.js";
-import { normalizeOption as O } from "../../../types/options.js";
+import { jsx as o, jsxs as r, Fragment as S } from "react/jsx-runtime";
+import { Button as v } from "../../button/index.js";
+import { findOption as N } from "../../../types/options.js";
 import * as m from "react";
-import { p as P } from "../../../IconBase.es-rM5tt24D.js";
-import { t as w } from "../../../CaretDown.es-BKFnosGJ.js";
-import { BaseControl as C } from "../base-control/index.js";
+import { p as O } from "../../../IconBase.es-rM5tt24D.js";
+import { t as P } from "../../../CaretDown.es-BKFnosGJ.js";
+import { BaseControl as w } from "../base-control/index.js";
 import { Affix as p } from "../base-control/affix.js";
-import { useBaseControlProps as I } from "../base-control/props.js";
-import { Select as g } from "./select.js";
+import { useBaseControlProps as C } from "../base-control/props.js";
+import { Select as I } from "./select.js";
 import '../../../assets/style16.css';/* empty css                      */
-import { S as B } from "../../../select-value-3BLrBdZV.js";
-const f = m.forwardRef((o, t) => /* @__PURE__ */ m.createElement(P, { ref: t, ...o, weights: w }));
+import { S as g } from "../../../select-value-B3DYk9eV.js";
+const f = m.forwardRef((e, t) => /* @__PURE__ */ m.createElement(O, { ref: t, ...e, weights: P }));
 f.displayName = "CaretDownIcon";
-function H(o) {
-  const { baseProps: t, controlProps: n } = I(o, {
+function G(e) {
+  const { baseProps: t, controlProps: n } = C(e, {
     className: "component-select-control"
   }), {
     placeholder: l,
@@ -22,30 +22,30 @@ function H(o) {
     withIcon: b = !1,
     before: _,
     after: u
-  } = n, { prefix: s, suffix: c, ...x } = t, a = d.map(O).find((v) => v.value === h), i = !!a ? a : { label: l || "" };
-  return /* @__PURE__ */ e(C, { ...x, children: /* @__PURE__ */ r(g, { ...n, prefix: s, suffix: c, children: [
+  } = n, { prefix: s, suffix: c, ...x } = t, i = N(d, h), a = !!i ? i : { label: l || "" };
+  return /* @__PURE__ */ o(w, { ...x, children: /* @__PURE__ */ r(I, { ...n, prefix: s, suffix: c, children: [
     _,
     /* @__PURE__ */ r("div", { className: "component-select-control__btn", children: [
-      /* @__PURE__ */ e(p, { children: s }),
-      /* @__PURE__ */ e(B, { fallback: l, children: () => /* @__PURE__ */ e(S, { children: /* @__PURE__ */ r("span", { className: "component-select-control__btn__value__label", children: [
-        b && i.icon,
-        i.label
+      /* @__PURE__ */ o(p, { children: s }),
+      /* @__PURE__ */ o(g, { fallback: l, children: () => /* @__PURE__ */ o(S, { children: /* @__PURE__ */ r("span", { className: "component-select-control__btn__value__label", children: [
+        b && a.icon,
+        a.label
       ] }) }) }),
-      /* @__PURE__ */ e(p, { suffix: !0, children: c })
+      /* @__PURE__ */ o(p, { suffix: !0, children: c })
     ] }),
-    /* @__PURE__ */ e(
-      N.Icon,
+    /* @__PURE__ */ o(
+      v.Icon,
       {
         className: "component-select-control__btn__caret",
         variant: "ghost",
         size: "small",
         tabIndex: -1,
-        children: /* @__PURE__ */ e(f, {})
+        children: /* @__PURE__ */ o(f, {})
       }
     ),
     u
   ] }) });
 }
 export {
-  H as SelectControl
+  G as SelectControl
 };

package/dist/components/controls/select-control/props.d.ts

@@ -1,11 +1,11 @@
-import { Optionable } from '../../../types/options';
+import { Optionable, OptionableGroup } from '../../../types/options';
 import { HTMLInputAutoCompleteAttribute, ReactNode } from 'react';
 export type SelectProps<T extends string = string> = {
     className?: string;
     id?: string;
     value?: T;
     onChangeValue?: (value: T) => void;
-    options?: Optionable<T>[];
+    options?: (Optionable<T> | OptionableGroup<T>)[];
     searchable?: boolean;
     combobox?: boolean;
     placeholder?: string;