@wrdagency/blockout 1.0.1 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/dist/assets/index10.css +1 -1
  2. package/dist/assets/index11.css +1 -1
  3. package/dist/assets/index12.css +1 -1
  4. package/dist/assets/index13.css +1 -1
  5. package/dist/assets/index14.css +1 -1
  6. package/dist/assets/index15.css +1 -1
  7. package/dist/assets/index16.css +1 -1
  8. package/dist/assets/index17.css +1 -1
  9. package/dist/assets/index18.css +1 -1
  10. package/dist/assets/index19.css +1 -1
  11. package/dist/assets/index2.css +1 -1
  12. package/dist/assets/index20.css +1 -1
  13. package/dist/assets/index21.css +1 -0
  14. package/dist/assets/index3.css +1 -1
  15. package/dist/assets/index4.css +1 -1
  16. package/dist/assets/index5.css +1 -1
  17. package/dist/assets/index6.css +1 -1
  18. package/dist/assets/index7.css +1 -1
  19. package/dist/assets/index8.css +1 -1
  20. package/dist/assets/index9.css +1 -1
  21. package/dist/assets/style2.css +1 -1
  22. package/dist/components/avatar/index.js +1 -1
  23. package/dist/components/badge/index.js +1 -1
  24. package/dist/components/breadcrumbs/index.js +1 -1
  25. package/dist/components/controls/markdown-control/editor.d.ts +1 -1
  26. package/dist/components/controls/markdown-control/editor.js +1 -1
  27. package/dist/components/controls/markdown-control/index.d.ts +1 -1
  28. package/dist/components/controls/select-control/props.d.ts +2 -1
  29. package/dist/components/data-form/index.js +1 -1
  30. package/dist/components/data-view/parts/body/index.js +1 -1
  31. package/dist/components/data-view/parts/controls/index.js +1 -1
  32. package/dist/components/data-view/parts/filters/index.js +1 -1
  33. package/dist/components/data-view/parts/footer/index.js +1 -1
  34. package/dist/components/data-view/parts/view-control/index.js +1 -1
  35. package/dist/components/filesystem/index.js +1 -1
  36. package/dist/components/pagination/index.js +1 -1
  37. package/dist/components/progress/index.js +1 -1
  38. package/dist/components/shell/index.js +1 -1
  39. package/dist/components/tabs/index.js +1 -1
  40. package/dist/components/tag/index.js +1 -1
  41. package/dist/components/toolbar/index.js +1 -1
  42. package/dist/components/window/index.js +1 -1
  43. package/dist/primitives/icon-label/index.d.ts +1 -2
  44. package/dist/primitives/nav-link/index.d.ts +8 -0
  45. package/dist/primitives/nav-link/index.js +37 -0
  46. package/dist/primitives/popover/index.js +1 -1
  47. package/dist/primitives/scroll-area/index.js +1 -1
  48. package/dist/utils/url.d.ts +1 -0
  49. package/dist/utils/url.js +12 -3
  50. package/package.json +1 -1
