@wrdagency/blockout 1.0.12 → 1.0.13

package/dist/assets/index20.css

@@ -1 +1 @@
-.primitive-scroll-area,.primitive-scroll-area__viewport{width:100%;height:100%}.primitive-scroll-area__bar{display:flex;-webkit-user-select:none;user-select:none;touch-action:none;padding:.25rem;transition:background .16s ease-out;z-index:200}.primitive-scroll-area__bar[data-orientation=vertical]{width:.75rem}.primitive-scroll-area__bar[data-orientation=horizontal]{flex-direction:column;height:.75rem}.primitive-scroll-area__thumb{flex:1;background:var(--blockout__colours__surface--300);border-radius:.75rem;position:relative}.primitive-scroll-area__bar[data-orientation=vertical] .primitive-scroll-area__thumb{width:100%}.primitive-scroll-area__bar[data-orientation=horizontal] .primitive-scroll-area__thumb{height:100%}.primitive-scroll-area__thumb:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:44px;min-height:44px}.primitive-scroll-area__thumb:hover{background:var(--blockout__colours__surface--950)}
+.primitive-scroll-area,.primitive-scroll-area__viewport{width:100%;height:100%}.primitive-scroll-area__viewport>div{display:block!important;min-width:initial!important}.primitive-scroll-area__bar{display:flex;-webkit-user-select:none;user-select:none;touch-action:none;padding:.25rem;transition:background .16s ease-out;z-index:200}.primitive-scroll-area__bar[data-orientation=vertical]{width:.75rem}.primitive-scroll-area__bar[data-orientation=horizontal]{flex-direction:column;height:.75rem}.primitive-scroll-area__thumb{flex:1;background:var(--blockout__colours__surface--300);border-radius:.75rem;position:relative}.primitive-scroll-area__bar[data-orientation=vertical] .primitive-scroll-area__thumb{width:100%}.primitive-scroll-area__bar[data-orientation=horizontal] .primitive-scroll-area__thumb{height:100%}.primitive-scroll-area__thumb:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:44px;min-height:44px}.primitive-scroll-area__thumb:hover{background:var(--blockout__colours__surface--950)}

package/dist/assets/index8.css

@@ -1 +1 @@
-:root:has(.component-shell),html:has(.component-shell){overflow:hidden}.component-shell{display:grid;grid-template-columns:13rem 1fr;grid-template-rows:3.5rem 1fr;grid-template-areas:"sidebar navigation" "sidebar main";background-color:var(--blockout__colours__surface--100);width:100%;height:100vh;height:100dvh;overflow:hidden}.component-shell__sidebar{grid-area:sidebar;min-width:0;min-height:0}.component-shell__navigation{grid-area:navigation;min-width:0;min-height:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-right:.5rem}.component-shell__panes{grid-area:main;min-width:0;min-height:0;border-top-left-radius:var(--blockout__radius--2xl);overflow:hidden}.component-shell__panes-wrapper{display:flex;gap:1rem}.component-shell__pane{background-color:var(--blockout__colours__surface--0);border-top-left-radius:var(--blockout__radius--lg);height:100%;min-width:min(var(--pane-min-width),100vw);flex:var(--pane-weight)}.component-shell__pane:not(:last-child){border-top-right-radius:var(--blockout__radius--lg)}.component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding:1.5rem}@media (width >= 40rem){.component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding:2rem}}@media (width >= 48rem){.component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding:2.5rem}}@media (width >= 64rem){.component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding:3rem}}.component-shell__panes>.primitive-scroll-area__viewport>div{display:block!important;height:100%}.component-shell__pane--edgeless-top .component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding-top:0!important}.component-shell__pane--edgeless-right .component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding-right:0!important}.component-shell__pane--edgeless-bottom .component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding-bottom:0!important}.component-shell__pane--edgeless-left .component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding-left:0!important}.component-shell__pane--edgeless-x .component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding-left:0!important;padding-right:0!important}.component-shell__pane--edgeless-y .component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding-top:0!important;padding-bottom:0!important}.component-shell__pane--edgeless-all .component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding:0!important}.component-shell__panes-wrapper{height:100%}
+:root:has(.component-shell),html:has(.component-shell){overflow:hidden}.component-shell{display:grid;grid-template-columns:13rem 1fr;grid-template-rows:3.5rem 1fr;grid-template-areas:"sidebar navigation" "sidebar main";background-color:var(--blockout__colours__surface--100);width:100%;height:100vh;height:100dvh;overflow:hidden}.component-shell__sidebar{grid-area:sidebar;min-width:0;min-height:0}.component-shell__navigation{grid-area:navigation;min-width:0;min-height:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-right:.5rem}.component-shell__panes{grid-area:main;min-width:0;min-height:0;border-top-left-radius:var(--blockout__radius--2xl);overflow:hidden;display:flex;flex-wrap:wrap;gap:1rem}.component-shell__pane{background-color:var(--blockout__colours__surface--0);border-top-left-radius:var(--blockout__radius--lg);height:100%;min-width:min(var(--pane-min-width),100vw);flex:var(--pane-weight)}.component-shell__pane:not(:last-child){border-top-right-radius:var(--blockout__radius--lg)}.component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding:1.5rem}@media (width >= 40rem){.component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding:2rem}}@media (width >= 48rem){.component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding:2.5rem}}@media (width >= 64rem){.component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding:3rem}}.component-shell__panes>.primitive-scroll-area__viewport>div{height:100%}.component-shell__pane--edgeless-top .component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding-top:0!important}.component-shell__pane--edgeless-right .component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding-right:0!important}.component-shell__pane--edgeless-bottom .component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding-bottom:0!important}.component-shell__pane--edgeless-left .component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding-left:0!important}.component-shell__pane--edgeless-x .component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding-left:0!important;padding-right:0!important}.component-shell__pane--edgeless-y .component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding-top:0!important;padding-bottom:0!important}.component-shell__pane--edgeless-all .component-shell__pane__scroll-area>.primitive-scroll-area__viewport{padding:0!important}

