@inkandswitch/patchwork-pkg-base 0.0.58 → 0.0.60

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 (24) hide show
  1. package/package.json +1 -1
  2. package/packages/account/dist/{AccountPicker-HB6MDLKN.js → AccountPicker-KAKD2EZJ.js} +17 -61
  3. package/packages/account/dist/{AccountPicker-HB6MDLKN.js.map → AccountPicker-KAKD2EZJ.js.map} +2 -2
  4. package/packages/account/dist/index.js +1 -1
  5. package/packages/folder/dist/index.js +1 -1
  6. package/packages/folder/dist/{tool-WZGXLTTD.js → tool-EOCAL24F.js} +3 -4
  7. package/packages/folder/dist/tool-EOCAL24F.js.map +7 -0
  8. package/packages/sideboard/dist/chunk-7V2BKMG7.js +26 -0
  9. package/packages/sideboard/dist/chunk-7V2BKMG7.js.map +7 -0
  10. package/packages/sideboard/dist/document-list-panel-UUH6HOJ3.js +2 -0
  11. package/packages/sideboard/dist/index.css +1 -1
  12. package/packages/sideboard/dist/index.css.map +2 -2
  13. package/packages/sideboard/dist/index.js +1 -1
  14. package/packages/sideboard/dist/sideboard/sideboard.js +1 -1
  15. package/packages/sideboard/package.json +0 -1
  16. package/packages/threepane/dist/PatchworkFrame-RLYJ4GEF.js +2 -0
  17. package/packages/threepane/dist/{PatchworkFrame-II6JKG65.js.map → PatchworkFrame-RLYJ4GEF.js.map} +4 -4
  18. package/packages/threepane/dist/index.js +1 -1
  19. package/packages/folder/dist/tool-WZGXLTTD.js.map +0 -7
  20. package/packages/sideboard/dist/chunk-YCECYDWC.js +0 -26
  21. package/packages/sideboard/dist/chunk-YCECYDWC.js.map +0 -7
  22. package/packages/sideboard/dist/document-list-panel-DZYK3JHP.js +0 -2
  23. package/packages/threepane/dist/PatchworkFrame-II6JKG65.js +0 -2
  24. /package/packages/sideboard/dist/{document-list-panel-DZYK3JHP.js.map → document-list-panel-UUH6HOJ3.js.map} +0 -0
