@wrdagency/blockout 1.0.25 → 1.0.27

package/dist/assets/index6.css

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

package/dist/assets/index9.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;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>div{height:100%}.component-shell__pane__padding{min-height:100%;padding:1.5rem}@media (width >= 40rem){.component-shell__pane__padding{padding:2rem}}@media (width >= 48rem){.component-shell__pane__padding{padding:2.5rem}}@media (width >= 64rem){.component-shell__pane__padding{padding:3rem}}.component-shell__pane__padding.component-shell__pane__padding--edgeless-top{padding-top:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-right{padding-right:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-bottom{padding-bottom:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-left{padding-left:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-x{padding-left:0!important;padding-right:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-y{padding-top:0!important;padding-bottom:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-all{padding:0!important}
+:root:has(.component-shell),html:has(.component-shell){overflow:hidden}@property --component-shell__sidebar-width{initial-value: 0px; syntax: "<length>"; inherits: true;}.component-shell{--component-shell__navigation-height: 3rem;--component-shell__sidebar-width: 2.15rem;--component-shell__sidebar-width--open: 200px;display:grid;grid-template-columns:var(--component-shell__sidebar-width);grid-auto-columns:1fr;grid-auto-flow:column;grid-template-rows:var(--component-shell__navigation-height);gap:0 1rem;background-color:var(--blockout__colours__surface--100);width:100%;height:100vh;height:100dvh;overflow:hidden;transition:--component-shell__sidebar-width .5s ease}.component-shell.component-shell--sidebar-open{--component-shell__sidebar-width: var( --component-shell__sidebar-width--open )}.component-shell__navigation{position:fixed;top:0;left:0;right:0;width:100%;height:var(--component-shell__navigation-height);display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.component-shell__sidebar{min-width:0;min-height:0;grid-row:2;width:var(--component-shell__sidebar-width);border-top-right-radius:var(--blockout__radius--lg);background-color:var(--blockout__colours__surface--0);overflow:clip;padding-top:.5rem;transition:background .5s ease,padding-top .5s ease}.component-shell__sidebar__inner{width:var(--component-shell__sidebar-width--open)}.component-shell__sidebar-item__wrapper{width:var(--component-shell__sidebar-width)}.component-shell__sidebar-item{display:block;width:var(--component-shell__sidebar-width);padding:.675rem .75rem;overflow:clip}.component-shell__sidebar-item .primitive-nav-link__icon-label{--icon-label__icon-size: 1.375rem}.component-shell__sidebar-separator{border-top:1px solid var(--blockout__colours__surface--200);margin:1.375rem .675rem .125rem;padding-top:.675rem;color:var(--blockout__colours__surface--500);font-weight:600;font-size:.675rem;text-transform:uppercase;transition:padding .5s ease,margin .5s ease,border-color .5s ease}.component-shell__sidebar-separator:first-child{margin-top:0;border-top:none}.component-shell__sidebar-separator .component-shell__sidebar-separator__label{interpolate-size:allow-keywords;display:block;height:auto;overflow:clip;transition:height .5s ease,opacity .5s ease}.component-shell:not(.component-shell--sidebar-open) .component-shell__sidebar{background:transparent;padding-top:0}.component-shell:not(.component-shell--sidebar-open) .component-shell__sidebar-separator{border-color:var(--blockout__colours__surface--300);padding-block:0;margin-block:.25rem}.component-shell:not(.component-shell--sidebar-open) .component-shell__sidebar-separator:first-child{margin-block:0}.component-shell:not(.component-shell--sidebar-open) .component-shell__sidebar-separator .component-shell__sidebar-separator__label{height:0;opacity:0}.component-shell__pane{grid-row:2;background-color:var(--blockout__colours__surface--0);border-top-left-radius:var(--blockout__radius--lg);min-height:0}.component-shell__pane:not(:last-child){border-top-right-radius:var(--blockout__radius--lg)}.component-shell__pane__scroll-area>.primitive-scroll-area__viewport>div{height:100%}.component-shell__pane__padding{min-height:100%;padding:1.5rem}@media (width >= 40rem){.component-shell__pane__padding{padding:2rem}}@media (width >= 48rem){.component-shell__pane__padding{padding:2.5rem}}@media (width >= 64rem){.component-shell__pane__padding{padding:3rem}}.component-shell__pane__padding.component-shell__pane__padding--edgeless-top{padding-top:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-right{padding-right:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-bottom{padding-bottom:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-left{padding-left:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-x{padding-left:0!important;padding-right:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-y{padding-top:0!important;padding-bottom:0!important}.component-shell__pane__padding.component-shell__pane__padding--edgeless-all{padding:0!important}

package/dist/assets/static.css

@@ -0,0 +1 @@
+.component-command-palette{flex-direction:column;position:fixed;top:1rem;right:1rem;bottom:1rem;left:1rem;z-index:50;margin:auto;margin-top:5vh;display:flex;height:fit-content;max-height:calc(100dvh - 5vh - 2rem);max-width:64ch;overflow:auto;border-radius:var(--blockout__radius--lg);background:var(--blockout__colours__surface--0);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -4px #0000000d;opacity:0;transform:translateY(1rem);transition:opacity .15s ease,transform .15s ease}.component-command-palette[data-enter]{opacity:1;transform:translateY(0)}.component-command-palette__backdrop{background-color:#0000001a;opacity:0;transition:opacity ease .15s}.component-command-palette__backdrop[data-enter]{opacity:1}.component-command-palette__header{display:flex;align-items:center;padding-right:.875rem;width:100%;background:var(--blockout__colours__surface--0);position:sticky;top:0;border-bottom:1px solid var(--blockout__colours__surface--200)}.component-command-palette__header__icon{width:1.375rem;height:1.375rem;fill:var(--blockout__colours__surface--500);margin:.875rem}.component-command-palette__input{padding:.5rem 0;flex-grow:1;-webkit-appearance:none;-moz-appearance:none;appearance:none}.component-command-palette__input:focus{outline:none}.component-command-palette__input::-webkit-search-decoration,.component-command-palette__input::-webkit-search-cancel-button,.component-command-palette__input::-webkit-search-results-button,.component-command-palette__input::-webkit-search-results-decoration{-webkit-appearance:none}.component-command-palette__results{display:flex;flex-direction:column;gap:.125rem;padding:.375rem}.component-command-palette__empty{font-size:.875rem;color:var(--blockout__colours__surface--500);padding:1.125rem}.component-command-palette__item{display:flex;align-items:center;gap:.675rem;padding:.375rem .675rem;cursor:pointer;border-radius:var(--blockout__radius--md);transition:background .15s ease,color .15s ease}.component-command-palette__item__icon{width:1.25em;height:1.25em;fill:var(--blockout__colours__surface--500);transition:fill .15s ease}.component-command-palette__item[data-active-item=true]{background:var(--blockout__colours__primary--100);color:var(--blockout__colours__primary--950)}.component-command-palette__item[data-active-item=true] .component-command-palette__item__icon{fill:var(--blockout__colours__primary--600)}.component-command-palette__group{padding-left:2rem}.component-command-palette__group__label{margin-left:-2rem}.component-command-palette__group__item{font-size:.875rem;color:var(--blockout__colours__surface--500)}.component-command-palette__group__item .component-command-palette__item__icon{display:none}

package/dist/assets/style10.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)}
+.primitive-link{width:fit-content}

package/dist/assets/style20.css

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

package/dist/assets/style4.css

@@ -1 +1 @@
-.primitive-tooltip{width:fit-content}.primitive-tooltip__label{background-color:var(--blockout__colours__surface--950);color:var(--blockout__colours__surface--0);border-radius:var(--blockout__radius--sm);font-size:.875rem;padding:.5rem .875rem;border:1px solid var(--blockout__colours__surface--800);z-index:99999!important}
+.primitive-tooltip{width:fit-content}.primitive-tooltip__label{background-color:var(--blockout__colours__surface--0);color:var(--blockout__colours__surface--950);border-radius:var(--blockout__radius--sm);font-size:.875rem;padding:.5rem .875rem;border:1px solid var(--blockout__colours__surface--100);z-index:99999!important}.primitive-tooltip__label .primitive-keyboard{margin-left:1.5ch}

package/dist/assets/style6.css

@@ -1 +1 @@
-.primitive-heading{font-size:var(--heading__font-size, 1.5rem);font-weight:var(--heading__font-weight, 700);line-height:var(--heading__line-height, 1.5rem);color:var(--heading__color, var(--blockout__colours__surface--950));text-transform:var(--heading__text-transform, none);letter-spacing:var(--heading__letter-spacing, normal)}.primitive-heading--size-1{--heading__font-size: 2.25rem;--heading__font-weight: 600;--heading__line-height: 1.25}.primitive-heading--size-2{--heading__font-size: 1.875rem;--heading__font-weight: 600;--heading__line-height: 1.375}.primitive-heading--size-3{--heading__font-size: 1.5625rem;--heading__font-weight: 500;--heading__line-height: 1.375}.primitive-heading--size-4{--heading__font-size: 1.375rem;--heading__font-weight: 500;--heading__line-height: 1.375}.primitive-heading--size-5{--heading__font-size: 1.125rem;--heading__font-weight: 500;--heading__line-height: 1.375}.primitive-heading--size-6{--heading__font-size: 1rem;--heading__font-weight: 500;--heading__line-height: 1.5}.primitive-paragraph{font-size:var(--paragraph__font-size, 1rem);font-weight:var(--paragraph__font-weight, 400);line-height:var(--paragraph__line-height, 1.5625);color:var(--paragraph__color, var(--blockout__colours__surface--700))}.primitive-paragraph--size-small{--paragraph__font-size: .875rem;--paragraph__line-height: 1.785;--paragraph__color: var(--blockout__colours__surface--600)}.primitive-paragraph--size-large{--paragraph__font-size: 1.125rem;--paragraph__line-height: 1.666;--paragraph__color: var(--blockout__colours__surface--700)}.primitive-keyboard{display:flex;gap:.5em;font-family:inherit}.primitive-keyboard .primitive-keyboard__key{display:block;text-align:center;box-shadow:inset 0 .3em .3em -.1em #ffffffbf;background:var(--blockout__colours__surface--50);border:1px solid var(--blockout__colours__surface--200);border-radius:var(--blockout__radius--xxs);padding:.25em .5em;font-size:.75em;color:var(--blockout__colours__surface--800);font-weight:600;text-transform:uppercase;outline:0px solid transparent;outline-offset:0px;transition:background-color .8s ease,border-color .8s ease,color .8s ease}.primitive-keyboard .primitive-keyboard__key.primitive-keyboard__key--singular{min-width:2.25em}.primitive-keyboard.primitive-keyboard--active .primitive-keyboard__key{background:var(--blockout__colours__primary--100);border-color:var(--blockout__colours__primary--500);color:var(--blockout__colours__primary--950);transition-duration:.1s}
+.primitive-heading{font-size:var(--heading__font-size, 1.5rem);font-weight:var(--heading__font-weight, 700);line-height:var(--heading__line-height, 1.5rem);color:var(--heading__color, var(--blockout__colours__surface--950));text-transform:var(--heading__text-transform, none);letter-spacing:var(--heading__letter-spacing, normal)}.primitive-heading--size-1{--heading__font-size: 2.25rem;--heading__font-weight: 600;--heading__line-height: 1.25}.primitive-heading--size-2{--heading__font-size: 1.875rem;--heading__font-weight: 600;--heading__line-height: 1.375}.primitive-heading--size-3{--heading__font-size: 1.5625rem;--heading__font-weight: 500;--heading__line-height: 1.375}.primitive-heading--size-4{--heading__font-size: 1.375rem;--heading__font-weight: 500;--heading__line-height: 1.375}.primitive-heading--size-5{--heading__font-size: 1.125rem;--heading__font-weight: 500;--heading__line-height: 1.375}.primitive-heading--size-6{--heading__font-size: 1rem;--heading__font-weight: 500;--heading__line-height: 1.5}.primitive-paragraph{font-size:var(--paragraph__font-size, 1rem);font-weight:var(--paragraph__font-weight, 400);line-height:var(--paragraph__line-height, 1.5625);color:var(--paragraph__color, var(--blockout__colours__surface--700))}.primitive-paragraph--size-small{--paragraph__font-size: .875rem;--paragraph__line-height: 1.785;--paragraph__color: var(--blockout__colours__surface--600)}.primitive-paragraph--size-large{--paragraph__font-size: 1.125rem;--paragraph__line-height: 1.666;--paragraph__color: var(--blockout__colours__surface--700)}.primitive-keyboard{display:inline-flex;gap:.5em;font-family:inherit}.primitive-keyboard .primitive-keyboard__key{display:block;text-align:center;box-shadow:inset 0 .3em .3em -.1em #ffffffbf;background:var(--blockout__colours__surface--50);border:1px solid var(--blockout__colours__surface--200);border-radius:var(--blockout__radius--xxs);padding:.25em .5em;font-size:.75em;color:var(--blockout__colours__surface--800);font-weight:600;text-transform:uppercase;outline:0px solid transparent;outline-offset:0px;transition:background-color .8s ease,border-color .8s ease,color .8s ease}.primitive-keyboard .primitive-keyboard__key.primitive-keyboard__key--singular{min-width:2.25em}.primitive-keyboard .primitive-keyboard__key:is([data-colour-scheme=dark] *){box-shadow:inset 0 .3em .3em -.1em #000000bf}.primitive-keyboard.primitive-keyboard--active .primitive-keyboard__key{background:var(--blockout__colours__primary--100);border-color:var(--blockout__colours__primary--500);color:var(--blockout__colours__primary--950);transition-duration:.1s}

package/dist/assets/style8.css

@@ -1 +1 @@
-.primitive-link{width:fit-content}
+.component-checkbox-control__label{display:flex;align-items:center;font-weight:400;color:var(--blockout__colours__surface--950);font-size:1rem;cursor:pointer;width:fit-content}.component-checkbox-control__input__wrapper{position:relative;width:1.5rem;height:1.5rem}.component-checkbox-control__input{width:100%;height:100%;opacity:0;position:relative;z-index:1;cursor:pointer}.component-checkbox-control__icon{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:var(--blockout__colours__surface--500)}.component-checkbox-control__text{padding:var(--base-control__padding);min-height:var(--base-control__min-height);min-width:max-content}.component-checkbox-control__help{margin-top:.25rem;max-width:65ch;font-size:.75rem;font-weight:400;color:var(--blockout__colours__surface--600)}.component-checkbox-control--checked .component-checkbox-control__icon{fill:var(--blockout__colours__primary--500)}

package/dist/assets/style9.css

@@ -1 +1 @@
-.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)}
+.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/{combobox-group-BCdU5rML.js → combobox-group-Q7OatWHm.js}

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

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

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

package/dist/components/breadcrumbs/index.js

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

package/dist/components/button/button.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC, JSX } from 'react';
 type BaseProps = {
     variant?: "primary" | "quiet" | "ghost" | "neutral";
     size?: "small" | "medium" | "large";
@@ -11,6 +11,9 @@ type ButtonButtonProps = BaseProps & Omit<React.ButtonHTMLAttributes<HTMLButtonE
 type LinkButtonProps = BaseProps & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof BaseProps> & {
     as: "link";
 };
-export type ButtonProps = ButtonButtonProps | LinkButtonProps;
+type JSXButtonProps = BaseProps & Omit<React.HTMLAttributes<HTMLElement>, keyof BaseProps> & {
+    as: JSX.ElementType;
+};
+export type ButtonProps = ButtonButtonProps | LinkButtonProps | JSXButtonProps;
 export declare const Button: FC<ButtonProps>;
 export {};

package/dist/components/button/button.js

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

package/dist/components/button/row.js

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

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

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { CommandPaletteProps } from './static';
+interface DialogCommandPaletteProps extends CommandPaletteProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    hotkey?: string;
+}
+export declare const DialogCommandPalette: FC<DialogCommandPaletteProps>;
+export {};

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

@@ -0,0 +1,34 @@
+import { jsx as o } from "react/jsx-runtime";
+import "react";
+import { useHotkey as s } from "../../hooks/keyboard.js";
+import { cn as c } from "../../utils/css.js";
+import { noop as l } from "../../utils/noop.js";
+import { CommandPalette as d } from "./static.js";
+import { u } from "../../BM6PGYQY-DL-j4NGc.js";
+import { D as f } from "../../G7GW6PWC-C6qSYISF.js";
+const O = ({
+  className: r,
+  open: a,
+  onOpenChange: t = l,
+  hotkey: e,
+  ...n
+}) => {
+  const m = u({ open: a, setOpen: t }), p = () => {
+    t(!0);
+  };
+  return e && s(e, (i) => {
+    i.preventDefault(), p();
+  }), /* @__PURE__ */ o(
+    f,
+    {
+      store: m,
+      className: c("component-command-palette", r),
+      backdrop: /* @__PURE__ */ o("div", { className: "component-command-palette__backdrop" }),
+      unmountOnHide: !0,
+      children: /* @__PURE__ */ o(d, { disclosure: m, ...n })
+    }
+  );
+};
+export {
+  O as DialogCommandPalette
+};

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

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

package/dist/components/command-palette/{index.d.ts → static.d.ts}

@@ -1,24 +1,26 @@
 import { FC } from 'react';
 import { Command } from './types';
 import * as Ariakit from "@ariakit/react";
-interface CommandPaletteProps {
+interface CommandPaletteItemProps {
+    command: Command;
+    className?: string;
+}
+export interface CommandPaletteProps {
+    disclosure?: Ariakit.DialogStore;
     className?: string;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
     search?: string;
     onSearchChange?: (query: string) => void;
-    hotkey?: string;
     placeholder?: string;
     commands: Command[];
     suggestions?: Command[];
+    render?: {
+        item: FC<CommandPaletteItemProps>;
+        group: FC<CommandPaletteItemProps>;
+    };
 }
 export declare const CommandPalette: FC<CommandPaletteProps>;
-export declare const CommandItem: FC<{
-    command: Command;
-    className?: string;
+export declare const CommandItem: FC<CommandPaletteItemProps & {
     render?: Ariakit.ComboboxItemProps["render"];
 }>;
-export declare const CommandGroup: FC<{
-    command: Command;
-}>;
-export type { Command };
+export declare const CommandGroup: FC<CommandPaletteItemProps>;
+export {};