package/dist/assets/style10.css

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

package/dist/assets/style8.css

@@ -1 +1 @@
-.component-checkbox-control__label{display:flex;align-items:center;font-weight:400;color:var(--blockout__colours__surface--950);font-size:1rem;cursor:pointer;width:fit-content}.component-checkbox-control__input__wrapper{position:relative;width:1.5rem;height:1.5rem}.component-checkbox-control__input{width:100%;height:100%;opacity:0;position:relative;z-index:1;cursor:pointer}.component-checkbox-control__icon{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:var(--blockout__colours__surface--500)}.component-checkbox-control__text{padding:var(--base-control__padding);min-height:var(--base-control__min-height);min-width:max-content}.component-checkbox-control__help{margin-top:.25rem;max-width:65ch;font-size:.75rem;font-weight:400;color:var(--blockout__colours__surface--600)}.component-checkbox-control--checked .component-checkbox-control__icon{fill:var(--blockout__colours__primary--500)}
+:root .primitive-colourway--rose,[data-colour-scheme=light] .primitive-colourway--rose,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--rose{--blockout__colours__colourway--light: #ffc5cb;--blockout__colours__colourway--medium: #d52a3c;--blockout__colours__colourway--dark: #4b070e}:root .primitive-colourway--poppy,[data-colour-scheme=light] .primitive-colourway--poppy,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--poppy{--blockout__colours__colourway--light: #ffcfc5;--blockout__colours__colourway--medium: #d93c1b;--blockout__colours__colourway--dark: #6d1807}:root .primitive-colourway--amber,[data-colour-scheme=light] .primitive-colourway--amber,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--amber{--blockout__colours__colourway--light: #ffe3b9;--blockout__colours__colourway--medium: #db8f19;--blockout__colours__colourway--dark: #784901}:root .primitive-colourway--honey,[data-colour-scheme=light] .primitive-colourway--honey,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--honey{--blockout__colours__colourway--light: #fff4c9;--blockout__colours__colourway--medium: #e6bd15;--blockout__colours__colourway--dark: #745d00}:root .primitive-colourway--lemon,[data-colour-scheme=light] .primitive-colourway--lemon,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--lemon{--blockout__colours__colourway--light: #fdffc5;--blockout__colours__colourway--medium: #e8f112;--blockout__colours__colourway--dark: #676b06}:root .primitive-colourway--apple,[data-colour-scheme=light] .primitive-colourway--apple,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--apple{--blockout__colours__colourway--light: #e9fcbc;--blockout__colours__colourway--medium: #ace622;--blockout__colours__colourway--dark: #344a00}:root .primitive-colourway--jade,[data-colour-scheme=light] .primitive-colourway--jade,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--jade{--blockout__colours__colourway--light: #c1f3b9;--blockout__colours__colourway--medium: #47cc33;--blockout__colours__colourway--dark: #146a07}:root .primitive-colourway--spearmint,[data-colour-scheme=light] .primitive-colourway--spearmint,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--spearmint{--blockout__colours__colourway--light: #b9f3dd;--blockout__colours__colourway--medium: #1cd992;--blockout__colours__colourway--dark: #04462d}:root .primitive-colourway--aqua,[data-colour-scheme=light] .primitive-colourway--aqua,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--aqua{--blockout__colours__colourway--light: #b9f3ef;--blockout__colours__colourway--medium: #28c8bc;--blockout__colours__colourway--dark: #024742}:root .primitive-colourway--bluebell,[data-colour-scheme=light] .primitive-colourway--bluebell,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--bluebell{--blockout__colours__colourway--light: #dbecff;--blockout__colours__colourway--medium: #2377d6;--blockout__colours__colourway--dark: #032750}:root .primitive-colourway--sapphire,[data-colour-scheme=light] .primitive-colourway--sapphire,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--sapphire{--blockout__colours__colourway--light: #d9e3ff;--blockout__colours__colourway--medium: #2b56d1;--blockout__colours__colourway--dark: #02227c}:root .primitive-colourway--amethyst,[data-colour-scheme=light] .primitive-colourway--amethyst,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--amethyst{--blockout__colours__colourway--light: #e9d9ff;--blockout__colours__colourway--medium: #7f3ade;--blockout__colours__colourway--dark: #3b008b}:root .primitive-colourway--lavender,[data-colour-scheme=light] .primitive-colourway--lavender,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--lavender{--blockout__colours__colourway--light: #fbdafe;--blockout__colours__colourway--medium: #b92cc4;--blockout__colours__colourway--dark: #420247}:root .primitive-colourway--raspberry,[data-colour-scheme=light] .primitive-colourway--raspberry,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--raspberry{--blockout__colours__colourway--light: #fedaec;--blockout__colours__colourway--medium: #e6147d;--blockout__colours__colourway--dark: #680637}:root .primitive-colourway--smoke,[data-colour-scheme=light] .primitive-colourway--smoke,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--smoke{--blockout__colours__colourway--light: #ededef;--blockout__colours__colourway--medium: #7b7c8b;--blockout__colours__colourway--dark: #3b3c44}:root .primitive-colourway--ash,[data-colour-scheme=light] .primitive-colourway--ash,[data-colour-scheme=dark] [data-colour-scheme=invert] .primitive-colourway--ash{--blockout__colours__colourway--light: #3b3c44;--blockout__colours__colourway--medium: #7b7c8b;--blockout__colours__colourway--dark: #ededef}[data-colour-scheme=dark] .primitive-colourway--rose,:root [data-colour-scheme=invert] .primitive-colourway--rose{--blockout__colours__colourway--dark: #ffc5cb;--blockout__colours__colourway--medium: #d52a3c;--blockout__colours__colourway--light: #4b070e}[data-colour-scheme=dark] .primitive-colourway--poppy,:root [data-colour-scheme=invert] .primitive-colourway--poppy{--blockout__colours__colourway--dark: #ffcfc5;--blockout__colours__colourway--medium: #d93c1b;--blockout__colours__colourway--light: #6d1807}[data-colour-scheme=dark] .primitive-colourway--amber,:root [data-colour-scheme=invert] .primitive-colourway--amber{--blockout__colours__colourway--dark: #ffe3b9;--blockout__colours__colourway--medium: #db8f19;--blockout__colours__colourway--light: #784901}[data-colour-scheme=dark] .primitive-colourway--honey,:root [data-colour-scheme=invert] .primitive-colourway--honey{--blockout__colours__colourway--dark: #fff4c9;--blockout__colours__colourway--medium: #e6bd15;--blockout__colours__colourway--light: #745d00}[data-colour-scheme=dark] .primitive-colourway--lemon,:root [data-colour-scheme=invert] .primitive-colourway--lemon{--blockout__colours__colourway--dark: #fdffc5;--blockout__colours__colourway--medium: #e8f112;--blockout__colours__colourway--light: #676b06}[data-colour-scheme=dark] .primitive-colourway--apple,:root [data-colour-scheme=invert] .primitive-colourway--apple{--blockout__colours__colourway--dark: #e9fcbc;--blockout__colours__colourway--medium: #ace622;--blockout__colours__colourway--light: #344a00}[data-colour-scheme=dark] .primitive-colourway--jade,:root [data-colour-scheme=invert] .primitive-colourway--jade{--blockout__colours__colourway--dark: #c1f3b9;--blockout__colours__colourway--medium: #47cc33;--blockout__colours__colourway--light: #146a07}[data-colour-scheme=dark] .primitive-colourway--spearmint,:root [data-colour-scheme=invert] .primitive-colourway--spearmint{--blockout__colours__colourway--dark: #b9f3dd;--blockout__colours__colourway--medium: #1cd992;--blockout__colours__colourway--light: #04462d}[data-colour-scheme=dark] .primitive-colourway--aqua,:root [data-colour-scheme=invert] .primitive-colourway--aqua{--blockout__colours__colourway--dark: #b9f3ef;--blockout__colours__colourway--medium: #28c8bc;--blockout__colours__colourway--light: #024742}[data-colour-scheme=dark] .primitive-colourway--bluebell,:root [data-colour-scheme=invert] .primitive-colourway--bluebell{--blockout__colours__colourway--dark: #dbecff;--blockout__colours__colourway--medium: #2377d6;--blockout__colours__colourway--light: #032750}[data-colour-scheme=dark] .primitive-colourway--sapphire,:root [data-colour-scheme=invert] .primitive-colourway--sapphire{--blockout__colours__colourway--dark: #d9e3ff;--blockout__colours__colourway--medium: #2b56d1;--blockout__colours__colourway--light: #02227c}[data-colour-scheme=dark] .primitive-colourway--amethyst,:root [data-colour-scheme=invert] .primitive-colourway--amethyst{--blockout__colours__colourway--dark: #e9d9ff;--blockout__colours__colourway--medium: #7f3ade;--blockout__colours__colourway--light: #3b008b}[data-colour-scheme=dark] .primitive-colourway--lavender,:root [data-colour-scheme=invert] .primitive-colourway--lavender{--blockout__colours__colourway--dark: #fbdafe;--blockout__colours__colourway--medium: #b92cc4;--blockout__colours__colourway--light: #420247}[data-colour-scheme=dark] .primitive-colourway--raspberry,:root [data-colour-scheme=invert] .primitive-colourway--raspberry{--blockout__colours__colourway--dark: #fedaec;--blockout__colours__colourway--medium: #e6147d;--blockout__colours__colourway--light: #680637}[data-colour-scheme=dark] .primitive-colourway--smoke,:root [data-colour-scheme=invert] .primitive-colourway--smoke{--blockout__colours__colourway--dark: #ededef;--blockout__colours__colourway--medium: #7b7c8b;--blockout__colours__colourway--light: #3b3c44}[data-colour-scheme=dark] .primitive-colourway--ash,:root [data-colour-scheme=invert] .primitive-colourway--ash{--blockout__colours__colourway--dark: #3b3c44;--blockout__colours__colourway--medium: #7b7c8b;--blockout__colours__colourway--light: #ededef}

package/dist/assets/style9.css

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

package/dist/components/breadcrumbs/index.js

@@ -1,60 +1,73 @@
-import { jsx as r, jsxs as n } from "react/jsx-runtime";
-import { cn as t } from "../../utils/css.js";
-import { e as i } from "../../CaretRight.es-vnr78BGI.js";
-import { C as p } from "../../composite-provider-B-M1AaRb.js";
-import { C as c } from "../../5JTVDSTH-DcfjjEya.js";
-import { C as l } from "../../J2LQO3EC-DYtZQQv6.js";
-import { C as d } from "../../6VRAQV3D-DK_p41oq.js";
-import { C as b } from "../../TP7N7UIH-Dc0CLLi8.js";
-import '../../assets/index4.css';const v = ({
-  crumbs: o,
-  separator: m = /* @__PURE__ */ r(i, {}),
-  className: a,
-  ...s
-}) => /* @__PURE__ */ r(p, { orientation: "horizontal", children: /* @__PURE__ */ r(
-  c,
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import { cn as p } from "../../utils/css.js";
+import '../../assets/styles.css';import '../../assets/style7.css';import '../../assets/style6.css';import '../../assets/style5.css';import '../../assets/style4.css';import '../../assets/style3.css';import '../../assets/style.css';import '../../assets/style8.css';import '../../assets/index4.css';/* empty css                   */
+import "react";
+/* empty css                   */
+import { Link as s } from "../../primitives/link/index.js";
+/* empty css                   */
+import "../../primitives/popover/index.js";
+/* empty css                   */
+import "../../primitives/scroll-area/index.js";
+import "../../primitives/symbol/index.js";
+/* empty css                   */
+/* empty css                   */
+/* empty css                   */
+/* empty css                    */
+import { e as n } from "../../CaretRight.es-vnr78BGI.js";
+import { C as c } from "../../composite-provider-B-M1AaRb.js";
+import { C as l } from "../../5JTVDSTH-DcfjjEya.js";
+import { C as d } from "../../J2LQO3EC-DYtZQQv6.js";
+import { C as b } from "../../6VRAQV3D-DK_p41oq.js";
+import { C as f } from "../../TP7N7UIH-Dc0CLLi8.js";
+const D = ({
+  crumbs: m,
+  separator: e = /* @__PURE__ */ r(n, {}),
+  className: i,
+  ...t
+}) => /* @__PURE__ */ r(c, { orientation: "horizontal", children: /* @__PURE__ */ r(
+  l,
   {
     render: /* @__PURE__ */ r(
       "nav",
       {
-        className: t("component-breadcrumbs", a),
+        className: p("component-breadcrumbs", i),
         "aria-label": "breadcrumb",
-        ...s
+        ...t
       }
     ),
     children: /* @__PURE__ */ r(
-      l,
+      d,
       {
         render: /* @__PURE__ */ r("ol", { className: "component-breadcrumbs__list" }),
-        children: o.map((e) => /* @__PURE__ */ n(
+        children: m.map((o) => /* @__PURE__ */ a(
           "li",
           {
             className: "component-breadcrumbs__item",
             children: [
               /* @__PURE__ */ r(
-                d,
+                b,
                 {
-                  render: /* @__PURE__ */ r("a", { href: e.href }),
+                  render: /* @__PURE__ */ r(s, { href: o.href }),
                   className: "component-breadcrumbs__link",
-                  children: e.label
+                  children: o.label
                 }
               ),
               /* @__PURE__ */ r(
-                b,
+                f,
                 {
                   className: "component-breacrumbs__separator",
                   render: /* @__PURE__ */ r("span", {}),
-                  children: m
+                  children: e
                 }
               )
             ]
           },
-          e.label + e.href
+          o.label + o.href
         ))
       }
     )
   }
 ) });
 export {
-  v as Breadcrumbs
+  D as Breadcrumbs
 };

package/dist/components/button/button.js

@@ -1,22 +1,35 @@
-import { jsx as o } from "react/jsx-runtime";
-import { cn as p } from "../../utils/css.js";
-import '../../assets/button.css';const l = (e) => {
+import { jsx as m } from "react/jsx-runtime";
+import { cn as c } from "../../utils/css.js";
+import '../../assets/styles.css';import '../../assets/style7.css';import '../../assets/style6.css';import '../../assets/style5.css';import '../../assets/style4.css';import '../../assets/style3.css';import '../../assets/style.css';import '../../assets/style8.css';import '../../assets/button.css';/* empty css                   */
+import "react";
+/* empty css                   */
+import { Link as a } from "../../primitives/link/index.js";
+/* empty css                   */
+import "../../primitives/popover/index.js";
+/* empty css                   */
+import "../../primitives/scroll-area/index.js";
+import "../../primitives/symbol/index.js";
+/* empty css                   */
+/* empty css                   */
+/* empty css                   */
+/* empty css                    */
+const L = (r) => {
   const {
-    className: s,
-    wide: m,
-    size: r,
-    variant: a,
-    as: c,
+    className: n,
+    wide: i,
+    size: p,
+    variant: e,
+    as: s,
     ...t
-  } = e, n = p(
-    s,
+  } = r, o = c(
+    n,
     "component-button",
-    `component-button--${a || "primary"}`,
-    `component-button--${r || "medium"}`,
-    m && "component-button--wide"
+    `component-button--${e || "primary"}`,
+    `component-button--${p || "medium"}`,
+    i && "component-button--wide"
   );
-  return c === "link" ? /* @__PURE__ */ o("a", { ...t, className: n }) : /* @__PURE__ */ o("button", { type: "button", ...t, className: n });
+  return s === "link" ? /* @__PURE__ */ m(a, { ...t, className: o }) : /* @__PURE__ */ m("button", { type: "button", ...t, className: o });
 };
 export {
-  l as Button
+  L as Button
 };

package/dist/components/button/icon.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { cn as i } from "../../utils/css.js";
-import '../../assets/styles.css';import '../../assets/style7.css';import '../../assets/style6.css';import '../../assets/style4.css';import '../../assets/style3.css';import '../../assets/style2.css';import '../../assets/style.css';import '../../assets/style10.css';/* empty css                   */
+import '../../assets/styles.css';import '../../assets/style7.css';import '../../assets/style6.css';import '../../assets/style4.css';import '../../assets/style3.css';import '../../assets/style2.css';import '../../assets/style.css';import '../../assets/style8.css';/* empty css                   */
 import "react";
 /* empty css                   */
 /* empty css                   */

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

@@ -1,6 +1,6 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import { Button as a } from "../../button/index.js";
-import '../../../assets/style20.css';import '../../../assets/styles.css';import '../../../assets/style7.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style10.css';/* empty css                      */
+import '../../../assets/style20.css';import '../../../assets/styles.css';import '../../../assets/style7.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style8.css';/* empty css                      */
 import { useState as c } from "react";
 /* empty css                      */
 /* empty css                      */

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

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

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

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { cn as _ } from "../../../utils/css.js";
-import '../../../assets/style7.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style10.css';/* empty css                      */
+import '../../../assets/style7.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style8.css';/* empty css                      */
 import * as e from "react";
 import { useId as f } from "react";
 /* empty css                      */

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

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

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

@@ -4,7 +4,7 @@ import { useSplitInput as I } from "../../../hooks/input.js";
 import * as e from "react";
 import { useMemo as c } from "react";
 import { useTemporaryChange as $ } from "../../../hooks/temporary.js";
-import '../../../assets/style11.css';import '../../../assets/styles.css';import '../../../assets/style7.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style10.css';/* empty css                      */
+import '../../../assets/style11.css';import '../../../assets/styles.css';import '../../../assets/style7.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style8.css';/* empty css                      */
 import { noop as g } from "../../../utils/noop.js";
 /* empty css                      */
 /* empty css                      */

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

@@ -1,6 +1,6 @@
 import { jsxs as e, jsx as t, Fragment as p } from "react/jsx-runtime";
 import { cn as d } from "../../../utils/css.js";
-import '../../../assets/style7.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style10.css';/* empty css                      */
+import '../../../assets/style7.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style8.css';/* empty css                      */
 import "react";
 /* empty css                      */
 /* empty css                      */

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

@@ -10,7 +10,7 @@ import { BasePopoverControl as x } from "../base-popover-control/index.js";
 import { NumberControl as h } from "../number-control/index.js";
 import { SelectControl as y } from "../select-control/control.js";
 import { f as B, w as P, a as _ } from "../../../options-Cfoqhxw2.js";
-import '../../../assets/style17.css';import '../../../assets/style16.css';import '../../../assets/styles.css';import '../../../assets/style7.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style10.css';/* empty css                      */
+import '../../../assets/style17.css';import '../../../assets/style16.css';import '../../../assets/styles.css';import '../../../assets/style7.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style8.css';/* empty css                      */
 /* empty css                      */
 /* empty css                      */
 /* empty css                      */

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

@@ -1,3 +1,9 @@
+import { ReactNode } from 'react';
 import { ControlProps } from '../base-control/props';
 import { SelectProps } from './props';
-export declare function SelectControl<T extends string = string>(props: ControlProps<SelectProps<T>>): import("react/jsx-runtime").JSX.Element;
+interface SelectControlProps<T extends string = string> extends SelectProps<T> {
+    before?: ReactNode;
+    after?: ReactNode;
+}
+export declare function SelectControl<T extends string = string>(props: ControlProps<SelectControlProps<T>>): import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as t } from "react/jsx-runtime";
 import { cn as b } from "../../../utils/css.js";
-import '../../../assets/style16.css';import '../../../assets/styles.css';import '../../../assets/style7.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style10.css';/* empty css                      */
+import '../../../assets/style16.css';import '../../../assets/styles.css';import '../../../assets/style7.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style8.css';/* empty css                      */
 import { useState as p, useMemo as x, startTransition as N } from "react";
 /* empty css                      */
 /* empty css                      */

package/dist/components/controls/tag-control/props.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import '../../../assets/styles.css';import '../../../assets/style7.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style10.css';/* empty css                      */
+import '../../../assets/styles.css';import '../../../assets/style7.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style8.css';/* empty css                      */
 import { getRandomTheme as t } from "../../../primitives/colourway/util.js";
 import "react";
 /* empty css                      */

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

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as b } from "react/jsx-runtime";
 import { cn as _ } from "../../../utils/css.js";
-import '../../../assets/styles4.css';import '../../../assets/style7.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style10.css';/* empty css                      */
+import '../../../assets/styles4.css';import '../../../assets/style7.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style8.css';/* empty css                      */
 import { noop as c } from "../../../utils/noop.js";
 import { useRef as C } from "react";
 /* empty css                      */

package/dist/components/controls/toggle-group-control/index.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import '../../../assets/styles5.css';import '../../../assets/style7.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style10.css';/* empty css                      */
+import '../../../assets/styles5.css';import '../../../assets/style7.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style8.css';/* empty css                      */
 import { noop as s } from "../../../utils/noop.js";
 import { useMemo as N } from "react";
 /* empty css                      */

package/dist/components/data-form/status.js

@@ -1,6 +1,6 @@
 import { jsxs as r, jsx as i } from "react/jsx-runtime";
 import { cn as e } from "../../utils/css.js";
-import '../../assets/styles.css';import '../../assets/style7.css';import '../../assets/style6.css';import '../../assets/style5.css';import '../../assets/style4.css';import '../../assets/style3.css';import '../../assets/style2.css';import '../../assets/style.css';import '../../assets/style10.css';/* empty css                   */
+import '../../assets/styles.css';import '../../assets/style7.css';import '../../assets/style6.css';import '../../assets/style5.css';import '../../assets/style4.css';import '../../assets/style3.css';import '../../assets/style2.css';import '../../assets/style.css';import '../../assets/style8.css';/* empty css                   */
 import "react";
 /* empty css                   */
 /* empty css                   */

package/dist/components/data-form/submit.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import { cn as a } from "../../utils/css.js";
-import '../../assets/styles.css';import '../../assets/style7.css';import '../../assets/style6.css';import '../../assets/style4.css';import '../../assets/style3.css';import '../../assets/style2.css';import '../../assets/style.css';import '../../assets/style10.css';/* empty css                   */
+import '../../assets/styles.css';import '../../assets/style7.css';import '../../assets/style6.css';import '../../assets/style4.css';import '../../assets/style3.css';import '../../assets/style2.css';import '../../assets/style.css';import '../../assets/style8.css';/* empty css                   */
 import "react";
 /* empty css                   */
 /* empty css                   */

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

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import '../../../assets/styles4.css';import '../../../assets/styles3.css';import '../../../assets/style18.css';import '../../../assets/style17.css';import '../../../assets/styles5.css';import '../../../assets/style16.css';import '../../../assets/style20.css';import '../../../assets/style15.css';import '../../../assets/style14.css';import '../../../assets/style13.css';import '../../../assets/prosemirror.css';import '../../../assets/style12.css';import '../../../assets/style11.css';import '../../../assets/style9.css';import '../../../assets/styles.css';import '../../../assets/style7.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style10.css';import '../../../assets/style8.css';import '../../../assets/styles2.css';/* empty css                       */
+import '../../../assets/styles4.css';import '../../../assets/styles3.css';import '../../../assets/style18.css';import '../../../assets/style17.css';import '../../../assets/styles5.css';import '../../../assets/style16.css';import '../../../assets/style20.css';import '../../../assets/style15.css';import '../../../assets/style14.css';import '../../../assets/style13.css';import '../../../assets/prosemirror.css';import '../../../assets/style12.css';import '../../../assets/style11.css';import '../../../assets/style10.css';import '../../../assets/styles.css';import '../../../assets/style7.css';import '../../../assets/style6.css';import '../../../assets/style5.css';import '../../../assets/style4.css';import '../../../assets/style3.css';import '../../../assets/style2.css';import '../../../assets/style.css';import '../../../assets/style8.css';import '../../../assets/style9.css';import '../../../assets/styles2.css';/* empty css                       */
 import "../../../style-CWAa57kN.js";
 /* empty css                      */
 import "../../../types/options.js";
@@ -39,7 +39,7 @@ import "../../../match-sorter.esm-MNVE8H_6.js";
 import "../../controls/text-control/index.js";
 /* empty css                       */
 /* empty css                       */
-import { c as Q, e as R, b as S, i as T, a as U, n as V, s as X } from "../../../filter-GoxwLwkT.js";
+import { c as Q, e as R, b as S, i as T, a as U, n as V, s as X } from "../../../filter-DAMRLXNe.js";
 export {
   Q as contains,
   R as endsWith,

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

@@ -1,5 +1,5 @@
 import { useSchema as r, useView as t } from "./api.js";
-import { f as s } from "../../filter-GoxwLwkT.js";
+import { f as s } from "../../filter-DAMRLXNe.js";
 import { Root as m } from "./root.js";
 export {
   m as DataView,

package/dist/components/data-view/layouts/grid/group.js

@@ -1,8 +1,8 @@
 import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { G as i } from "../../../../index-DJ2XZnew.js";
+import { G as i } from "../../../../index-ClExU5xD.js";
 import "react";
 import "../../../button/index.js";
-import '../../../../assets/style22.css';import '../../../../assets/style26.css';import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style19.css';import '../../../../assets/style18.css';import '../../../../assets/style17.css';import '../../../../assets/styles5.css';import '../../../../assets/style16.css';import '../../../../assets/style20.css';import '../../../../assets/style15.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style12.css';import '../../../../assets/style11.css';import '../../../../assets/style9.css';import '../../../../assets/styles.css';import '../../../../assets/style7.css';import '../../../../assets/style6.css';import '../../../../assets/style5.css';import '../../../../assets/style4.css';import '../../../../assets/style3.css';import '../../../../assets/style2.css';import '../../../../assets/style.css';import '../../../../assets/style10.css';import '../../../../assets/style8.css';import '../../../../assets/styles2.css';import '../../../../assets/style21.css';/* empty css                         */
+import '../../../../assets/style22.css';import '../../../../assets/style26.css';import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style19.css';import '../../../../assets/style18.css';import '../../../../assets/style17.css';import '../../../../assets/styles5.css';import '../../../../assets/style16.css';import '../../../../assets/style20.css';import '../../../../assets/style15.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style12.css';import '../../../../assets/style11.css';import '../../../../assets/style10.css';import '../../../../assets/styles.css';import '../../../../assets/style7.css';import '../../../../assets/style6.css';import '../../../../assets/style5.css';import '../../../../assets/style4.css';import '../../../../assets/style3.css';import '../../../../assets/style2.css';import '../../../../assets/style.css';import '../../../../assets/style8.css';import '../../../../assets/style9.css';import '../../../../assets/styles2.css';import '../../../../assets/style21.css';/* empty css                         */
 /* empty css                          */
 import "../../../../style-CWAa57kN.js";
 /* empty css                         */

package/dist/components/data-view/layouts/grid/item.js

@@ -1,5 +1,5 @@
 import { jsxs as a, jsx as i } from "react/jsx-runtime";
-import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style19.css';import '../../../../assets/style18.css';import '../../../../assets/style17.css';import '../../../../assets/styles5.css';import '../../../../assets/style16.css';import '../../../../assets/style20.css';import '../../../../assets/style15.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style12.css';import '../../../../assets/style11.css';import '../../../../assets/style9.css';import '../../../../assets/style8.css';import '../../../../assets/styles2.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';/* empty css                         */
+import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style19.css';import '../../../../assets/style18.css';import '../../../../assets/style17.css';import '../../../../assets/styles5.css';import '../../../../assets/style16.css';import '../../../../assets/style20.css';import '../../../../assets/style15.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style12.css';import '../../../../assets/style11.css';import '../../../../assets/style10.css';import '../../../../assets/style9.css';import '../../../../assets/styles2.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/style8.css';/* empty css                         */
 import "react";
 /* empty css                         */
 /* empty css                         */
@@ -40,7 +40,7 @@ import "../../../../options-Cfoqhxw2.js";
 /* empty css                          */
 import "../../slots/root/context.js";
 import "../../slots/group/context.js";
-import { I as t, P as r } from "../../../../index-C_xrLeQq.js";
+import { I as t, P as r } from "../../../../index-CPOlz97j.js";
 const X = ({}) => {
   const { selected: e } = t.use();
   return /* @__PURE__ */ a("figure", { className: "data-view-layout-grid__item", "aria-selected": e, children: [