@@ -1 +1 @@
1
- .component-tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.component-tag{display:flex;padding:.125rem .375rem;border-radius:var(--blockout__radius--xs);background-color:var(--blockout__colours__colourway--light);color:var(--blockout__colours__colourway--dark);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.125ch;outline:3px solid var(--blockout__colours__surface--0)}
1
+ .component-tabs__list{display:flex;align-items:end;gap:.125rem;border-bottom:1px solid var(--blockout__colours__surface--300)}.component-tabs__tab{padding:.25rem .75rem 0rem;color:var(--blockout__colours__surface--700);cursor:pointer;outline:0px solid transparent;outline-offset:0px;transition:background-color .25s ease,outline .25s ease,outline-offset .25s ease}.component-tabs__tab:first-child{margin-left:-.75rem}.component-tabs__tab__label{margin-bottom:-.5px;display:flex;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.75rem;font-weight:500;text-transform:uppercase;border-bottom:2px solid transparent;transition:color .15s ease,border-bottom-color .15s ease}.component-tabs__tab__label>svg{width:1rem;height:1rem;fill:var(--blockout__colours__surface--500);transition:fill .15s ease}.component-tabs__tab:hover{background-color:var(--blockout__colours__surface--50)}.component-tabs__tab:focus{outline:none}.component-tabs__tab:focus-visible{background-color:var(--blockout__colours__surface--50);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-tabs__tab[aria-selected=true] .component-tabs__tab__label{border-bottom-color:var(--blockout__colours__surface--950);color:var(--blockout__colours__surface--950)}.component-tabs__tab[aria-selected=true] .component-tabs__tab__label>svg{fill:var(--blockout__colours__primary--500)}.component-tabs__panel{padding-top:1.5rem}
@@ -1 +1 @@
1
- .component-window{position:absolute;z-index:500;border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--lg);background-color:var(--blockout__colours__surface--0);width:min(80vw,600px)}.component-window__body{height:100%;overflow:auto}.component-window__header{display:flex;align-items:center;gap:.5rem;padding:.25rem;border-bottom:1px solid var(--blockout__colours__surface--300);border-top-left-radius:var(--blockout__radius--lg);border-top-right-radius:var(--blockout__radius--lg);position:sticky;top:0;background-color:var(--blockout__colours__surface--0)}.component-window__children{padding:1.5rem}.component-window--edgless .component-window__children{padding:0}
1
+ .component-tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.component-tag{display:flex;padding:.125rem .375rem;border-radius:var(--blockout__radius--xs);background-color:var(--blockout__colours__colourway--light);color:var(--blockout__colours__colourway--dark);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.125ch;outline:3px solid var(--blockout__colours__surface--0)}
@@ -1 +1 @@
1
- .primitive-popover__window__wrapper{z-index:9999!important}.primitive-popover__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;max-height:var(--popover-available-height)}.primitive-popover__window__scoll-area .primitive-scroll-area__viewport{padding:.5rem;min-height:var(--base-control__min-height);min-width:calc(var(--popover-anchor-width) + 2px);max-height:var(--popover-available-height)}.primitive-popover__window--edgeless .primitive-popover__window__scoll-area{padding:0}
1
+ .component-window{position:absolute;z-index:500;border:1px solid var(--blockout__colours__surface--300);border-radius:var(--blockout__radius--lg);background-color:var(--blockout__colours__surface--0);width:min(80vw,600px)}.component-window__body{height:100%;overflow:auto}.component-window__header{display:flex;align-items:center;gap:.5rem;padding:.25rem;border-bottom:1px solid var(--blockout__colours__surface--300);border-top-left-radius:var(--blockout__radius--lg);border-top-right-radius:var(--blockout__radius--lg);position:sticky;top:0;background-color:var(--blockout__colours__surface--0)}.component-window__children{padding:1.5rem}.component-window--edgless .component-window__children{padding:0}
@@ -1 +1 @@
1
- .data-view-part-empty{padding:4rem 1.5rem;margin:auto;max-width:50ch;gap:.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.data-view-part-empty>svg{width:1.5rem;height:1.5rem;fill:var(--blockout__colours__surface--300)}
1
+ .primitive-popover__window__wrapper{z-index:9999!important}.primitive-popover__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;max-height:var(--popover-available-height)}.primitive-popover__window__scoll-area .primitive-scroll-area__viewport{padding:.5rem;min-height:var(--base-control__min-height);min-width:calc(var(--popover-anchor-width) + 2px);max-height:var(--popover-available-height)}.primitive-popover__window--edgeless .primitive-popover__window__scoll-area{padding:0}
@@ -1 +1 @@
1
- .component-filter-list{display:flex;flex-wrap:wrap;gap:1rem}.component-filter-list__add{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;border-radius:var(--blockout__radius--sm);background-color:transparent;transition:background-color .25s ease,outline .25s ease,outline-offset .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease;padding:.625rem;cursor:pointer}.component-filter-list__add>svg{width:1rem;height:1rem}.component-filter-list__add:hover{background-color:var(--blockout__colours__surface--300)}.component-filter-list__add:focus{background-color:var(--blockout__colours__surface--300);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-filter-chip{display:flex;align-items:center;border-radius:var(--blockout__radius--sm);background-color:var(--blockout__colours__surface--200);transition:background-color .25s ease,outline .25s ease,outline-offset .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease;font-size:.875rem}.component-filter-chip__open{padding:.375rem .375rem .375rem .675rem;cursor:pointer}.component-filter-chip__open:focus{outline:none}.component-filter-chip:has(.component-filter-chip__open:hover){background-color:var(--blockout__colours__surface--300)}.component-filter-chip:has(.component-filter-chip__open:focus){background-color:var(--blockout__colours__surface--300);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-filter-chip__close{padding:.375rem;border-radius:var(--blockout__radius--xs);transition:background-color .25s ease;cursor:pointer;margin:.25rem}.component-filter-chip__close>svg{width:1rem;height:1rem}.component-filter-chip__close:hover{background-color:var(--blockout__colours__surface--300)}.component-filter-chip__close:focus{background-color:var(--blockout__colours__surface--300);outline:none}.component-filter-editor{display:flex;gap:.5rem}.component-filter-editor:has(.component-choice-control){flex-direction:column}.component-filter-editor__operator{width:fit-content}.component-filter-editor__value.component-text-control{width:min(75vw,15rem)}.component-filter-editor__value.component-number-control{width:min(75vw,5rem)}.component-filter-editor__value.component-date-control{width:min(75vw,12rem)}
1
+ .data-view-part-empty{padding:4rem 1.5rem;margin:auto;max-width:50ch;gap:.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.data-view-part-empty>svg{width:1.5rem;height:1.5rem;fill:var(--blockout__colours__surface--300)}
@@ -1 +1 @@
1
- .data-view-part-footer{position:sticky;bottom:0;z-index:10;background-color:var(--blockout__colours__surface--0);border-top:1px solid var(--blockout__colours__surface--300);padding:.75rem 0;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:1.5rem;min-height:4.5rem}@media (max-width: 768px){.data-view-part-footer__selection{display:none!important}}.data-view-part-footer__selection{display:flex;align-items:center;flex-shrink:0;gap:.75rem}.data-view-part-footer__selection__checkbox{margin-left:.75rem}.data-view-part-footer__selection__count{font-size:.875rem;color:var(--blockout__colours__surface--600)}.data-view-part-footer__actions{display:flex;flex-shrink:0;gap:.75rem;margin-left:auto}.data-view-part-footer:has(.data-view-part-footer__pagination) .data-view-part-footer__actions,.data-view-part-footer:has(.data-view-part-footer__pagination) .data-view-part-footer__selection{flex-basis:33%}
1
+ .component-filter-list{display:flex;flex-wrap:wrap;gap:1rem}.component-filter-list__add{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;border-radius:var(--blockout__radius--sm);background-color:transparent;transition:background-color .25s ease,outline .25s ease,outline-offset .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease;padding:.625rem;cursor:pointer}.component-filter-list__add>svg{width:1rem;height:1rem}.component-filter-list__add:hover{background-color:var(--blockout__colours__surface--300)}.component-filter-list__add:focus{background-color:var(--blockout__colours__surface--300);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-filter-chip{display:flex;align-items:center;border-radius:var(--blockout__radius--sm);background-color:var(--blockout__colours__surface--200);transition:background-color .25s ease,outline .25s ease,outline-offset .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease;font-size:.875rem}.component-filter-chip__open{padding:.375rem .375rem .375rem .675rem;cursor:pointer}.component-filter-chip__open:focus{outline:none}.component-filter-chip:has(.component-filter-chip__open:hover){background-color:var(--blockout__colours__surface--300)}.component-filter-chip:has(.component-filter-chip__open:focus){background-color:var(--blockout__colours__surface--300);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-filter-chip__close{padding:.375rem;border-radius:var(--blockout__radius--xs);transition:background-color .25s ease;cursor:pointer;margin:.25rem}.component-filter-chip__close>svg{width:1rem;height:1rem}.component-filter-chip__close:hover{background-color:var(--blockout__colours__surface--300)}.component-filter-chip__close:focus{background-color:var(--blockout__colours__surface--300);outline:none}.component-filter-editor{display:flex;gap:.5rem}.component-filter-editor:has(.component-choice-control){flex-direction:column}.component-filter-editor__operator{width:fit-content}.component-filter-editor__value.component-text-control{width:min(75vw,15rem)}.component-filter-editor__value.component-number-control{width:min(75vw,5rem)}.component-filter-editor__value.component-date-control{width:min(75vw,12rem)}
@@ -1 +1 @@
1
- .component-pagination{display:flex;align-items:center;gap:.75rem}.component-pagination__text{display:flex;align-items:baseline;gap:1ch;font-size:.875rem;color:var(--blockout__colours__surface--600)}.component-pagination__text__current,.component-pagination__text__total{color:var(--blockout__colours__surface--900)}
1
+ .data-view-part-footer{position:sticky;bottom:0;z-index:10;background-color:var(--blockout__colours__surface--0);border-top:1px solid var(--blockout__colours__surface--300);padding:.75rem 0;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:1.5rem;min-height:4.5rem}@media (max-width: 768px){.data-view-part-footer__selection{display:none!important}}.data-view-part-footer__selection{display:flex;align-items:center;flex-shrink:0;gap:.75rem}.data-view-part-footer__selection__checkbox{margin-left:.75rem}.data-view-part-footer__selection__count{font-size:.875rem;color:var(--blockout__colours__surface--600)}.data-view-part-footer__actions{display:flex;flex-shrink:0;gap:.75rem;margin-left:auto}.data-view-part-footer:has(.data-view-part-footer__pagination) .data-view-part-footer__actions,.data-view-part-footer:has(.data-view-part-footer__pagination) .data-view-part-footer__selection{flex-basis:33%}
@@ -1 +1 @@
1
- .component-toolbar{display:flex;align-items:center;gap:.25rem;padding:.25rem}.component-toolbar__divider{min-height:1.5rem;margin:0 .25rem;width:0px;border-bottom:none;border-right:1px solid var(--blockout__colours__primary--300)}
1
+ .component-pagination{display:flex;align-items:center;gap:.75rem}.component-pagination__text{display:flex;align-items:baseline;gap:1ch;font-size:.875rem;color:var(--blockout__colours__surface--600)}.component-pagination__text__current,.component-pagination__text__total{color:var(--blockout__colours__surface--900)}
@@ -1 +1 @@
1
- .data-view-part-controls__wrapper{display:flex;flex-direction:column;gap:1rem}.data-view-part-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.data-view-part-controls__search{width:20rem}.data-view-part-controls__search__clear{align-self:center;margin-right:.5rem}.data-view-part-controls__order,.data-view-part-controls__view{--button__icon: var(--blockout__colours__surface--500);--button__icon--hover: var(--blockout__colours__surface--500)}.data-view-part-controls__view__control{padding:.75rem}.data-view-part-controls__children{margin-left:auto}
1
+ .component-toolbar{display:flex;align-items:center;gap:.25rem;padding:.25rem}.component-toolbar__divider{min-height:1.5rem;margin:0 .25rem;width:0px;border-bottom:none;border-right:1px solid var(--blockout__colours__primary--300)}
@@ -1 +1 @@
1
- .component-view-control{display:flex;flex-direction:column;gap:1.5rem}.component-view-control__row{display:flex;gap:1rem;align-items:end}.component-view-control__row__grow{flex-grow:1}
1
+ .data-view-part-controls__wrapper{display:flex;flex-direction:column;gap:1rem}.data-view-part-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.data-view-part-controls__search{width:20rem}.data-view-part-controls__search__clear{align-self:center;margin-right:.5rem}.data-view-part-controls__order,.data-view-part-controls__view{--button__icon: var(--blockout__colours__surface--500);--button__icon--hover: var(--blockout__colours__surface--500)}.data-view-part-controls__view__control{padding:.75rem}.data-view-part-controls__children{margin-left:auto}
@@ -1 +1 @@
1
- .component-avatar{--component-avatar__size: 2.5rem;--component-avatar__gap: .675rem;--component-avatar__font-size: 1rem;display:flex;align-items:center;gap:var(--component-avatar__gap)}.component-avatar__image,.component-avatar__fallback{display:flex;align-items:center;justify-content:center;width:var(--component-avatar__size);height:var(--component-avatar__size);border-radius:var(--component-avatar__size);background-color:var(--blockout__colours__colourway--light);color:var(--blockout__colours__colourway--dark);font-size:calc(var(--component-avatar__size) / 2)}.component-avatar__name{font-size:var(--component-avatar__font-size);font-weight:400;color:var(--blockout__colours__surface--950)}.component-avatar--size-small{--component-avatar__size: 1.25rem;--component-avatar__gap: .5rem;--component-avatar__font-size: 1rem}.component-avatar--size-large{--component-avatar__size: 3rem;--component-avatar__gap: .875rem;--component-avatar__font-size: 1.125rem}
1
+ .primitive-nav-link .primitive-nav-link__icon-label{--icon-label__icon-colour: var(--blockout__colours__surface--600);--icon-label__text-colour: var(--blockout__colours__surface--800)}.primitive-nav-link[aria-current=page] .primitive-nav-link__icon-label{--icon-label__icon-colour: var(--blockout__colours__primary--500);--icon-label__text-colour: var(--blockout__colours__surface--950)}
@@ -1 +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)}
1
+ .component-view-control{display:flex;flex-direction:column;gap:1.5rem}.component-view-control__row{display:flex;gap:1rem;align-items:end}.component-view-control__row__grow{flex-grow:1}
@@ -0,0 +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)}
@@ -1 +1 @@
1
- .component-badge{position:relative}.component-badge__indicator{pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .25s ease;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;position:absolute;top:0;right:0;transform:translate(35%,-35%);background-color:red;color:#fff;width:1rem;height:1rem;border-radius:2rem;overflow:clip}.component-badge--with-value .component-badge__indicator{width:1.25rem;height:1.25rem}.component-badge:not(.component-badge--enabled) .component-badge__indicator{opacity:0}
1
+ .component-avatar{--component-avatar__size: 2.5rem;--component-avatar__gap: .675rem;--component-avatar__font-size: 1rem;display:flex;align-items:center;gap:var(--component-avatar__gap)}.component-avatar__image,.component-avatar__fallback{display:flex;align-items:center;justify-content:center;width:var(--component-avatar__size);height:var(--component-avatar__size);border-radius:var(--component-avatar__size);background-color:var(--blockout__colours__colourway--light);color:var(--blockout__colours__colourway--dark);font-size:calc(var(--component-avatar__size) / 2)}.component-avatar__name{font-size:var(--component-avatar__font-size);font-weight:400;color:var(--blockout__colours__surface--950)}.component-avatar--size-small{--component-avatar__size: 1.25rem;--component-avatar__gap: .5rem;--component-avatar__font-size: 1rem}.component-avatar--size-large{--component-avatar__size: 3rem;--component-avatar__gap: .875rem;--component-avatar__font-size: 1.125rem}
@@ -1 +1 @@
1
- .component-breadcrumbs{text-transform:uppercase;font-size:.75rem;font-weight:600;color:var(--blockout__colours__surface--700)}.component-breadcrumbs__list{display:flex;align-items:baseline;flex-wrap:wrap}.component-breadcrumbs__item{display:flex;align-items:baseline;gap:.125rem}.component-breadcrumbs__link{display:block;padding:.25rem .5rem;text-underline-offset:0;transition:color .15s ease,text-underline-offset .15s ease}.component-breadcrumbs__item:first-child .component-breadcrumbs__link{padding-left:0}.component-breadcrumbs__item:last-child .component-breadcrumbs__link{color:var(--blockout__colours__surface--500)}.component-breadcrumbs__link:hover,.component-breadcrumbs__link:focus-visible{color:var(--blockout__colours__surface--950);text-decoration:underline;text-underline-offset:.125rem;outline:none}.component-breacrumbs__separator{color:var(--blockout__colours__surface--400)}.component-breadcrumbs__item:last-child .component-breacrumbs__separator{display:none}
1
+ .component-badge{position:relative}.component-badge__indicator{pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .25s ease;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;position:absolute;top:0;right:0;transform:translate(35%,-35%);background-color:red;color:#fff;width:1rem;height:1rem;border-radius:2rem;overflow:clip}.component-badge--with-value .component-badge__indicator{width:1.25rem;height:1.25rem}.component-badge:not(.component-badge--enabled) .component-badge__indicator{opacity:0}
@@ -1 +1 @@
1
- .component-data-form__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;margin-bottom:1.5rem}.component-data-form__row.component-data-form__row--tight{margin-bottom:.5rem}.component-data-form__status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--blockout__colours__surface--600);border-top:1px solid var(--blockout__colours__surface--300);padding:1.5rem 0}.component-data-form__status>svg{width:.875rem;height:.875rem}
1
+ .component-breadcrumbs{text-transform:uppercase;font-size:.75rem;font-weight:600;color:var(--blockout__colours__surface--700)}.component-breadcrumbs__list{display:flex;align-items:baseline;flex-wrap:wrap}.component-breadcrumbs__item{display:flex;align-items:baseline;gap:.125rem}.component-breadcrumbs__link{display:block;padding:.25rem .5rem;text-underline-offset:0;transition:color .15s ease,text-underline-offset .15s ease}.component-breadcrumbs__item:first-child .component-breadcrumbs__link{padding-left:0}.component-breadcrumbs__item:last-child .component-breadcrumbs__link{color:var(--blockout__colours__surface--500)}.component-breadcrumbs__link:hover,.component-breadcrumbs__link:focus-visible{color:var(--blockout__colours__surface--950);text-decoration:underline;text-underline-offset:.125rem;outline:none}.component-breacrumbs__separator{color:var(--blockout__colours__surface--400)}.component-breadcrumbs__item:last-child .component-breacrumbs__separator{display:none}
@@ -1 +1 @@
1
- .component-filesystem__list{display:flex;flex-direction:column;gap:.25rem}.component-filesystem__file,.component-filesystem__folder__line{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:var(--blockout__radius--md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-filesystem__file__icon,.component-filesystem__folder__icon{width:1.25rem;height:1.25rem;fill:var(--blockout__colours__surface--500);flex-shrink:0}.component-filesystem__file{outline:0px solid transparent;outline-offset:0px;transition:background-color .25s ease,outline .25s ease,outline-offset .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}.component-filesystem__file:focus-within,.component-filesystem__file:focus{background-color:var(--blockout__colours__surface--100);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-filesystem__file__base{text-underline-offset:0;transition:color .15s ease,text-underline-offset .15s ease}.component-filesystem__file__name:focus{outline:none}a.component-filesystem__file__name:hover .component-filesystem__file__base,a.component-filesystem__file__name:focus .component-filesystem__file__base{text-decoration:underline;text-decoration-color:var(--blockout__colours__primary--500);text-decoration-thickness:1px;text-underline-offset:.25rem}.component-filesystem__file__extension{color:var(--blockout__colours__surface--400);font-size:.875rem;margin-left:.125rem}.component-filesystem__folder__line{width:100%;cursor:pointer;outline:0px solid transparent;outline-offset:0px;transition:background-color .25s ease,outline .25s ease,outline-offset .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}.component-filesystem__folder__line:hover{background-color:var(--blockout__colours__surface--100)}.component-filesystem__folder__line:focus{background-color:var(--blockout__colours__surface--100);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-filesystem__folder__children{padding-left:2rem;padding-top:.25rem}
1
+ .component-data-form__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;margin-bottom:1.5rem}.component-data-form__row.component-data-form__row--tight{margin-bottom:.5rem}.component-data-form__status{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--blockout__colours__surface--600);border-top:1px solid var(--blockout__colours__surface--300);padding:1.5rem 0}.component-data-form__status>svg{width:.875rem;height:.875rem}
@@ -1 +1 @@
1
- .component-progress{--component-progress__steps: 0;--component-progress__value: 0;--component-progress__min: 0;--component-progress__max: 1;--component-progress__step-width: max(.75rem, 3.5%);-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:flex;gap:.25rem;height:.25rem}.component-progress__step{position:relative;height:100%;width:2rem;border-radius:.5rem;background-color:var(--blockout__colours__surface--300);transition:background-color .15s ease,width .15s ease}.component-progress__step[data-phase=present]{width:3rem;background-color:var(--blockout__colours__primary--500)}.component-progress__step[data-phase=past]{background-color:var(--blockout__colours__surface--950)}.component-progress--indeterminate .component-progress__step{width:10rem;overflow:clip;background-color:var(--blockout__colours__surface--300)}.component-progress--indeterminate .component-progress__step:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;border-radius:.5rem;background-color:var(--blockout__colours__primary--500);animation:component-progress__indeterminate infinite 1s ease-in-out alternate-reverse}@keyframes component-progress__indeterminate{0%{left:-100%}to{left:100%}}
1
+ .component-filesystem__list{display:flex;flex-direction:column;gap:.25rem}.component-filesystem__file,.component-filesystem__folder__line{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:var(--blockout__radius--md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-filesystem__file__icon,.component-filesystem__folder__icon{width:1.25rem;height:1.25rem;fill:var(--blockout__colours__surface--500);flex-shrink:0}.component-filesystem__file{outline:0px solid transparent;outline-offset:0px;transition:background-color .25s ease,outline .25s ease,outline-offset .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}.component-filesystem__file:focus-within,.component-filesystem__file:focus{background-color:var(--blockout__colours__surface--100);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-filesystem__file__base{text-underline-offset:0;transition:color .15s ease,text-underline-offset .15s ease}.component-filesystem__file__name:focus{outline:none}a.component-filesystem__file__name:hover .component-filesystem__file__base,a.component-filesystem__file__name:focus .component-filesystem__file__base{text-decoration:underline;text-decoration-color:var(--blockout__colours__primary--500);text-decoration-thickness:1px;text-underline-offset:.25rem}.component-filesystem__file__extension{color:var(--blockout__colours__surface--400);font-size:.875rem;margin-left:.125rem}.component-filesystem__folder__line{width:100%;cursor:pointer;outline:0px solid transparent;outline-offset:0px;transition:background-color .25s ease,outline .25s ease,outline-offset .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}.component-filesystem__folder__line:hover{background-color:var(--blockout__colours__surface--100)}.component-filesystem__folder__line:focus{background-color:var(--blockout__colours__surface--100);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-filesystem__folder__children{padding-left:2rem;padding-top:.25rem}
@@ -1 +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%}
1
+ .component-progress{--component-progress__steps: 0;--component-progress__value: 0;--component-progress__min: 0;--component-progress__max: 1;--component-progress__step-width: max(.75rem, 3.5%);-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:flex;gap:.25rem;height:.25rem}.component-progress__step{position:relative;height:100%;width:2rem;border-radius:.5rem;background-color:var(--blockout__colours__surface--300);transition:background-color .15s ease,width .15s ease}.component-progress__step[data-phase=present]{width:3rem;background-color:var(--blockout__colours__primary--500)}.component-progress__step[data-phase=past]{background-color:var(--blockout__colours__surface--950)}.component-progress--indeterminate .component-progress__step{width:10rem;overflow:clip;background-color:var(--blockout__colours__surface--300)}.component-progress--indeterminate .component-progress__step:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;border-radius:.5rem;background-color:var(--blockout__colours__primary--500);animation:component-progress__indeterminate infinite 1s ease-in-out alternate-reverse}@keyframes component-progress__indeterminate{0%{left:-100%}to{left:100%}}
@@ -1 +1 @@
1
- .component-tabs__list{display:flex;align-items:end;gap:.125rem;border-bottom:1px solid var(--blockout__colours__surface--300)}.component-tabs__tab{padding:.25rem .75rem 0rem;color:var(--blockout__colours__surface--700);cursor:pointer;outline:0px solid transparent;outline-offset:0px;transition:background-color .25s ease,outline .25s ease,outline-offset .25s ease}.component-tabs__tab:first-child{margin-left:-.75rem}.component-tabs__tab__label{margin-bottom:-.5px;display:flex;align-items:center;gap:.5rem;padding:.5rem 0;font-size:.75rem;font-weight:500;text-transform:uppercase;border-bottom:2px solid transparent;transition:color .15s ease,border-bottom-color .15s ease}.component-tabs__tab__label>svg{width:1rem;height:1rem;fill:var(--blockout__colours__surface--500);transition:fill .15s ease}.component-tabs__tab:hover{background-color:var(--blockout__colours__surface--50)}.component-tabs__tab:focus{outline:none}.component-tabs__tab:focus-visible{background-color:var(--blockout__colours__surface--50);outline:1px solid var(--blockout__colours__outline);outline-offset:4px}.component-tabs__tab[aria-selected=true] .component-tabs__tab__label{border-bottom-color:var(--blockout__colours__surface--950);color:var(--blockout__colours__surface--950)}.component-tabs__tab[aria-selected=true] .component-tabs__tab__label>svg{fill:var(--blockout__colours__primary--500)}.component-tabs__panel{padding-top:1.5rem}
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%}
@@ -1 +1 @@
1
- .primitive-link{text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1.5px;text-underline-offset:.25em;transition:text-decoration-color .25s ease;width:fit-content}.primitive-link:hover{text-decoration-color:var(--blockout__colours__primary--400)}
1
+ .primitive-link{width:fit-content}
@@ -2,7 +2,7 @@ import { jsxs as s, jsx as a } from "react/jsx-runtime";
2
2
  import { Colourway as e } from "../../primitives/colourway/index.js";
3
3
  import { cn as n } from "../../utils/css.js";
4
4
  import { useMemo as c } from "react";
5
- import '../../assets/styles.css';import '../../assets/style6.css';import '../../assets/style5.css';import '../../assets/style4.css';import '../../assets/style3.css';import '../../assets/style2.css';import '../../assets/style.css';import '../../assets/index2.css';/* empty css */
5
+ 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/index3.css';/* empty css */
6
6
  /* empty css */
7
7
  import "../../primitives/popover/index.js";
8
8
  /* empty css */
@@ -1,6 +1,6 @@
1
1
  import { jsxs as t, jsx as r } from "react/jsx-runtime";
2
2
  import { cn as c } from "../../utils/css.js";
3
- import '../../assets/index3.css';const a = ({
3
+ import '../../assets/index4.css';const a = ({
4
4
  className: n,
5
5
  value: e = !0,
6
6
  children: o
@@ -6,7 +6,7 @@ import { C as c } from "../../5JTVDSTH-CIreO5bC.js";
6
6
  import { C as l } from "../../J2LQO3EC-CcHJqN0I.js";
7
7
  import { C as d } from "../../6VRAQV3D-BoLhl3hf.js";
8
8
  import { C as b } from "../../TP7N7UIH-mdk33dnV.js";
9
- import '../../assets/index4.css';const v = ({
9
+ import '../../assets/index5.css';const v = ({
10
10
  crumbs: o,
11
11
  separator: m = /* @__PURE__ */ r(i, {}),
12
12
  className: a,
@@ -1,7 +1,7 @@
1
1
  import { FC } from 'react';
2
2
  interface MarkdownEditorProps {
3
3
  className?: string;
4
- value: string;
4
+ value?: string;
5
5
  onChangeValue: (value: string) => void;
6
6
  }
7
7
  export declare const MarkdownEditor: FC<MarkdownEditorProps>;
@@ -784,7 +784,7 @@ const wt = ({
784
784
  const s = Ye();
785
785
  return Ze(
786
786
  (r) => ze.make().config((i) => {
787
- i.set(He, r), i.set(Ke, e), i.get(q).markdownUpdated((l, a) => {
787
+ i.set(He, r), i.set(Ke, e || ""), i.get(q).markdownUpdated((l, a) => {
788
788
  t(a);
789
789
  }), i.set(N.key, {
790
790
  renderLabel: () => ""
@@ -1,6 +1,6 @@
1
1
  import { ControlFC } from '../base-control/props';
2
2
  interface MarkdownControlProps {
3
- value: string;
3
+ value?: string;
4
4
  onChangeValue: (value: string) => void;
5
5
  }
6
6
  export declare const MarkdownControl: ControlFC<MarkdownControlProps>;
@@ -1,5 +1,5 @@
1
1
  import { Optionable } from '../../../types/options';
2
- import { ReactNode } from 'react';
2
+ import { HTMLInputAutoCompleteAttribute, ReactNode } from 'react';
3
3
  import * as Ariakit from "@ariakit/react";
4
4
  export interface SelectProps<T extends string = string> extends Ariakit.SelectOptions {
5
5
  id?: string;
@@ -11,4 +11,5 @@ export interface SelectProps<T extends string = string> extends Ariakit.SelectOp
11
11
  prefix?: ReactNode;
12
12
  suffix?: ReactNode;
13
13
  withIcon?: boolean;
14
+ autoComplete?: HTMLInputAutoCompleteAttribute;
14
15
  }
@@ -3,7 +3,7 @@ import { Form as r } from "./form.js";
3
3
  import { Row as t } from "./row.js";
4
4
  import { Status as m } from "./status.js";
5
5
  import { Submit as e } from "./submit.js";
6
- import '../../assets/index5.css';const s = Object.assign(r, {
6
+ import '../../assets/index6.css';const s = Object.assign(r, {
7
7
  Row: t,
8
8
  Submit: e,
9
9
  Status: m,
@@ -4,7 +4,7 @@ import { getLayoutComponent as a } from "../../data/layout.js";
4
4
  import { G as h } from "../../../../index-EQOyE9yF.js";
5
5
  import { I as d } from "../../../../index-C2R91pmO.js";
6
6
  import "../../slots/property/context.js";
7
- import '../../../../assets/style23.css';import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style16.css';import '../../../../assets/style15.css';import '../../../../assets/styles5.css';import '../../../../assets/style17.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/style12.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style11.css';import '../../../../assets/style10.css';import '../../../../assets/style8.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/style9.css';import '../../../../assets/style7.css';import '../../../../assets/styles2.css';import '../../../../assets/index13.css';/* empty css */
7
+ import '../../../../assets/style23.css';import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style16.css';import '../../../../assets/style15.css';import '../../../../assets/styles5.css';import '../../../../assets/style17.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/style12.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style11.css';import '../../../../assets/style10.css';import '../../../../assets/style8.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/style9.css';import '../../../../assets/style7.css';import '../../../../assets/styles2.css';import '../../../../assets/index14.css';/* empty css */
8
8
  import "../../../../style-A7_0w2WD.js";
9
9
  /* empty css */
10
10
  /* empty css */
@@ -1,7 +1,7 @@
1
1
  import { jsxs as l, jsx as e } from "react/jsx-runtime";
2
2
  import { Badge as h } from "../../../badge/index.js";
3
3
  import { Button as n } from "../../../button/index.js";
4
- import '../../../../assets/style23.css';import '../../../../assets/style18.css';import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style16.css';import '../../../../assets/style15.css';import '../../../../assets/styles5.css';import '../../../../assets/style17.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/style12.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style11.css';import '../../../../assets/style10.css';import '../../../../assets/style8.css';import '../../../../assets/style7.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/style9.css';import '../../../../assets/index18.css';/* empty css */
4
+ import '../../../../assets/style23.css';import '../../../../assets/style18.css';import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style16.css';import '../../../../assets/style15.css';import '../../../../assets/styles5.css';import '../../../../assets/style17.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/style12.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style11.css';import '../../../../assets/style10.css';import '../../../../assets/style8.css';import '../../../../assets/style7.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/style9.css';import '../../../../assets/index19.css';/* empty css */
5
5
  import * as t from "react";
6
6
  import { useMemo as v } from "react";
7
7
  /* empty css */
@@ -1,6 +1,6 @@
1
1
  import { Chip as i } from "./chip.js";
2
2
  import { List as t } from "./list.js";
3
- import '../../../../assets/index14.css';const s = Object.assign(t, {
3
+ import '../../../../assets/index15.css';const s = Object.assign(t, {
4
4
  List: t,
5
5
  Chip: i
6
6
  });
@@ -1,7 +1,7 @@
1
1
  import { jsxs as e, jsx as t } from "react/jsx-runtime";
2
2
  import { Pagination as a } from "../../../pagination/index.js";
3
3
  import "react";
4
- import '../../../../assets/style23.css';import '../../../../assets/style18.css';import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style16.css';import '../../../../assets/style15.css';import '../../../../assets/styles5.css';import '../../../../assets/style17.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/style12.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style11.css';import '../../../../assets/style10.css';import '../../../../assets/style8.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/style9.css';import '../../../../assets/style7.css';import '../../../../assets/styles2.css';import '../../../../assets/index15.css';/* empty css */
4
+ import '../../../../assets/style23.css';import '../../../../assets/style18.css';import '../../../../assets/styles4.css';import '../../../../assets/styles3.css';import '../../../../assets/style16.css';import '../../../../assets/style15.css';import '../../../../assets/styles5.css';import '../../../../assets/style17.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/style12.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style11.css';import '../../../../assets/style10.css';import '../../../../assets/style8.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/style9.css';import '../../../../assets/style7.css';import '../../../../assets/styles2.css';import '../../../../assets/index16.css';/* empty css */
5
5
  import "../../../../style-A7_0w2WD.js";
6
6
  /* empty css */
7
7
  /* empty css */
@@ -1,6 +1,6 @@
1
1
  import { jsxs as s, jsx as o } from "react/jsx-runtime";
2
2
  import { cn as b } from "../../../../utils/css.js";
3
- import '../../../../assets/style23.css';import '../../../../assets/style18.css';import '../../../../assets/styles3.css';import '../../../../assets/style16.css';import '../../../../assets/style15.css';import '../../../../assets/style17.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/style12.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style10.css';import '../../../../assets/style8.css';import '../../../../assets/style7.css';import '../../../../assets/styles2.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/style9.css';import '../../../../assets/index19.css';/* empty css */
3
+ import '../../../../assets/style23.css';import '../../../../assets/style18.css';import '../../../../assets/styles3.css';import '../../../../assets/style16.css';import '../../../../assets/style15.css';import '../../../../assets/style17.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/style12.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style10.css';import '../../../../assets/style8.css';import '../../../../assets/style7.css';import '../../../../assets/styles2.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/style9.css';import '../../../../assets/index20.css';/* empty css */
4
4
  import * as a from "react";
5
5
  import { useMemo as c } from "react";
6
6
  /* empty css */
@@ -3,7 +3,7 @@ import { Folder as r } from "./folder.js";
3
3
  import { Icon as m } from "./icon.js";
4
4
  import { List as t } from "./list.js";
5
5
  import { Root as i } from "./root.js";
6
- import '../../assets/index6.css';const l = Object.assign(i, {
6
+ import '../../assets/index7.css';const l = Object.assign(i, {
7
7
  List: t,
8
8
  File: o,
9
9
  Folder: r,
@@ -4,7 +4,7 @@ import { cn as p } from "../../utils/css.js";
4
4
  import { noop as d } from "../../utils/noop.js";
5
5
  import { t as _ } from "../../CaretLeft.es-C1wX08tw.js";
6
6
  import { e as h } from "../../CaretRight.es-vnr78BGI.js";
7
- import '../../assets/index16.css';const I = ({
7
+ import '../../assets/index17.css';const I = ({
8
8
  className: s,
9
9
  onPaginate: m = d,
10
10
  page: t,
@@ -1,6 +1,6 @@
1
1
  import { jsxs as c, jsx as p } from "react/jsx-runtime";
2
2
  import { cn as d } from "../../utils/css.js";
3
- 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/style9.css';import '../../assets/index7.css';/* empty css */
3
+ 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/style9.css';import '../../assets/index8.css';/* empty css */
4
4
  import "react";
5
5
  /* empty css */
6
6
  /* empty css */
@@ -2,7 +2,7 @@ import { Navigation as o } from "./navigation.js";
2
2
  import { Pane as r } from "./pane.js";
3
3
  import { Root as t } from "./root.js";
4
4
  import { Sidebar as i } from "./sidebar.js";
5
- import '../../assets/index8.css';const f = Object.assign(t, {
5
+ import '../../assets/index9.css';const f = Object.assign(t, {
6
6
  Pane: r,
7
7
  Sidebar: i,
8
8
  Navigation: o
@@ -2,7 +2,7 @@ import { List as o } from "./list.js";
2
2
  import { Panel as r } from "./panel.js";
3
3
  import { Tabs as m } from "./root.js";
4
4
  import { Tab as s } from "./tab.js";
5
- import '../../assets/index9.css';const p = Object.assign(m, {
5
+ import '../../assets/index10.css';const p = Object.assign(m, {
6
6
  Panel: r,
7
7
  List: o,
8
8
  Tab: s
@@ -1,6 +1,6 @@
1
1
  import { List as o } from "./list.js";
2
2
  import { Tag as t } from "./tag.js";
3
- import '../../assets/index10.css';const s = Object.assign(t, {
3
+ import '../../assets/index11.css';const s = Object.assign(t, {
4
4
  List: o
5
5
  });
6
6
  export {
@@ -5,7 +5,7 @@ import { Root as p } from "./root.js";
5
5
  import { u } from "../../A3WPL2ZJ-D0Eh1dEB.js";
6
6
  import { u as l } from "../../6VRAQV3D-BoLhl3hf.js";
7
7
  import { s as b, f, c as _, a as I, _ as T, o as v } from "../../LMDWO4NN-DdLnHzru.js";
8
- import '../../assets/index17.css';var d = "button", g = _(
8
+ import '../../assets/index18.css';var d = "button", g = _(
9
9
  function(t) {
10
10
  var o = t, { store: r } = o, e = T(o, ["store"]);
11
11
  const m = u();
@@ -1,6 +1,6 @@
1
1
  import { jsx as o, jsxs as i } from "react/jsx-runtime";
2
2
  import { cn as c } from "../../utils/css.js";
3
- import '../../assets/styles.css';import '../../assets/style6.css';import '../../assets/style5.css';import '../../assets/style4.css';import '../../assets/style2.css';import '../../assets/style.css';import '../../assets/style9.css';import '../../assets/index11.css';/* empty css */
3
+ import '../../assets/styles.css';import '../../assets/style6.css';import '../../assets/style5.css';import '../../assets/style4.css';import '../../assets/style2.css';import '../../assets/style.css';import '../../assets/style9.css';import '../../assets/index12.css';/* empty css */
4
4
  import { Draggable as l } from "../../primitives/draggable/index.js";
5
5
  /* empty css */
6
6
  import { useState as d } from "react";
@@ -1,8 +1,7 @@
1
1
  import { FC, PropsWithChildren } from 'react';
2
- interface IconLabelProps extends PropsWithChildren {
2
+ export interface IconLabelProps extends PropsWithChildren {
3
3
  className?: string;
4
4
  size?: "small" | "normal";
5
5
  variant?: "soft" | "normal" | "strong";
6
6
  }
7
7
  export declare const IconLabel: FC<IconLabelProps>;
8
- export {};
@@ -0,0 +1,8 @@
1
+ import { AnchorHTMLAttributes, FC } from 'react';
2
+ import { IconLabelProps } from '../icon-label';
3
+ interface NavLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
4
+ variant: IconLabelProps["variant"];
5
+ size: IconLabelProps["size"];
6
+ }
7
+ export declare const NavLink: FC<NavLinkProps>;
8
+ export {};
@@ -0,0 +1,37 @@
1
+ import { jsx as i } from "react/jsx-runtime";
2
+ import { cn as s } from "../../utils/css.js";
3
+ import { isCurrent as l } from "../../utils/url.js";
4
+ import { useMemo as p } from "react";
5
+ import { IconLabel as c } from "../icon-label/index.js";
6
+ import { Link as u } from "../link/index.js";
7
+ import '../../assets/index2.css';const x = ({
8
+ className: o,
9
+ href: r,
10
+ children: m,
11
+ size: n,
12
+ variant: t,
13
+ ...a
14
+ }) => {
15
+ const e = p(() => r && l(r), [r]);
16
+ return /* @__PURE__ */ i(
17
+ u,
18
+ {
19
+ ...a,
20
+ className: s("primitive-nav-link", o),
21
+ href: r,
22
+ "aria-current": e ? "page" : "false",
23
+ children: /* @__PURE__ */ i(
24
+ c,
25
+ {
26
+ className: "primitive-nav-link__icon-label",
27
+ size: n,
28
+ variant: t,
29
+ children: m
30
+ }
31
+ )
32
+ }
33
+ );
34
+ };
35
+ export {
36
+ x as NavLink
37
+ };
@@ -1,7 +1,7 @@
1
1
  import { R as o } from "../../root-C7IYlG1s.js";
2
2
  import { Target as r } from "./target.js";
3
3
  import { Window as t } from "./window.js";
4
- import '../../assets/index12.css';const e = Object.assign(o, {
4
+ import '../../assets/index13.css';const e = Object.assign(o, {
5
5
  Window: t,
6
6
  Target: r
7
7
  });
@@ -2,7 +2,7 @@ import { jsx as m, jsxs as J, Fragment as fe } from "react/jsx-runtime";
2
2
  import { cn as he } from "../../utils/css.js";
3
3
  import * as l from "react";
4
4
  import "../../index-Cgx3BqdJ.js";
5
- import '../../assets/index20.css';function j(e, t) {
5
+ import '../../assets/index21.css';function j(e, t) {
6
6
  if (typeof e == "function")
7
7
  return e(t);
8
8
  e != null && (e.current = t);
@@ -1 +1,2 @@
1
1
  export declare function isOutbound(url: string): boolean;
2
+ export declare function isCurrent(url: string): boolean;
package/dist/utils/url.js CHANGED
@@ -1,10 +1,19 @@
1
- function r(n) {
1
+ function t(r) {
2
2
  try {
3
- return new URL(n).hostname !== window.location.hostname;
3
+ return new URL(r).hostname !== window.location.hostname;
4
+ } catch {
5
+ return !1;
6
+ }
7
+ }
8
+ function o(r) {
9
+ try {
10
+ const n = new URL(r);
11
+ return n.origin + n.pathname === window.location.origin + window.location.pathname;
4
12
  } catch {
5
13
  return !1;
6
14
  }
7
15
  }
8
16
  export {
9
- r as isOutbound
17
+ o as isCurrent,
18
+ t as isOutbound
10
19
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wrdagency/blockout",
3
- "version": "1.0.1",
3
+ "version": "1.0.3",
4
4
  "description": "A React component library created by WRD.agency",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",