@wrdagency/blockout 0.0.9 → 0.0.10

package/dist/assets/index10.css

@@ -1 +1 @@
-.component-menu__button{outline:0px solid transparent;outline-offset:0px;cursor:pointer;transition:background-color .25s ease,outline .25s ease,outline-offset .25s ease}.component-menu__button:hover{background-color:var(--blockout__colours__surface--50)}.component-menu__button:focus-visible{background-color:transparent;outline:1px solid var(--blockout__colours__surface--950);outline-offset:4px}.component-menu__menu-wrapper{z-index:9999!important}.component-menu{display:flex;flex-direction:column;background-color:var(--blockout__colours__surface--0);border:1px solid var(--blockout__colours__surface--300);min-width:8rem;gap:.325rem;padding:.325rem;box-shadow:0 .175rem .375rem #0000001a}.component-menu__arrow>svg{fill:var(--blockout__colours__surface--0)!important;stroke:var(--blockout__colours__surface--300)!important}.component-menu__item{display:flex;align-items:baseline;gap:.875rem;padding:.375rem .675rem;width:100%;cursor:pointer;transition:background-color .25s ease}.component-menu__item[data-active-item=true]{background-color:var(--blockout__colours__primary--50)}.component-menu__item:focus-visible{outline:none}.component-menu__item[data-active-item=true] .component-menu__item__label{color:var(--blockout__colours__primary--950)}.component-menu__item[data-active-item=true] .component-menu__item__description{color:var(--blockout__colours__primary--900);opacity:.7}.component-menu__item__icon{width:1.25rem;height:1.25rem;fill:var(--blockout__colours__surface--400)}.component-menu__item__icon--pictoral{transform:translateY(.25rem)}.component-menu__item__text{flex-grow:1}.component-menu__item__text__header{display:flex;align-items:center;gap:2rem;justify-content:space-between;width:100%}.component-menu__item__text__header+.component-menu__item__description{margin-top:.25rem}.component-menu__item__label{font-weight:500;color:var(--blockout__colours__surface--950);transition:color .25s ease}.component-menu__item__description{font-weight:400;color:var(--blockout__colours__surface--500);font-size:.875rem;padding-right:.375rem;transition:color .25s ease,opacity .25s ease}.component-menu__item--toggle--checked .component-menu__item__icon--checkbox{fill:var(--blockout__colours__surface--950)}.component-menu__separator{margin:0 -.325rem;border-top:1px solid var(--blockout__colours__surface--300);border-bottom:none}
+.component-select-control__input{cursor:pointer;display:flex;width:100%}.component-select-control__input:focus{outline:none}.component-select-control__value{flex-grow:1;padding:.75rem;min-height:40px;width:100%;min-width:0;max-width:100%;color:var(--blockout__colours__surface--800);font-size:1rem;text-align:left;background-color:transparent;transition:background-color .25s ease}.component-select-control__value:hover{background-color:var(--blockout__colours__surface--50)}.component-select-control__caret{width:2rem;display:flex;justify-content:center;align-items:center;border-left:1px solid var(--blockout__colours__surface--300);background-color:var(--blockout__colours__surface--0);cursor:pointer;transition:background-color .25s ease}.component-select-control__caret:hover{background-color:var(--blockout__colours__surface--50)}.component-select-control__caret>svg{width:.75rem;height:.75rem;fill:currentColor}.component-select-control__popover__wrapper{z-index:9999!important}.component-select-control__popover{background-color:var(--blockout__colours__surface--0);border:1px solid var(--blockout__colours__surface--300);box-shadow:0 .175rem .375rem #0000001a;width:calc(var(--popover-anchor-width) + 2px);max-height:var(--popover-available-height);overflow-y:auto}.component-select-control__popover:focus{outline:none}.component-select-control__list{display:flex;flex-direction:column;gap:.325rem;padding:.325rem}.component-select-control__list:focus{outline:none}.component-select-control__popover__search-wrapper{display:flex;align-items:center;gap:0;padding-left:1rem;border-bottom:1px solid var(--blockout__colours__surface--300)}.component-select-control__popover__search-icon{width:1rem;height:1rem;fill:var(--blockout__colours__surface--600)}.component-select-control__popover__search{width:100%;padding:.375rem .675rem;min-height:40px}.component-select-control__popover__search:focus{outline:none}.component-select-control__option{display:flex;justify-content:start;align-items:start;flex-direction:column;gap:.25rem;padding:.375rem .675rem;min-height:40px;cursor:pointer;transition:background-color .25s ease}.component-select-control__option:focus{outline:none}.component-select-control__option:first-child{border-top:none}.component-select-control__option__label{font-weight:500;color:var(--blockout__colours__surface--950);transition:color .25s ease}.component-select-control__option__description{font-weight:400;color:var(--blockout__colours__surface--500);font-size:.875rem;transition:color .25s ease,opacity .25s ease}.component-select-control__option[data-active-item=true]{background-color:var(--blockout__colours__primary--50)}.component-select-control__option[data-active-item=true] .component-select-control__option__label{color:var(--blockout__colours__primary--950)}.component-select-control__option[data-active-item=true] .component-select-control__option__description{color:var(--blockout__colours__primary--900);opacity:.7}

package/dist/assets/index4.css

@@ -1 +1 @@
-.component-button{--button__bg: var(--blockout__colours__primary--500);--button__bg--hover: var(--blockout__colours__primary--600);--button__text: var(--blockout__colours__surface--50);--button__text--hover: var(--blockout__colours__surface--50);display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1.25rem;min-height:40px;font-size:1rem;width:fit-content;background-color:var(--button__bg);color:var(--button__text);cursor:pointer;outline:0px solid transparent;outline-offset:0px;transition:background-color .25s ease,outline .25s ease,outline-offset .25s ease,border-color .25s ease,color .25s ease}.component-button>svg{width:1.25rem;height:1.25rem;color:currentColor}.component-button:hover{background-color:var(--button__bg--hover);color:var(--button__text--hover)}.component-button:focus{background-color:var(--button__bg--hover);color:var(--button__text--hover);outline:1px solid var(--blockout__colours__surface--950);outline-offset:4px}.component-button:active{outline-offset:3px}.component-button--wide{width:100%}.component-button--outline{border:2px solid var(--button__bg);color:var(--button__bg);background-color:transparent}.component-button--outline:hover{border:2px solid var(--button__bg--hover);color:var(--button__bg--hover);background-color:transparent}.component-button--outline:focus{border:2px solid var(--button__bg--hover);color:var(--button__bg--hover);background-color:transparent}.component-button--primary{--button__bg: var(--blockout__colours__primary--500);--button__bg--hover: var(--blockout__colours__primary--600);--button__text: var(--blockout__colours__surface--50);--button__text--hover: var(--blockout__colours__surface--50)}.component-button--dark{--button__bg: var(--blockout__colours__surface--950);--button__bg--hover: var(--blockout__colours__surface--900);--button__text: var(--blockout__colours__surface--50);--button__text--hover: var(--blockout__colours__surface--50)}.component-button--light{--button__bg: var(--blockout__colours__surface--100);--button__bg--hover: var(--blockout__colours__surface--200);--button__text: var(--blockout__colours__surface--950);--button__text--hover: var(--blockout__colours__surface--950)}
+.component-button{--button__bg: var(--blockout__colours__primary--500);--button__bg--hover: var(--blockout__colours__primary--600);--button__text: var(--blockout__colours__surface--50);--button__text--hover: var(--blockout__colours__surface--50);display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1.25rem;min-height:40px;font-size:1rem;width:fit-content;background-color:var(--button__bg);color:var(--button__text);cursor:pointer;outline:0px solid transparent;outline-offset:0px;transition:background-color .25s ease,outline .25s ease,outline-offset .25s ease,border-color .25s ease,color .25s ease}.component-button>svg{width:1.25rem;height:1.25rem;color:currentColor}.component-button:hover{background-color:var(--button__bg--hover);color:var(--button__text--hover)}.component-button:focus{background-color:var(--button__bg--hover);color:var(--button__text--hover);outline:1px solid var(--blockout__colours__surface--950);outline-offset:4px}.component-button:active{outline-offset:3px}.component-button--wide{width:100%}.component-button--outline{border:2px solid var(--button__bg);color:var(--button__bg);background-color:transparent}.component-button--outline:hover{border:2px solid var(--button__bg--hover);color:var(--button__bg--hover);background-color:transparent}.component-button--outline:focus{border:2px solid var(--button__bg--hover);color:var(--button__bg--hover);background-color:transparent}.component-button--primary{--button__bg: var(--blockout__colours__primary--500);--button__bg--hover: var(--blockout__colours__primary--600);--button__text: var(--blockout__colours__surface--50);--button__text--hover: var(--blockout__colours__surface--50)}.component-button--dark{--button__bg: var(--blockout__colours__surface--950);--button__bg--hover: var(--blockout__colours__surface--900);--button__text: var(--blockout__colours__surface--50);--button__text--hover: var(--blockout__colours__surface--50)}.component-button--light{--button__bg: var(--blockout__colours__surface--100);--button__bg--hover: var(--blockout__colours__surface--200);--button__text: var(--blockout__colours__surface--950);--button__text--hover: var(--blockout__colours__surface--950)}.component-button:disabled{opacity:.66;pointer-events:none}

package/dist/assets/index5.css

@@ -1 +1 @@
-.component-button-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}
+.component-base-control{display:flex;flex-direction:column}.component-base-control__label{display:block;font-weight:500;color:var(--blockout__colours__surface--950);font-size:.75rem;text-transform:uppercase;padding-bottom:.375rem}.component-base-control__label__required{color:#df1414;padding-left:.25rem}.component-base-control__box{display:flex;flex-direction:row;border:1px solid var(--blockout__colours__surface--300);background-color:var(--blockout__colours__surface--0);transition:outline .25s ease,outline-offset .25s ease,border-color .25s ease,color .25s ease}.component-base-control__box:focus-within{background-color:var(--blockout__colours__surface--0);outline:1px solid var(--blockout__colours__surface--950);outline-offset:4px}.component-base-control__control{flex-grow:1}.component-base-control__control>input,.component-base-control__control>select,.component-base-control__control>textarea{display:block;padding:.75rem;min-height:40px;width:100%;min-width:0;max-width:100%;color:var(--blockout__colours__surface--800);font-size:1rem;background-color:transparent;transition:background-color .25s ease}.component-base-control__control>input:hover,.component-base-control__control>select:hover,.component-base-control__control>textarea:hover{background-color:var(--blockout__colours__surface--50)}.component-base-control__control>input:focus,.component-base-control__control>select:focus,.component-base-control__control>textarea:focus{background-color:transparent;outline:none}.component-base-control__help{margin-top:.25rem;max-width:65ch;font-size:.75rem;font-weight:400;color:var(--blockout__colours__surface--600)}fieldset.component-base-control .component-base-control__box{border:none}fieldset.component-base-control .component-base-control__box:focus-within{outline:none}fieldset.component-base-control .component-base-control__help{order:-1;margin-top:0;margin-bottom:.75rem}

package/dist/assets/index6.css

@@ -1 +1 @@
-.component-base-control{display:flex;flex-direction:column}.component-base-control__label{display:block;font-weight:500;color:var(--blockout__colours__surface--950);font-size:.75rem;text-transform:uppercase;padding-bottom:.375rem}.component-base-control__label__required{color:#df1414;padding-left:.25rem}.component-base-control__box{display:flex;flex-direction:row;border:1px solid var(--blockout__colours__surface--300);background-color:var(--blockout__colours__surface--0);transition:outline .25s ease,outline-offset .25s ease,border-color .25s ease,color .25s ease}.component-base-control__box:focus-within{background-color:var(--blockout__colours__surface--0);outline:1px solid var(--blockout__colours__surface--950);outline-offset:4px}.component-base-control__control{flex-grow:1}.component-base-control__control>input,.component-base-control__control>select,.component-base-control__control>textarea{display:block;padding:.75rem;min-height:40px;width:100%;min-width:0;max-width:100%;color:var(--blockout__colours__surface--800);font-size:1rem;background-color:transparent;transition:background-color .25s ease}.component-base-control__control>input:hover,.component-base-control__control>select:hover,.component-base-control__control>textarea:hover{background-color:var(--blockout__colours__surface--50)}.component-base-control__control>input:focus,.component-base-control__control>select:focus,.component-base-control__control>textarea:focus{background-color:transparent;outline:none}.component-base-control__help{margin-top:.25rem;max-width:65ch;font-size:.75rem;font-weight:400;color:var(--blockout__colours__surface--600)}fieldset.component-base-control .component-base-control__box{border:none}fieldset.component-base-control .component-base-control__box:focus-within{outline:none}fieldset.component-base-control .component-base-control__help{order:-1;margin-top:0;margin-bottom:.75rem}
+.component-choice-control__choices{display:grid;gap:1.5rem}@media (min-width: 768px){.component-choice-control__choices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.component-choice-control__choices{grid-template-columns:repeat(3,minmax(0,1fr))}}.component-choice-control__choice{display:flex;flex-direction:row;align-items:baseline;gap:.75rem;padding:1rem;border:1px solid var(--blockout__colours__surface--300);background-color:var(--blockout__colours__surface--200);cursor:pointer;transition:background-color .25s ease,outline .25s ease,outline-offset .25s ease}.component-choice-control__choice:focus-within{outline:1px solid var(--blockout__colours__surface--950);outline-offset:4px}.component-choice-control__choice:has(input:checked){background-color:var(--blockout__colours__surface--0)}.component-choice-control__choice__icon{position:relative;border:2px solid var(--blockout__colours__surface--300);width:1rem;height:1rem;transition:border-color .25s ease;border-radius:2px;transform:translateY(.125rem)}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__icon{border-color:var(--blockout__colours__surface--950)}.component-choice-control__choice__icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:scale(0);display:block;background-color:var(--blockout__colours__primary--950);transition:transform .15s ease;border-radius:1px}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__icon:after{transform:scale(.75)}.component-choice-control__choice--single .component-choice-control__choice__icon{border-radius:1rem}.component-choice-control__choice--single .component-choice-control__choice__icon:after{border-radius:1rem}.component-choice-control__choice__label{font-weight:500;color:var(--blockout__colours__surface--600);transition:color .25s ease}.component-choice-control__choice__description{font-weight:400;color:var(--blockout__colours__surface--500);font-size:.875rem;transition:color .25s ease,opacity .25s ease}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__label{color:var(--blockout__colours__surface--950)}

package/dist/assets/index7.css

@@ -1 +1 @@
-.component-choice-control__choices{display:grid;gap:1.5rem}@media (min-width: 768px){.component-choice-control__choices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.component-choice-control__choices{grid-template-columns:repeat(3,minmax(0,1fr))}}.component-choice-control__choice{display:flex;flex-direction:row;align-items:baseline;gap:.75rem;padding:1rem;border:1px solid var(--blockout__colours__surface--300);background-color:var(--blockout__colours__surface--200);cursor:pointer;transition:background-color .25s ease,outline .25s ease,outline-offset .25s ease}.component-choice-control__choice:focus-within{outline:1px solid var(--blockout__colours__surface--950);outline-offset:4px}.component-choice-control__choice:has(input:checked){background-color:var(--blockout__colours__surface--0)}.component-choice-control__choice__icon{position:relative;border:2px solid var(--blockout__colours__surface--300);width:1rem;height:1rem;transition:border-color .25s ease;border-radius:2px;transform:translateY(.125rem)}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__icon{border-color:var(--blockout__colours__surface--950)}.component-choice-control__choice__icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:scale(0);display:block;background-color:var(--blockout__colours__primary--950);transition:transform .15s ease;border-radius:1px}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__icon:after{transform:scale(.75)}.component-choice-control__choice--single .component-choice-control__choice__icon{border-radius:1rem}.component-choice-control__choice--single .component-choice-control__choice__icon:after{border-radius:1rem}.component-choice-control__choice__label{font-weight:500;color:var(--blockout__colours__surface--600);transition:color .25s ease}.component-choice-control__choice__description{font-weight:400;color:var(--blockout__colours__surface--500);font-size:.875rem;transition:color .25s ease,opacity .25s ease}.component-choice-control__choice:has(input:checked) .component-choice-control__choice__label{color:var(--blockout__colours__surface--950)}
+.component-number-control__input::-webkit-outer-spin-button,.component-number-control__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.component-number-control__input{-moz-appearance:textfield}.component-number-control__spinbox{width:2rem;display:flex;flex-direction:column;border-left:1px solid var(--blockout__colours__surface--300);background-color:var(--blockout__colours__surface--0)}.component-number-control__spinbox__button{display:flex;align-items:center;justify-content:center;flex-basis:50%;cursor:pointer;transition:background-color .25s ease}.component-number-control__spinbox__button:hover{background-color:var(--blockout__colours__surface--50)}.component-number-control__spinbox__button:first-child{border-bottom:1px solid var(--blockout__colours__surface--300)}.component-number-control__spinbox__button>svg{width:.75rem;height:.75rem;fill:currentColor}

package/dist/assets/index8.css

@@ -1 +1 @@
-.component-number-control__input::-webkit-outer-spin-button,.component-number-control__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.component-number-control__input{-moz-appearance:textfield}.component-number-control__spinbox{width:2rem;display:flex;flex-direction:column;border-left:1px solid var(--blockout__colours__surface--300);background-color:var(--blockout__colours__surface--0)}.component-number-control__spinbox__button{display:flex;align-items:center;justify-content:center;flex-basis:50%;cursor:pointer;transition:background-color .25s ease}.component-number-control__spinbox__button:hover{background-color:var(--blockout__colours__surface--50)}.component-number-control__spinbox__button:first-child{border-bottom:1px solid var(--blockout__colours__surface--300)}.component-number-control__spinbox__button>svg{width:.75rem;height:.75rem;fill:currentColor}
+.component-data-table__table{border-collapse:separate;border-spacing:0}.component-data-table__th__target,.component-data-table__td{padding:1.25rem;border-bottom:1px solid var(--blockout__colours__surface--300)}.component-data-table__th:first-child .component-data-table__th__target,.component-data-table__td:first-child{padding-left:.25rem}.component-data-table__th:last-child .component-data-table__th__target,.component-data-table__td:last-child{padding-right:.25rem}.component-data-table__th{text-align:left;font-weight:500}.component-data-table__th__target{display:flex;align-items:center;gap:.75rem;width:100%;height:100%;font-weight:500}.component-data-table__th__sort-indicator{width:1rem;height:1rem;fill:var(--blockout__colours__surface--400)}.component-data-table__td{white-space:nowrap}.component-data-table__td--sticky,.component-data-table__th--sticky{position:sticky;left:0;background-color:var(--blockout__colours__surface--0)}.component-data-table__td--sticky:after,.component-data-table__th--sticky:after{content:"";position:absolute;top:-1px;left:100%;bottom:0;width:1rem;pointer-events:none;background:linear-gradient(90deg,#00000016,#0000)}.component-data-table__tfoot .component-data-table__td{padding-top:.75rem;padding-bottom:.75rem;font-size:.875rem;color:var(--blockout__colours__surface--600)}

package/dist/assets/index9.css

@@ -1 +1 @@
-.component-data-table__table{border-collapse:separate;border-spacing:0}.component-data-table__th__target,.component-data-table__td{padding:1.25rem;border-bottom:1px solid var(--blockout__colours__surface--300)}.component-data-table__th:first-child .component-data-table__th__target,.component-data-table__td:first-child{padding-left:.25rem}.component-data-table__th:last-child .component-data-table__th__target,.component-data-table__td:last-child{padding-right:.25rem}.component-data-table__th{text-align:left;font-weight:500}.component-data-table__th__target{display:flex;align-items:center;gap:.75rem;width:100%;height:100%;font-weight:500}.component-data-table__th__sort-indicator{width:1rem;height:1rem;fill:var(--blockout__colours__surface--400)}.component-data-table__td{white-space:nowrap}.component-data-table__td--sticky,.component-data-table__th--sticky{position:sticky;left:0;background-color:var(--blockout__colours__surface--0)}.component-data-table__td--sticky:after,.component-data-table__th--sticky:after{content:"";position:absolute;top:-1px;left:100%;bottom:0;width:1rem;pointer-events:none;background:linear-gradient(90deg,#00000016,#0000)}.component-data-table__tfoot .component-data-table__td{padding-top:.75rem;padding-bottom:.75rem;font-size:.875rem;color:var(--blockout__colours__surface--600)}
+.component-menu__button{outline:0px solid transparent;outline-offset:0px;cursor:pointer;transition:background-color .25s ease,outline .25s ease,outline-offset .25s ease}.component-menu__button:hover{background-color:var(--blockout__colours__surface--50)}.component-menu__button:focus-visible{background-color:transparent;outline:1px solid var(--blockout__colours__surface--950);outline-offset:4px}.component-menu__menu-wrapper{z-index:9999!important}.component-menu{display:flex;flex-direction:column;background-color:var(--blockout__colours__surface--0);border:1px solid var(--blockout__colours__surface--300);min-width:8rem;gap:.325rem;padding:.325rem;box-shadow:0 .175rem .375rem #0000001a}.component-menu__arrow>svg{fill:var(--blockout__colours__surface--0)!important;stroke:var(--blockout__colours__surface--300)!important}.component-menu__item{display:flex;align-items:baseline;gap:.875rem;padding:.375rem .675rem;width:100%;cursor:pointer;transition:background-color .25s ease}.component-menu__item[data-active-item=true]{background-color:var(--blockout__colours__primary--50)}.component-menu__item:focus-visible{outline:none}.component-menu__item[data-active-item=true] .component-menu__item__label{color:var(--blockout__colours__primary--950)}.component-menu__item[data-active-item=true] .component-menu__item__description{color:var(--blockout__colours__primary--900);opacity:.7}.component-menu__item__icon{width:1.25rem;height:1.25rem;fill:var(--blockout__colours__surface--400)}.component-menu__item__icon--pictoral{transform:translateY(.25rem)}.component-menu__item__text{flex-grow:1}.component-menu__item__text__header{display:flex;align-items:center;gap:2rem;justify-content:space-between;width:100%}.component-menu__item__text__header+.component-menu__item__description{margin-top:.25rem}.component-menu__item__label{font-weight:500;color:var(--blockout__colours__surface--950);transition:color .25s ease}.component-menu__item__description{font-weight:400;color:var(--blockout__colours__surface--500);font-size:.875rem;padding-right:.375rem;transition:color .25s ease,opacity .25s ease}.component-menu__item--toggle--checked .component-menu__item__icon--checkbox{fill:var(--blockout__colours__surface--950)}.component-menu__separator{margin:0 -.325rem;border-top:1px solid var(--blockout__colours__surface--300);border-bottom:none}

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

@@ -1,6 +1,6 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { cn as b } from "../../../utils/css.js";
-import '../../../assets/index6.css';const N = ({
+import '../../../assets/index5.css';const N = ({
   as: n = "div",
   label: c,
   className: s,

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

@@ -4,7 +4,7 @@ import "react";
 import { BaseControl as a } from "../base-control/index.js";
 import { useBaseControlProps as f } from "../base-control/props.js";
 import { Choice as h } from "./choice.js";
-import '../../../assets/index7.css';const B = (t) => {
+import '../../../assets/index6.css';const B = (t) => {
   const { baseProps: r, controlProps: n } = f(t, {
     className: "component-choice-control"
   }), {

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

@@ -4,7 +4,7 @@ import { r as u } from "../../../CaretUp.es-Cy8czlHG.js";
 import { useRef as p } from "react";
 import { BaseControl as a } from "../base-control/index.js";
 import { useBaseControlProps as b } from "../base-control/props.js";
-import '../../../assets/index8.css';const h = (t) => {
+import '../../../assets/index7.css';const h = (t) => {
   const o = p(null), c = () => /* @__PURE__ */ i("div", { className: "component-number-control__spinbox", children: [
     /* @__PURE__ */ n(
       "button",

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

@@ -10,7 +10,7 @@ import { useBaseControlProps as Jt } from "../base-control/props.js";
 import { c as Qe, P as Qt, C as Xe, o as Xt, a as et, b as te, _ as ne, q as en, i as me, h as R, j as x, t as tt, f as oe, d as re, K as nt, x as ue, y as D, z as Z, M as Me, u as L, e as G, a2 as ot, G as he, s as Ae, O as rt, m as lt, r as Ie, J as tn, g as nn, k as st, l as at, ag as on, ah as ut, a3 as rn, D as ln, a6 as sn, ai as an, aj as un, ak as cn, ac as Be, al as Pe, U as dn, af as mn, v as ke, H as fn, a4 as vn, am as pn, W as bn } from "../../../P7GR5CS5-PkUYC6hd.js";
 import { d as it, c as ct, t as dt, e as mt, k as ft, u as vt, f as pt, j as hn, h as bt, i as ht, g as St, b as Sn, a as Cn, l as gn, C as En, m as Ct, n as gt, o as On, p as xn, q as yn, r as An } from "../../../T7VMP3TM-BeJUiw28.js";
 import { m as Et, o as In, t as Ot, c as xt, f as J, s as Q, i as yt, g as At, d as be, j as It, a as wt, b as Pt, u as wn, p as Pn, k as _e } from "../../../UQQRIHDV-xtNCxi0H.js";
-import '../../../assets/index11.css';const Vn = /* @__PURE__ */ new Map([
+import '../../../assets/index10.css';const Vn = /* @__PURE__ */ new Map([
   [
     "bold",
     /* @__PURE__ */ M.createElement(M.Fragment, null, /* @__PURE__ */ M.createElement("path", { d: "M232.49,215.51,185,168a92.12,92.12,0,1,0-17,17l47.53,47.54a12,12,0,0,0,17-17ZM44,112a68,68,0,1,1,68,68A68.07,68.07,0,0,1,44,112Z" }))

package/dist/components/data-table/index.js

@@ -3,7 +3,7 @@ import { cn as c } from "../../utils/css.js";
 import { createDataTable as m, dataTableContext as p } from "./context.js";
 import { Footer as b } from "./footer.js";
 import { Th as _ } from "./header.js";
-import '../../assets/index9.css';const h = [
+import '../../assets/index8.css';const h = [
   {
     id: "123213213",
     title: "Complete my Tasks",

package/dist/components/index.d.ts

@@ -1,5 +1,4 @@
 export { Button } from './button';
-export { ButtonGroup } from './button-group';
 export { BaseControl, ChoiceControl, NumberControl, SelectControl, TextareaControl, TextControl, ToggleControl, } from './controls';
 export { DataTable, ExampleDataTable } from './data-table';
 export { Menu } from './menu';

package/dist/components/index.js

@@ -1,27 +1,25 @@
-import { Button as t } from "./button/index.js";
-import { ButtonGroup as x } from "./button-group/index.js";
-import { BaseControl as p } from "./controls/base-control/index.js";
+import { Button as e } from "./button/index.js";
+import { BaseControl as x } from "./controls/base-control/index.js";
 import { ChoiceControl as l } from "./controls/choice-control/index.js";
-import { NumberControl as n } from "./controls/number-control/index.js";
-import { SelectControl as u } from "./controls/select-control/index.js";
-import { TextControl as b } from "./controls/text-control/index.js";
-import { TextareaControl as s } from "./controls/textarea-control/index.js";
-import { ToggleControl as c } from "./controls/toggle-control/index.js";
-import { DataTable as h, ExampleDataTable as i } from "./data-table/index.js";
-import { Menu as G } from "./menu/index.js";
-import { Progress as N } from "./progress/index.js";
+import { NumberControl as f } from "./controls/number-control/index.js";
+import { SelectControl as n } from "./controls/select-control/index.js";
+import { TextControl as T } from "./controls/text-control/index.js";
+import { TextareaControl as g } from "./controls/textarea-control/index.js";
+import { ToggleControl as u } from "./controls/toggle-control/index.js";
+import { DataTable as B, ExampleDataTable as D } from "./data-table/index.js";
+import { Menu as i } from "./menu/index.js";
+import { Progress as M } from "./progress/index.js";
 export {
-  p as BaseControl,
-  t as Button,
-  x as ButtonGroup,
+  x as BaseControl,
+  e as Button,
   l as ChoiceControl,
-  h as DataTable,
-  i as ExampleDataTable,
-  G as Menu,
-  n as NumberControl,
-  N as Progress,
-  u as SelectControl,
-  b as TextControl,
-  s as TextareaControl,
-  c as ToggleControl
+  B as DataTable,
+  D as ExampleDataTable,
+  i as Menu,
+  f as NumberControl,
+  M as Progress,
+  n as SelectControl,
+  T as TextControl,
+  g as TextareaControl,
+  u as ToggleControl
 };

package/dist/components/menu/index.js

@@ -5,7 +5,7 @@ import { a as H } from "../../VIIRIBF3-B3f0V2Nc.js";
 import { b as P, _, q as I, i as O, r as j, h as L, j as f, s as T, t as U, v as B, w as D, m as q, f as x, d as y } from "../../P7GR5CS5-PkUYC6hd.js";
 import { u as k } from "../../UQQRIHDV-xtNCxi0H.js";
 import { useMemo as w, useState as Z } from "react";
-import '../../assets/index10.css';var g = "M23 27.8C24.1 29 26.4 30 28 30H30H0H2C3.7 30 5.9 29 7 27.8L14 20.6C14.7 19.8 15.3 19.8 16 20.6L23 27.8Z", F = "div", h = 30, s = h / 2, G = {
+import '../../assets/index9.css';var g = "M23 27.8C24.1 29 26.4 30 28 30H30H0H2C3.7 30 5.9 29 7 27.8L14 20.6C14.7 19.8 15.3 19.8 16 20.6L23 27.8Z", F = "div", h = 30, s = h / 2, G = {
   top: `rotate(180 ${s} ${s})`,
   right: `rotate(-90 ${s} ${s})`,
   bottom: `rotate(0 ${s} ${s})`,

package/dist/index.js

@@ -1,33 +1,31 @@
 import { Button as e } from "./components/button/index.js";
-import { ButtonGroup as x } from "./components/button-group/index.js";
-import { BaseControl as p } from "./components/controls/base-control/index.js";
-import { ChoiceControl as f } from "./components/controls/choice-control/index.js";
-import { NumberControl as n } from "./components/controls/number-control/index.js";
-import { SelectControl as u } from "./components/controls/select-control/index.js";
-import { TextControl as g } from "./components/controls/text-control/index.js";
-import { TextareaControl as T } from "./components/controls/textarea-control/index.js";
-import { ToggleControl as B } from "./components/controls/toggle-control/index.js";
-import { DataTable as c, ExampleDataTable as d } from "./components/data-table/index.js";
-import { Menu as y } from "./components/menu/index.js";
-import { Progress as E } from "./components/progress/index.js";
-import { Draggable as H } from "./primitives/draggable/index.js";
-import { Resizable as N } from "./primitives/resizable/index.js";
-import { VisuallyHidden as R } from "./primitives/visually-hidden/index.js";
+import { BaseControl as x } from "./components/controls/base-control/index.js";
+import { ChoiceControl as m } from "./components/controls/choice-control/index.js";
+import { NumberControl as a } from "./components/controls/number-control/index.js";
+import { SelectControl as n } from "./components/controls/select-control/index.js";
+import { TextControl as b } from "./components/controls/text-control/index.js";
+import { TextareaControl as s } from "./components/controls/textarea-control/index.js";
+import { ToggleControl as i } from "./components/controls/toggle-control/index.js";
+import { DataTable as D, ExampleDataTable as c } from "./components/data-table/index.js";
+import { Menu as B } from "./components/menu/index.js";
+import { Progress as y } from "./components/progress/index.js";
+import { Draggable as E } from "./primitives/draggable/index.js";
+import { Resizable as M } from "./primitives/resizable/index.js";
+import { VisuallyHidden as P } from "./primitives/visually-hidden/index.js";
 export {
-  p as BaseControl,
+  x as BaseControl,
   e as Button,
-  x as ButtonGroup,
-  f as ChoiceControl,
-  c as DataTable,
-  H as Draggable,
-  d as ExampleDataTable,
-  y as Menu,
-  n as NumberControl,
-  E as Progress,
-  N as Resizable,
-  u as SelectControl,
-  g as TextControl,
-  T as TextareaControl,
-  B as ToggleControl,
-  R as VisuallyHidden
+  m as ChoiceControl,
+  D as DataTable,
+  E as Draggable,
+  c as ExampleDataTable,
+  B as Menu,
+  a as NumberControl,
+  y as Progress,
+  M as Resizable,
+  n as SelectControl,
+  b as TextControl,
+  s as TextareaControl,
+  i as ToggleControl,
+  P as VisuallyHidden
 };

package/package.json

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

package/dist/assets/index11.css

@@ -1 +0,0 @@
-.component-select-control__input{cursor:pointer;display:flex;width:100%}.component-select-control__input:focus{outline:none}.component-select-control__value{flex-grow:1;padding:.75rem;min-height:40px;width:100%;min-width:0;max-width:100%;color:var(--blockout__colours__surface--800);font-size:1rem;text-align:left;background-color:transparent;transition:background-color .25s ease}.component-select-control__value:hover{background-color:var(--blockout__colours__surface--50)}.component-select-control__caret{width:2rem;display:flex;justify-content:center;align-items:center;border-left:1px solid var(--blockout__colours__surface--300);background-color:var(--blockout__colours__surface--0);cursor:pointer;transition:background-color .25s ease}.component-select-control__caret:hover{background-color:var(--blockout__colours__surface--50)}.component-select-control__caret>svg{width:.75rem;height:.75rem;fill:currentColor}.component-select-control__popover__wrapper{z-index:9999!important}.component-select-control__popover{background-color:var(--blockout__colours__surface--0);border:1px solid var(--blockout__colours__surface--300);box-shadow:0 .175rem .375rem #0000001a;width:calc(var(--popover-anchor-width) + 2px);max-height:var(--popover-available-height);overflow-y:auto}.component-select-control__popover:focus{outline:none}.component-select-control__list{display:flex;flex-direction:column;gap:.325rem;padding:.325rem}.component-select-control__list:focus{outline:none}.component-select-control__popover__search-wrapper{display:flex;align-items:center;gap:0;padding-left:1rem;border-bottom:1px solid var(--blockout__colours__surface--300)}.component-select-control__popover__search-icon{width:1rem;height:1rem;fill:var(--blockout__colours__surface--600)}.component-select-control__popover__search{width:100%;padding:.375rem .675rem;min-height:40px}.component-select-control__popover__search:focus{outline:none}.component-select-control__option{display:flex;justify-content:start;align-items:start;flex-direction:column;gap:.25rem;padding:.375rem .675rem;min-height:40px;cursor:pointer;transition:background-color .25s ease}.component-select-control__option:focus{outline:none}.component-select-control__option:first-child{border-top:none}.component-select-control__option__label{font-weight:500;color:var(--blockout__colours__surface--950);transition:color .25s ease}.component-select-control__option__description{font-weight:400;color:var(--blockout__colours__surface--500);font-size:.875rem;transition:color .25s ease,opacity .25s ease}.component-select-control__option[data-active-item=true]{background-color:var(--blockout__colours__primary--50)}.component-select-control__option[data-active-item=true] .component-select-control__option__label{color:var(--blockout__colours__primary--950)}.component-select-control__option[data-active-item=true] .component-select-control__option__description{color:var(--blockout__colours__primary--900);opacity:.7}

package/dist/components/button-group/index.d.ts

@@ -1,6 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-interface ButtonGroupProps extends PropsWithChildren {
-    className?: string;
-}
-export declare const ButtonGroup: FC<ButtonGroupProps>;
-export {};

package/dist/components/button-group/index.js

@@ -1,6 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { cn as n } from "../../utils/css.js";
-import '../../assets/index5.css';const u = ({ children: o, className: t }) => /* @__PURE__ */ r("div", { className: n("component-button-group", t), children: o });
-export {
-  u as ButtonGroup
-};