@wrdagency/blockout 1.0.33 → 1.0.35

package/dist/{CaretDown.es-BKFnosGJ.js → CaretDown.es-CfgGfmY2.js}

@@ -1,5 +1,6 @@
 import * as e from "react";
-const l = /* @__PURE__ */ new Map([
+import { w as l } from "./SSRBase.es-BUXS72ra.js";
+const n = /* @__PURE__ */ new Map([
   [
     "bold",
     /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216.49,104.49l-80,80a12,12,0,0,1-17,0l-80-80a12,12,0,0,1,17-17L128,159l71.51-71.52a12,12,0,0,1,17,17Z" }))
@@ -24,7 +25,9 @@ const l = /* @__PURE__ */ new Map([
     "thin",
     /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M210.83,98.83l-80,80a4,4,0,0,1-5.66,0l-80-80a4,4,0,0,1,5.66-5.66L128,170.34l77.17-77.17a4,4,0,1,1,5.66,5.66Z" }))
   ]
-]);
+]), r = e.forwardRef((t, a) => /* @__PURE__ */ e.createElement(l, { ref: a, ...t, weights: n }));
+r.displayName = "CaretDownIcon";
 export {
-  l as t
+  r as e,
+  n as t
 };

package/dist/assets/index6.css

@@ -1 +1 @@
-.component-dialog{position:fixed;top:1rem;right:1rem;bottom:1rem;left:1rem;z-index:50;margin:auto;height:fit-content;max-height:calc(100dvh - 2rem);max-width:64ch;overflow:auto;border-radius:var(--blockout__radius--lg);background:var(--blockout__colours__surface--0);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -4px #0000000d;opacity:0;transform:translateY(1rem);transition:opacity .15s ease,transform .15s ease}.component-dialog[data-enter]{opacity:1;transform:translateY(0)}.component-dialog.component-dialog--top{margin-top:5vh}.component-dialog.component-dialog--bottom{margin-bottom:5vh}.component-dialog.component-dialog--left{margin-top:0;right:auto;left:0;height:100%;max-height:100%;width:100%;max-width:42ch;border-top-left-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}@media (width <= 42ch){.component-dialog.component-dialog--left{border-top-left-radius:var(--blockout__radius--lg)}}.component-dialog.component-dialog--right{margin-top:0;left:auto;right:0;height:100%;max-height:100%;width:100%;max-width:42ch;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}@media (width <= 42ch){.component-dialog.component-dialog--right{border-top-right-radius:var(--blockout__radius--lg)}}.component-dialog__backdrop{background-color:#0000001a;opacity:0;transition:opacity ease .15s}.component-dialog__backdrop[data-enter]{opacity:1}[data-colour-schema=dark] .component-dialog__backdrop{background-color:#00000054}.component-dialog__header{display:flex;align-items:start;justify-content:space-between;gap:1rem;width:100%;padding:.5rem .5rem .5rem 1.5rem}.component-dialog--divided .component-dialog__header{border-bottom:1px solid var(--blockout__colours__surface--200)}.component-dialog__title{margin-top:.675rem}.component-dialog__body{padding:1rem 1.5rem}.component-dialog--edgeless-x .component-dialog__body{padding-inline:0}.component-dialog--edgeless-y .component-dialog__body{padding-block:0}.component-dialog--edgeless-top .component-dialog__body{padding-top:0}.component-dialog--edgeless-bottom .component-dialog__body{padding-bottom:0}.component-dialog--edgeless-left .component-dialog__body{padding-left:0}.component-dialog--edgeless-right .component-dialog__body{padding-right:0}.component-dialog--edgeless-all .component-dialog__body{padding:0}
+.component-dialog{position:fixed;top:1rem;right:1rem;bottom:1rem;left:1rem;z-index:50;margin:auto;height:fit-content;max-height:calc(100dvh - 2rem);max-width:64ch;overflow:auto;border-radius:var(--blockout__radius--lg);background:var(--blockout__colours__surface--0);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -4px #0000000d;opacity:0;transform:translateY(1rem);transition:opacity .15s ease,transform .15s ease}.component-dialog[data-enter]{opacity:1;transform:translateY(0)}.component-dialog.component-dialog--top{margin-top:5vh;max-height:calc(100dvh - 2rem - 5vh)}.component-dialog.component-dialog--bottom{margin-bottom:5vh;max-height:calc(100dvh - 2rem - 5vh)}.component-dialog.component-dialog--left{margin-top:0;right:auto;left:0;height:100%;max-height:100%;width:100%;max-width:42ch;border-top-left-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}@media (width <= 42ch){.component-dialog.component-dialog--left{border-top-left-radius:var(--blockout__radius--lg)}}.component-dialog.component-dialog--right{margin-top:0;left:auto;right:0;height:100%;max-height:100%;width:100%;max-width:42ch;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0}@media (width <= 42ch){.component-dialog.component-dialog--right{border-top-right-radius:var(--blockout__radius--lg)}}.component-dialog__backdrop{background-color:#0000001a;opacity:0;transition:opacity ease .15s}.component-dialog__backdrop[data-enter]{opacity:1}[data-colour-schema=dark] .component-dialog__backdrop{background-color:#00000054}.component-dialog__header{display:flex;align-items:start;justify-content:space-between;gap:1rem;width:100%;padding:.5rem .5rem .5rem 1.5rem}.component-dialog--divided .component-dialog__header{border-bottom:1px solid var(--blockout__colours__surface--200)}.component-dialog__title{margin-top:.675rem}.component-dialog__body{padding:1rem 1.5rem}.component-dialog--edgeless-x .component-dialog__body{padding-inline:0}.component-dialog--edgeless-y .component-dialog__body{padding-block:0}.component-dialog--edgeless-top .component-dialog__body{padding-top:0}.component-dialog--edgeless-bottom .component-dialog__body{padding-bottom:0}.component-dialog--edgeless-left .component-dialog__body{padding-left:0}.component-dialog--edgeless-right .component-dialog__body{padding-right:0}.component-dialog--edgeless-all .component-dialog__body{padding:0}

package/dist/assets/style11.css

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

package/dist/assets/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__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;min-width:0}.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{display:flex;align-items:center;gap:.5rem;font-weight:500}.component-select-control__btn__value>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__value__label{white-space:nowrap;text-overflow:ellipsis;overflow:clip;min-width:0}.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;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{display:flex;align-items:center;justify-content:space-between;gap:2rem;border-top:1px solid var(--blockout__colours__surface--300);padding:.675rem;color:var(--blockout__colours__surface--600);font-weight:600;text-align:left;cursor:pointer;transition:color .15s ease}.component-select__list__group__label:first-child{border-top:none}.component-select__list__group__label:hover{color:var(--blockout__colours__surface--950)}.component-select__list__group__label .component-select__list__group__label__icon{width:1rem;height:1rem;opacity:.375}.component-select__list__group__items{display:flex;flex-direction:column;gap:.325rem}.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;min-width:0}.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{display:flex;align-items:center;gap:.5rem;font-weight:500}.component-select-control__btn__value>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__value__label{white-space:nowrap;text-overflow:ellipsis;overflow:clip;min-width:0}.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/style19.css

@@ -1 +1 @@
-.component-base-popover-control{min-width:0px}.component-base-popover-control .component-base-control__control{min-width:0}.component-base-popover-control__input{cursor:pointer;display:flex;width:100%}.component-base-popover-control__input:focus{outline:none}.component-base-popover-control__input:disabled .component-base-popover-control__value{opacity:.5}.component-base-popover-control__value{flex-grow:1;padding:var(--base-control__padding);min-height:var(--base-control__min-height);width:100%;min-width:0;color:var(--blockout__colours__surface--800);border-top-left-radius:var(--blockout__radius--md);border-bottom-left-radius:var(--blockout__radius--md);font-size:1rem;text-align:left;background-color:transparent;transition:background-color .25s ease;text-transform:capitalize}.component-base-popover-control__popover__wrapper{z-index:9999!important}.component-base-popover-control__popover{background-color:var(--blockout__colours__surface--200);border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--lg);box-shadow:0 .175rem .375rem #0000001a;width:fit-content;max-height:var(--popover-available-height);padding:.5rem;min-height:var(--base-control__min-height)}.component-base-control--normal.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__input:hover){background-color:var(--blockout__colours__surface--200);border-color:var(--blockout__colours__surface--100)}.component-base-control--normal.component-base-popover-control .component-base-control__box .component-base-popover-control__caret:hover{background-color:var(--blockout__colours__surface--200)}.component-base-control--normal.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__caret:hover){background-color:var(--blockout__colours__surface--100)}.component-base-control--normal.component-base-popover-control .component-base-control__box:focus-within{background-color:var(--blockout__colours__surface--50);border-color:var(--blockout__colours__surface--300);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-base-control--outline.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__input:hover){border-color:var(--blockout__colours__primary--500)}.component-base-control--outline.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__caret:hover){border-color:var(--blockout__colours__surface--300)}.component-base-control--outline.component-base-popover-control .component-base-control__box:focus-within{border-color:var(--blockout__colours__primary--500);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-base-control--ghost.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__input:hover){border-color:var(--blockout__colours__surface--300)}.component-base-control--ghost.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__caret:hover){border-color:transparent}.component-base-control--ghost.component-base-popover-control .component-base-control__box:focus-within{border-color:var(--blockout__colours__primary--500);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}
+.component-base-popover-control{min-width:0px}.component-base-popover-control .component-base-control__control{min-width:0}.component-base-popover-control__input{cursor:pointer;display:flex;width:100%}.component-base-popover-control__input:focus{outline:none}.component-base-popover-control__input:disabled .component-base-popover-control__value{opacity:.5}.component-base-popover-control__value{flex-grow:1;padding:var(--base-control__padding);min-height:var(--base-control__min-height);width:100%;min-width:0;color:var(--blockout__colours__surface--800);border-top-left-radius:var(--blockout__radius--md);border-bottom-left-radius:var(--blockout__radius--md);font-size:1rem;text-align:left;background-color:transparent;transition:background-color .25s ease;text-transform:capitalize}.component-base-popover-control__caret{align-self:center;margin-right:.25rem}.component-base-popover-control__popover__wrapper{z-index:9999!important}.component-base-popover-control__popover{background-color:var(--blockout__colours__surface--200);border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--lg);box-shadow:0 .175rem .375rem #0000001a;width:fit-content;max-height:var(--popover-available-height);padding:.5rem;min-height:var(--base-control__min-height)}.component-base-control--normal.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__input:hover){background-color:var(--blockout__colours__surface--200);border-color:var(--blockout__colours__surface--100)}.component-base-control--normal.component-base-popover-control .component-base-control__box .component-base-popover-control__caret:hover{background-color:var(--blockout__colours__surface--200)}.component-base-control--normal.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__caret:hover){background-color:var(--blockout__colours__surface--100)}.component-base-control--normal.component-base-popover-control .component-base-control__box:focus-within{background-color:var(--blockout__colours__surface--50);border-color:var(--blockout__colours__surface--300);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-base-control--outline.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__input:hover){border-color:var(--blockout__colours__primary--500)}.component-base-control--outline.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__caret:hover){border-color:var(--blockout__colours__surface--300)}.component-base-control--outline.component-base-popover-control .component-base-control__box:focus-within{border-color:var(--blockout__colours__primary--500);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-base-control--ghost.component-base-popover-control .component-base-control__box:has(.component-base-popover-control__input:hover){border-color:var(--blockout__colours__surface--300)}.component-base-control--ghost.component-base-popover-control .component-base-control__box:focus-within{border-color:var(--blockout__colours__primary--500);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-base-control--ghost.component-base-popover-control .component-base-popover-control__caret{display:none}

package/dist/assets/style20.css

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

package/dist/assets/style28.css

@@ -1 +1 @@
-.component-recurrence-control .component-base-popover-control__popover{min-width:300px}.component-recurrence-control__row{display:flex;align-items:center;gap:1rem;flex-grow:1}.component-recurrence-control__row:not(:first-child){margin-top:1rem}.component-recurrence-control__row .component-base-control{flex-grow:1}.component-recurrence-control__fieldset{display:flex;flex-direction:column;gap:1rem}.component-recurrence-control__frequency_type{display:flex;align-items:center;gap:1ch}.component-recurrence-control__frequency_type:not(:first-child){margin-top:1rem}.component-recurrence-control__frequency_type .component-recurrence-control__row{margin-top:0}.component-recurrence-control__radio{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;cursor:pointer;border-radius:var(--blockout__radius--xs);outline-offset:0px;outline:0px solid transparent;transition:outline .25s ease,outline-offset .25s ease,background-color .25s ease}.component-recurrence-control__radio>svg{width:1rem;height:1rem}.component-recurrence-control__radio:hover{background-color:var(--blockout__colours__surface--300)}.component-recurrence-control__radio:focus{outline:1px solid var(--blockout__colours__outline);outline-offset:4px}
+.component-recurrence-controller__placeholder{color:var(--blockout__colours__surface--500)}.component-recurrence-control .component-base-popover-control__popover{min-width:300px}.component-recurrence-control__row{display:flex;align-items:center;gap:1rem;flex-grow:1}.component-recurrence-control__row:not(:first-child){margin-top:1rem}.component-recurrence-control__row .component-base-control{flex-grow:1}.component-recurrence-control__fieldset{display:flex;flex-direction:column;gap:1rem}.component-recurrence-control__frequency_type{display:flex;align-items:center;gap:1ch}.component-recurrence-control__frequency_type:not(:first-child){margin-top:1rem}.component-recurrence-control__frequency_type .component-recurrence-control__row{margin-top:0}.component-recurrence-control__radio{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;cursor:pointer;border-radius:var(--blockout__radius--xs);outline-offset:0px;outline:0px solid transparent;transition:outline .25s ease,outline-offset .25s ease,background-color .25s ease}.component-recurrence-control__radio>svg{width:1rem;height:1rem}.component-recurrence-control__radio:hover{background-color:var(--blockout__colours__surface--300)}.component-recurrence-control__radio:focus{outline:1px solid var(--blockout__colours__outline);outline-offset:4px}

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

@@ -13,7 +13,7 @@ import "../../../primitives/symbol/index.js";
 import { Truncate as d } from "../../../primitives/truncate/index.js";
 /* empty css                      */
 /* empty css                       */
-import { e as v } from "../../../CaretDown.es-eyr5AnCc.js";
+import { e as v } from "../../../CaretDown.es-CfgGfmY2.js";
 import { BaseControl as f } from "../base-control/index.js";
 import { useBaseControlProps as P } from "../base-control/props.js";
 /* empty css                      */

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

@@ -1,6 +1,6 @@
 import { jsxs as l, Fragment as d, jsx as n } from "react/jsx-runtime";
 import { noop as c } from "../../../utils/noop.js";
-import { e as f } from "../../../CaretDown.es-eyr5AnCc.js";
+import { e as f } from "../../../CaretDown.es-CfgGfmY2.js";
 import { r as h } from "../../../CaretUp.es-Cy8czlHG.js";
 import { useRef as x } from "react";
 import { BaseControl as C } from "../base-control/index.js";

package/dist/components/controls/recurrence-control/index.d.ts

@@ -1,5 +1,8 @@
 import { ControlFC } from '../base-control/props';
-type RecurrenceControlProps = {
+type RecurrenceProps = {
+    placeholder?: string;
+};
+type RecurrenceValueProps = {
     allowEmpty?: false;
     value?: string;
     onChangeValue?: (value: string) => void;
@@ -8,5 +11,5 @@ type RecurrenceControlProps = {
     value?: string | undefined;
     onChangeValue?: (value: string | undefined) => void;
 };
-export declare const RecurrenceControl: ControlFC<RecurrenceControlProps>;
+export declare const RecurrenceControl: ControlFC<RecurrenceValueProps & RecurrenceProps>;
 export {};

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

@@ -1,11 +1,11 @@
-import { jsxs as i, jsx as l, Fragment as L } from "react/jsx-runtime";
-import { getOrdinalSuffix as w } from "../../../utils/date.js";
-import { noop as x } from "../../../utils/noop.js";
-import { t as q, r as M } from "../../../RadioButton.es-D3QVjfF9.js";
-import { useMemo as V } from "react";
-import { R as C, F as n } from "../../../style-D1AX7G7x.js";
-import { useBaseControlProps as W } from "../base-control/props.js";
-import { BasePopoverControl as A } from "../base-popover-control/index.js";
+import { jsx as l, jsxs as t, Fragment as w } from "react/jsx-runtime";
+import { getOrdinalSuffix as C } from "../../../utils/date.js";
+import { noop as M } from "../../../utils/noop.js";
+import { t as V, r as W } from "../../../RadioButton.es-D3QVjfF9.js";
+import { useMemo as A } from "react";
+import { R as N, F as n } from "../../../style-D1AX7G7x.js";
+import { useBaseControlProps as D } from "../base-control/props.js";
+import { BasePopoverControl as K } from "../base-popover-control/index.js";
 import { NumberControl as E } from "../number-control/index.js";
 import { SelectControl as d } from "../select-control/control.js";
 import '../../../assets/style16.css';import '../../../assets/styles.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style10.css';import '../../../assets/style7.css';/* empty css                      */
@@ -22,29 +22,30 @@ import "../../../primitives/symbol/index.js";
 /* empty css                       */
 import "../../../match-sorter.esm-MNVE8H_6.js";
 /* empty css                      */
-import { ToggleControl as D } from "../toggle-control/index.js";
-import { ToggleGroupControl as K } from "../toggle-group-control/index.js";
-const N = "RRULE:FREQ=WEEKLY;INTERVAL=1;BYDAY=MO", de = (c) => {
-  var y, b, h, v, f, g;
-  const { baseProps: s, controlProps: u } = W(c, {
+import { ToggleControl as P } from "../toggle-control/index.js";
+import { ToggleGroupControl as I } from "../toggle-group-control/index.js";
+const _ = "RRULE:FREQ=WEEKLY;INTERVAL=1;BYDAY=MO", be = (c) => {
+  var b, h, f, v, g, L;
+  const { baseProps: i, controlProps: u } = D(c, {
     className: "component-recurrence-control"
   }), {
     value: a,
-    onChangeValue: m = x,
-    allowEmpty: t = !1,
-    ...Y
-  } = u, o = C.fromString(a || N), k = V(
-    () => !a && t ? "" : o == null ? void 0 : o.toText(),
-    [a, t]
-  ), R = (e) => {
-    t && m(e ? N : void 0);
-  }, _ = (e) => {
+    onChangeValue: m = M,
+    allowEmpty: p = !1,
+    placeholder: Y = "",
+    ...k
+  } = u, o = N.fromString(a || _), y = /* @__PURE__ */ l("span", { className: "component-recurrence-controller__placeholder", children: Y }), R = A(
+    () => a && (o == null ? void 0 : o.toText()) || y,
+    [a, p]
+  ), F = (e) => {
+    p && m(e ? _ : void 0);
+  }, O = (e) => {
     e === n.DAILY ? r({ freq: n.DAILY, bymonthday: [], byweekday: [] }) : e === n.WEEKLY ? r({ freq: n.WEEKLY, bymonthday: [], byweekday: [0] }) : e === n.MONTHLY && r({ freq: n.MONTHLY, bymonthday: [1], byweekday: [] });
   }, r = (e) => {
-    const p = {
+    const s = {
       ...o.options,
       ...e
-    }, F = [
+    }, S = [
       "byhour",
       "byminute",
       "bysecond",
@@ -52,36 +53,36 @@ const N = "RRULE:FREQ=WEEKLY;INTERVAL=1;BYDAY=MO", de = (c) => {
       "count",
       "until"
     ];
-    for (const S of F)
-      delete p[S];
-    p.freq === n.DAILY && delete p.byweekday;
-    const O = new C(p);
-    m(O.toString());
+    for (const q of S)
+      delete s[q];
+    s.freq === n.DAILY && delete s.byweekday;
+    const x = new N(s);
+    m(x.toString());
   };
-  return /* @__PURE__ */ i(
-    A,
+  return /* @__PURE__ */ t(
+    K,
     {
-      ...s,
-      placeholder: a === void 0 && t ? "" : k,
-      inputProps: Y,
+      ...i,
+      placeholder: R,
+      inputProps: k,
       children: [
-        t && /* @__PURE__ */ l("div", { className: "component-recurrence-control__row", children: /* @__PURE__ */ l(
-          D,
+        p && /* @__PURE__ */ l("div", { className: "component-recurrence-control__row", children: /* @__PURE__ */ l(
+          P,
           {
             onLabel: "Repeats",
             offLabel: "None",
             value: a === void 0,
-            onChangeValue: R
+            onChangeValue: F
           }
         ) }),
-        (a !== void 0 || !t) && /* @__PURE__ */ i(L, { children: [
-          /* @__PURE__ */ i("div", { className: "component-recurrence-control__row", children: [
+        (a !== void 0 || !p) && /* @__PURE__ */ t(w, { children: [
+          /* @__PURE__ */ t("div", { className: "component-recurrence-control__row", children: [
             /* @__PURE__ */ l(
               E,
               {
                 value: o.options.interval,
                 onChangeValue: (e) => r({ interval: e || 1 }),
-                suffix: w(o.options.interval),
+                suffix: C(o.options.interval),
                 min: 1,
                 "aria-label": "Recurrence frequency"
               }
@@ -91,7 +92,7 @@ const N = "RRULE:FREQ=WEEKLY;INTERVAL=1;BYDAY=MO", de = (c) => {
               {
                 "aria-label": "Recurrence period",
                 value: o.options.freq,
-                onChangeValue: _,
+                onChangeValue: O,
                 options: [
                   { label: "Day", value: n.DAILY },
                   { label: "Week", value: n.WEEKLY },
@@ -101,9 +102,9 @@ const N = "RRULE:FREQ=WEEKLY;INTERVAL=1;BYDAY=MO", de = (c) => {
             )
           ] }),
           o.options.freq === n.WEEKLY && /* @__PURE__ */ l("div", { className: "component-recurrence-control__row", children: /* @__PURE__ */ l(
-            K,
+            I,
             {
-              value: ((y = o.options.byweekday) == null ? void 0 : y.map(String)) || [],
+              value: ((b = o.options.byweekday) == null ? void 0 : b.map(String)) || [],
               onChangeValue: (e) => r({ byweekday: e.map(Number) }),
               label: "On every",
               options: [
@@ -118,19 +119,19 @@ const N = "RRULE:FREQ=WEEKLY;INTERVAL=1;BYDAY=MO", de = (c) => {
               multiple: !0
             }
           ) }),
-          o.options.freq === n.MONTHLY && /* @__PURE__ */ i(L, { children: [
+          o.options.freq === n.MONTHLY && /* @__PURE__ */ t(w, { children: [
             /* @__PURE__ */ l(
               T,
               {
-                open: ((b = o.options.bymonthday) == null ? void 0 : b.length) > 0,
+                open: ((h = o.options.bymonthday) == null ? void 0 : h.length) > 0,
                 onOpen: () => r({ bymonthday: [1], byweekday: [] }),
                 children: /* @__PURE__ */ l(
                   E,
                   {
                     prefix: "On the",
-                    suffix: w(o.options.bymonthday[0]) + " of the month",
+                    suffix: C(o.options.bymonthday[0]) + " of the month",
                     placeholder: "4",
-                    value: (h = o.options.bymonthday) == null ? void 0 : h[0],
+                    value: (f = o.options.bymonthday) == null ? void 0 : f[0],
                     onChangeValue: (e) => r({
                       bymonthday: [e || 1]
                     }),
@@ -140,7 +141,7 @@ const N = "RRULE:FREQ=WEEKLY;INTERVAL=1;BYDAY=MO", de = (c) => {
                 )
               }
             ),
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ t(
               T,
               {
                 open: ((v = o.options.byweekday) == null ? void 0 : v.length) > 0,
@@ -177,7 +178,7 @@ const N = "RRULE:FREQ=WEEKLY;INTERVAL=1;BYDAY=MO", de = (c) => {
                         }
                       ],
                       placeholder: "First",
-                      value: String((f = o.options.bysetpos) == null ? void 0 : f[0]),
+                      value: String((g = o.options.bysetpos) == null ? void 0 : g[0]),
                       onChangeValue: (e) => r({
                         bysetpos: [Number(e) || 0]
                       })
@@ -196,7 +197,7 @@ const N = "RRULE:FREQ=WEEKLY;INTERVAL=1;BYDAY=MO", de = (c) => {
                         { label: "Sunday", value: "6" }
                       ],
                       placeholder: "Monday",
-                      value: String((g = o.options.byweekday) == null ? void 0 : g[0]),
+                      value: String((L = o.options.byweekday) == null ? void 0 : L[0]),
                       onChangeValue: (e) => r({
                         byweekday: [Number(e) || 0]
                       })
@@ -211,21 +212,21 @@ const N = "RRULE:FREQ=WEEKLY;INTERVAL=1;BYDAY=MO", de = (c) => {
     }
   );
 }, T = (c) => {
-  const { open: s, onOpen: u, children: a } = c;
-  return /* @__PURE__ */ i("div", { className: "component-recurrence-control__frequency_type", children: [
+  const { open: i, onOpen: u, children: a } = c;
+  return /* @__PURE__ */ t("div", { className: "component-recurrence-control__frequency_type", children: [
     /* @__PURE__ */ l(
       "button",
       {
         className: "component-recurrence-control__radio",
-        "aria-pressed": s,
+        "aria-pressed": i,
         onClick: u,
         type: "button",
-        children: s ? /* @__PURE__ */ l(q, { weight: "fill" }) : /* @__PURE__ */ l(M, {})
+        children: i ? /* @__PURE__ */ l(V, { weight: "fill" }) : /* @__PURE__ */ l(W, {})
       }
     ),
-    /* @__PURE__ */ l("fieldset", { className: "component-recurrence-control__row", disabled: !s, children: a })
+    /* @__PURE__ */ l("fieldset", { className: "component-recurrence-control__row", disabled: !i, children: a })
   ] });
 };
 export {
-  de as RecurrenceControl
+  be as RecurrenceControl
 };

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

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

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

@@ -15,4 +15,6 @@ export type SelectProps<T extends string = string> = {
     withIcon?: boolean;
     autoComplete?: HTMLInputAutoCompleteAttribute;
     disabled?: boolean;
+    required?: boolean;
+    defaultGroupOpen?: boolean;
 };

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

@@ -1,3 +1,3 @@
 import { PropsWithChildren } from 'react';
 import { SelectProps } from './props';
-export declare const Select: <T extends string = string>({ className, value, onChangeValue, options: unnormalizedOptions, searchable, combobox, placeholder, prefix, suffix, children, withIcon, ...restControlProps }: SelectProps<T> & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const Select: <T extends string = string>({ className, value, onChangeValue, options: unnormalizedOptions, searchable, combobox, placeholder, prefix, suffix, children, withIcon, defaultGroupOpen, ...restControlProps }: SelectProps<T> & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,8 @@
-import { jsx as s, jsxs as r } from "react/jsx-runtime";
-import { cn as j } from "../../../utils/css.js";
+import { jsx as o, jsxs as r } from "react/jsx-runtime";
+import { cn as x } from "../../../utils/css.js";
 import '../../../assets/style16.css';import '../../../assets/styles.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style10.css';import '../../../assets/style7.css';/* empty css                      */
-import { noop as y } from "../../../utils/noop.js";
-import { useState as h, useMemo as g, startTransition as k } from "react";
+import { noop as j } from "../../../utils/noop.js";
+import { useState as f, useMemo as y, startTransition as k } from "react";
 /* empty css                      */
 /* empty css                      */
 /* empty css                      */
@@ -15,71 +15,76 @@ import "../../../primitives/symbol/index.js";
 /* empty css                      */
 /* empty css                       */
 import { normalizeOptions as A, findOption as H } from "../../../types/options.js";
-import { s as M } from "../../../MagnifyingGlass.es-CLstwG_v.js";
-import { m as T } from "../../../match-sorter.esm-MNVE8H_6.js";
+import { e as M } from "../../../CaretDown.es-CfgGfmY2.js";
+import { s as T } from "../../../MagnifyingGlass.es-CLstwG_v.js";
+import { m as $ } from "../../../match-sorter.esm-MNVE8H_6.js";
 /* empty css                      */
-import { C as $, a as f, b as q } from "../../../MAXQOH4L-BYWBWXpb.js";
-import { S as B, a as D, b as E, c as F, d as J, e as K, f as Q } from "../../../select-popover-CGgkyRb4.js";
-import { C as R } from "../../../combobox-popover-BZ_1wNrj.js";
-import { C as U, a as W } from "../../../combobox-group-hNvv1WJm.js";
-import { C as u } from "../../../JMHAJKUZ-D5KCN1Aj.js";
-const Ie = ({
+import { C as q, a as u, b as B } from "../../../MAXQOH4L-BYWBWXpb.js";
+import { S as E, a as F, b as J, c as K, d as Q, e as R, f as U } from "../../../select-popover-CGgkyRb4.js";
+import { C as W } from "../../../combobox-popover-BZ_1wNrj.js";
+import { C as X, a as Y } from "../../../combobox-group-hNvv1WJm.js";
+import { D as Z } from "../../../F5MUBM3I-75qY3y0N.js";
+import { D as ee } from "../../../KFH4SEIX-DaQeP5D_.js";
+import { C as h } from "../../../JMHAJKUZ-D5KCN1Aj.js";
+import { D as te } from "../../../disclosure-provider-cEVysvZT.js";
+const Ae = ({
   className: v,
   value: i,
-  onChangeValue: c = y,
+  onChangeValue: c = j,
   options: S = [],
   searchable: l = !1,
   combobox: e = !1,
   placeholder: N = "Choose an option...",
-  prefix: X,
-  suffix: Y,
+  prefix: oe,
+  suffix: se,
   children: C,
-  withIcon: Z,
-  ...O
+  withIcon: re,
+  defaultGroupOpen: O = !0,
+  ...P
 }) => {
   e && (l = !0);
-  const [a, p] = h(!1), [n, P] = h(""), m = A(S), _ = g(() => m.map((t) => ({
+  const [n, p] = f(!1), [a, w] = f(""), m = A(S), _ = y(() => m.map((t) => ({
     ...t,
-    items: T(t.items, n, {
-      baseSort: (o, x) => o.index < x.index ? -1 : 1,
+    items: $(t.items, a, {
+      baseSort: (s, g) => s.index < g.index ? -1 : 1,
       keys: ["label", "description", "aliases"]
     })
-  })), [n]), L = l || e ? q : F, w = e ? u : Q, G = e ? f : D, b = e ? R : E, I = e ? U : J, V = e ? W : K, d = !!!H(m, i);
-  return /* @__PURE__ */ s(
-    $,
+  })), [a]), L = l || e ? B : K, b = e ? h : U, D = e ? u : F, G = e ? W : J, I = e ? X : Q, V = e ? Y : R, d = !!!H(m, i);
+  return /* @__PURE__ */ o(
+    q,
     {
       resetValueOnHide: !e,
-      open: a,
+      open: n,
       setOpen: p,
-      value: e ? i : n,
+      value: e ? i : a,
       setValue: (t) => {
         e && c(t), k(() => {
-          P(t);
+          w(t);
         });
       },
       children: /* @__PURE__ */ r(
-        B,
+        E,
         {
           value: d ? "" : i,
           setValue: c,
-          open: a,
+          open: n,
           setOpen: p,
           children: [
-            /* @__PURE__ */ s(
-              G,
+            /* @__PURE__ */ o(
+              D,
               {
-                className: j(
+                className: x(
                   v,
                   "component-select__input",
                   d && "component-select__input--placeholder"
                 ),
                 children: e ? void 0 : C,
                 placeholder: N,
-                ...O
+                ...P
               }
             ),
-            a && _.length > 0 && /* @__PURE__ */ s(
-              b,
+            n && _.length > 0 && /* @__PURE__ */ o(
+              G,
               {
                 className: "component-select__popover",
                 "data-colour-scheme": "invert",
@@ -92,9 +97,9 @@ const Ie = ({
                 shift: -1,
                 children: /* @__PURE__ */ r(z, { className: "component-select__popover__scroll", axis: "y", children: [
                   l && !e && /* @__PURE__ */ r("div", { className: "component-select__popover__search-wrapper", children: [
-                    /* @__PURE__ */ s(M, { className: "component-select__popover__search-icon" }),
-                    /* @__PURE__ */ s(
-                      f,
+                    /* @__PURE__ */ o(T, { className: "component-select__popover__search-icon" }),
+                    /* @__PURE__ */ o(
+                      u,
                       {
                         autoSelect: !0,
                         placeholder: "Search...",
@@ -102,29 +107,51 @@ const Ie = ({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ s(L, { className: "component-select__list", children: _.filter((t) => t.items.length > 0).map((t) => /* @__PURE__ */ r(
+                  /* @__PURE__ */ o(L, { className: "component-select__list", children: _.filter((t) => t.items.length > 0).map((t) => /* @__PURE__ */ r(
                     I,
                     {
                       className: "component-select__list__group",
+                      render: /* @__PURE__ */ o(
+                        te,
+                        {
+                          defaultOpen: O
+                        }
+                      ),
                       children: [
-                        t.label && /* @__PURE__ */ s(V, { className: "component-select__list__group__label", children: t.label }),
-                        t.items.map((o) => /* @__PURE__ */ r(
-                          w,
+                        t.label && /* @__PURE__ */ r(
+                          V,
+                          {
+                            className: "component-select__list__group__label",
+                            render: /* @__PURE__ */ o(Z, {}),
+                            children: [
+                              t.label,
+                              /* @__PURE__ */ o(
+                                M,
+                                {
+                                  className: "component-select__list__group__label__icon",
+                                  weight: "fill"
+                                }
+                              )
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ o(ee, { className: "component-select__list__group__items", children: t.items.map((s) => /* @__PURE__ */ r(
+                          b,
                           {
-                            disabled: o.disabled,
-                            value: o.value,
+                            disabled: s.disabled,
+                            value: s.value,
                             className: "component-select__option",
-                            render: /* @__PURE__ */ s(u, {}),
+                            render: /* @__PURE__ */ o(h, {}),
                             children: [
                               /* @__PURE__ */ r("div", { className: "component-select__option__label", children: [
-                                o.icon,
-                                o.label
+                                s.icon,
+                                s.label
                               ] }),
-                              o.description && /* @__PURE__ */ s("div", { className: "component-select__option__description", children: o.description })
+                              s.description && /* @__PURE__ */ o("div", { className: "component-select__option__description", children: s.description })
                             ]
                           },
-                          o.value
-                        ))
+                          s.value
+                        )) })
                       ]
                     },
                     t.label
@@ -139,5 +166,5 @@ const Ie = ({
   );
 };
 export {
-  Ie as Select
+  Ae as Select
 };

package/dist/components/data-view/data/options.js

@@ -2,7 +2,7 @@ import { jsx as l } from "react/jsx-runtime";
 import * as a from "react";
 import { w as m } from "../../../SSRBase.es-BUXS72ra.js";
 import { r as d } from "../../../ArrowBendDownRight.es-mejk84um.js";
-import { e as u } from "../../../CaretDown.es-eyr5AnCc.js";
+import { e as u } from "../../../CaretDown.es-CfgGfmY2.js";
 import { r as p } from "../../../CaretUp.es-Cy8czlHG.js";
 const E = /* @__PURE__ */ new Map([
   [

package/dist/types/options.js

@@ -17,28 +17,27 @@ function f(n) {
   };
 }
 function p(n) {
-  const o = [], e = {
+  const e = [], t = {
     type: "group",
     label: "",
     items: []
   };
-  for (const t of n)
-    s(t) ? o.push(f(t)) : e.items.push(i(t));
-  return e.items.length > 0 && o.push(e), o;
+  for (const o of n)
+    s(o) ? e.push(f(o)) : t.items.push(i(o));
+  return t.items.length > 0 && e.push(t), e;
 }
-function l(n, o) {
-  const e = p(n);
-  console.log(e, o);
-  for (const t of e) {
-    const r = t.items.find((u) => u.value === o);
+function l(n, e) {
+  const t = p(n);
+  for (const o of t) {
+    const r = o.items.find((u) => u.value === e);
     if (r)
       return r;
   }
 }
-function c(n, o, e) {
-  return e.findIndex(
-    (t) => i(t).value === i(n).value
-  ) === o;
+function c(n, e, t) {
+  return t.findIndex(
+    (o) => i(o).value === i(n).value
+  ) === e;
 }
 export {
   l as findOption,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wrdagency/blockout",
-	"version": "1.0.33",
+	"version": "1.0.35",
 	"description": "A React component library created by WRD.agency",
 	"type": "module",
 	"main": "dist/index.js",

package/dist/CaretDown.es-eyr5AnCc.js

@@ -1,8 +0,0 @@
-import * as r from "react";
-import { w as t } from "./SSRBase.es-BUXS72ra.js";
-import { t as m } from "./CaretDown.es-BKFnosGJ.js";
-const a = r.forwardRef((e, o) => /* @__PURE__ */ r.createElement(t, { ref: o, ...e, weights: m }));
-a.displayName = "CaretDownIcon";
-export {
-  a as e
-};