package/packages/sideboard/dist/document-list-panel-UUH6HOJ3.js ADDED
@@ -0,0 +1,2 @@
1
+ import{b as a,c as b}from"./chunk-7V2BKMG7.js";import"./chunk-G7U5YDCS.js";import"./chunk-FW4363Y4.js";export{a as DocumentListPanel,b as renderDocumentListPanel};
2
+ //# sourceMappingURL=document-list-panel-UUH6HOJ3.js.map
package/packages/sideboard/dist/index.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer package{:root,:host,[theme]{--document-list-fill: var( --studio-chrome, light-dark( color-mix(in oklch, var(--studio-secondary-fill, var(--studio-secondary, #33ccf8)), var(--studio-fill, white) 80%), black ) );--document-list-fill-offset: color-mix( in oklab, var(--document-list-fill), oklch(1 0 0 / 1) 10% );--document-list-line: var(--studio-line, black);--document-list-line-offset-20: var(--studio-line-offset-20, #333);--document-list-widget-fill: var(--studio-fill, white);--document-list-widget-line: var(--document-list-line);--document-list-padding-x: .5rem;--document-list-radius: .275rem;--placeholder-line: var(--studio-line-offset-50, #808e80);--document-list-search-line: var(--studio-line, #000);--document-list-primary: var(--studio-primary-fill, var(--studio-primary, #35f7ca));--document-list-primary-line: var(--studio-primary-line, var(--studio-line, black));--document-list-selection-fill: var(--document-list-primary);--document-list-selection-line: var(--document-list-primary-line);--document-list-create-new-fill: var(--studio-fill, white);--document-list-create-new-line: color-mix( in oklch, var(--document-list-primary), var(--studio-line, black) 30% );--document-list-create-new-border-line: color-mix( in oklch, var(--document-list-primary), var(--document-list-create-new-fill) 50% );--document-list-create-new-shadow-color: color-mix( in oklch, var(--document-list-fill), var(--document-list-line) 10% );--document-list-family: var(--studio-family-sans, system-ui, sans-serif);--document-list-family-code: var(--studio-family-code, ui-monospace, monospace);--document-list-muted: var(--studio-line-offset-40, #666);--document-list-border: var(--studio-fill-offset-10, #e5e5e5);--document-list-border-strong: var(--studio-fill-offset-20, #ccc);--document-list-divider: var(--studio-chrome-offset-20, #d4d4d4);--document-list-added: var(--studio-added, #35f7ca);--document-list-danger: var(--studio-danger-text, var(--studio-danger, #ff6a90));--document-list-toggle-hover: color-mix(in oklch, var(--studio-line, black), transparent 93%);--account-bar-fill: var(--studio-chrome-offset-10);--account-bar-line: var(--studio-chrome-line, var(--studio-line, black))}}button{background:none;border:none;font:inherit;color:inherit;cursor:pointer;padding:0}.document-list,.document-list *{box-sizing:border-box}.document-list{background:var(--document-list-fill);display:flex;height:100%;flex-direction:column;gap:.75rem;font-family:var(--document-list-family);padding-inline:var(--document-list-padding-x);padding-top:var(--document-list-top-margin, env(safe-area-inset-top, 0px));padding-bottom:env(safe-area-inset-bottom);--depth: 0;.document-list-close-button{display:flex;align-items:center;align-self:flex-start;padding:.25rem;margin-top:12px;margin-left:-2px;background:transparent;border:none;cursor:pointer;opacity:.5;color:var(--document-list-line)}.document-list-close-button:hover{opacity:1}}.create-new-button{display:flex;padding-inline:.75rem;padding-block:.375rem;border:none;border-radius:var(--document-list-radius);background:var(--document-list-create-new-fill);color:var(--document-list-line);font-weight:400;align-items:center;justify-content:start;white-space:nowrap;font-size:.9rem;text-align:left;gap:1ex;position:relative;flex-shrink:0}.create-new-button__icon{stroke:var(--document-list-line-offset-20)}.create-new-button--square{width:2rem;height:2rem;padding:0;justify-content:center;cursor:grab;color:color-mix(in oklch,var(--document-list-line),transparent 35%);transition:color .12s ease,box-shadow .12s ease}.create-new-button--square:hover{color:var(--document-list-line);box-shadow:var(--studio-shadow, 0 1px 3px rgb(0 0 0 / .1), 0 1px 2px rgb(0 0 0 / .06))}.create-new-button--square:active{cursor:grabbing}.create-new-button-anchor{position:relative;display:flex;flex-shrink:0}.create-new-button-anchor__trigger{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:none;pointer-events:none}.document-list__toolbar{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:.375rem;padding:.375rem;background:var(--document-list-widget-fill);border-bottom:1px solid var(--document-list-divider)}.document-list__toolbar .document-list__filter-container{flex:1;min-width:0}.icon{height:1em}.document-list__filter-container{position:relative;font-size:.875rem;border-radius:var(--document-list-radius);.search-icon{height:1em;top:.4lh;left:2px;position:absolute;z-index:1;stroke:var(--placeholder-line)}&:focus-within{.search-icon{stroke:var(--document-list-line)}}}.document-list__filter{width:100%;background:var(--document-list-widget-fill);color:var(--document-list-widget-line);padding-left:2em;padding-right:.75rem;padding-top:.375rem;padding-bottom:.375rem;border:none;border-radius:var(--document-list-radius);&::placeholder{color:var(--placeholder-line)}&:focus-visible{outline-color:var(--sidebar-widget-line);outline-offset:1px;box-shadow:0 0 0 4px #fff;border-radius:var(--document-list-radius)}}.document-list__doclist{--doclist-padding-x: .75rem;display:flex;flex-direction:column;border-radius:var(--document-list-radius);box-shadow:0 1px 2px #0014320d;width:100%;max-height:100%;overflow:scroll;transition:background-color .2s ease,box-shadow .2s ease;&::-webkit-scrollbar{display:none}}.document-list__doclist--drag-over{background:color-mix(in oklch,var(--document-list-primary),transparent 95%);box-shadow:0 0 0 2px var(--document-list-primary) inset,0 1px 2px #0014320d}.document-list-item{display:flex;gap:.25ch;padding-inline:var(--doclist-padding-x);padding-block:.5rem;font-weight:400;color:var(--sidebar-widget-line);cursor:default;position:relative;&:focus-visible{outline-color:#000;outline-offset:-2px;box-shadow:0 0 0 4px var(--document-list-widget-fill);border-radius:var(--document-list-radius)}&:active{outline:0;box-shadow:0}&[aria-selected=true]{background:var(--document-list-selection-fill);color:var(--document-list-selection-line);.document-list-folder__toggle path{stroke:var(--document-list-selection-line)}.document-list__doclist>&:first-child{border-top-left-radius:var(--document-list-radius);border-top-right-radius:var(--document-list-radius)}.document-list__doclist>&:last-child{border-bottom-left-radius:var(--document-list-radius);border-bottom-right-radius:var(--document-list-radius)}}&[aria-checked=true]{outline:2px dashed color-mix(in oklch,var(--document-list-line),transparent 50%);outline-offset:-4px}&[data-dnd-dragging]{opacity:.4}&[data-dnd-springload]{animation:doclist-springload .75s ease-out .75s both}&[data-dnd-droplist-state]:before{content:"";position:absolute;left:0;margin-left:calc(var(--depth) * 1.75rem);right:0;height:2px;background:var(--document-list-line)}&[data-dnd-droplist-state=above]:before{top:-1px}&[data-dnd-droplist-state=below]:before{bottom:-1px}}@keyframes doclist-springload{0%{background:transparent}to{background:color-mix(in oklch,var(--document-list-primary),transparent 40%)}}.document-list-folder[data-drop-state=inside]{outline:2px solid var(--document-list-primary);outline-offset:-2px;border-radius:var(--document-list-radius);background:color-mix(in oklch,var(--document-list-primary),transparent 50%);>.document-list-item:before{content:"";position:absolute;left:0;right:0;height:2px;background:var(--document-list-line);bottom:0}[data-dnd-droplist-state]:before{display:none}}.document-list__loading{display:flex;flex-direction:column}.document-list-item--loading{pointer-events:none;padding-left:calc(1.8rem * var(--depth) + var(--doclist-padding-x))}.document-list__loading .document-list-item__skeleton{flex:0 0 auto}.document-list-item__skeleton{flex:1;min-width:0;max-width:12rem;height:.75em;border-radius:4px;background:linear-gradient(90deg,var(--placeholder-line) 25%,color-mix(in oklch,var(--placeholder-line),transparent 65%) 50%,var(--placeholder-line) 75%);background-size:200% 100%;opacity:.35;animation:doclist-skeleton-shimmer 1.2s ease-in-out infinite}@keyframes doclist-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.document-list-item__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;flex:1;min-width:0;&:is(input){padding:4px;margin:-4px}}.document-list-item__unprotected{margin-left:auto;font-size:.75rem;color:var(--placeholder-line);white-space:nowrap}.document-list-folder__toggle{margin-left:-.75ch;padding-inline:.25ch;&:hover{background:var(--document-list-toggle-hover)}& svg{width:14px;height:14px}& path{stroke:var(--document-list-line-offset-20)}}.document-list-folder__contents--hidden{display:none}.document-list-folder__circular-ref{padding:.5rem;padding-left:calc(2.2rem * var(--depth));color:var(--document-list-muted);font-style:italic;font-size:.9em}.document-list__item{content-visibility:auto;contain-intrinsic-size:auto 2.25rem}.document-list__item--invisible{display:none}.document-list__item--visible,.document-list__item--invisible:has(.document-list__item--visible){display:block}.document-list-folder__contents .document-list-item{padding-left:calc(1.8rem * var(--depth))}.document-list-widget{width:100%;background:var(--document-list-widget-fill);color:var(--document-list-widget-line)}.document-list-widget:empty{display:none}.document-list-placeholder{font-style:italic;color:var(--placeholder-line)}.popmenu__content,.popmenu__sub-content,.popmenu__content *,.popmenu__sub-content *{box-sizing:border-box}.popmenu__trigger,.popmenu__sub-trigger{cursor:default;user-select:none;width:100%;text-align:left}.popmenu__sub-content,.popmenu__content{z-index:2;min-width:220px;max-height:min(400px,50vh);overflow-y:auto;padding:4px;background-color:var(--document-list-widget-fill);font-size:.8rem;border-radius:6px;border:1px solid var(--document-list-border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;outline:none;transform-origin:var(--kb-menu-content-transform-origin);animation:contentHide .25s ease-in forwards}.popmenu__content[data-expanded],.popmenu__sub-content[data-expanded]{animation:contentShow .25s ease-out}.popmenu__item,.popmenu__checkbox-item,.popmenu__radio-item,.popmenu__sub-trigger{font-size:.8rem;line-height:1;color:var(--document-list-widget-line);border-radius:4px;display:flex;align-items:center;height:32px;padding-inline:12px;padding-block:6px;position:relative;user-select:none;outline:none;cursor:default}.popmenu__sub-trigger[data-expanded]{background-color:var(--document-list-fill-offset);color:var(--document-list-line)}.popmenu__item[data-disabled],.popmenu__checkbox-item[data-disabled],.popmenu__radio-item[data-disabled],.popmenu__sub-trigger[data-disabled]{color:var(--document-list-muted);opacity:.5;pointer-events:none}.popmenu__item[data-highlighted],.popmenu__checkbox-item[data-highlighted],.popmenu__radio-item[data-highlighted],.popmenu__sub-trigger[data-highlighted]{outline:none;background-color:var(--document-list-selection-fill);color:var(--document-list-selection-line)}@keyframes contentShow{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes contentHide{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.popmenu__item--highlighted{outline:none;background-color:var(--document-list-selection-fill);color:var(--document-list-selection-line)}.create-new-menu__content{scrollbar-gutter:stable;scrollbar-color:var(--document-list-border-strong) var(--document-list-widget-fill);scrollbar-width:thin}.create-new-menu__content::-webkit-scrollbar{width:10px}.create-new-menu__content::-webkit-scrollbar-track{background:var(--document-list-widget-fill)}.create-new-menu__content::-webkit-scrollbar-thumb{background:var(--document-list-border-strong);border:2px solid var(--document-list-widget-fill);border-radius:999px}.create-new-menu__content::-webkit-scrollbar-thumb:hover{background:var(--document-list-muted)}.create-new-filter{padding:4px}.create-new-filter__input{width:100%;box-sizing:border-box;padding:6px 8px;font-size:.8rem;border:1px solid var(--document-list-border-strong);border-radius:4px;background:var(--document-list-widget-fill);color:var(--document-list-widget-line);outline:none}.create-new-filter__input:focus{border-color:var(--document-list-primary)}.create-new-filter__input::placeholder{color:var(--document-list-muted)}.share-modal__overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.share-modal__content{background:var(--document-list-widget-fill);color:var(--document-list-widget-line);border-radius:8px;width:90vw;max-width:480px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 4px 24px #00000026;overflow:hidden}.share-modal__header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid color-mix(in oklab,var(--document-list-widget-fill),black 15%)}.share-modal__header h2{margin:0;font-size:1.1rem;font-weight:600}.share-modal__close{background:transparent;border:none;cursor:pointer;font-size:1.5rem;color:var(--document-list-widget-line);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.share-modal__close:hover{background:color-mix(in oklab,var(--document-list-widget-fill),black 10%)}.share-modal__body{padding:1.5rem;overflow-y:auto;flex:1}.share-modal__public-section{margin-bottom:1rem}.share-modal__public-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.share-modal__public-status{font-size:.875rem;color:var(--document-list-widget-line)}.share-modal__public-actions{display:flex;gap:.5rem}.share-modal__form{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.share-modal__form-actions{display:flex;gap:.5rem}.share-modal__input{width:100%;padding:.5rem .75rem;border:1px solid color-mix(in oklab,var(--document-list-widget-fill),black 15%);border-radius:4px;background:var(--document-list-widget-fill);color:var(--document-list-widget-line);font-size:.875rem;font-family:var(--document-list-family-code);resize:vertical;min-height:4rem}.share-modal__input:focus{outline:2px solid var(--document-list-primary);outline-offset:1px}.share-modal__select{padding:.5rem .75rem;border:1px solid color-mix(in oklab,var(--document-list-widget-fill),black 15%);border-radius:4px;background:var(--document-list-widget-fill);color:var(--document-list-widget-line);font-size:.875rem}.share-modal__add-button{padding:.5rem 1rem;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;background:color-mix(in oklch,#3b82f6,white 10%);border:1px solid color-mix(in oklch,#3b82f6,black 5%);color:#fff;transition:all .15s ease}.share-modal__add-button:hover:not(:disabled){background:#3b82f6}.share-modal__add-button:disabled{opacity:.5;cursor:not-allowed}.share-modal__divider{border:none;border-top:1px solid color-mix(in oklab,var(--document-list-widget-fill),black 15%);margin:0 0 1.5rem}.share-modal__section-title{font-size:.875rem;font-weight:600;margin:0 0 1rem}.share-modal__loading,.share-modal__empty{font-size:.875rem;color:color-mix(in oklab,var(--document-list-widget-line),transparent 40%);font-style:italic}.share-modal__error{padding:.5rem .75rem;background:color-mix(in oklch,#ef4444,white 80%);border:1px solid color-mix(in oklch,#ef4444,white 60%);border-radius:4px;color:#991b1b;font-size:.875rem;margin-bottom:1rem}.share-modal__member-list{display:flex;flex-direction:column;gap:.75rem}.share-modal__member{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:color-mix(in oklab,var(--document-list-widget-fill),black 5%);border-radius:4px}.share-modal__member-info{display:flex;flex-direction:column;gap:.25rem}.share-modal__member-id{font-family:var(--document-list-family-code);font-size:.8rem}.share-modal__member-id--you{font-weight:600}.share-modal__member-id--public{font-weight:600;color:var(--document-list-added)}.share-modal__you-label{color:var(--document-list-primary);font-weight:600}.share-modal__member-access{font-size:.75rem;text-transform:uppercase;color:color-mix(in oklab,var(--document-list-widget-line),transparent 30%)}.share-modal__remove-button{background:transparent;border:none;cursor:pointer;color:color-mix(in oklab,var(--document-list-widget-line),transparent 40%);padding:.25rem;border-radius:4px;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.share-modal__remove-button:hover{color:var(--document-list-danger);background:color-mix(in oklch,#ef4444,transparent 90%)}.sideboard{display:flex;flex-direction:column;height:100%;min-height:0}.sideboard>.document-list{flex:1;height:auto;min-height:0;padding-bottom:0}.account-bar{container-type:inline-size;display:flex;align-items:center;gap:1rem;min-height:4rem;background:var(--account-bar-fill);color:var(--account-bar-line);border-top:1px solid var(--document-list-divider);padding-block:.25rem;padding-bottom:calc(.25rem + env(safe-area-inset-bottom));padding-left:calc(env(safe-area-inset-left) + var(--document-list-padding-x));padding-right:calc(env(safe-area-inset-right) + var(--document-list-padding-x));justify-content:space-between}.account-bar__button{display:flex;align-items:center;border:1px solid transparent;padding-inline:.25rem;padding-block:.125rem;border-radius:3px;background:transparent;color:inherit;font:inherit;white-space:nowrap;cursor:pointer}.account-bar__button:hover{border-color:var(--document-list-divider)}.account-bar__avatar patchwork-view{display:block;width:100%;height:100%}
1
+ @layer package{:root,:host,[theme]{--document-list-fill: var( --studio-chrome, light-dark( color-mix(in oklch, var(--studio-secondary-fill, var(--studio-secondary, #33ccf8)), var(--studio-fill, white) 80%), black ) );--document-list-fill-offset: color-mix( in oklab, var(--document-list-fill), oklch(1 0 0 / 1) 10% );--document-list-line: var(--studio-line, black);--document-list-line-offset-20: var(--studio-line-offset-20, #333);--document-list-widget-fill: var(--studio-fill, white);--document-list-widget-line: var(--document-list-line);--document-list-padding-x: .5rem;--document-list-radius: .275rem;--placeholder-line: var(--studio-line-offset-50, #808e80);--document-list-search-line: var(--studio-line, #000);--document-list-primary: var(--studio-primary-fill, var(--studio-primary, #35f7ca));--document-list-primary-line: var(--studio-primary-line, var(--studio-line, black));--document-list-selection-fill: var(--document-list-primary);--document-list-selection-line: var(--document-list-primary-line);--document-list-create-new-fill: var(--studio-fill, white);--document-list-create-new-line: color-mix( in oklch, var(--document-list-primary), var(--studio-line, black) 30% );--document-list-create-new-border-line: color-mix( in oklch, var(--document-list-primary), var(--document-list-create-new-fill) 50% );--document-list-create-new-shadow-color: color-mix( in oklch, var(--document-list-fill), var(--document-list-line) 10% );--document-list-family: var(--studio-family-sans, system-ui, sans-serif);--document-list-family-code: var(--studio-family-code, ui-monospace, monospace);--document-list-muted: var(--studio-line-offset-40, #666);--document-list-border: var(--studio-fill-offset-10, #e5e5e5);--document-list-border-strong: var(--studio-fill-offset-20, #ccc);--document-list-divider: var(--studio-chrome-offset-20, #d4d4d4);--document-list-added: var(--studio-added, #35f7ca);--document-list-danger: var(--studio-danger-text, var(--studio-danger, #ff6a90));--document-list-toggle-hover: color-mix(in oklch, var(--studio-line, black), transparent 93%);--account-bar-fill: var(--studio-chrome-offset-10);--account-bar-line: var(--studio-chrome-line, var(--studio-line, black))}}button{background:none;border:none;font:inherit;color:inherit;cursor:pointer;padding:0}.document-list,.document-list *{box-sizing:border-box}.document-list{background:var(--document-list-fill);display:flex;height:100%;flex-direction:column;gap:.75rem;font-family:var(--document-list-family);padding-inline:var(--document-list-padding-x);padding-top:var(--document-list-top-margin, env(safe-area-inset-top, 0px));padding-bottom:env(safe-area-inset-bottom);--depth: 0;.document-list-close-button{display:flex;align-items:center;align-self:flex-start;padding:.25rem;margin-top:12px;margin-left:-2px;background:transparent;border:none;cursor:pointer;opacity:.5;color:var(--document-list-line)}.document-list-close-button:hover{opacity:1}}.create-new-button{display:flex;padding-inline:.75rem;padding-block:.375rem;border:none;border-radius:var(--document-list-radius);background:var(--document-list-create-new-fill);color:var(--document-list-line);font-weight:400;align-items:center;justify-content:start;white-space:nowrap;font-size:.9rem;text-align:left;gap:1ex;position:relative;flex-shrink:0}.create-new-button__icon{stroke:var(--document-list-line-offset-20)}.create-new-button--square{width:2rem;height:2rem;padding:0;justify-content:center;cursor:grab;color:color-mix(in oklch,var(--document-list-line),transparent 35%);transition:color .12s ease,box-shadow .12s ease}.create-new-button--square:hover{color:var(--document-list-line);box-shadow:var(--studio-shadow, 0 1px 3px rgb(0 0 0 / .1), 0 1px 2px rgb(0 0 0 / .06))}.create-new-button--square:active{cursor:grabbing}.create-new-button-anchor{position:relative;display:flex;flex-shrink:0}.create-new-button-anchor__trigger{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:none;pointer-events:none}.document-list__toolbar{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:.375rem;padding:.375rem;background:var(--document-list-widget-fill);border-bottom:1px solid var(--document-list-divider)}.document-list__toolbar .document-list__filter-container{flex:1;min-width:0}.icon{height:1em}.document-list__filter-container{position:relative;font-size:.875rem;border-radius:var(--document-list-radius);.search-icon{height:1em;top:.4lh;left:2px;position:absolute;z-index:1;stroke:var(--placeholder-line)}&:focus-within{.search-icon{stroke:var(--document-list-line)}}}.document-list__filter{width:100%;background:var(--document-list-widget-fill);color:var(--document-list-widget-line);padding-left:2em;padding-right:.75rem;padding-top:.375rem;padding-bottom:.375rem;border:none;border-radius:var(--document-list-radius);&::placeholder{color:var(--placeholder-line)}&:focus-visible{outline-color:var(--sidebar-widget-line);outline-offset:1px;box-shadow:0 0 0 4px #fff;border-radius:var(--document-list-radius)}}.document-list__doclist{--doclist-padding-x: .75rem;display:flex;flex-direction:column;border-radius:var(--document-list-radius);box-shadow:0 1px 2px #0014320d;width:100%;max-height:100%;overflow:scroll;transition:background-color .2s ease,box-shadow .2s ease;&::-webkit-scrollbar{display:none}}.document-list__doclist--drag-over{background:color-mix(in oklch,var(--document-list-primary),transparent 95%);box-shadow:0 0 0 2px var(--document-list-primary) inset,0 1px 2px #0014320d}.document-list-item{display:flex;gap:.25ch;padding-inline:var(--doclist-padding-x);padding-block:.5rem;font-weight:400;color:var(--sidebar-widget-line);cursor:default;position:relative;&:focus-visible{outline-color:#000;outline-offset:-2px;box-shadow:0 0 0 4px var(--document-list-widget-fill);border-radius:var(--document-list-radius)}&:active{outline:0;box-shadow:0}&[aria-selected=true]{background:var(--document-list-selection-fill);color:var(--document-list-selection-line);.document-list-folder__toggle path{stroke:var(--document-list-selection-line)}.document-list__doclist>&:first-child{border-top-left-radius:var(--document-list-radius);border-top-right-radius:var(--document-list-radius)}.document-list__doclist>&:last-child{border-bottom-left-radius:var(--document-list-radius);border-bottom-right-radius:var(--document-list-radius)}}&[aria-checked=true]{outline:2px dashed color-mix(in oklch,var(--document-list-line),transparent 50%);outline-offset:-4px}&[data-dnd-dragging]{opacity:.4}&[data-dnd-springload]{animation:doclist-springload .75s ease-out .75s both}&[data-dnd-droplist-state]:before{content:"";position:absolute;left:0;margin-left:calc(var(--depth) * 1.75rem);right:0;height:2px;background:var(--document-list-line)}&[data-dnd-droplist-state=above]:before{top:-1px}&[data-dnd-droplist-state=below]:before{bottom:-1px}}@keyframes doclist-springload{0%{background:transparent}to{background:color-mix(in oklch,var(--document-list-primary),transparent 40%)}}.document-list-folder[data-drop-state=inside]{outline:2px solid var(--document-list-primary);outline-offset:-2px;border-radius:var(--document-list-radius);background:color-mix(in oklch,var(--document-list-primary),transparent 50%);>.document-list-item:before{content:"";position:absolute;left:0;right:0;height:2px;background:var(--document-list-line);bottom:0}[data-dnd-droplist-state]:before{display:none}}.document-list__loading{display:flex;flex-direction:column}.document-list-item--loading{pointer-events:none;padding-left:calc(1.8rem * var(--depth) + var(--doclist-padding-x))}.document-list__loading .document-list-item__skeleton{flex:0 0 auto}.document-list-item__skeleton{flex:1;min-width:0;max-width:12rem;height:.75em;border-radius:4px;background:linear-gradient(90deg,var(--placeholder-line) 25%,color-mix(in oklch,var(--placeholder-line),transparent 65%) 50%,var(--placeholder-line) 75%);background-size:200% 100%;opacity:.35;animation:doclist-skeleton-shimmer 1.2s ease-in-out infinite}@keyframes doclist-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.document-list-item__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;flex:1;min-width:0;&:is(input){padding:4px;margin:-4px}}.document-list-folder__toggle{margin-left:-.75ch;padding-inline:.25ch;&:hover{background:var(--document-list-toggle-hover)}& svg{width:14px;height:14px}& path{stroke:var(--document-list-line-offset-20)}}.document-list-folder__contents--hidden{display:none}.document-list-folder__circular-ref{padding:.5rem;padding-left:calc(2.2rem * var(--depth));color:var(--document-list-muted);font-style:italic;font-size:.9em}.document-list__item{content-visibility:auto;contain-intrinsic-size:auto 2.25rem}.document-list__item--invisible{display:none}.document-list__item--visible,.document-list__item--invisible:has(.document-list__item--visible){display:block}.document-list-folder__contents .document-list-item{padding-left:calc(1.8rem * var(--depth))}.document-list-widget{width:100%;background:var(--document-list-widget-fill);color:var(--document-list-widget-line)}.document-list-widget:empty{display:none}.document-list-placeholder{font-style:italic;color:var(--placeholder-line)}.popmenu__content,.popmenu__sub-content,.popmenu__content *,.popmenu__sub-content *{box-sizing:border-box}.popmenu__trigger,.popmenu__sub-trigger{cursor:default;user-select:none;width:100%;text-align:left}.popmenu__sub-content,.popmenu__content{z-index:2;min-width:220px;max-height:min(400px,50vh);overflow-y:auto;padding:4px;background-color:var(--document-list-widget-fill);font-size:.8rem;border-radius:6px;border:1px solid var(--document-list-border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;outline:none;transform-origin:var(--kb-menu-content-transform-origin);animation:contentHide .25s ease-in forwards}.popmenu__content[data-expanded],.popmenu__sub-content[data-expanded]{animation:contentShow .25s ease-out}.popmenu__item,.popmenu__checkbox-item,.popmenu__radio-item,.popmenu__sub-trigger{font-size:.8rem;line-height:1;color:var(--document-list-widget-line);border-radius:4px;display:flex;align-items:center;height:32px;padding-inline:12px;padding-block:6px;position:relative;user-select:none;outline:none;cursor:default}.popmenu__sub-trigger[data-expanded]{background-color:var(--document-list-fill-offset);color:var(--document-list-line)}.popmenu__item[data-disabled],.popmenu__checkbox-item[data-disabled],.popmenu__radio-item[data-disabled],.popmenu__sub-trigger[data-disabled]{color:var(--document-list-muted);opacity:.5;pointer-events:none}.popmenu__item[data-highlighted],.popmenu__checkbox-item[data-highlighted],.popmenu__radio-item[data-highlighted],.popmenu__sub-trigger[data-highlighted]{outline:none;background-color:var(--document-list-selection-fill);color:var(--document-list-selection-line)}@keyframes contentShow{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes contentHide{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.popmenu__item--highlighted{outline:none;background-color:var(--document-list-selection-fill);color:var(--document-list-selection-line)}.create-new-menu__content{scrollbar-gutter:stable;scrollbar-color:var(--document-list-border-strong) var(--document-list-widget-fill);scrollbar-width:thin}.create-new-menu__content::-webkit-scrollbar{width:10px}.create-new-menu__content::-webkit-scrollbar-track{background:var(--document-list-widget-fill)}.create-new-menu__content::-webkit-scrollbar-thumb{background:var(--document-list-border-strong);border:2px solid var(--document-list-widget-fill);border-radius:999px}.create-new-menu__content::-webkit-scrollbar-thumb:hover{background:var(--document-list-muted)}.create-new-filter{padding:4px}.create-new-filter__input{width:100%;box-sizing:border-box;padding:6px 8px;font-size:.8rem;border:1px solid var(--document-list-border-strong);border-radius:4px;background:var(--document-list-widget-fill);color:var(--document-list-widget-line);outline:none}.create-new-filter__input:focus{border-color:var(--document-list-primary)}.create-new-filter__input::placeholder{color:var(--document-list-muted)}.sideboard{display:flex;flex-direction:column;height:100%;min-height:0}.sideboard>.document-list{flex:1;height:auto;min-height:0;padding-bottom:0}.account-bar{container-type:inline-size;display:flex;align-items:center;gap:1rem;min-height:4rem;background:var(--account-bar-fill);color:var(--account-bar-line);border-top:1px solid var(--document-list-divider);padding-block:.25rem;padding-bottom:calc(.25rem + env(safe-area-inset-bottom));padding-left:calc(env(safe-area-inset-left) + var(--document-list-padding-x));padding-right:calc(env(safe-area-inset-right) + var(--document-list-padding-x));justify-content:space-between}.account-bar__button{display:flex;align-items:center;border:1px solid transparent;padding-inline:.25rem;padding-block:.125rem;border-radius:3px;background:transparent;color:inherit;font:inherit;white-space:nowrap;cursor:pointer}.account-bar__button:hover{border-color:var(--document-list-divider)}.account-bar__avatar patchwork-view{display:block;width:100%;height:100%}
2
2
  /*# sourceMappingURL=index.css.map */
package/packages/sideboard/dist/index.css.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../src/index.css"],
4
- "sourcesContent": ["@layer package {\n:root,\n:host,\n[theme] {\n --document-list-fill: var(\n --studio-chrome,\n light-dark(\n color-mix(in oklch, var(--studio-secondary-fill, var(--studio-secondary, #33ccf8)), var(--studio-fill, white) 80%),\n black\n )\n );\n --document-list-fill-offset: color-mix(\n in oklab,\n var(--document-list-fill),\n oklch(1 0 0 / 1) 10%\n );\n --document-list-line: var(--studio-line, black);\n --document-list-line-offset-20: var(--studio-line-offset-20, #333);\n --document-list-widget-fill: var(--studio-fill, white);\n --document-list-widget-line: var(--document-list-line);\n\n --document-list-padding-x: 0.5rem;\n\n --document-list-radius: 0.275rem;\n --placeholder-line: var(--studio-line-offset-50, #808e80);\n --document-list-search-line: var(--studio-line, #000);\n\n --document-list-primary: var(--studio-primary-fill, var(--studio-primary, #35f7ca));\n --document-list-primary-line: var(--studio-primary-line, var(--studio-line, black));\n --document-list-selection-fill: var(--document-list-primary);\n --document-list-selection-line: var(--document-list-primary-line);\n\n --document-list-create-new-fill: var(--studio-fill, white);\n --document-list-create-new-line: color-mix(\n in oklch,\n var(--document-list-primary),\n var(--studio-line, black) 30%\n );\n --document-list-create-new-border-line: color-mix(\n in oklch,\n var(--document-list-primary),\n var(--document-list-create-new-fill) 50%\n );\n --document-list-create-new-shadow-color: color-mix(\n in oklch,\n var(--document-list-fill),\n var(--document-list-line) 10%\n );\n\n --document-list-family: var(--studio-family-sans, system-ui, sans-serif);\n --document-list-family-code: var(--studio-family-code, ui-monospace, monospace);\n --document-list-muted: var(--studio-line-offset-40, #666);\n --document-list-border: var(--studio-fill-offset-10, #e5e5e5);\n --document-list-border-strong: var(--studio-fill-offset-20, #ccc);\n /* subtle divider on the document-list's chrome surface - the same base-theme\n token the patchwork-frame sidebar divider uses (chrome mixed toward the\n chrome ink, so it tracks the palette and reads correctly light/dark). */\n --document-list-divider: var(--studio-chrome-offset-20, #d4d4d4);\n --document-list-added: var(--studio-added, #35f7ca);\n --document-list-danger: var(--studio-danger-text, var(--studio-danger, #ff6a90));\n --document-list-toggle-hover: color-mix(in oklch, var(--studio-line, black), transparent 93%);\n --account-bar-fill: var(--studio-chrome-offset-10);\n /* ink on the account-bar's chrome surface: rides the chrome ink ramp, not\n --document-list-line (which is content ink and tracks the list surface). */\n --account-bar-line: var(--studio-chrome-line, var(--studio-line, black));\n}\n}\n\nbutton {\n background: none;\n border: none;\n font: inherit;\n color: inherit;\n cursor: pointer;\n padding: 0;\n}\n\n.document-list,\n.document-list * {\n box-sizing: border-box;\n}\n\n.document-list {\n background: var(--document-list-fill);\n display: flex;\n height: 100%;\n flex-direction: column;\n gap: 0.75rem;\n font-family: var(--document-list-family);\n padding-inline: var(--document-list-padding-x);\n /* Space above the doclist. Defaults to just the top safe-area inset; hosts\n like patchwork-frame override --document-list-top-margin to also clear their\n own header. Declared via the var() fallback (not on :host) so an ancestor's\n value can cascade in. */\n padding-top: var(--document-list-top-margin, env(safe-area-inset-top, 0px));\n padding-bottom: env(safe-area-inset-bottom);\n --depth: 0;\n .document-list-close-button {\n display: flex;\n align-items: center;\n align-self: flex-start;\n padding: 0.25rem;\n margin-top: 12px;\n margin-left: -2px;\n background: transparent;\n border: none;\n cursor: pointer;\n opacity: 0.5;\n color: var(--document-list-line);\n }\n\n .document-list-close-button:hover {\n opacity: 1;\n }\n}\n\n.create-new-button {\n display: flex;\n padding-inline: 0.75rem;\n padding-block: 0.375rem;\n border: none;\n border-radius: var(--document-list-radius);\n background: var(--document-list-create-new-fill);\n color: var(--document-list-line);\n font-weight: 400;\n align-items: center;\n justify-content: start;\n white-space: nowrap;\n font-size: 0.9rem;\n text-align: left;\n gap: 1ex;\n position: relative;\n flex-shrink: 0;\n}\n\n.create-new-button__icon {\n stroke: var(--document-list-line-offset-20);\n}\n\n/* square, icon-only variant used in the doclist toolbar; also the drag handle\n for creating a doc at a specific spot. */\n.create-new-button--square {\n width: 2rem;\n height: 2rem;\n padding: 0;\n justify-content: center;\n cursor: grab;\n /* icon rides a little paler than the full ink at rest */\n color: color-mix(in oklch, var(--document-list-line), transparent 35%);\n transition:\n color 0.12s ease,\n box-shadow 0.12s ease;\n}\n\n/* darken and grow a little buttony shadow on hover */\n.create-new-button--square:hover {\n color: var(--document-list-line);\n box-shadow: var(--studio-shadow, 0 1px 3px rgb(0 0 0 / 0.1), 0 1px 2px rgb(0 0 0 / 0.06));\n}\n\n.create-new-button--square:active {\n cursor: grabbing;\n}\n\n/* the visible button handles click + drag; a 0-size aria-hidden Kobalte trigger\n overlays it purely to anchor the dropdown menu. */\n.create-new-button-anchor {\n position: relative;\n display: flex;\n flex-shrink: 0;\n}\n\n.create-new-button-anchor__trigger {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n border: 0;\n background: none;\n pointer-events: none;\n}\n\n/* sticky toolbar pinned to the top of the scrolling doclist: square new-doc\n button + filter, laid out horizontally. */\n.document-list__toolbar {\n position: sticky;\n top: 0;\n z-index: 3;\n display: flex;\n align-items: center;\n gap: 0.375rem;\n padding: 0.375rem;\n background: var(--document-list-widget-fill);\n border-bottom: 1px solid var(--document-list-divider);\n}\n\n.document-list__toolbar .document-list__filter-container {\n flex: 1;\n min-width: 0;\n}\n\n.icon {\n height: 1em;\n}\n\n.document-list__filter-container {\n position: relative;\n font-size: 0.875rem;\n border-radius: var(--document-list-radius);\n .search-icon {\n height: 1em;\n top: 0.4lh;\n left: 2px;\n position: absolute;\n z-index: 1;\n stroke: var(--placeholder-line);\n }\n &:focus-within {\n .search-icon {\n stroke: var(--document-list-line);\n }\n }\n}\n\n.document-list__filter {\n width: 100%;\n\n background: var(--document-list-widget-fill);\n color: var(--document-list-widget-line);\n\n padding-left: 2em;\n padding-right: 0.75rem;\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n border: none;\n border-radius: var(--document-list-radius);\n\n &::placeholder {\n color: var(--placeholder-line);\n }\n\n &:focus-visible {\n outline-color: var(--sidebar-widget-line);\n outline-offset: 1px;\n box-shadow: 0 0 0 4px #fff;\n border-radius: var(--document-list-radius);\n }\n}\n\n.document-list__doclist {\n --doclist-padding-x: 0.75rem;\n display: flex;\n flex-direction: column;\n border-radius: var(--document-list-radius);\n box-shadow: 0 1px 2px rgba(0, 20, 50, 0.05);\n width: 100%;\n max-height: 100%;\n overflow: scroll;\n transition:\n background-color 0.2s ease,\n box-shadow 0.2s ease;\n\n &::-webkit-scrollbar {\n display: none;\n }\n}\n\n.document-list__doclist--drag-over {\n background: color-mix(in oklch, var(--document-list-primary), transparent 95%);\n box-shadow:\n 0 0 0 2px var(--document-list-primary) inset,\n 0 1px 2px rgba(0, 20, 50, 0.05);\n}\n\n.document-list-item {\n display: flex;\n gap: 0.25ch;\n padding-inline: var(--doclist-padding-x);\n padding-block: 0.5rem;\n font-weight: 400;\n color: var(--sidebar-widget-line);\n cursor: default;\n position: relative;\n\n &:focus-visible {\n outline-color: #000;\n outline-offset: -2px;\n box-shadow: 0 0 0 4px var(--document-list-widget-fill);\n border-radius: var(--document-list-radius);\n }\n\n &:active {\n outline: 0;\n box-shadow: 0;\n }\n\n &[aria-selected=\"true\"] {\n background: var(--document-list-selection-fill);\n color: var(--document-list-selection-line);\n .document-list-folder__toggle path {\n stroke: var(--document-list-selection-line);\n }\n .document-list__doclist > &:first-child {\n border-top-left-radius: var(--document-list-radius);\n border-top-right-radius: var(--document-list-radius);\n }\n .document-list__doclist > &:last-child {\n border-bottom-left-radius: var(--document-list-radius);\n border-bottom-right-radius: var(--document-list-radius);\n }\n }\n &[aria-checked=\"true\"] {\n outline: 2px dashed\n color-mix(in oklch, var(--document-list-line), transparent 50%);\n outline-offset: -4px;\n }\n &[data-dnd-dragging] {\n opacity: 0.4;\n }\n /* Spring-load: hovering a drag over this row opens the document after\n SPRING_LOAD_MS (see item.tsx). The highlight only fades in for the second\n half of the hold, so quick pass-overs never flash an animation. */\n &[data-dnd-springload] {\n animation: doclist-springload 0.75s ease-out 0.75s both;\n }\n &[data-dnd-droplist-state]::before {\n content: \"\";\n position: absolute;\n left: 0;\n margin-left: calc(var(--depth) * 1.75rem);\n right: 0;\n height: 2px;\n background: var(--document-list-line);\n }\n &[data-dnd-droplist-state=\"above\"]::before {\n top: -1px;\n }\n &[data-dnd-droplist-state=\"below\"]::before {\n bottom: -1px;\n }\n}\n\n@keyframes doclist-springload {\n from {\n background: transparent;\n }\n to {\n background: color-mix(\n in oklch,\n var(--document-list-primary),\n transparent 40%\n );\n }\n}\n\n.document-list-folder[data-drop-state=\"inside\"] {\n outline: 2px solid var(--document-list-primary);\n outline-offset: -2px;\n border-radius: var(--document-list-radius);\n background: color-mix(in oklch, var(--document-list-primary), transparent 50%);\n > .document-list-item::before {\n content: \"\";\n position: absolute;\n left: 0;\n right: 0;\n height: 2px;\n background: var(--document-list-line);\n bottom: 0;\n }\n [data-dnd-droplist-state]::before {\n display: none;\n }\n}\n\n.document-list__loading {\n display: flex;\n flex-direction: column;\n}\n\n.document-list-item--loading {\n pointer-events: none;\n padding-left: calc(1.8rem * var(--depth) + var(--doclist-padding-x));\n}\n\n/* In the loading-box, each skeleton keeps its own (inline) width so the stack\n reads as a list of distinct items rather than identical full-width bars. */\n.document-list__loading .document-list-item__skeleton {\n flex: 0 0 auto;\n}\n\n.document-list-item__skeleton {\n flex: 1;\n min-width: 0;\n max-width: 12rem;\n height: 0.75em;\n border-radius: 4px;\n background: linear-gradient(\n 90deg,\n var(--placeholder-line) 25%,\n color-mix(in oklch, var(--placeholder-line), transparent 65%) 50%,\n var(--placeholder-line) 75%\n );\n background-size: 200% 100%;\n opacity: 0.35;\n animation: doclist-skeleton-shimmer 1.2s ease-in-out infinite;\n}\n\n@keyframes doclist-skeleton-shimmer {\n from {\n background-position: 200% 0;\n }\n to {\n background-position: -200% 0;\n }\n}\n\n.document-list-item__name {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: block;\n flex: 1;\n min-width: 0;\n &:is(input) {\n padding: 4px;\n margin: -4px;\n }\n}\n\n.document-list-item__unprotected {\n margin-left: auto;\n font-size: 0.75rem;\n color: var(--placeholder-line);\n white-space: nowrap;\n}\n\n.document-list-folder__toggle {\n margin-left: -0.75ch;\n padding-inline: 0.25ch;\n &:hover {\n background: var(--document-list-toggle-hover);\n }\n\n & svg {\n width: 14px;\n height: 14px;\n }\n\n & path {\n stroke: var(--document-list-line-offset-20);\n }\n}\n\n.document-list-folder__contents--hidden {\n display: none;\n}\n\n.document-list-folder__circular-ref {\n padding: 0.5rem;\n padding-left: calc(2.2rem * var(--depth));\n color: var(--document-list-muted);\n font-style: italic;\n font-size: 0.9em;\n}\n\n.document-list__item {\n content-visibility: auto;\n contain-intrinsic-size: auto 2.25rem;\n}\n\n.document-list__item--invisible {\n display: none;\n}\n\n.document-list__item--visible,\n.document-list__item--invisible:has(.document-list__item--visible) {\n display: block;\n}\n\n.document-list-folder__contents .document-list-item {\n padding-left: calc(1.8rem * var(--depth));\n}\n\n.document-list-widget {\n width: 100%;\n background: var(--document-list-widget-fill);\n color: var(--document-list-widget-line);\n}\n\n.document-list-widget:empty {\n display: none;\n}\n\n/* the pending \"New document\" row created by dropping the new-doc button:\n renders like a normal list item, but italic and faded. */\n.document-list-placeholder {\n font-style: italic;\n color: var(--placeholder-line);\n}\n\n/* The menu content is portalled to document.body, so it misses the\n .document-list border-box rule. Without it, width:100% + padding makes\n sub-triggers overflow the menu horizontally, and hover-focus then scrolls\n the (overflow:auto) menu sideways, shifting its content to the left. */\n.popmenu__content,\n.popmenu__sub-content,\n.popmenu__content *,\n.popmenu__sub-content * {\n box-sizing: border-box;\n}\n\n.popmenu__trigger,\n.popmenu__sub-trigger {\n cursor: default;\n user-select: none;\n width: 100%;\n text-align: left;\n}\n\n.popmenu__sub-content,\n.popmenu__content {\n z-index: 2;\n min-width: 220px;\n max-height: min(400px, 50vh);\n overflow-y: auto;\n padding: 4px;\n background-color: var(--document-list-widget-fill);\n font-size: 0.8rem;\n border-radius: 6px;\n border: 1px solid var(--document-list-border);\n box-shadow:\n 0 4px 6px -1px rgb(0 0 0 / 0.1),\n 0 2px 4px -2px rgb(0 0 0 / 0.1);\n outline: none;\n transform-origin: var(--kb-menu-content-transform-origin);\n animation: contentHide 250ms ease-in forwards;\n}\n.popmenu__content[data-expanded],\n.popmenu__sub-content[data-expanded] {\n animation: contentShow 250ms ease-out;\n}\n.popmenu__item,\n.popmenu__checkbox-item,\n.popmenu__radio-item,\n.popmenu__sub-trigger {\n font-size: 0.8rem;\n line-height: 1;\n color: var(--document-list-widget-line);\n border-radius: 4px;\n display: flex;\n align-items: center;\n height: 32px;\n padding-inline: 12px;\n padding-block: 6px;\n position: relative;\n user-select: none;\n outline: none;\n cursor: default;\n}\n.popmenu__sub-trigger[data-expanded] {\n background-color: var(--document-list-fill-offset);\n color: var(--document-list-line);\n}\n.popmenu__item[data-disabled],\n.popmenu__checkbox-item[data-disabled],\n.popmenu__radio-item[data-disabled],\n.popmenu__sub-trigger[data-disabled] {\n color: var(--document-list-muted);\n opacity: 0.5;\n pointer-events: none;\n}\n.popmenu__item[data-highlighted],\n.popmenu__checkbox-item[data-highlighted],\n.popmenu__radio-item[data-highlighted],\n.popmenu__sub-trigger[data-highlighted] {\n outline: none;\n background-color: var(--document-list-selection-fill);\n color: var(--document-list-selection-line);\n}\n@keyframes contentShow {\n from {\n opacity: 0;\n transform: scale(0.96);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n@keyframes contentHide {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.96);\n }\n}\n\n.popmenu__item--highlighted {\n outline: none;\n background-color: var(--document-list-selection-fill);\n color: var(--document-list-selection-line);\n}\n\n.create-new-menu__content {\n scrollbar-gutter: stable;\n scrollbar-color: var(--document-list-border-strong) var(--document-list-widget-fill);\n scrollbar-width: thin;\n}\n\n.create-new-menu__content::-webkit-scrollbar {\n width: 10px;\n}\n\n.create-new-menu__content::-webkit-scrollbar-track {\n background: var(--document-list-widget-fill);\n}\n\n.create-new-menu__content::-webkit-scrollbar-thumb {\n background: var(--document-list-border-strong);\n border: 2px solid var(--document-list-widget-fill);\n border-radius: 999px;\n}\n\n.create-new-menu__content::-webkit-scrollbar-thumb:hover {\n background: var(--document-list-muted);\n}\n\n.create-new-filter {\n padding: 4px;\n}\n\n.create-new-filter__input {\n width: 100%;\n box-sizing: border-box;\n padding: 6px 8px;\n font-size: 0.8rem;\n border: 1px solid var(--document-list-border-strong);\n border-radius: 4px;\n background: var(--document-list-widget-fill);\n color: var(--document-list-widget-line);\n outline: none;\n}\n\n.create-new-filter__input:focus {\n border-color: var(--document-list-primary);\n}\n\n.create-new-filter__input::placeholder {\n color: var(--document-list-muted);\n}\n\n/* Share Modal */\n.share-modal__overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1000;\n padding: 2rem;\n}\n\n.share-modal__content {\n background: var(--document-list-widget-fill);\n color: var(--document-list-widget-line);\n border-radius: 8px;\n width: 90vw;\n max-width: 480px;\n max-height: 85vh;\n display: flex;\n flex-direction: column;\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);\n overflow: hidden;\n}\n\n.share-modal__header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1.25rem 1.5rem;\n border-bottom: 1px solid\n color-mix(in oklab, var(--document-list-widget-fill), black 15%);\n}\n\n.share-modal__header h2 {\n margin: 0;\n font-size: 1.1rem;\n font-weight: 600;\n}\n\n.share-modal__close {\n background: transparent;\n border: none;\n cursor: pointer;\n font-size: 1.5rem;\n color: var(--document-list-widget-line);\n width: 2rem;\n height: 2rem;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n transition: all 0.15s ease;\n}\n\n.share-modal__close:hover {\n background: color-mix(in oklab, var(--document-list-widget-fill), black 10%);\n}\n\n.share-modal__body {\n padding: 1.5rem;\n overflow-y: auto;\n flex: 1;\n}\n\n.share-modal__public-section {\n margin-bottom: 1rem;\n}\n\n.share-modal__public-controls {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n flex-wrap: wrap;\n}\n\n.share-modal__public-status {\n font-size: 0.875rem;\n color: var(--document-list-widget-line);\n}\n\n.share-modal__public-actions {\n display: flex;\n gap: 0.5rem;\n}\n\n.share-modal__form {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n margin-bottom: 1.5rem;\n}\n\n.share-modal__form-actions {\n display: flex;\n gap: 0.5rem;\n}\n\n.share-modal__input {\n width: 100%;\n padding: 0.5rem 0.75rem;\n border: 1px solid color-mix(in oklab, var(--document-list-widget-fill), black 15%);\n border-radius: 4px;\n background: var(--document-list-widget-fill);\n color: var(--document-list-widget-line);\n font-size: 0.875rem;\n font-family: var(--document-list-family-code);\n resize: vertical;\n min-height: 4rem;\n}\n\n.share-modal__input:focus {\n outline: 2px solid var(--document-list-primary);\n outline-offset: 1px;\n}\n\n.share-modal__select {\n padding: 0.5rem 0.75rem;\n border: 1px solid color-mix(in oklab, var(--document-list-widget-fill), black 15%);\n border-radius: 4px;\n background: var(--document-list-widget-fill);\n color: var(--document-list-widget-line);\n font-size: 0.875rem;\n}\n\n.share-modal__add-button {\n padding: 0.5rem 1rem;\n border-radius: 4px;\n font-size: 0.875rem;\n font-weight: 500;\n cursor: pointer;\n background: color-mix(in oklch, #3b82f6, white 10%);\n border: 1px solid color-mix(in oklch, #3b82f6, black 5%);\n color: white;\n transition: all 0.15s ease;\n}\n\n.share-modal__add-button:hover:not(:disabled) {\n background: #3b82f6;\n}\n\n.share-modal__add-button:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.share-modal__divider {\n border: none;\n border-top: 1px solid\n color-mix(in oklab, var(--document-list-widget-fill), black 15%);\n margin: 0 0 1.5rem 0;\n}\n\n.share-modal__section-title {\n font-size: 0.875rem;\n font-weight: 600;\n margin: 0 0 1rem 0;\n}\n\n.share-modal__loading,\n.share-modal__empty {\n font-size: 0.875rem;\n color: color-mix(in oklab, var(--document-list-widget-line), transparent 40%);\n font-style: italic;\n}\n\n.share-modal__error {\n padding: 0.5rem 0.75rem;\n background: color-mix(in oklch, #ef4444, white 80%);\n border: 1px solid color-mix(in oklch, #ef4444, white 60%);\n border-radius: 4px;\n color: #991b1b;\n font-size: 0.875rem;\n margin-bottom: 1rem;\n}\n\n.share-modal__member-list {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n}\n\n.share-modal__member {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.75rem;\n background: color-mix(in oklab, var(--document-list-widget-fill), black 5%);\n border-radius: 4px;\n}\n\n.share-modal__member-info {\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n}\n\n.share-modal__member-id {\n font-family: var(--document-list-family-code);\n font-size: 0.8rem;\n}\n\n.share-modal__member-id--you {\n font-weight: 600;\n}\n\n.share-modal__member-id--public {\n font-weight: 600;\n color: var(--document-list-added);\n}\n\n.share-modal__you-label {\n color: var(--document-list-primary);\n font-weight: 600;\n}\n\n.share-modal__member-access {\n font-size: 0.75rem;\n text-transform: uppercase;\n color: color-mix(in oklab, var(--document-list-widget-line), transparent 30%);\n}\n\n.share-modal__remove-button {\n background: transparent;\n border: none;\n cursor: pointer;\n color: color-mix(in oklab, var(--document-list-widget-line), transparent 40%);\n padding: 0.25rem;\n border-radius: 4px;\n transition: all 0.15s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.share-modal__remove-button:hover {\n color: var(--document-list-danger);\n background: color-mix(in oklch, #ef4444, transparent 90%);\n}\n\n\n/* Combined chee/sideboard tool: the document list with the account bar pinned\n below it. The document-list panel fills; the bar sits at the bottom. */\n.sideboard {\n display: flex;\n flex-direction: column;\n height: 100%;\n min-height: 0;\n}\n\n.sideboard > .document-list {\n flex: 1;\n height: auto;\n min-height: 0;\n padding-bottom: 0;\n}\n\n/* The account bar: avatar (account picker), packages, settings. Usable as its\n own tool or pinned to the bottom of the combined sideboard. */\n.account-bar {\n container-type: inline-size;\n display: flex;\n align-items: center;\n gap: 1rem;\n min-height: 4rem;\n background: var(--account-bar-fill);\n color: var(--account-bar-line);\n border-top: 1px solid var(--document-list-divider);\n padding-block: 0.25rem;\n padding-bottom: calc(0.25rem + env(safe-area-inset-bottom));\n padding-left: calc(env(safe-area-inset-left) + var(--document-list-padding-x));\n padding-right: calc(env(safe-area-inset-right) + var(--document-list-padding-x));\n justify-content: space-between;\n}\n\n.account-bar__button {\n display: flex;\n align-items: center;\n border: 1px solid transparent;\n padding-inline: 0.25rem;\n padding-block: 0.125rem;\n border-radius: 3px;\n background: transparent;\n color: inherit;\n font: inherit;\n white-space: nowrap;\n cursor: pointer;\n}\n\n.account-bar__button:hover {\n border-color: var(--document-list-divider);\n}\n\n.account-bar__avatar patchwork-view {\n display: block;\n width: 100%;\n height: 100%;\n}\n"],
5
- "mappings": "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",
4
+ "sourcesContent": ["@layer package {\n:root,\n:host,\n[theme] {\n --document-list-fill: var(\n --studio-chrome,\n light-dark(\n color-mix(in oklch, var(--studio-secondary-fill, var(--studio-secondary, #33ccf8)), var(--studio-fill, white) 80%),\n black\n )\n );\n --document-list-fill-offset: color-mix(\n in oklab,\n var(--document-list-fill),\n oklch(1 0 0 / 1) 10%\n );\n --document-list-line: var(--studio-line, black);\n --document-list-line-offset-20: var(--studio-line-offset-20, #333);\n --document-list-widget-fill: var(--studio-fill, white);\n --document-list-widget-line: var(--document-list-line);\n\n --document-list-padding-x: 0.5rem;\n\n --document-list-radius: 0.275rem;\n --placeholder-line: var(--studio-line-offset-50, #808e80);\n --document-list-search-line: var(--studio-line, #000);\n\n --document-list-primary: var(--studio-primary-fill, var(--studio-primary, #35f7ca));\n --document-list-primary-line: var(--studio-primary-line, var(--studio-line, black));\n --document-list-selection-fill: var(--document-list-primary);\n --document-list-selection-line: var(--document-list-primary-line);\n\n --document-list-create-new-fill: var(--studio-fill, white);\n --document-list-create-new-line: color-mix(\n in oklch,\n var(--document-list-primary),\n var(--studio-line, black) 30%\n );\n --document-list-create-new-border-line: color-mix(\n in oklch,\n var(--document-list-primary),\n var(--document-list-create-new-fill) 50%\n );\n --document-list-create-new-shadow-color: color-mix(\n in oklch,\n var(--document-list-fill),\n var(--document-list-line) 10%\n );\n\n --document-list-family: var(--studio-family-sans, system-ui, sans-serif);\n --document-list-family-code: var(--studio-family-code, ui-monospace, monospace);\n --document-list-muted: var(--studio-line-offset-40, #666);\n --document-list-border: var(--studio-fill-offset-10, #e5e5e5);\n --document-list-border-strong: var(--studio-fill-offset-20, #ccc);\n /* subtle divider on the document-list's chrome surface - the same base-theme\n token the patchwork-frame sidebar divider uses (chrome mixed toward the\n chrome ink, so it tracks the palette and reads correctly light/dark). */\n --document-list-divider: var(--studio-chrome-offset-20, #d4d4d4);\n --document-list-added: var(--studio-added, #35f7ca);\n --document-list-danger: var(--studio-danger-text, var(--studio-danger, #ff6a90));\n --document-list-toggle-hover: color-mix(in oklch, var(--studio-line, black), transparent 93%);\n --account-bar-fill: var(--studio-chrome-offset-10);\n /* ink on the account-bar's chrome surface: rides the chrome ink ramp, not\n --document-list-line (which is content ink and tracks the list surface). */\n --account-bar-line: var(--studio-chrome-line, var(--studio-line, black));\n}\n}\n\nbutton {\n background: none;\n border: none;\n font: inherit;\n color: inherit;\n cursor: pointer;\n padding: 0;\n}\n\n.document-list,\n.document-list * {\n box-sizing: border-box;\n}\n\n.document-list {\n background: var(--document-list-fill);\n display: flex;\n height: 100%;\n flex-direction: column;\n gap: 0.75rem;\n font-family: var(--document-list-family);\n padding-inline: var(--document-list-padding-x);\n /* Space above the doclist. Defaults to just the top safe-area inset; hosts\n like patchwork-frame override --document-list-top-margin to also clear their\n own header. Declared via the var() fallback (not on :host) so an ancestor's\n value can cascade in. */\n padding-top: var(--document-list-top-margin, env(safe-area-inset-top, 0px));\n padding-bottom: env(safe-area-inset-bottom);\n --depth: 0;\n .document-list-close-button {\n display: flex;\n align-items: center;\n align-self: flex-start;\n padding: 0.25rem;\n margin-top: 12px;\n margin-left: -2px;\n background: transparent;\n border: none;\n cursor: pointer;\n opacity: 0.5;\n color: var(--document-list-line);\n }\n\n .document-list-close-button:hover {\n opacity: 1;\n }\n}\n\n.create-new-button {\n display: flex;\n padding-inline: 0.75rem;\n padding-block: 0.375rem;\n border: none;\n border-radius: var(--document-list-radius);\n background: var(--document-list-create-new-fill);\n color: var(--document-list-line);\n font-weight: 400;\n align-items: center;\n justify-content: start;\n white-space: nowrap;\n font-size: 0.9rem;\n text-align: left;\n gap: 1ex;\n position: relative;\n flex-shrink: 0;\n}\n\n.create-new-button__icon {\n stroke: var(--document-list-line-offset-20);\n}\n\n/* square, icon-only variant used in the doclist toolbar; also the drag handle\n for creating a doc at a specific spot. */\n.create-new-button--square {\n width: 2rem;\n height: 2rem;\n padding: 0;\n justify-content: center;\n cursor: grab;\n /* icon rides a little paler than the full ink at rest */\n color: color-mix(in oklch, var(--document-list-line), transparent 35%);\n transition:\n color 0.12s ease,\n box-shadow 0.12s ease;\n}\n\n/* darken and grow a little buttony shadow on hover */\n.create-new-button--square:hover {\n color: var(--document-list-line);\n box-shadow: var(--studio-shadow, 0 1px 3px rgb(0 0 0 / 0.1), 0 1px 2px rgb(0 0 0 / 0.06));\n}\n\n.create-new-button--square:active {\n cursor: grabbing;\n}\n\n/* the visible button handles click + drag; a 0-size aria-hidden Kobalte trigger\n overlays it purely to anchor the dropdown menu. */\n.create-new-button-anchor {\n position: relative;\n display: flex;\n flex-shrink: 0;\n}\n\n.create-new-button-anchor__trigger {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n border: 0;\n background: none;\n pointer-events: none;\n}\n\n/* sticky toolbar pinned to the top of the scrolling doclist: square new-doc\n button + filter, laid out horizontally. */\n.document-list__toolbar {\n position: sticky;\n top: 0;\n z-index: 3;\n display: flex;\n align-items: center;\n gap: 0.375rem;\n padding: 0.375rem;\n background: var(--document-list-widget-fill);\n border-bottom: 1px solid var(--document-list-divider);\n}\n\n.document-list__toolbar .document-list__filter-container {\n flex: 1;\n min-width: 0;\n}\n\n.icon {\n height: 1em;\n}\n\n.document-list__filter-container {\n position: relative;\n font-size: 0.875rem;\n border-radius: var(--document-list-radius);\n .search-icon {\n height: 1em;\n top: 0.4lh;\n left: 2px;\n position: absolute;\n z-index: 1;\n stroke: var(--placeholder-line);\n }\n &:focus-within {\n .search-icon {\n stroke: var(--document-list-line);\n }\n }\n}\n\n.document-list__filter {\n width: 100%;\n\n background: var(--document-list-widget-fill);\n color: var(--document-list-widget-line);\n\n padding-left: 2em;\n padding-right: 0.75rem;\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n border: none;\n border-radius: var(--document-list-radius);\n\n &::placeholder {\n color: var(--placeholder-line);\n }\n\n &:focus-visible {\n outline-color: var(--sidebar-widget-line);\n outline-offset: 1px;\n box-shadow: 0 0 0 4px #fff;\n border-radius: var(--document-list-radius);\n }\n}\n\n.document-list__doclist {\n --doclist-padding-x: 0.75rem;\n display: flex;\n flex-direction: column;\n border-radius: var(--document-list-radius);\n box-shadow: 0 1px 2px rgba(0, 20, 50, 0.05);\n width: 100%;\n max-height: 100%;\n overflow: scroll;\n transition:\n background-color 0.2s ease,\n box-shadow 0.2s ease;\n\n &::-webkit-scrollbar {\n display: none;\n }\n}\n\n.document-list__doclist--drag-over {\n background: color-mix(in oklch, var(--document-list-primary), transparent 95%);\n box-shadow:\n 0 0 0 2px var(--document-list-primary) inset,\n 0 1px 2px rgba(0, 20, 50, 0.05);\n}\n\n.document-list-item {\n display: flex;\n gap: 0.25ch;\n padding-inline: var(--doclist-padding-x);\n padding-block: 0.5rem;\n font-weight: 400;\n color: var(--sidebar-widget-line);\n cursor: default;\n position: relative;\n\n &:focus-visible {\n outline-color: #000;\n outline-offset: -2px;\n box-shadow: 0 0 0 4px var(--document-list-widget-fill);\n border-radius: var(--document-list-radius);\n }\n\n &:active {\n outline: 0;\n box-shadow: 0;\n }\n\n &[aria-selected=\"true\"] {\n background: var(--document-list-selection-fill);\n color: var(--document-list-selection-line);\n .document-list-folder__toggle path {\n stroke: var(--document-list-selection-line);\n }\n .document-list__doclist > &:first-child {\n border-top-left-radius: var(--document-list-radius);\n border-top-right-radius: var(--document-list-radius);\n }\n .document-list__doclist > &:last-child {\n border-bottom-left-radius: var(--document-list-radius);\n border-bottom-right-radius: var(--document-list-radius);\n }\n }\n &[aria-checked=\"true\"] {\n outline: 2px dashed\n color-mix(in oklch, var(--document-list-line), transparent 50%);\n outline-offset: -4px;\n }\n &[data-dnd-dragging] {\n opacity: 0.4;\n }\n /* Spring-load: hovering a drag over this row opens the document after\n SPRING_LOAD_MS (see item.tsx). The highlight only fades in for the second\n half of the hold, so quick pass-overs never flash an animation. */\n &[data-dnd-springload] {\n animation: doclist-springload 0.75s ease-out 0.75s both;\n }\n &[data-dnd-droplist-state]::before {\n content: \"\";\n position: absolute;\n left: 0;\n margin-left: calc(var(--depth) * 1.75rem);\n right: 0;\n height: 2px;\n background: var(--document-list-line);\n }\n &[data-dnd-droplist-state=\"above\"]::before {\n top: -1px;\n }\n &[data-dnd-droplist-state=\"below\"]::before {\n bottom: -1px;\n }\n}\n\n@keyframes doclist-springload {\n from {\n background: transparent;\n }\n to {\n background: color-mix(\n in oklch,\n var(--document-list-primary),\n transparent 40%\n );\n }\n}\n\n.document-list-folder[data-drop-state=\"inside\"] {\n outline: 2px solid var(--document-list-primary);\n outline-offset: -2px;\n border-radius: var(--document-list-radius);\n background: color-mix(in oklch, var(--document-list-primary), transparent 50%);\n > .document-list-item::before {\n content: \"\";\n position: absolute;\n left: 0;\n right: 0;\n height: 2px;\n background: var(--document-list-line);\n bottom: 0;\n }\n [data-dnd-droplist-state]::before {\n display: none;\n }\n}\n\n.document-list__loading {\n display: flex;\n flex-direction: column;\n}\n\n.document-list-item--loading {\n pointer-events: none;\n padding-left: calc(1.8rem * var(--depth) + var(--doclist-padding-x));\n}\n\n/* In the loading-box, each skeleton keeps its own (inline) width so the stack\n reads as a list of distinct items rather than identical full-width bars. */\n.document-list__loading .document-list-item__skeleton {\n flex: 0 0 auto;\n}\n\n.document-list-item__skeleton {\n flex: 1;\n min-width: 0;\n max-width: 12rem;\n height: 0.75em;\n border-radius: 4px;\n background: linear-gradient(\n 90deg,\n var(--placeholder-line) 25%,\n color-mix(in oklch, var(--placeholder-line), transparent 65%) 50%,\n var(--placeholder-line) 75%\n );\n background-size: 200% 100%;\n opacity: 0.35;\n animation: doclist-skeleton-shimmer 1.2s ease-in-out infinite;\n}\n\n@keyframes doclist-skeleton-shimmer {\n from {\n background-position: 200% 0;\n }\n to {\n background-position: -200% 0;\n }\n}\n\n.document-list-item__name {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: block;\n flex: 1;\n min-width: 0;\n &:is(input) {\n padding: 4px;\n margin: -4px;\n }\n}\n\n.document-list-folder__toggle {\n margin-left: -0.75ch;\n padding-inline: 0.25ch;\n &:hover {\n background: var(--document-list-toggle-hover);\n }\n\n & svg {\n width: 14px;\n height: 14px;\n }\n\n & path {\n stroke: var(--document-list-line-offset-20);\n }\n}\n\n.document-list-folder__contents--hidden {\n display: none;\n}\n\n.document-list-folder__circular-ref {\n padding: 0.5rem;\n padding-left: calc(2.2rem * var(--depth));\n color: var(--document-list-muted);\n font-style: italic;\n font-size: 0.9em;\n}\n\n.document-list__item {\n content-visibility: auto;\n contain-intrinsic-size: auto 2.25rem;\n}\n\n.document-list__item--invisible {\n display: none;\n}\n\n.document-list__item--visible,\n.document-list__item--invisible:has(.document-list__item--visible) {\n display: block;\n}\n\n.document-list-folder__contents .document-list-item {\n padding-left: calc(1.8rem * var(--depth));\n}\n\n.document-list-widget {\n width: 100%;\n background: var(--document-list-widget-fill);\n color: var(--document-list-widget-line);\n}\n\n.document-list-widget:empty {\n display: none;\n}\n\n/* the pending \"New document\" row created by dropping the new-doc button:\n renders like a normal list item, but italic and faded. */\n.document-list-placeholder {\n font-style: italic;\n color: var(--placeholder-line);\n}\n\n/* The menu content is portalled to document.body, so it misses the\n .document-list border-box rule. Without it, width:100% + padding makes\n sub-triggers overflow the menu horizontally, and hover-focus then scrolls\n the (overflow:auto) menu sideways, shifting its content to the left. */\n.popmenu__content,\n.popmenu__sub-content,\n.popmenu__content *,\n.popmenu__sub-content * {\n box-sizing: border-box;\n}\n\n.popmenu__trigger,\n.popmenu__sub-trigger {\n cursor: default;\n user-select: none;\n width: 100%;\n text-align: left;\n}\n\n.popmenu__sub-content,\n.popmenu__content {\n z-index: 2;\n min-width: 220px;\n max-height: min(400px, 50vh);\n overflow-y: auto;\n padding: 4px;\n background-color: var(--document-list-widget-fill);\n font-size: 0.8rem;\n border-radius: 6px;\n border: 1px solid var(--document-list-border);\n box-shadow:\n 0 4px 6px -1px rgb(0 0 0 / 0.1),\n 0 2px 4px -2px rgb(0 0 0 / 0.1);\n outline: none;\n transform-origin: var(--kb-menu-content-transform-origin);\n animation: contentHide 250ms ease-in forwards;\n}\n.popmenu__content[data-expanded],\n.popmenu__sub-content[data-expanded] {\n animation: contentShow 250ms ease-out;\n}\n.popmenu__item,\n.popmenu__checkbox-item,\n.popmenu__radio-item,\n.popmenu__sub-trigger {\n font-size: 0.8rem;\n line-height: 1;\n color: var(--document-list-widget-line);\n border-radius: 4px;\n display: flex;\n align-items: center;\n height: 32px;\n padding-inline: 12px;\n padding-block: 6px;\n position: relative;\n user-select: none;\n outline: none;\n cursor: default;\n}\n.popmenu__sub-trigger[data-expanded] {\n background-color: var(--document-list-fill-offset);\n color: var(--document-list-line);\n}\n.popmenu__item[data-disabled],\n.popmenu__checkbox-item[data-disabled],\n.popmenu__radio-item[data-disabled],\n.popmenu__sub-trigger[data-disabled] {\n color: var(--document-list-muted);\n opacity: 0.5;\n pointer-events: none;\n}\n.popmenu__item[data-highlighted],\n.popmenu__checkbox-item[data-highlighted],\n.popmenu__radio-item[data-highlighted],\n.popmenu__sub-trigger[data-highlighted] {\n outline: none;\n background-color: var(--document-list-selection-fill);\n color: var(--document-list-selection-line);\n}\n@keyframes contentShow {\n from {\n opacity: 0;\n transform: scale(0.96);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n}\n@keyframes contentHide {\n from {\n opacity: 1;\n transform: scale(1);\n }\n to {\n opacity: 0;\n transform: scale(0.96);\n }\n}\n\n.popmenu__item--highlighted {\n outline: none;\n background-color: var(--document-list-selection-fill);\n color: var(--document-list-selection-line);\n}\n\n.create-new-menu__content {\n scrollbar-gutter: stable;\n scrollbar-color: var(--document-list-border-strong) var(--document-list-widget-fill);\n scrollbar-width: thin;\n}\n\n.create-new-menu__content::-webkit-scrollbar {\n width: 10px;\n}\n\n.create-new-menu__content::-webkit-scrollbar-track {\n background: var(--document-list-widget-fill);\n}\n\n.create-new-menu__content::-webkit-scrollbar-thumb {\n background: var(--document-list-border-strong);\n border: 2px solid var(--document-list-widget-fill);\n border-radius: 999px;\n}\n\n.create-new-menu__content::-webkit-scrollbar-thumb:hover {\n background: var(--document-list-muted);\n}\n\n.create-new-filter {\n padding: 4px;\n}\n\n.create-new-filter__input {\n width: 100%;\n box-sizing: border-box;\n padding: 6px 8px;\n font-size: 0.8rem;\n border: 1px solid var(--document-list-border-strong);\n border-radius: 4px;\n background: var(--document-list-widget-fill);\n color: var(--document-list-widget-line);\n outline: none;\n}\n\n.create-new-filter__input:focus {\n border-color: var(--document-list-primary);\n}\n\n.create-new-filter__input::placeholder {\n color: var(--document-list-muted);\n}\n\n/* Combined chee/sideboard tool: the document list with the account bar pinned\n below it. The document-list panel fills; the bar sits at the bottom. */\n.sideboard {\n display: flex;\n flex-direction: column;\n height: 100%;\n min-height: 0;\n}\n\n.sideboard > .document-list {\n flex: 1;\n height: auto;\n min-height: 0;\n padding-bottom: 0;\n}\n\n/* The account bar: avatar (account picker), packages, settings. Usable as its\n own tool or pinned to the bottom of the combined sideboard. */\n.account-bar {\n container-type: inline-size;\n display: flex;\n align-items: center;\n gap: 1rem;\n min-height: 4rem;\n background: var(--account-bar-fill);\n color: var(--account-bar-line);\n border-top: 1px solid var(--document-list-divider);\n padding-block: 0.25rem;\n padding-bottom: calc(0.25rem + env(safe-area-inset-bottom));\n padding-left: calc(env(safe-area-inset-left) + var(--document-list-padding-x));\n padding-right: calc(env(safe-area-inset-right) + var(--document-list-padding-x));\n justify-content: space-between;\n}\n\n.account-bar__button {\n display: flex;\n align-items: center;\n border: 1px solid transparent;\n padding-inline: 0.25rem;\n padding-block: 0.125rem;\n border-radius: 3px;\n background: transparent;\n color: inherit;\n font: inherit;\n white-space: nowrap;\n cursor: pointer;\n}\n\n.account-bar__button:hover {\n border-color: var(--document-list-divider);\n}\n\n.account-bar__avatar patchwork-view {\n display: block;\n width: 100%;\n height: 100%;\n}\n"],
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
package/packages/sideboard/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import"./chunk-FW4363Y4.js";async function r(){let e=new URL("./index.css",import.meta.url);return(await fetch(e)).text()}function n(e){let t="sideboard-styles",o=document.head.querySelector(`#${t}`)??document.createElement("style");Object.assign(o,{textContent:e,id:t}),document.head.append(o)}var a={id:"chee/document-list",type:"patchwork:tool",name:"Document List",supportedDatatypes:["folder"],icon:"FolderOpen",unlisted:!0,async load(){let[{renderDocumentListPanel:e},t]=await Promise.all([import("./document-list-panel-DZYK3JHP.js"),r()]);return(o,i)=>(n(t),e(o.url,i))}},c=[a,Object.assign({},a,{id:"folder-tree-view",name:"Folder Tree View",icon:"Tree",unlisted:!1}),{id:"chee/account-bar",type:"patchwork:tool",name:"Account Bar",supportedDatatypes:["account"],icon:"UserCircle",unlisted:!0,async load(){let[{renderAccountBar:e},t]=await Promise.all([import("./account-bar-6B65GY2V.js"),r()]);return(o,i)=>(n(t),e(o,i))}},{id:"chee/sideboard",type:"patchwork:tool",tags:["sidebar-account"],name:"Sideboard",supportedDatatypes:["account"],icon:"FolderOpen",unlisted:!0,async load(){let[{renderSideboard:e},t]=await Promise.all([import("./sideboard/sideboard.js"),r()]);return(o,i)=>(n(t),e(o,i))}}];export{c as plugins};
1
+ import"./chunk-FW4363Y4.js";async function n(){let e=new URL("./index.css",import.meta.url);return(await fetch(e)).text()}function r(e){let t="sideboard-styles",o=document.head.querySelector(`#${t}`)??document.createElement("style");Object.assign(o,{textContent:e,id:t}),document.head.append(o)}var a={id:"chee/document-list",type:"patchwork:tool",name:"Document List",supportedDatatypes:["folder"],icon:"FolderOpen",unlisted:!0,async load(){let[{renderDocumentListPanel:e},t]=await Promise.all([import("./document-list-panel-UUH6HOJ3.js"),n()]);return(o,i)=>(r(t),e(o.url,i))}},c=[a,Object.assign({},a,{id:"folder-tree-view",name:"Folder Tree View",icon:"Tree",unlisted:!1}),{id:"chee/account-bar",type:"patchwork:tool",name:"Account Bar",supportedDatatypes:["account"],icon:"UserCircle",unlisted:!0,async load(){let[{renderAccountBar:e},t]=await Promise.all([import("./account-bar-6B65GY2V.js"),n()]);return(o,i)=>(r(t),e(o,i))}},{id:"chee/sideboard",type:"patchwork:tool",tags:["sidebar-account"],name:"Sideboard",supportedDatatypes:["account"],icon:"FolderOpen",unlisted:!0,async load(){let[{renderSideboard:e},t]=await Promise.all([import("./sideboard/sideboard.js"),n()]);return(o,i)=>(r(t),e(o,i))}}];export{c as plugins};
2
2
  //# sourceMappingURL=index.js.map
package/packages/sideboard/dist/sideboard/sideboard.js CHANGED
@@ -1,2 +1,2 @@
1
- import{a as u,b as c}from"../chunk-YCECYDWC.js";import{a as s}from"../chunk-52EOIDIA.js";import{A as l,I as o,P as d,o as t,t as i,z as a}from"../chunk-G7U5YDCS.js";import"../chunk-FW4363Y4.js";var p=l("<div class=sideboard>"),g=l('<aside class=document-list><nav class="document-list__doclist document-list-widget">');function _(e){let r=d(e.handle);return(()=>{var n=p();return o(n,t(i,{get when(){return r.rootFolderUrl},get fallback(){return(()=>{var m=g(),f=m.firstChild;return o(f,t(u,{depth:0})),m})()},get children(){return t(c,{get folderUrl(){return r.rootFolderUrl},get repo(){return e.repo},get element(){return e.element}})}}),null),o(n,t(s,{get handle(){return e.handle},get repo(){return e.repo},get element(){return e.element}}),null),n})()}function x(e,r){return a(()=>t(_,{handle:e,get repo(){return r.repo},element:r}),r)}export{_ as Sideboard,x as renderSideboard};
1
+ import{a as u,b as c}from"../chunk-7V2BKMG7.js";import{a as s}from"../chunk-52EOIDIA.js";import{A as l,I as o,P as d,o as t,t as i,z as a}from"../chunk-G7U5YDCS.js";import"../chunk-FW4363Y4.js";var p=l("<div class=sideboard>"),g=l('<aside class=document-list><nav class="document-list__doclist document-list-widget">');function _(e){let r=d(e.handle);return(()=>{var n=p();return o(n,t(i,{get when(){return r.rootFolderUrl},get fallback(){return(()=>{var m=g(),f=m.firstChild;return o(f,t(u,{depth:0})),m})()},get children(){return t(c,{get folderUrl(){return r.rootFolderUrl},get repo(){return e.repo},get element(){return e.element}})}}),null),o(n,t(s,{get handle(){return e.handle},get repo(){return e.repo},get element(){return e.element}}),null),n})()}function x(e,r){return a(()=>t(_,{handle:e,get repo(){return r.repo},element:r}),r)}export{_ as Sideboard,x as renderSideboard};
2
2
  //# sourceMappingURL=sideboard.js.map
package/packages/sideboard/package.json CHANGED
@@ -39,7 +39,6 @@
39
39
  "devDependencies": {
40
40
  "@automerge/automerge": "^3.2.5",
41
41
  "@automerge/automerge-repo": "^2.6.0-subduction.9",
42
- "@automerge/automerge-repo-keyhive": "^0.2.0-alpha.1d",
43
42
  "@babel/core": "7.28.4",
44
43
  "@babel/parser": "7.28.4",
45
44
  "@inkandswitch/patchwork-filesystem": "^0.0.4",
package/packages/threepane/dist/PatchworkFrame-RLYJ4GEF.js ADDED
@@ -0,0 +1,2 @@
1
+ import{a as We,b as F,c as H,d as re,e as ne,f as ae,g as ie,h as ce,i as se,j as de,k as le,l as fe,m as ue,n as me,o as A,p as pe,q as he,r as ge,s as be}from"./chunk-CGHYPNSB.js";import{a as M,b as we}from"./chunk-3H5MX256.js";import{b as Be}from"./chunk-FW4363Y4.js";import{template as _}from"solid-js/web";import{delegateEvents as st}from"solid-js/web";import{memo as dt}from"solid-js/web";import{setStyleProperty as lt}from"solid-js/web";import{setAttribute as q}from"solid-js/web";import{effect as O}from"solid-js/web";import{getOwner as I}from"solid-js/web";import{use as T}from"solid-js/web";import{insert as v}from"solid-js/web";import{createComponent as u}from"solid-js/web";import"@inkandswitch/patchwork-elements";import{parseAutomergeUrl as Pt,stringifyAutomergeUrl as Bt}from"@automerge/automerge-repo";import{interpretAsDocumentId as Mt,isValidAutomergeUrl as jt,parseAutomergeUrl as Vt,stringifyAutomergeUrl as Nt}from"@automerge/automerge-repo";function ve(e,c,a){let i=e.closest("patchwork-view")??e,t=new MessageChannel,o=t.port2,s=new AbortController,{signal:n}=s;o.addEventListener("message",l=>{l.data?.type==="change"&&a(l.data.value)},{signal:n}),o.start();let d={selector:c,port:t.port1};return i.dispatchEvent(new CustomEvent("patchwork:subscribe",{detail:d,bubbles:!0,composed:!0})),()=>{n.aborted||(s.abort(),o.postMessage({type:"unsubscribe"}),o.close())}}import{template as V}from"solid-js/web";import{delegateEvents as Me}from"solid-js/web";import{memo as je}from"solid-js/web";import{insert as ye}from"solid-js/web";import{createComponent as x}from"solid-js/web";import{For as ze,Show as j}from"solid-js";var Ve=V("<div class=threepane-widgets>"),Ne=V("<div class=threepane-widgets__empty><button type=button class=threepane-widgets__add>\uFF0B Add document list"),qe=V("<div class=threepane-widget>"),Ye="chee/document-list";function _e(e){let c=()=>{let a=e.rootFolderUrl(),r=e.configHandle();!a||!r||r.change(i=>{i.sidebar.widgets.push([Ye,a])})};return(()=>{var a=Ve();return ye(a,x(j,{get when(){return e.ready()},get children(){return x(j,{get when(){return e.widgets().length},get fallback(){return x(j,{get when(){return je(()=>!!e.rootFolderUrl())()&&e.configHandle()},get children(){var r=Ne(),i=r.firstChild;return i.$$click=c,r}})},get children(){return x(ze,{get each(){return e.widgets()},children:r=>(()=>{var i=qe();return ye(i,x(A,{slot:r})),i})()})}})}})),a})()}Me(["click"]);import{template as ke}from"solid-js/web";import{setAttribute as Ge}from"solid-js/web";import{effect as Ke}from"solid-js/web";import{insert as Se}from"solid-js/web";import{createComponent as N}from"solid-js/web";import{For as Qe,Show as Ze}from"solid-js";var Xe=ke("<div class=frame-tray>"),Je=ke("<div class=frame-tray__item>");function De(e){return N(Ze,{get when(){return e.slots().length},get children(){var c=Xe();return Se(c,N(Qe,{get each(){return e.slots()},children:a=>(()=>{var r=Je();return Se(r,N(A,{slot:a})),Ke(()=>Ge(r,"data-tray-id",me(a))),r})()})),c}})}import{createEffect as L,createMemo as G,createSignal as w,onCleanup as E,onMount as K,Show as C}from"solid-js";import{render as _t}from"solid-js/web";import{createDocOfDatatype2 as tt}from"@inkandswitch/patchwork-plugins";import{getRegistry as et}from"@inkandswitch/patchwork-plugins";function P(e){return et("patchwork:datatype").loadWhenReady(e)}var ot=new Set(["document-title","spacer"]),rt="chee/document-list";function Ee(e){return e?[[rt,e]]:[]}async function Ce(e,c){let a=e.doc()?.rootFolderUrl,r=e.doc()?.tools?.threepane;if(r){(await c.find(r)).change(d=>{a&&!d.sidebar?.widgets?.length&&(d.sidebar.widgets=Ee(a)),d.tray||(d.tray=M.slice()),d.doctitle?.tools?.length||(d.doctitle={...d.doctitle,tools:we.slice()})});return}let i=await P("threepane:config");if(!i){console.warn("frame: threepane:config datatype never registered");return}if(e.doc()?.tools?.threepane)return;let t=e.doc(),o=(t?.documentToolbarToolIds??[]).filter(n=>!ot.has(n)),s=await tt(i,c);s.change(n=>{o.length&&(n.doctitle.tools=o),n.sidebar.widgets=Ee(t?.rootFolderUrl),n.tray||(n.tray=M.slice())}),e.change(n=>{n.tools||(n.tools={}),n.tools.threepane||(n.tools.threepane=s.url)})}var Ie=Be(We(),1);import{createDocOfDatatype2 as it}from"@inkandswitch/patchwork-plugins";async function $e(e,c){for(let a of at){let r=await e.create2(a.doc);c.change(i=>{i.docs.push({name:a.name,type:a.doc["@patchwork"].type,url:r.url})})}}var nt={"@patchwork":{title:"SEIRV",type:"catcolab-model"},analysisDocUrl:"automerge:qJJEiMQo21VwaLToRtYENuYSuTC",name:"SEIRV",notebook:{cellContents:{"0194d7a9-bc26-73ac-b2b8-73470cb412ae":{content:{id:"0194d7a9-bc26-73ac-b2b8-6eb9a514827b",name:"Susceptible",obType:{content:"Object",tag:"Basic"},tag:"object"},id:"0194d7a9-bc26-73ac-b2b8-73470cb412ae",tag:"formal"},"0194d7a9-bf28-709f-b34d-545928dd7c16":{content:{id:"0194d7a9-bf28-709f-b34d-513c3da75e9c",name:"Infectious",obType:{content:"Object",tag:"Basic"},tag:"object"},id:"0194d7a9-bf28-709f-b34d-545928dd7c16",tag:"formal"},"0194d7a9-c036-745b-99e2-b3ef2d3b87d0":{content:{id:"0194d7a9-c036-745b-99e2-aedb526915c7",name:"Recovered",obType:{content:"Object",tag:"Basic"},tag:"object"},id:"0194d7a9-c036-745b-99e2-b3ef2d3b87d0",tag:"formal"},"0194d7a9-d72e-700a-9c8b-7686fad4193b":{content:{cod:{content:"0194fc13-3da9-77cb-b36a-9b8a6a83f0e6",tag:"Basic"},dom:{content:"0194d7a9-bc26-73ac-b2b8-6eb9a514827b",tag:"Basic"},id:"0194d7a9-d72e-700a-9c8b-703b753da038",morType:{content:{content:"Object",tag:"Basic"},tag:"Hom"},name:"exposure",tag:"morphism"},id:"0194d7a9-d72e-700a-9c8b-7686fad4193b",tag:"formal"},"0194d7a9-d8b5-741f-916f-d559d3ff2f8d":{content:{cod:{content:"0194d7a9-c036-745b-99e2-aedb526915c7",tag:"Basic"},dom:{content:"0194d7a9-bf28-709f-b34d-513c3da75e9c",tag:"Basic"},id:"0194d7a9-d8b5-741f-916f-d3dd802450ec",morType:{content:{content:"Object",tag:"Basic"},tag:"Hom"},name:"recovery",tag:"morphism"},id:"0194d7a9-d8b5-741f-916f-d559d3ff2f8d",tag:"formal"},"0194d7a9-f4ff-77df-80a5-75410f4b9680":{content:{cod:{content:{content:"0194d7a9-d72e-700a-9c8b-703b753da038",tag:"Basic"},tag:"Tabulated"},dom:{content:"0194d7a9-bf28-709f-b34d-513c3da75e9c",tag:"Basic"},id:"0194d7a9-f4ff-77df-80a5-70d50473ed6d",morType:{content:"Link",tag:"Basic"},name:"",tag:"morphism"},id:"0194d7a9-f4ff-77df-80a5-75410f4b9680",tag:"formal"},"0194d7c1-3b04-77cf-b2c1-e4e8a10712e2":{content:"This stock-flow diagram exhibits the standard SIR model from epidemiology augmented with Exposed and Vaccinated populations: there are populations of susceptible, exposed, infectious, vaccinated, and recovered subjects, and processes flow among these stocks. A link from the infectious population to the infection process reflects that the infection rate increases as the density of infectious subjects does.",id:"0194d7c1-3b04-77cf-b2c1-e4e8a10712e2",tag:"rich-text"},"0194fc13-2920-724c-a6c3-fc1d17699223":{content:{id:"0194fc13-2920-724c-a6c3-f85ca780f6cf",name:"Vaccinated",obType:{content:"Object",tag:"Basic"},tag:"object"},id:"0194fc13-2920-724c-a6c3-fc1d17699223",tag:"formal"},"0194fc13-3da9-77cb-b36a-9c5b8a74d941":{content:{id:"0194fc13-3da9-77cb-b36a-9b8a6a83f0e6",name:"Exposed",obType:{content:"Object",tag:"Basic"},tag:"object"},id:"0194fc13-3da9-77cb-b36a-9c5b8a74d941",tag:"formal"},"0194fc13-d6aa-741c-a30c-54cd59aaee10":{content:{cod:{content:"0194d7a9-bf28-709f-b34d-513c3da75e9c",tag:"Basic"},dom:{content:"0194fc13-3da9-77cb-b36a-9b8a6a83f0e6",tag:"Basic"},id:"0194fc13-d6aa-741c-a30c-536d48c10c1e",morType:{content:{content:"Object",tag:"Basic"},tag:"Hom"},name:"infection",tag:"morphism"},id:"0194fc13-d6aa-741c-a30c-54cd59aaee10",tag:"formal"},"0194fc14-204c-72a4-92fa-df5491673bab":{content:{cod:{content:"0194fc13-2920-724c-a6c3-f85ca780f6cf",tag:"Basic"},dom:{content:"0194d7a9-bc26-73ac-b2b8-6eb9a514827b",tag:"Basic"},id:"0194fc14-204c-72a4-92fa-da1399afa430",morType:{content:{content:"Object",tag:"Basic"},tag:"Hom"},name:"vaccination",tag:"morphism"},id:"0194fc14-204c-72a4-92fa-df5491673bab",tag:"formal"},"01981982-b589-702c-99a8-57983e3bd08e":{content:{cod:{content:"0194d7a9-bc26-73ac-b2b8-6eb9a514827b",tag:"Basic"},dom:{content:"0194fc13-2920-724c-a6c3-f85ca780f6cf",tag:"Basic"},id:"01981982-b589-702c-99a8-539c45521dc9",morType:{content:{content:"Object",tag:"Basic"},tag:"Hom"},name:"waning",tag:"morphism"},id:"01981982-b589-702c-99a8-57983e3bd08e",tag:"formal"},"019ffc10-1a2b-73c1-9f01-4d5e6a7b8c01":{content:{cod:{content:"0194fc13-3da9-77cb-b36a-9b8a6a83f0e6",tag:"Basic"},dom:{content:"0194d7a9-c036-745b-99e2-aedb526915c7",tag:"Basic"},id:"019ffc10-1a2b-73c1-9f01-4d5e6a7b8c02",morType:{content:{content:"Object",tag:"Basic"},tag:"Hom"},name:"reinfection",tag:"morphism"},id:"019ffc10-1a2b-73c1-9f01-4d5e6a7b8c01",tag:"formal"},"019ffc10-3c4d-74e2-8a12-5e6f7a8b9c11":{content:{cod:{content:{content:"019ffc10-1a2b-73c1-9f01-4d5e6a7b8c02",tag:"Basic"},tag:"Tabulated"},dom:{content:"0194d7a9-bf28-709f-b34d-513c3da75e9c",tag:"Basic"},id:"019ffc10-3c4d-74e2-8a12-5e6f7a8b9c12",morType:{content:"Link",tag:"Basic"},name:"",tag:"morphism"},id:"019ffc10-3c4d-74e2-8a12-5e6f7a8b9c11",tag:"formal"}},cellOrder:["0194d7c1-3b04-77cf-b2c1-e4e8a10712e2","0194d7a9-bc26-73ac-b2b8-73470cb412ae","0194fc13-3da9-77cb-b36a-9c5b8a74d941","0194d7a9-bf28-709f-b34d-545928dd7c16","0194d7a9-c036-745b-99e2-b3ef2d3b87d0","0194fc13-2920-724c-a6c3-fc1d17699223","0194d7a9-d72e-700a-9c8b-7686fad4193b","0194fc14-204c-72a4-92fa-df5491673bab","0194fc13-d6aa-741c-a30c-54cd59aaee10","0194d7a9-d8b5-741f-916f-d559d3ff2f8d","0194d7a9-f4ff-77df-80a5-75410f4b9680","01981982-b589-702c-99a8-57983e3bd08e","019ffc10-1a2b-73c1-9f01-4d5e6a7b8c01"]},theory:"primitive-stock-flow",type:"model",version:"2"},at=[{name:"CatColab: Stock & Flow",doc:nt}];var b=(0,Ie.default)("patchwork:threepane:examples");async function Le(e,c){let a=e.doc();if(!a?.rootFolderUrl){b("skipped \u2014 account has no rootFolderUrl");return}if(a.exampleDocsSeededAt){b("skipped \u2014 already ran for this account at",new Date(a.exampleDocsSeededAt).toISOString());return}b("claiming marker on account",e.url),e.change(l=>{l.exampleDocsSeededAt||(l.exampleDocsSeededAt=Date.now())});let r=await c.find(a.rootFolderUrl),i=r.doc()?.docs?.length??0;if(i){b(`skipped \u2014 root folder already has ${i} doc(s); only fresh accounts are seeded`);return}let t=window.location.hostname.includes("gaios"),o=t?[]:await ct();if(b(t?"gaios examples":"bundle init scripts:",o),!t&&!o.length){b("skipped \u2014 no static module bundles to ask");return}let s=await P("folder");if(!s){b("folder datatype never registered; giving up");return}let n=await it(s,c,l=>{l.title="Examples"});t&&await $e(c,n);for(let l of o)try{await(await import(l)).default?.(c,n),b("ran init script",l)}catch(f){b("init script unavailable or failed",l,f)}let d=n.doc()?.docs?.length??0;if(!d){b("no bundle contributed any documents");return}r.change(l=>{l.docs.unshift({name:"Examples",type:"folder",url:n.url})}),b(`seeded ${d} document(s) into Examples folder`,n.url)}var Te="https://patchwork-tools.netlify.app/init.js",Re="https://patchwork-base.netlify.app/init.js";async function ct(){let e=window.patchwork?.packages;if(!e?.urls)return[Re,Te];await e.doneLoading;let c=Object.values(e.urls).filter(r=>typeof r=="string"&&!r.startsWith("automerge:")).map(r=>new URL("init.js",new URL(r,document.baseURI)).href),a=c.length?[]:[Re];return[...new Set([...c,...a,Te])]}var ft=_("<div class=frame-shell><aside class=frame-warning-banner>research grade software. do not share links. sharing a doc is sharing your account.</aside><div class=frame><patchwork-view component=patchwork-selected-doc-provider><patchwork-view component=patchwork-account-provider><patchwork-view component=patchwork-tool-storage-provider>",!0,!1,!1),ut=_("<div style=display:contents>"),mt=_("<div class=main-area>"),pt=_("<div class=frame__popover-backdrop><div class=frame__popover role=dialog aria-modal=true><div class=frame__popover-toolbar><patchwork-view tool-id=doc-openwith></patchwork-view></div><div class=frame__popover-body><patchwork-view>",!0,!1,!1),ht=_('<button type=button class="frame__sidebar-toggle frame__left-toggle">'),gt=_("<div class=threepane-sidebar><div class=threepane-sidebar__footer><footer class=threepane-account-bar><button type=button class=threepane-account-bar__button>Settings"),bt=_("<div class=frame__tray-dock>"),wt=_('<button type=button class="threepane-account-bar__button threepane-account-bar__avatar"title=Account aria-label=Account><patchwork-view tool-id=contact-avatar>',!0,!1,!1),vt=_("<button type=button class=threepane-account-bar__button>Packages"),yt=_('<svg xmlns=http://www.w3.org/2000/svg width=18 height=18 viewBox="0 0 24 24"fill=none stroke=var(--studio-chrome-line) stroke-width=1.75 stroke-linecap=round stroke-linejoin=round><rect width=18 height=18 x=3 y=3 rx=2></rect><path d="M9 3v18">'),St=180,kt=720,Dt=120,Et=3,z=(e,c)=>{let[a,r]=w(!1);return L(()=>{let i=c();if(!i)return;r(!1);let t=o=>{o.detail?.componentId===e&&r(!0)};i.addEventListener("patchwork:mounted",t),E(()=>i.removeEventListener("patchwork:mounted",t))}),a};function Y(e,c){e.dispatchEvent(new CustomEvent("patchwork:open-document",{detail:c,bubbles:!0,composed:!0}))}function Ct({handle:e,repo:c,...a}){ge();let r=e.url,[i,t]=w(),o=z("patchwork-account-provider",i),[s,n]=w(),d=z("patchwork-tool-storage-provider",s),[l,f]=w(),p=z("patchwork-selected-doc-provider",l),g=G(()=>p()&&o()&&d());return(()=>{var S=ft(),h=S.firstChild,X=h.firstChild,B=h.nextSibling,U=B.firstChild,R=U.firstChild,k=R.firstChild;return v(h,u(C,{get when(){return a.isolation},get children(){return[" ","isolation is highly experimental. if things are broken, switch back to wild west."]}}),null),T(f,U),U._$owner=I(),T(t,R),R.docUrl=r,R._$owner=I(),T(n,k),k.docUrl=r,k._$owner=I(),v(k,u(C,{get when(){return g()},get children(){return u($t,{handle:e,repo:c,get isolation(){return a.isolation}})}})),S})()}function $t(e){let c=F(()=>e.handle.url,{repo:e.repo});(async()=>{await Ce(e.handle,e.repo),await Le(e.handle,e.repo)})().catch(m=>{console.error("frame: account bootstrap failed",m)});let[a,r]=w(0);L(()=>{let m=c();if(!m)return;let y=()=>r(D=>D+1);m.on("change",y),E(()=>m.off("change",y))});let i=G(()=>(a(),c()?.doc())),t=e.handle.url,o=()=>i()?.tools?.threepane,s=F(()=>o(),{repo:e.repo}),[n,d]=w(0);L(()=>{let m=s();if(!m)return;let y=()=>d(D=>D+1);m.on("change",y),E(()=>m.off("change",y))});let l=G(()=>(n(),s()?.doc())),f=()=>l()?.doctitle?.tools,p=()=>l()?.sidebar?.widgets??[],g=()=>l()?.tray??[],S=()=>i()?.rootFolderUrl,h=ce(),X=se({setLeftSidebarWidth:h.setLeftSidebarWidth,setRightSidebarWidth:h.setRightSidebarWidth,setIsSidebarCollapsed:h.setIsSidebarCollapsed,setIsRightSidebarCollapsed:h.setIsRightSidebarCollapsed,isLeftCollapsed:h.isSidebarCollapsed,isRightCollapsed:h.isRightSidebarCollapsed,minWidth:St,maxWidth:kt,autoCloseWidth:Dt,dragThreshold:Et}),{events:B,dismissEvent:U,clearAll:R}=le(),k,[J,Ue]=w(null),[xe,Q]=w(null);K(()=>{let m=ve(k,{type:"patchwork:selected-view"},y=>Ue(y));E(m)});let $=()=>J()?.url,W=()=>J()?.toolId??void 0,Z=()=>ae(H.rightWidth,ne),ee=()=>ie(H.rightCollapsed),[Oe,te]=w(),Ae=de(Oe,$),[oe,Pe]=w(!1);return L(()=>{oe()||(e.isolation||!$()||Ae())&&Pe(!0)}),(()=>{var m=ut(),y=k;return typeof y=="function"?T(y,m):k=m,v(m,u(fe,{get events(){return B()},onDismiss:U,onClearAll:R}),null),v(m,u(Rt,{accountDocUrl:t,sidebarState:h,sidebarResize:X,sidebarWidgets:p,traySlots:g,configHandle:s,rootFolderUrl:S,widgetsReady:oe,contactUrl:()=>i()?.contactUrl,moduleSettingsUrl:()=>i()?.moduleSettingsUrl,get isolation(){return e.isolation},onInterceptOpen:Q,get children(){return u(C,{get when(){return $()},get fallback(){return(()=>{var D=mt();return v(D,u(pe,{viewKey:$,selectedDocUrl:$,toolId:W,ref:te})),D})()},get children(){return u(C,{get when(){return e.isolation},get fallback(){return u(he,{setMainDocElement:te,selectedDocUrl:$,selectedToolId:W,doctitleSlots:f,get isLeftCollapsed(){return h.isSidebarCollapsed},initialRightWidth:Z,initialRightCollapsed:ee})},get children(){return u(be,{get contactUrl(){return i()?.contactUrl},selectedDocUrl:$,selectedToolId:W,doctitleSlots:f,get isLeftCollapsed(){return h.isSidebarCollapsed},initialRightWidth:Z,initialRightCollapsed:ee})}})}})}}),null),v(m,u(C,{get when(){return xe()},children:D=>u(Tt,{get view(){return D()},onClose:()=>Q(null)})}),null),m})()}function Tt(e){let[c,a]=w(e.view.toolId??void 0);L(()=>a(e.view.toolId??void 0));let r;return K(()=>{let i=s=>{s.key==="Escape"&&e.onClose()};window.addEventListener("keydown",i),E(()=>window.removeEventListener("keydown",i));let t=r;if(!t)return;let o=s=>{let{url:n,toolId:d}=s.detail;n&&(s.stopPropagation(),a(d??void 0))};t.addEventListener("patchwork:open-document",o),E(()=>t.removeEventListener("patchwork:open-document",o))}),(()=>{var i=pt(),t=i.firstChild,o=t.firstChild,s=o.firstChild,n=o.nextSibling,d=n.firstChild;i.$$click=()=>e.onClose(),t.$$click=f=>f.stopPropagation();var l=r;return typeof l=="function"?T(l,t):r=t,s._$owner=I(),d._$owner=I(),O(f=>{var p=e.view.url,g=e.view.url,S=c();return p!==f.e&&(s.docUrl=f.e=p),g!==f.t&&(d.docUrl=f.t=g),S!==f.a&&(d.toolId=f.a=S),f},{e:void 0,t:void 0,a:void 0}),i})()}function Rt(e){let c=e.sidebarState.isSidebarCollapsed,a=()=>e.traySlots().length>0,r;K(()=>{if(!e.isolation||!r)return;let t=r,o=s=>{let{url:n,toolId:d}=s.detail;n&&(s.stopPropagation(),e.onInterceptOpen?.({url:n,toolId:d??null}))};t.addEventListener("patchwork:open-document",o),E(()=>t.removeEventListener("patchwork:open-document",o))});let i;return L(()=>{if(e.sidebarState.isSidebarCollapsed())return;let t=i;if(!t)return;let o=()=>{t.getBoundingClientRect().width<=window.innerWidth*.75||(e.sidebarState.setIsSidebarCollapsed(!0),window.dispatchEvent(new CustomEvent(re)))};t.addEventListener("patchwork:open-document",o),E(()=>t.removeEventListener("patchwork:open-document",o))}),[(()=>{var t=ht();return t.$$click=()=>e.sidebarState.setIsSidebarCollapsed(o=>!o),v(t,u(It,{})),O(o=>{var s=c()?"Show sidebar":"Hide sidebar",n=c()?"Show sidebar":"Hide sidebar",d=!c();return s!==o.e&&q(t,"title",o.e=s),n!==o.t&&q(t,"aria-label",o.t=n),d!==o.a&&q(t,"aria-pressed",o.a=d),o},{e:void 0,t:void 0,a:void 0}),t})(),u(ue,{side:"left",isCollapsed:c,get width(){return e.sidebarState.leftSidebarWidth},get onMouseDown(){return e.sidebarResize.handleMouseDown},get onToggleClick(){return e.sidebarResize.handleToggleClick},get children(){var t=gt(),o=t.firstChild,s=o.firstChild,n=s.firstChild,d=i;typeof d=="function"?T(d,t):i=t,v(t,u(_e,{get widgets(){return e.sidebarWidgets},get configHandle(){return e.configHandle},get rootFolderUrl(){return e.rootFolderUrl},get ready(){return e.widgetsReady}}),o);var l=r;return typeof l=="function"?T(l,o):r=o,v(s,u(C,{get when(){return e.contactUrl()},children:f=>(()=>{var p=wt(),g=p.firstChild;return p.$$click=S=>Y(S.currentTarget,{url:e.accountDocUrl,toolId:"account-picker"}),g._$owner=I(),O(()=>g.docUrl=f()),p})()}),n),v(s,u(C,{get when(){return e.moduleSettingsUrl()},children:f=>(()=>{var p=vt();return p.$$click=g=>Y(g.currentTarget,{url:f(),toolId:"packages"}),p})()}),n),n.$$click=f=>Y(f.currentTarget,{url:e.accountDocUrl,toolId:"frame-configurator"}),O(()=>t.classList.toggle("threepane-sidebar--has-tray",!!a())),t}}),u(C,{get when(){return a()},get children(){var t=bt();return v(t,u(De,{get slots(){return e.traySlots}})),O(o=>{var s=!!c(),n=`${e.sidebarState.leftSidebarWidth()}px`;return s!==o.e&&t.classList.toggle("frame__tray-dock--collapsed",o.e=s),n!==o.t&&lt(t,"width",o.t=n),o},{e:void 0,t:void 0}),t}}),dt(()=>e.children)]}function It(){return yt()}function tr(e){return(c,a)=>_t(()=>u(Ct,{handle:c,get repo(){return a.repo},isolation:e}),a)}st(["click"]);export{Ct as PatchworkFrame,tr as renderPatchworkFrame};
2
+ //# sourceMappingURL=PatchworkFrame-RLYJ4GEF.js.map