@dou-ui/sheet 0.0.0-stage → 0.1.0-alpha.1

package/dist/style.css

@@ -0,0 +1 @@
+@layer dou.components{.dou-sheet{--dou-sheet-line:var(--dou-color-border-subtle);--dou-sheet-line-strong:var(--dou-color-border);--dou-sheet-freeze-line:var(--dou-color-border-strong);--dou-sheet-scroll-shadow:color-mix(in oklab,var(--dou-color-text)14%,transparent);--dou-sheet-header-bg:var(--dou-color-bg-canvas);--dou-sheet-ring:var(--dou-color-primary);--dou-sheet-tint:color-mix(in oklab,var(--dou-color-primary)8%,transparent);--dou-sheet-found:color-mix(in oklab,var(--dou-color-warning)22%,transparent);--dou-sheet-found-current:color-mix(in oklab,var(--dou-color-warning)45%,transparent);--dou-sheet-header-marked:color-mix(in oklab,var(--dou-color-text)6%,var(--dou-sheet-header-bg));--dou-sheet-header-full:color-mix(in oklab,var(--dou-color-primary)12%,var(--dou-sheet-header-bg));position:relative;box-sizing:border-box;overflow:hidden;border:1px solid var(--dou-color-border);border-radius:var(--dou-radius-container);background-color:var(--dou-color-bg-surface);color:var(--dou-color-text);font-family:var(--dou-font-family);font-size:var(--dou-font-size-sm);line-height:var(--dou-font-line-height);display:flex;flex-direction:column;width:100%;min-width:0;height:480px}.dou-sheet:not(.is-focused){--dou-sheet-ring:color-mix(in oklab,var(--dou-color-text)45%,transparent);--dou-sheet-tint:color-mix(in oklab,var(--dou-color-text)5%,transparent)}.dou-sheet:not(.has-gridlines){--dou-sheet-line:transparent}.dou-sheet.is-dragging{user-select:none;-webkit-user-select:none}.dou-sheet.is-dragging *{user-select:none;-webkit-user-select:none}.dou-sheet__frame{position:relative;display:flex;box-sizing:border-box;flex-direction:column;flex:1;min-height:0}.dou-sheet__main{position:relative;overflow:hidden;flex:1;min-height:0}.dou-sheet__viewport{position:absolute;overflow:auto;overscroll-behavior:contain;outline:none;scrollbar-width:thin;scrollbar-color:color-mix(in oklab,var(--dou-color-text)22%,transparent)transparent;touch-action:manipulation;-webkit-tap-highlight-color:transparent;inset:0}.dou-sheet__head{position:sticky;z-index:3;top:0}.dou-sheet__body{position:relative}.dou-sheet__row{display:flex;box-sizing:border-box}.dou-sheet__body>.dou-sheet__row{position:absolute;left:0}.dou-sheet__head>.dou-sheet__row{position:relative}.dou-sheet__outline{position:absolute;background-color:var(--dou-sheet-header-bg)}.dou-sheet__outline.is-row{border-right:1px solid var(--dou-sheet-line-strong);bottom:0;left:0}.dou-sheet__outline.is-col{border-bottom:1px solid var(--dou-sheet-line-strong);top:0;right:0}.dou-sheet__outline-corner{position:absolute;box-sizing:border-box;border-right:1px solid var(--dou-sheet-line-strong);border-bottom:1px solid var(--dou-sheet-line-strong);background-color:var(--dou-sheet-header-bg);top:0;left:0}.dou-sheet__outline-levels{position:absolute;z-index:1}.dou-sheet__outline-layer{position:absolute;overflow:hidden}.dou-sheet__outline-inner{position:absolute;inset:0}.dou-sheet__outline-line{position:absolute;box-sizing:border-box;border:0 solid var(--dou-sheet-freeze-line)}.is-row .dou-sheet__outline-line{border-left-width:1px}.is-row .dou-sheet__outline-line.is-tick-end{border-bottom-width:1px}.is-row .dou-sheet__outline-line.is-tick-start{border-top-width:1px}.is-col .dou-sheet__outline-line{border-top-width:1px}.is-col .dou-sheet__outline-line.is-tick-end{border-right-width:1px}.is-col .dou-sheet__outline-line.is-tick-start{border-left-width:1px}.dou-sheet__outline-button{position:absolute;display:inline-flex;box-sizing:border-box;border:1px solid var(--dou-sheet-freeze-line);background-color:var(--dou-color-bg-surface);color:var(--dou-color-text-secondary);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:3px;justify-content:center;align-items: center;padding:0;font-size:10px;line-height:1}.dou-sheet__outline-button svg{width:10px;height:10px}.dou-sheet__outline-button:hover{background-color:var(--dou-color-bg-muted);color:var(--dou-color-text)}.dou-sheet__outline-button:focus-visible{outline:2px solid var(--dou-color-primary);outline-offset:1px}.dou-sheet__outline-button.is-level{border-color:var(--dou-color-border);color:var(--dou-color-text-tertiary)}@media (pointer:coarse){.dou-sheet__outline-button:before{position:absolute;inset:var(--dou-sheet-hit,0);content:""}}.dou-sheet__corner,.dou-sheet__col-head,.dou-sheet__row-head{display:flex;box-sizing:border-box;overflow:hidden;border-right:1px solid var(--dou-sheet-line-strong);border-bottom:1px solid var(--dou-sheet-line-strong);background-color:var(--dou-sheet-header-bg);color:var(--dou-color-text-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;text-box:trim-both cap alphabetic;cursor:default;user-select:none;-webkit-user-select:none;box-shadow:var(--dou-sheet-mark,0 0 transparent),var(--dou-sheet-edge-shadow,0 0 transparent);flex:none;justify-content:center;align-items: center;height:100%;font-size:12px}:is(.dou-sheet__corner,.dou-sheet__col-head,.dou-sheet__row-head).is-marked{background-color:var(--dou-sheet-header-marked);color:var(--dou-color-text)}:is(.dou-sheet__corner,.dou-sheet__col-head,.dou-sheet__row-head).is-full{background-color:var(--dou-sheet-header-full);color:var(--dou-color-primary-text)}.dou-sheet__corner{position:sticky;z-index:3;left:0}.dou-sheet__col-head{border-right-color:var(--dou-sheet-line)}.dou-sheet__col-head.is-freeze-edge{border-right-color:var(--dou-sheet-freeze-line)}.dou-sheet__col-head.is-frozen{position:sticky;z-index:2}.dou-sheet__col-head:not(.is-frozen){position:absolute;top:0}.dou-sheet__col-head.is-marked{--dou-sheet-mark:inset 0 -2px 0 var(--dou-sheet-ring)}.dou-sheet__row-head{position:sticky;z-index:2;border-bottom-color:var(--dou-sheet-line);left:0}.is-freeze-edge>.dou-sheet__row-head{border-bottom-color:var(--dou-sheet-freeze-line)}.dou-sheet__row-head.is-marked{--dou-sheet-mark:inset -2px 0 0 var(--dou-sheet-ring)}.dou-sheet__cell{display:flex;box-sizing:border-box;border-right:1px solid var(--dou-sheet-line);border-bottom:1px solid var(--dou-sheet-line);white-space:pre;cursor:cell;flex:none;align-items: center;height:100%;padding:0 8px}.dou-sheet__cell:not(.is-frozen){position:absolute;z-index:0;top:0}.dou-sheet__cell.is-frozen{position:sticky;z-index:1;background-color:var(--dou-color-bg-surface)}.dou-sheet__cell.is-freeze-edge{border-right-color:var(--dou-sheet-freeze-line)}.is-freeze-edge>.dou-sheet__cell{border-bottom-color:var(--dou-sheet-freeze-line)}.dou-sheet__cell.is-covered{background:0 0;border-color:#0000}.dou-sheet__cell.is-merged{background-color:var(--dou-color-bg-surface)}.dou-sheet__cell.is-merged:not(.is-frozen){z-index:0}.dou-sheet__cell.is-merged.is-frozen{z-index:2;align-self: flex-start}.dou-sheet__cell.is-bold{font-weight:var(--dou-font-weight-bold)}.dou-sheet__cell.is-italic{font-style:italic}.dou-sheet__cell.is-align-center .dou-sheet__text{text-align:center}.dou-sheet__cell.is-align-right .dou-sheet__text{text-align:right}.dou-sheet__cell.is-valign-top{align-items: flex-start;padding-top:4px}.dou-sheet__cell.is-valign-bottom{align-items: flex-end;padding-bottom:4px}.dou-sheet__cell.is-wrap{white-space:pre-wrap;align-items: flex-start;padding-block-start:4px;padding-block-end:4px}.dou-sheet__cell.is-wrap .dou-sheet__text{text-box:normal;overflow-wrap:anywhere;margin-block-start:0;margin-block-end:0;padding-block-start:0;padding-block-end:0}.dou-sheet__cell.is-link{color:var(--dou-color-primary-text);text-decoration-line:underline;text-decoration-color:color-mix(in oklab,currentColor 40%,transparent);text-decoration-thickness:1px;text-underline-offset:.2em}.dou-sheet__cell.is-tone-neutral{color:var(--dou-color-neutral-text)}.dou-sheet__cell.is-tone-primary{color:var(--dou-color-primary-text)}.dou-sheet__cell.is-tone-success{color:var(--dou-color-success-text)}.dou-sheet__cell.is-tone-warning{color:var(--dou-color-warning-text)}.dou-sheet__cell.is-tone-danger{color:var(--dou-color-danger-text)}.has-gridlines .dou-sheet__cell[class*=is-fill-]{--dou-sheet-line:color-mix(in oklab,var(--dou-color-text)7%,var(--dou-color-border-subtle))}.dou-sheet__cell.is-fill-neutral{background-color:color-mix(in oklab,var(--dou-color-text)6%,var(--dou-color-bg-surface))}.dou-sheet__cell.is-fill-primary{background-color:color-mix(in oklab,var(--dou-color-primary)12%,var(--dou-color-bg-surface))}.dou-sheet__cell.is-fill-success{background-color:color-mix(in oklab,var(--dou-color-success)12%,var(--dou-color-bg-surface))}.dou-sheet__cell.is-fill-warning{background-color:color-mix(in oklab,var(--dou-color-warning)14%,var(--dou-color-bg-surface))}.dou-sheet__cell.is-fill-danger{background-color:color-mix(in oklab,var(--dou-color-danger)12%,var(--dou-color-bg-surface))}.dou-sheet__cell.is-selected{background-image:linear-gradient(var(--dou-sheet-tint),var(--dou-sheet-tint))}.dou-sheet__cell.is-selected:after{position:absolute;border:0 solid var(--dou-sheet-ring);content:"";pointer-events:none;inset:-1px 0 0 -1px}.dou-sheet__cell.is-edge-top:after{border-top-width:1px}.dou-sheet__cell.is-edge-bottom:after{border-bottom-width:1px}.dou-sheet__cell.is-edge-left:after{border-left-width:1px}.dou-sheet__cell.is-edge-right:after{border-right-width:1px}.dou-sheet__cell.is-active{background-image:none}.dou-sheet__cell.is-active:before{position:absolute;z-index:1;border:2px solid var(--dou-sheet-ring);content:"";pointer-events:none;inset:-1px 0 0 -1px}.dou-sheet__text{overflow-x:clip;text-box:trim-both cap alphabetic;flex:auto;min-width:0;margin-block-start:-4px;margin-block-end:-4px;padding-block-start:4px;padding-block-end:4px}.dou-sheet__check{display:inline-flex;box-sizing:border-box;border:1px solid var(--dou-color-border-strong);border-radius:calc(var(--dou-radius-control) - 2px);background-color:var(--dou-color-bg-surface);box-shadow:var(--dou-shadow-sm);color:var(--dou-color-neutral-on);cursor:pointer;transition-property:background-color,border-color,box-shadow;transition-duration:var(--dou-motion-duration-fast);transition-timing-function:var(--dou-motion-easing);flex:none;justify-content:center;align-items: center;width:14px;height:14px}.dou-sheet__check>svg{opacity:0;transition-property:opacity,transform;transition-duration:var(--dou-motion-duration-fast);transition-timing-function:var(--dou-motion-easing);width:100%;height:100%;transform:scale(.6)}.dou-sheet__check:hover{border-color:color-mix(in oklab,var(--dou-color-neutral)45%,var(--dou-color-border-strong))}.dou-sheet__check.is-checked{border-color:color-mix(in oklab,var(--dou-color-neutral)90%,var(--dou-color-edge));background-color:var(--dou-color-neutral);box-shadow:var(--dou-shadow-highlight),0 1px 2px color-mix(in oklab,var(--dou-color-neutral)24%,transparent)}.dou-sheet__check.is-checked>svg{opacity:1;transform:none}.is-readonly .dou-sheet__check{cursor:inherit}@media (pointer:coarse){.dou-sheet__check{position:relative}.dou-sheet__check:before{position:absolute;content:"";inset:-7px -12px}}.dou-sheet__cell.has-bar{--dou-sheet-bar:linear-gradient(to right,transparent var(--dou-sheet-bar-from),var(--dou-sheet-bar-color)var(--dou-sheet-bar-from),var(--dou-sheet-bar-color)var(--dou-sheet-bar-to),transparent var(--dou-sheet-bar-to));--dou-sheet-bar-size:calc(100% - 6px)calc(100% - 10px);background-image:var(--dou-sheet-bar);background-position:50%;background-size:var(--dou-sheet-bar-size);background-repeat:no-repeat}.dou-sheet__cell.has-bar.is-selected{background-image:linear-gradient(var(--dou-sheet-tint),var(--dou-sheet-tint)),var(--dou-sheet-bar);background-size:100% 100%,var(--dou-sheet-bar-size)}.dou-sheet__cell.has-bar.is-active{background-image:var(--dou-sheet-bar);background-size:var(--dou-sheet-bar-size)}.dou-sheet__content{display:contents}.dou-sheet__cell.is-error{color:var(--dou-color-danger-text)}.dou-sheet__invalid,.dou-sheet__noted{position:absolute;z-index:2;pointer-events:none;border:4px solid #0000;top:0}.dou-sheet__invalid{border-top-color:var(--dou-color-danger);border-left-color:var(--dou-color-danger);left:0}.dou-sheet__noted{border-top-color:var(--dou-color-warning);border-right-color:var(--dou-color-warning);right:0}.dou-sheet__noted.is-over-fill{z-index:5;right:auto}.dou-sheet__commented{position:absolute;z-index:2;border:4px solid #0000;border-top-color:var(--dou-color-focus);border-right-color:var(--dou-color-focus);pointer-events:none;top:0;right:0}.dou-sheet__commented.is-below-note{top:8px}.dou-sheet__cell.is-changed{background-image:linear-gradient(color-mix(in oklab,var(--dou-color-warning)18%,transparent),color-mix(in oklab,var(--dou-color-warning)18%,transparent));box-shadow:inset 0 -2px 0 var(--dou-color-warning)}.dou-sheet-comment{box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--dou-color-border);border-radius:var(--dou-radius-container);background-color:color-mix(in oklab,var(--dou-color-text)calc(4%*var(--dou-scheme-dark)),var(--dou-color-bg-surface));box-shadow:var(--dou-shadow-md);font-family:var(--dou-font-family);width:min(340px,100vw - 32px);max-height:min(480px,100vh - 32px);padding:12px;line-height:normal}.dou-sheet__note{box-sizing:border-box;font-size:var(--dou-font-size-sm);width:224px;max-width:calc(100vw - 16px);padding:8px 10px;line-height:20px}.dou-sheet__note.is-editing{padding:4px}.dou-sheet__note-text{overflow:auto;color:var(--dou-color-text);overflow-wrap:anywhere;white-space:pre-wrap;max-height:240px;margin:0}.dou-sheet__note-input{display:block;box-sizing:border-box;border-radius:calc(var(--dou-radius-control) - 2px);outline:none;color:var(--dou-color-text);font:inherit;font-size:max(var(--dou-font-size-input-min,0px),1em);resize:none;background:0 0;border:0;width:100%;min-height:68px;max-height:240px;padding:4px 6px;line-height:20px}.dou-sheet__note-actions{display:flex;border-top:1px solid var(--dou-color-border-subtle);justify-content:flex-end;gap:4px;padding:4px 2px 2px}.dou-sheet__link{display:flex;box-sizing:border-box;font-size:var(--dou-font-size-sm);pointer-events:none;align-items: center;gap:6px;max-width:min(320px,100vw - 16px);padding:4px 4px 4px 10px;line-height:20px}.dou-sheet__link a{pointer-events:auto}.dou-sheet__link button{pointer-events:auto}.dou-sheet__link.is-editing{pointer-events:auto;display:block;width:288px;padding:8px}@media (pointer:coarse){.dou-sheet__link .dou-button{--dou-button-height:40px}}.dou-sheet__link.is-docked{position:absolute;z-index:5;width:-moz-fit-content;width:fit-content;max-width:none;margin-inline-start:auto;margin-inline-end:auto;bottom:12px;left:12px;right:12px}.dou-sheet__link-icon{display:inline-flex;color:var(--dou-color-text-tertiary);flex:none}.dou-sheet__link-icon svg{width:14px;height:14px}.dou-sheet__link-address{overflow:hidden;font:inherit;text-align:start;cursor:pointer;color:var(--dou-color-text);text-decoration-line:underline;text-decoration-color:color-mix(in oklab,currentColor 28%,transparent);text-decoration-thickness:1px;text-underline-offset:.25em;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;min-width:0;padding:0}.dou-sheet__link-address:hover{text-decoration-color:currentColor}.dou-sheet__link-address:focus-visible{outline:2px solid var(--dou-color-focus);outline-offset:2px;border-radius:2px}.dou-sheet__link-buttons{display:flex;border-left:1px solid var(--dou-color-border-subtle);flex:none;gap:2px;margin-left:2px;padding-left:4px}.dou-sheet__link-form{display:flex;flex-direction:column;gap:8px;margin:0}.dou-sheet__link-field{display:flex;flex-direction:column;gap:4px}.dou-sheet__link-label{color:var(--dou-color-text-secondary);font-size:var(--dou-font-size-sm);line-height:18px}.dou-sheet__link-problem{color:var(--dou-color-danger-text);font-size:var(--dou-font-size-sm);margin:0;line-height:18px}.dou-sheet__link-actions{display:flex;justify-content:flex-end;gap:4px}.dou-sheet__tag{--dou-tag-height:20px;--dou-tag-padding-x:6px;overflow:hidden;text-overflow:ellipsis;flex:none;min-width:0;max-width:100%}.dou-sheet__tag.is-neutral{--dou-tag-fg:var(--dou-color-text-secondary);--dou-tag-border:var(--dou-color-border-subtle)}.dou-sheet__cell.is-align-center>.dou-sheet__check{margin-inline-start:auto;margin-inline-end:auto}.dou-sheet__cell.is-align-center>.dou-sheet__tag{margin-inline-start:auto;margin-inline-end:auto}.dou-sheet__cell.is-align-right>.dou-sheet__check{margin-left:auto}.dou-sheet__cell.is-align-right>.dou-sheet__tag{margin-left:auto}.dou-sheet__panel-button{position:absolute;z-index:4;display:inline-flex;box-sizing:border-box;border:1px solid var(--dou-color-border);border-radius:calc(var(--dou-radius-control) - 2px);background-color:var(--dou-color-bg-surface);box-shadow:var(--dou-shadow-sm);color:var(--dou-color-text-secondary);cursor:pointer;justify-content:center;align-items: center;width:20px;height:20px;margin:-10px 0 0 -23px;padding:0}@media (pointer:coarse){.dou-sheet__panel-button:after{position:absolute;content:"";inset:-10px}}.dou-sheet__panel-button:hover{background-color:var(--dou-color-bg-muted);color:var(--dou-color-text)}.dou-sheet__panel-button>svg{width:14px;height:14px}@media (pointer:coarse){.dou-sheet__panel-button{width:24px;height:24px;margin:-12px 0 0 -26px}.dou-sheet__panel-button:before{position:absolute;content:"";inset:-8px}}.dou-sheet__options{overflow-y:auto;overscroll-behavior:contain;min-width:160px;max-width:280px;max-height:264px}.dou-sheet__option{justify-content:space-between}.dou-sheet__option.is-active{background-color:var(--dou-dropdown-item-active-bg)}.dou-sheet__option-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.dou-sheet-validation__remove{margin-inline-end:auto}.dou-sheet__option-check{color:var(--dou-color-text-secondary);flex:none;width:14px;height:14px}.dou-sheet__options-empty{color:var(--dou-color-text-tertiary);font-size:var(--dou-font-size-sm);padding:8px}.dou-sheet__input{position:absolute;z-index:5;box-sizing:border-box;overflow:hidden;outline:none;color:#0000;font:inherit;font-size:max(var(--dou-font-size-input-min,0px),1em);white-space:pre;caret-color:transparent;opacity:0;resize:none;pointer-events:none;background:0 0;border:0;border-radius:0;margin:0;padding:4px 9px;line-height:20px}.dou-sheet__input.is-open{background-color:var(--dou-color-bg-surface);color:var(--dou-color-text);caret-color:auto;opacity:1;box-shadow:inset 0 0 0 2px var(--dou-color-primary),var(--dou-shadow-md);pointer-events:auto}.dou-sheet__input.is-wrap{white-space:pre-wrap;overflow-wrap:anywhere}.dou-sheet__input.is-bold{font-weight:var(--dou-font-weight-bold)}.dou-sheet__input.is-italic{font-style:italic}.dou-sheet.is-scrolled-y .dou-sheet__head{box-shadow:0 4px 6px -4px var(--dou-sheet-scroll-shadow)}.dou-sheet.is-scrolled-x .dou-sheet__cell.is-freeze-edge{--dou-sheet-edge-shadow:4px 0 6px -4px var(--dou-sheet-scroll-shadow)}.dou-sheet.is-scrolled-x .dou-sheet__col-head.is-freeze-edge{--dou-sheet-edge-shadow:4px 0 6px -4px var(--dou-sheet-scroll-shadow)}.dou-sheet.is-scrolled-x:not(.has-frozen-cols) .dou-sheet__corner{--dou-sheet-edge-shadow:4px 0 6px -4px var(--dou-sheet-scroll-shadow)}.dou-sheet.is-scrolled-x:not(.has-frozen-cols) .dou-sheet__row-head{--dou-sheet-edge-shadow:4px 0 6px -4px var(--dou-sheet-scroll-shadow)}.dou-sheet.is-scrolled-x .dou-sheet__cell.is-freeze-edge{box-shadow:var(--dou-sheet-edge-shadow)}.dou-sheet.is-resizing-col,.dou-sheet.is-resizing-col *{cursor:col-resize}.dou-sheet.is-resizing-row,.dou-sheet.is-resizing-row *{cursor:row-resize}.dou-sheet:not(.is-readonly) .is-full:-webkit-any(.dou-sheet__col-head,.dou-sheet__row-head){cursor:grab}.dou-sheet:not(.is-readonly) .is-full:-moz-any(.dou-sheet__col-head,.dou-sheet__row-head){cursor:grab}.dou-sheet:not(.is-readonly) .is-full:is(.dou-sheet__col-head,.dou-sheet__row-head){cursor:grab}.dou-sheet.is-moving,.dou-sheet.is-moving *{cursor:grabbing}.dou-sheet__col-head.is-after-hidden:before,.dou-sheet__row-head.is-after-hidden:before{position:absolute;border:0 solid var(--dou-sheet-freeze-line);content:"";pointer-events:none}.dou-sheet__col-head.is-after-hidden:before{border-left-width:1px;border-right-width:1px;width:2px;inset:0 auto 0 0}.dou-sheet__row-head.is-after-hidden:before{border-block-start-width:1px;border-block-end-width:1px;height:2px;inset:0 0 auto}.dou-sheet__found{position:absolute;z-index:3;box-sizing:border-box;background-color:var(--dou-sheet-found);pointer-events:none}.dou-sheet__found.is-current{background-color:var(--dou-sheet-found-current)}.dou-sheet__find{position:absolute;z-index:8;display:flex;container-type:inline-size;pointer-events:none;justify-content:flex-end;top:6px;left:6px;right:14px}.dou-sheet__find>*{pointer-events:auto}.dou-sheet__find.is-below{top:auto;bottom:14px}.dou-sheet__find.is-docked{position:static;border-bottom:1px solid var(--dou-sheet-line-strong);padding:6px}.dou-sheet__find.is-docked>.dou-find-replace{box-shadow:none;border:0;flex:auto;padding:0}.dou-sheet__mark{position:absolute;z-index:4;box-sizing:border-box;border:1px dashed var(--dou-sheet-ring);pointer-events:none}.dou-sheet__mark.is-cut{border-style:dotted}.dou-sheet__mark.is-fill{border-color:var(--dou-color-text-secondary)}.dou-sheet__mark.is-drop{border:2px solid var(--dou-sheet-ring);background-color:color-mix(in oklab,var(--dou-sheet-ring)10%,transparent)}.dou-sheet__clearing{position:absolute;z-index:4;background-color:color-mix(in oklab,var(--dou-color-text)10%,transparent);pointer-events:none}.dou-sheet__guide{position:absolute;z-index:4;background-color:var(--dou-color-primary);pointer-events:none}.dou-sheet__guide.is-thin{background-color:var(--dou-sheet-ring)}.dou-sheet__fill{position:absolute;z-index:4;box-sizing:border-box;border:1px solid var(--dou-color-bg-surface);background-color:var(--dou-sheet-ring);cursor:crosshair;touch-action:none;border-radius:1px;width:8px;height:8px;margin:-5px 0 0 -5px}.dou-sheet__fill.is-dragging{opacity:0}@media (pointer:coarse){.dou-sheet__fill{border-width:2px;border-radius:50%;width:14px;height:14px;margin:-8px 0 0 -8px}.dou-sheet__fill:before{position:absolute;content:"";border-radius:50%;inset:-11px}}.dou-sheet__prompt{position:absolute;z-index:5;box-sizing:border-box;display:flex;border:1px solid var(--dou-color-border);border-radius:var(--dou-radius-control);background-color:var(--dou-color-bg-surface);box-shadow:var(--dou-shadow-md);color:var(--dou-color-text-secondary);font-size:var(--dou-font-size-sm);line-height:var(--dou-font-line-height);pointer-events:none;flex-direction:column;gap:2px;width:max-content;padding:4px 8px}.dou-sheet__prompt-problem{color:var(--dou-color-danger-text)}.dou-sheet__fill-hint{position:absolute;z-index:5;overflow:hidden;border:1px solid var(--dou-color-border);border-radius:var(--dou-radius-control);background-color:var(--dou-color-bg-surface);box-shadow:var(--dou-shadow-md);color:var(--dou-color-text);font-size:var(--dou-font-size-sm);line-height:var(--dou-font-line-height);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;max-width:240px;margin-left:8px;padding:2px 8px;transform:translateY(-50%)}@media (pointer:coarse){.dou-sheet__fill-hint{margin-left:28px}}.dou-sheet__fill-hint.is-flipped{margin-left:-8px;transform:translate(-100%,-50%)}.dou-sheet__layer{position:absolute;z-index:3;overflow:hidden;pointer-events:none;inset:0}.dou-sheet__layer.is-above{z-index:4}.dou-sheet__peers{position:absolute;overflow:hidden;pointer-events:none;inset:0}.dou-sheet__peer-range,.dou-sheet__peer-cell{--dou-sheet-peer:var(--dou-color-text-secondary);position:absolute;z-index:4;box-sizing:border-box}.dou-sheet__peer-range{border:1px solid color-mix(in oklab,var(--dou-sheet-peer)60%,transparent);background-color:color-mix(in oklab,var(--dou-sheet-peer)8%,transparent)}.dou-sheet__peer-cell{border:2px solid var(--dou-sheet-peer)}.dou-sheet__peer-cell.is-editing{background-color:color-mix(in oklab,var(--dou-sheet-peer)6%,transparent)}.dou-sheet__peer-name{position:absolute;display:inline-flex;background-color:var(--dou-sheet-peer);color:oklch(from var(--dou-sheet-peer)clamp(.2,(.66 - l)*100,.99)0 0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:dou-sheet-peer-name var(--dou-motion-duration-fast)var(--dou-motion-easing)3s forwards;border-radius:4px;align-items: center;gap:2px;max-width:160px;height:14px;padding:0 5px;font-size:11px;line-height:14px;right:-2px;transform:translateY(-50%)}.dou-sheet__peer-cell.is-editing .dou-sheet__peer-name{animation:none}.dou-sheet__peer-name.is-above{top:-1px}.dou-sheet__peer-name.is-below{top:calc(100% + 1px)}.dou-sheet__peer-icon{flex:none;width:10px;height:10px}.dou-sheet__notice{position:absolute;z-index:6;box-sizing:border-box;border:1px solid var(--dou-color-border);border-radius:var(--dou-radius-control);background-color:var(--dou-color-bg-surface);box-shadow:var(--dou-shadow-md);font-size:var(--dou-font-size-sm);width:max-content;max-width:calc(100% - 24px);padding:6px 12px;bottom:12px;left:50%;transform:translate(-50%)}.dou-sheet__menu-anchor{position:absolute;overflow:hidden;width:0;height:0}.dou-sheet__probe{position:absolute;visibility:hidden;white-space:pre-wrap;overflow-wrap:anywhere;line-height:var(--dou-font-line-height);pointer-events:none}.dou-sheet__sr-only{position:absolute;overflow:hidden;clip-path:inset(50%);white-space:nowrap;width:1px;height:1px}.dou-sheet-tabs{position:relative;display:flex;box-sizing:border-box;border-top:1px solid var(--dou-color-border);background-color:var(--dou-sheet-header-bg);flex:none;align-items: flex-start;gap:4px;min-width:0;height:36px;padding:0 6px}@media (pointer:coarse){.dou-sheet-tabs{height:42px}}.dou-sheet-tabs__add{flex:none;margin-top:4px}.dou-sheet-tabs__list{display:flex;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;flex:1;gap:2px;min-width:0;height:100%}.dou-sheet-tabs__list::-webkit-scrollbar{display:none}.dou-sheet-tabs__list.has-more-start{mask-image:linear-gradient(90deg,#0000,#000 24px)}.dou-sheet-tabs__list.has-more-end{mask-image:linear-gradient(270deg,#0000,#000 24px)}.dou-sheet-tabs__list.has-more-start.has-more-end{mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}.dou-sheet-tabs__tab{position:relative;display:inline-flex;box-sizing:border-box;border-radius:0 0 var(--dou-radius-control)var(--dou-radius-control);color:var(--dou-color-text-secondary);cursor:pointer;outline:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;transition-property:background-color,color;transition-duration:var(--dou-motion-duration-fast);transition-timing-function:var(--dou-motion-easing);border:1px solid #0000;border-top:0;flex:none;align-items: center;max-width:200px;height:30px;margin-top:-1px;padding:0 12px}.dou-sheet-tabs__tab:hover{background-color:color-mix(in oklab,var(--dou-color-text)5%,transparent);color:var(--dou-color-text)}.dou-sheet-tabs__tab.is-active{border-color:var(--dou-color-border);background-color:var(--dou-color-bg-surface);color:var(--dou-color-text);box-shadow:0 1px 2px color-mix(in oklab,var(--dou-color-text)6%,transparent);font-weight:500}.dou-sheet-tabs__tab:focus-visible{box-shadow:inset 0 0 0 2px var(--dou-color-primary)}.dou-sheet-tabs__tab.is-dragging{opacity:.4}@media (pointer:coarse){.dou-sheet-tabs__tab{height:36px}}.is-readonly .dou-sheet-tabs__tab{cursor:default}.dou-sheet-tabs__lock{color:var(--dou-color-text-tertiary);flex:none;width:14px;height:14px;margin-right:4px}.dou-sheet-tabs__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dou-sheet-tabs__size,.dou-sheet-tabs__input{font:inherit;font-size:max(var(--dou-font-size-input-min,0px),1em);white-space:pre;min-width:2em}.dou-sheet-tabs__size{visibility:hidden;padding:0 4px}.dou-sheet-tabs__input{position:absolute;border:1px solid var(--dou-color-primary);border-radius:calc(var(--dou-radius-control) - 2px);background-color:var(--dou-color-bg-surface);color:var(--dou-color-text);outline:none;box-sizing:border-box;width:calc(100% - 16px);padding:0 3px;inset:4px 8px}.dou-sheet-tabs__input[aria-invalid]{border-color:var(--dou-color-danger)}.dou-sheet-tabs__problem{position:absolute;z-index:5;border:1px solid var(--dou-color-border);border-radius:var(--dou-radius-control);background-color:var(--dou-color-bg-surface);box-shadow:var(--dou-shadow-md);color:var(--dou-color-danger-text);font-size:var(--dou-font-size-sm);white-space:nowrap;padding:4px 8px;bottom:calc(100% + 6px);left:8px}.dou-sheet-toolbar{display:flex;border-bottom:1px solid var(--dou-color-border);background-color:var(--dou-sheet-header-bg);flex:none;min-width:0}@media (pointer:coarse){.dou-sheet-toolbar .dou-button{--dou-button-height:36px}}.dou-sheet-toolbar__bar{box-sizing:border-box;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;flex:1;gap:2px;height:40px;padding:0 6px}@media (pointer:coarse){.dou-sheet-toolbar__bar{height:46px}}.dou-sheet-toolbar__bar::-webkit-scrollbar{display:none}.dou-sheet-toolbar__bar.has-more-start{mask-image:linear-gradient(90deg,#0000,#000 40px)}.dou-sheet-toolbar__bar.has-more-end{mask-image:linear-gradient(270deg,#0000,#000 40px)}.dou-sheet-toolbar__bar.has-more-start.has-more-end{mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000)}.dou-sheet-toolbar__bar>*{flex:none}.dou-sheet-toolbar__bar .dou-toggle-group{flex:none}.dou-sheet-toolbar__trigger{display:inline-flex;flex:none}.dou-sheet-toolbar__picker{display:none}.dou-sheet-toolbar__format{justify-content:space-between;min-width:72px}.dou-sheet-toolbar__format-label{text-align:start;flex:1}.dou-sheet-toolbar__example{color:var(--dou-color-text-tertiary);font-variant-numeric:tabular-nums;margin-inline-start:16px}.dou-sheet-toolbar__menu{gap:2px;padding-inline-start:4px;padding-inline-end:4px}.dou-sheet-toolbar__menu.is-on{--dou-button-fg:var(--dou-color-text);--dou-button-bg:color-mix(in oklab,var(--dou-color-text)9%,transparent)}.dou-sheet-toolbar__color.is-color svg>:last-child{stroke:var(--dou-sheet-swatch,currentColor);stroke-width:3}.dou-sheet-toolbar__color.is-fill svg>:last-child{fill:var(--dou-sheet-swatch,none);stroke:var(--dou-sheet-swatch,currentColor)}.dou-sheet-toolbar__colors{display:flex;gap:6px}.dou-sheet-toolbar__swatch{display:inline-flex;border:1px solid color-mix(in oklab,var(--dou-color-text)14%,transparent);background-color:var(--dou-sheet-swatch,var(--dou-color-bg-surface));color:var(--dou-color-text-secondary);cursor:pointer;border-radius:6px;flex:none;justify-content:center;align-items: center;width:24px;height:24px;padding:0}@media (pointer:coarse){.dou-sheet-toolbar__swatch{width:32px;height:32px}}.dou-sheet-toolbar__swatch:hover{border-color:color-mix(in oklab,var(--dou-color-text)30%,transparent)}.dou-sheet-toolbar__swatch:focus-visible{outline:2px solid var(--dou-color-primary);outline-offset:2px}.dou-sheet-toolbar__swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--dou-color-bg-elevated,var(--dou-color-bg-surface)),0 0 0 3px var(--dou-color-text)}.dou-sheet-toolbar__swatch.is-color{background-color:var(--dou-color-bg-surface);color:var(--dou-sheet-swatch,var(--dou-color-text));font-size:14px;font-weight:600}.dou-sheet-toolbar__swatch.is-fill.is-default{background-color:var(--dou-color-bg-surface)}.dou-sheet-toolbar__swatch.is-default{position:relative;overflow:hidden}.dou-sheet-toolbar__swatch.is-default:after{position:absolute;background-color:var(--dou-color-text-tertiary);content:"";height:1px;inset:50% -4px auto;transform:rotate(-45deg)}.dou-sheet-toolbar__swatch.is-custom:not([style*=--dou-sheet-swatch\:]){color:var(--dou-color-text-secondary)}.dou-sheet-toolbar__swatch.is-color.is-tone-neutral{--dou-sheet-swatch:var(--dou-color-neutral-text)}.dou-sheet-toolbar__swatch.is-color.is-tone-primary{--dou-sheet-swatch:var(--dou-color-primary-text)}.dou-sheet-toolbar__swatch.is-color.is-tone-success{--dou-sheet-swatch:var(--dou-color-success-text)}.dou-sheet-toolbar__swatch.is-color.is-tone-warning{--dou-sheet-swatch:var(--dou-color-warning-text)}.dou-sheet-toolbar__swatch.is-color.is-tone-danger{--dou-sheet-swatch:var(--dou-color-danger-text)}.dou-sheet-toolbar__swatch.is-fill.is-tone-neutral{--dou-sheet-swatch:color-mix(in oklab,var(--dou-color-text)6%,var(--dou-color-bg-surface))}.dou-sheet-toolbar__swatch.is-fill.is-tone-primary{--dou-sheet-swatch:color-mix(in oklab,var(--dou-color-primary)12%,var(--dou-color-bg-surface))}.dou-sheet-toolbar__swatch.is-fill.is-tone-success{--dou-sheet-swatch:color-mix(in oklab,var(--dou-color-success)12%,var(--dou-color-bg-surface))}.dou-sheet-toolbar__swatch.is-fill.is-tone-warning{--dou-sheet-swatch:color-mix(in oklab,var(--dou-color-warning)14%,var(--dou-color-bg-surface))}.dou-sheet-toolbar__swatch.is-fill.is-tone-danger{--dou-sheet-swatch:color-mix(in oklab,var(--dou-color-danger)12%,var(--dou-color-bg-surface))}.dou-sheet-toolbar__swatch svg{width:14px;height:14px}.dou-sheet-toolbar__panel{margin-top:12px}:where(.dou-sheet,.dou-sheet-formula-bar){--dou-sheet-ref-0:var(--dou-color-chart-2);--dou-sheet-ref-1:var(--dou-color-chart-3);--dou-sheet-ref-2:var(--dou-color-chart-4);--dou-sheet-ref-3:var(--dou-color-chart-5);--dou-sheet-ref-4:var(--dou-color-chart-6);--dou-sheet-ref-5:var(--dou-color-chart-7);--dou-sheet-ref-6:var(--dou-color-chart-8)}:where(.dou-sheet,.dou-sheet-formula-bar) .is-ref-0{--dou-sheet-ref:var(--dou-sheet-ref-0)}:where(.dou-sheet,.dou-sheet-formula-bar) .is-ref-1{--dou-sheet-ref:var(--dou-sheet-ref-1)}:where(.dou-sheet,.dou-sheet-formula-bar) .is-ref-2{--dou-sheet-ref:var(--dou-sheet-ref-2)}:where(.dou-sheet,.dou-sheet-formula-bar) .is-ref-3{--dou-sheet-ref:var(--dou-sheet-ref-3)}:where(.dou-sheet,.dou-sheet-formula-bar) .is-ref-4{--dou-sheet-ref:var(--dou-sheet-ref-4)}:where(.dou-sheet,.dou-sheet-formula-bar) .is-ref-5{--dou-sheet-ref:var(--dou-sheet-ref-5)}:where(.dou-sheet,.dou-sheet-formula-bar) .is-ref-6{--dou-sheet-ref:var(--dou-sheet-ref-6)}:where(.dou-sheet,.dou-sheet-formula-bar) span[class*=is-ref-]{color:var(--dou-sheet-ref)}.dou-sheet__ref{position:absolute;z-index:4;box-sizing:border-box;border:1px solid var(--dou-sheet-ref);background-color:color-mix(in oklab,var(--dou-sheet-ref)8%,transparent);pointer-events:none}.dou-sheet__input.is-mirror{overflow:hidden;color:var(--dou-color-text);pointer-events:none;user-select:none}.dou-sheet__input.is-open.is-formula{color:#0000;caret-color:var(--dou-color-text);box-shadow:none;background:0 0}.dou-sheet__input.is-open.is-formula::selection{background-color:color-mix(in oklab,var(--dou-color-primary)24%,transparent)}.dou-sheet__assist{position:fixed;z-index:2000;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--dou-color-border);border-radius:calc(var(--dou-radius-control) + 4px);background-color:color-mix(in oklab,var(--dou-color-text)calc(4%*var(--dou-scheme-dark)),var(--dou-color-bg-surface));box-shadow:var(--dou-shadow-md);color:var(--dou-color-text);font-family:var(--dou-font-family);font-size:var(--dou-font-size-sm);line-height:var(--dou-font-line-height);width:max-content;min-width:200px;max-width:min(320px,100vw - 16px);max-height:240px;padding:4px}.dou-sheet__assist:not([role=listbox]){max-width:min(480px,100vw - 16px);padding:6px 10px}.dou-sheet__assist-item{display:flex;border-radius:var(--dou-radius-control);cursor:pointer;flex-direction:column;gap:2px;padding:5px 8px}.dou-sheet__assist-item.is-active{background-color:color-mix(in oklab,var(--dou-color-text)6%,transparent)}@media (pointer:coarse){.dou-sheet__assist-item{padding:8px}}.dou-sheet__assist-name{font-family:var(--dou-font-family-mono);font-weight:var(--dou-font-weight-bold)}.dou-sheet__assist-text{overflow:hidden;color:var(--dou-color-text-secondary);text-overflow:ellipsis}.dou-sheet__assist-item .dou-sheet__assist-text{white-space:nowrap}.dou-sheet__assist-call{font-family:var(--dou-font-family-mono)}.dou-sheet__assist-call .is-current{font-weight:var(--dou-font-weight-bold);text-decoration:underline;text-underline-offset:3px}.dou-sheet__assist-call+.dou-sheet__assist-text{margin-top:2px}.dou-sheet-formula-bar{display:flex;border-bottom:1px solid var(--dou-color-border);background-color:var(--dou-color-bg-surface);font-size:var(--dou-font-size-md);flex:none;align-items:stretch;min-width:0}.dou-sheet-formula-bar__name,.dou-sheet-formula-bar__input,.dou-sheet-formula-bar__mirror{box-sizing:border-box;outline:none;color:var(--dou-color-text);font:inherit;font-size:max(var(--dou-font-size-input-min,0px),1em);background:0 0;border:0;margin:0;line-height:20px}.dou-sheet-formula-bar__name{border-right:1px solid var(--dou-color-border-subtle);font-variant-numeric:tabular-nums;flex:none;width:88px;min-height:32px;padding:0 10px}.dou-sheet-formula-bar__name:focus-visible{box-shadow:inset 0 0 0 2px var(--dou-sheet-ring,var(--dou-color-primary))}.dou-sheet-formula-bar__name.is-invalid{color:var(--dou-color-danger-text);box-shadow:inset 0 0 0 2px var(--dou-color-danger)}.dou-sheet-formula-bar__mark{display:flex;color:var(--dou-color-text-tertiary);flex:none;justify-content:center;align-items: center;width:32px;font-size:16px}.dou-sheet-formula-bar__box{position:relative;flex:1;min-width:0}.dou-sheet-formula-bar__input,.dou-sheet-formula-bar__mirror{display:block;height:calc(var(--dou-sheet-bar-lines,1)*20px + 12px);white-space:pre;width:100%;padding:6px 10px 6px 0}.dou-sheet-formula-bar__input{position:relative;overflow:auto;resize:none;scrollbar-width:none}.dou-sheet-formula-bar__input::-webkit-scrollbar{display:none}.dou-sheet-formula-bar__input.is-formula{color:#0000;caret-color:var(--dou-color-text)}.dou-sheet-formula-bar__input.is-formula::selection{background-color:color-mix(in oklab,var(--dou-color-primary)24%,transparent)}.dou-sheet-formula-bar__mirror{position:absolute;overflow:hidden;pointer-events:none;inset:0}.dou-sheet-code-bar__box{flex:1;min-width:0}.dou-sheet-code-bar__box .dou-code-input{--dou-code-input-height:32px}.dou-sheet-code-bar__box .dou-code-editor{--dou-code-editor-bg:transparent;--dou-code-editor-border:transparent;--dou-code-editor-border-focus:transparent;--dou-code-editor-padding-x:0px;--dou-code-editor-padding-y:6px;--dou-code-editor-font-size:max(var(--dou-font-size-input-min,0px),1em);font-family:var(--dou-font-family-mono);border-radius:0}.dou-sheet-code-bar__ref,.dou-sheet-code-bar__ref *{color:var(--dou-sheet-ref)}.dou-sheet__filter-button{position:absolute;z-index:4;display:inline-flex;box-sizing:border-box;border:1px solid var(--dou-color-border);border-radius:calc(var(--dou-radius-control) - 2px);background-color:var(--dou-color-bg-surface);color:var(--dou-color-text-tertiary);cursor:pointer;justify-content:center;align-items: center;width:20px;height:20px;margin:-10px 0 0 -23px;padding:0}.dou-sheet__filter-button:hover{background-color:var(--dou-color-bg-muted);color:var(--dou-color-text)}.dou-sheet__filter-button[aria-expanded=true]{background-color:var(--dou-color-bg-muted);color:var(--dou-color-text)}.dou-sheet__filter-button.is-active{border-color:color-mix(in oklab,var(--dou-color-primary)40%,var(--dou-color-border));color:var(--dou-color-primary-text)}.dou-sheet__filter-button>svg{width:14px;height:14px}@media (pointer:coarse){.dou-sheet__filter-button{width:24px;height:24px;margin:-12px 0 0 -26px}.dou-sheet__filter-button:after{position:absolute;content:"";inset:-8px}}.dou-sheet-filter{display:flex;font-size:var(--dou-font-size-sm);flex-direction:column;gap:8px}.dou-sheet-filter__sort{display:flex;border-bottom:1px solid var(--dou-color-border-subtle);flex-direction:column;gap:2px;padding-bottom:8px}.dou-sheet-filter__sort .dou-button{justify-content:flex-start}.dou-sheet-filter__list{display:flex;overflow-y:auto;overscroll-behavior:contain;flex-direction:column;max-height:200px;padding:4px 0}.dou-sheet-filter__item{min-height:28px;padding:0 4px}.dou-sheet-filter__item.is-blank{color:var(--dou-color-text-secondary)}.dou-sheet-filter__item.is-all{color:var(--dou-color-text-secondary)}.dou-sheet-filter__hint{color:var(--dou-color-text-tertiary);padding:6px 4px}.dou-sheet-filter__condition{display:flex;flex-direction:column;gap:8px}.dou-sheet-filter__footer{display:flex;border-top:1px solid var(--dou-color-border-subtle);justify-content:space-between;gap:8px;padding-top:8px}.dou-sheet-toolbar__gradient{display:inline-block;border:1px solid var(--dou-color-border-subtle);border-radius:3px;width:28px;height:12px}.dou-sheet-format__values{display:flex;flex:1;align-items: center;gap:8px}.dou-sheet-format__values>.dou-input{flex:1;min-width:0}.dou-sheet-format__and{color:var(--dou-color-text-secondary);flex:none}.dou-sheet-format__look{display:inline-flex;align-items: center;gap:8px;min-width:0}.dou-sheet-format__sample{display:inline-flex;box-sizing:border-box;border:1px solid var(--dou-color-border);background-color:var(--dou-color-bg-surface);color:var(--dou-color-text);font-size:var(--dou-font-size-xs);font-variant-numeric:tabular-nums;background-repeat:no-repeat;border-radius:4px;flex:none;justify-content:center;align-items: center;width:40px;height:20px}.dou-sheet-format__sample.is-bold{font-weight:600}.dou-sheet-format__sample.is-italic{font-style:italic}.dou-sheet-format__sample.is-cell-bar{background-position:3px;background-size:calc(100% - 6px) 10px}.dou-sheet-format__sample.is-bar{background-size:0 0;padding:4px}.dou-sheet-format__sample.is-bar:before{background-image:inherit;content:"";border-radius:2px;width:100%;height:100%}.dou-sheet-format__sample.is-tone-neutral{color:var(--dou-color-neutral-text)}.dou-sheet-format__sample.is-tone-primary{color:var(--dou-color-primary-text)}.dou-sheet-format__sample.is-tone-success{color:var(--dou-color-success-text)}.dou-sheet-format__sample.is-tone-warning{color:var(--dou-color-warning-text)}.dou-sheet-format__sample.is-tone-danger{color:var(--dou-color-danger-text)}.dou-sheet-format__sample.is-fill-neutral{background-color:color-mix(in oklab,var(--dou-color-text)6%,var(--dou-color-bg-surface))}.dou-sheet-format__sample.is-fill-primary{background-color:color-mix(in oklab,var(--dou-color-primary)12%,var(--dou-color-bg-surface))}.dou-sheet-format__sample.is-fill-success{background-color:color-mix(in oklab,var(--dou-color-success)12%,var(--dou-color-bg-surface))}.dou-sheet-format__sample.is-fill-warning{background-color:color-mix(in oklab,var(--dou-color-warning)14%,var(--dou-color-bg-surface))}.dou-sheet-format__sample.is-fill-danger{background-color:color-mix(in oklab,var(--dou-color-danger)12%,var(--dou-color-bg-surface))}.dou-sheet-formats{display:flex;list-style:none;flex-direction:column;margin:0;padding:0}.dou-sheet-formats__item{display:flex;align-items: center;gap:12px;padding:8px 0}.dou-sheet-formats__item+.dou-sheet-formats__item{border-top:1px solid var(--dou-color-border-subtle)}.dou-sheet-formats__what{display:flex;flex-direction:column;flex:1;gap:2px;min-width:0}.dou-sheet-formats__rule{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dou-sheet-formats__range{color:var(--dou-color-text-tertiary);font-size:var(--dou-font-size-sm);font-variant-numeric:tabular-nums}.dou-sheet-formats__actions{display:flex;flex:none;gap:2px}.dou-sheet-formats__empty{color:var(--dou-color-text-tertiary);text-align:center;margin:0;padding:16px 0}}@keyframes dou-sheet-peer-name{to{opacity:0;visibility:hidden}}

package/dist/style.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/style.js

@@ -0,0 +1,17 @@
+import 'dou-ui/components/autocomplete/style'
+import 'dou-ui/components/checkbox/style'
+import 'dou-ui/components/color-panel/style'
+import 'dou-ui/components/comment-thread/style'
+import 'dou-ui/components/date-picker/style'
+import 'dou-ui/components/dialog/style'
+import 'dou-ui/components/dropdown/style'
+import 'dou-ui/components/context-menu/style'
+import 'dou-ui/components/form/style'
+import 'dou-ui/components/input-number/style'
+import 'dou-ui/components/popover/style'
+import 'dou-ui/components/segmented-control/style'
+import 'dou-ui/components/sortable/style'
+import 'dou-ui/components/toggle/style'
+import 'dou-ui/components/toolbar/style'
+import 'dou-ui/components/find-replace/style'
+import './style.css'

package/dist/types/cell-types.d.ts

@@ -0,0 +1,2 @@
+import type { SheetCellType } from './core/cell-type';
+export declare const builtinCellTypes: readonly SheetCellType[];

package/dist/types/code/code-formula-bar.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/code/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * The formula bar with the formula in `@dou-ui/code`'s code input. Use it
+ * in place of `DouSheetFormulaBar`; needs `@dou-ui/code` and its styles.
+ */
+export declare const DouSheetCodeFormulaBar: import("dou-ui").WithInstall<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, import("vue").HTMLAttributes>;
+export { sheetFormula } from './language';
+export type { SheetFormulaState } from './language';
+declare module 'vue' {
+    interface GlobalComponents {
+        DouSheetCodeFormulaBar: typeof DouSheetCodeFormulaBar;
+    }
+}

package/dist/types/code/language.d.ts

@@ -0,0 +1,13 @@
+import { type CodeLanguage } from '@dou-ui/code';
+export interface SheetFormulaState {
+    /** A "text" value still open at the line's end. */
+    quote: boolean;
+}
+/**
+ * Spreadsheet formulas, as the sheet writes them: `=SUM(A1:B2, "text")`.
+ * Function names, references, "text", numbers, error values and
+ * `TRUE` / `FALSE` each have their color. For the text after the `=`, or
+ * with it; a value typed into a cell isn't a formula, so leave the
+ * language out for it.
+ */
+export declare const sheetFormula: CodeLanguage<SheetFormulaState>;

package/dist/types/collaboration/anchor.d.ts

@@ -0,0 +1,65 @@
+import { type SheetCell, type SheetCellInput } from '../core/model';
+/** The ids of a sheet's rows or columns, in order, with a lookup of each one's number. */
+export declare class SheetLines {
+    ids: string[];
+    private at;
+    constructor(ids: string[]);
+    /** The number of a line, `-1` when it is gone. */
+    indexOf(id: string): number;
+    /** Call after changing `ids`. */
+    changed(): void;
+}
+/** A sheet as references see it: its id, its name and its lines. */
+export interface LayoutSheet {
+    id: string;
+    name: string;
+    rows: SheetLines;
+    cols: SheetLines;
+}
+/** The sheets of a workbook, by id and by name. */
+export declare class SheetLayout {
+    readonly sheets: Map<string, LayoutSheet>;
+    byName(name: string): LayoutSheet | undefined;
+}
+/** One end of a reference: a line id, a number past the sheet's lines, or `null` for none (`B:B` has no row). */
+type End = string | number | null;
+/**
+ * A reference held by ids: the sheet it names (`null`: the formula's own
+ * sheet), then the rows and columns of its two ends. `0` for a reference
+ * to a sheet that isn't there, kept as written.
+ */
+export type AnchoredRef = 0 | [sheet: string | null, rowA: End, colA: End, rowB: End, colB: End];
+/** Text with references, and their anchors in the order they come. */
+export interface AnchoredText {
+    t: string;
+    r?: AnchoredRef[];
+}
+/** The anchors of a formula's references, or `undefined` when it has none to keep. */
+export declare function anchorFormula(formula: string, here: LayoutSheet, layout: SheetLayout): AnchoredRef[] | undefined;
+/** The number of a line: its id's place, `-1` when it is gone, or the number kept for one past the ids. */
+export declare function lineOf(lines: SheetLines, end: string | number): number;
+export declare function lineOf(lines: SheetLines, end: End): number | undefined;
+/**
+ * A formula with its references where their lines are now. A reference
+ * whose line or sheet is gone reads `#REF!`; one whose sheet was renamed
+ * names it anew. Unchanged references keep their text as written.
+ */
+export declare function resolveFormula(formula: string, refs: readonly AnchoredRef[], here: LayoutSheet, layout: SheetLayout): string;
+/** A range such as `A1:C4`, anchored. */
+export declare function anchorRange(range: string, here: LayoutSheet, layout: SheetLayout): AnchoredText;
+/** A range where its lines are now; `null` when they are gone. */
+export declare function resolveRange(stored: AnchoredText, here: LayoutSheet, layout: SheetLayout): string | null;
+/** A formula, or text that may be one, anchored. */
+export declare function anchorText(text: string, here: LayoutSheet, layout: SheetLayout): AnchoredText;
+export declare function resolveText(stored: AnchoredText, here: LayoutSheet, layout: SheetLayout): string;
+/** Where a cell keeps the anchors of its formula in the shared document. */
+export declare const REFS = "$refs";
+/** A cell as the shared document keeps it: as it is, with the anchors of its formula beside. */
+export declare function anchorCell(cell: SheetCellInput, here: LayoutSheet, layout: SheetLayout): unknown;
+/** Whether a cell kept in the shared document has references to resolve. */
+export declare const hasRefs: (stored: unknown) => stored is SheetCell & {
+    [REFS]: AnchoredRef[];
+};
+/** A cell kept in the shared document, with its formula's references where they are now. */
+export declare function resolveCell(stored: unknown, here: LayoutSheet, layout: SheetLayout): SheetCellInput;
+export {};

package/dist/types/collaboration/index.d.ts

@@ -0,0 +1,59 @@
+import { collaborationColors } from 'dou-ui';
+import * as Y from 'yjs';
+import { type SheetExtension } from '../core/extension';
+export { fillBook, readBook } from './shared';
+/** The part of an `Awareness` (`y-protocols/awareness`) the sheet uses. */
+export interface AwarenessLike {
+    clientID: number;
+    getLocalState(): Record<string, unknown> | null;
+    setLocalStateField(field: string, value: unknown): void;
+    getStates(): Map<number, Record<string, unknown>>;
+    on(event: 'change', listener: (...args: unknown[]) => void): void;
+    off(event: 'change', listener: (...args: unknown[]) => void): void;
+}
+/** How the people editing together see each other. */
+export interface CollaborationUser {
+    name: string;
+    /** The color of this user's marks, any CSS color. Picked from the client id when left out. */
+    color?: string;
+}
+export interface CollaborationOptions {
+    /** Where the workbook lives, e.g. `ydoc.getMap('book')`. */
+    book: Y.Map<unknown>;
+    /** Shares what each person has selected and is editing (`y-protocols/awareness`). */
+    awareness?: AwarenessLike;
+    /** This user, shown to the others. Needs `awareness`. */
+    user?: CollaborationUser;
+    /**
+     * Where the comment threads live, e.g. `ydoc.getMap('comments')`, so
+     * they reach everyone with the workbook. `v-model:comments` then only
+     * mirrors them. Without it, the cells' anchors still travel with the
+     * workbook and the threads are the app's to share.
+     */
+    comments?: Y.Map<unknown>;
+}
+/** A line by its id, or by number when it is past the lines the sheet has. */
+type LineAt = string | number;
+/** What each person shares under the awareness field `sheet`: lines by id, so they read right everywhere. */
+export interface SheetPresence {
+    /** The `id` of the sheet they have open. */
+    sheet: string;
+    /** Their active cell, `[row, col]`. */
+    active: [LineAt, LineAt];
+    /** What they have selected, each range `[top, left, bottom, right]`. */
+    ranges: [LineAt, LineAt, LineAt, LineAt][];
+    /** Whether they are editing the active cell. */
+    editing: boolean;
+}
+export { collaborationColors };
+/**
+ * Edit a workbook together through a Yjs document. Every row and column
+ * has an id there; cells, sizes, formulas and rules are kept by those ids,
+ * so two people inserting, deleting or moving lines at once keep each
+ * other's cells in place, and formulas still point at the cells they were
+ * written for. The grid's `v-model` only mirrors the shared workbook: a
+ * workbook set through `v-model` from outside is not written back. Undo
+ * only takes back this user's own changes. With `awareness`, each person
+ * sees the others' selections and the cells they edit, in their colors.
+ */
+export declare function collaboration(options: CollaborationOptions): SheetExtension;

package/dist/types/collaboration/peers.d.ts

@@ -0,0 +1,21 @@
+import { type Component, type Ref } from 'vue';
+import type { SheetBounds, SheetPoint } from '../core/address';
+/** A person editing the workbook too, with where they are, in this side's numbers. */
+export interface SheetPeer {
+    client: number;
+    name: string;
+    color: string;
+    /** The `id` of the sheet they have open. */
+    sheet: string;
+    active: SheetPoint | null;
+    ranges: SheetBounds[];
+    editing: boolean;
+}
+/**
+ * A layer that shows the other people on the sheet shown, in their colors:
+ * a tint over what they have selected and a ring on their cell. Their name
+ * sits on the ring's corner, over the grid line rather than the cells'
+ * text; it fades a few seconds after they stop moving, and stays with a
+ * pencil while they edit.
+ */
+export declare function createPeers(peers: Ref<SheetPeer[]>): Component;

package/dist/types/collaboration/shared.d.ts

@@ -0,0 +1,75 @@
+import * as Y from 'yjs';
+import { type SheetCellInput, type SheetData, type SheetWorkbook } from '../core/model';
+import { SheetLayout, type LayoutSheet } from './anchor';
+export type SharedMap = Y.Map<unknown>;
+export type SharedList = Y.Array<string>;
+export declare const isMetaKey: (key: string) => boolean;
+/** Whether a key of the workbook is one of its own settings, kept as it is in the shared map. */
+export declare const isBookKey: (key: string) => boolean;
+/** The fields of a sheet whose ranges or formulas are anchored to its lines. */
+export declare const ANCHORED_META: readonly ["merges", "filter", "conditionalFormats", "validations", "groups"];
+export declare const cellKey: (row: string, col: string) => string;
+export declare const threadKey: (key: string) => string;
+export declare const isThreadKey: (key: string) => boolean;
+/** The cell a key is about: the cell's own key for its thread's. */
+export declare const cellOfKey: (key: string) => string;
+/** A cell with the thread kept beside it. */
+export declare function withThread(cell: SheetCellInput, thread: unknown): SheetCellInput;
+/** A cell without its thread, and the thread. */
+export declare function splitThread(cell: SheetCellInput): [SheetCellInput, string | undefined];
+/** Where a cell kept under `key` is now; `-1` for a line that is gone. */
+export declare function cellAt(key: string, here: LayoutSheet): {
+    row: number;
+    col: number;
+};
+export declare function makeIds(doc: Y.Doc | null): {
+    next: () => string;
+    many: (count: number) => string[];
+};
+export type IdMaker = ReturnType<typeof makeIds>;
+/** A list without repeats, the first of each kept. */
+export declare function unique(list: readonly string[]): string[];
+export interface SharedParts {
+    styles: SharedMap;
+    types: SharedMap;
+    order: SharedList;
+    sheets: Y.Map<SharedMap>;
+}
+/** The parts of the shared workbook, `null` before it is filled. */
+export declare function partsOf(book: SharedMap): SharedParts | null;
+export interface SharedSheet {
+    rows: SharedList;
+    cols: SharedList;
+    cells: SharedMap;
+    rowSizes: SharedMap;
+    colSizes: SharedMap;
+    meta: SharedMap;
+}
+export declare function sheetParts(map: SharedMap | undefined): SharedSheet | null;
+/** The sheets as the shared document has them: ids, names and lines. */
+export declare function readLayout(parts: SharedParts): SheetLayout;
+/** A field of a sheet as the shared document keeps it. */
+export declare function anchorMeta(key: string, value: unknown, here: LayoutSheet, layout: SheetLayout): {} | null | undefined;
+/** A field of a sheet read from the shared document; `undefined` when its cells are gone. */
+export declare function resolveMeta(key: string, stored: unknown, here: LayoutSheet, layout: SheetLayout): {} | undefined;
+/** Writes a whole sheet into `sheets` under its id, with the lines `here` gives it. */
+export declare function writeSheet(sheets: Y.Map<SharedMap>, data: SheetData, here: LayoutSheet, layout: SheetLayout): void;
+/** A sheet's place in the layout, with new ids for its lines. */
+export declare function layoutSheet(data: SheetData, id: string, ids: IdMaker): LayoutSheet;
+/**
+ * Writes a workbook into an empty shared map, e.g. when a workbook so far
+ * saved as JSON starts being edited together. Sheets without an `id` get one.
+ */
+export declare function fillBook(book: SharedMap, workbook: SheetWorkbook): void;
+/** A sheet as the shared document has it. */
+export declare function readSheet(parts: SharedSheet, here: LayoutSheet, layout: SheetLayout): SheetData;
+/** The workbook a shared map holds; an empty workbook before it is filled. */
+export declare function readBook(book: SharedMap): SheetWorkbook;
+/** The indexes of the longest strictly increasing run of `values`. */
+export declare function increasingRun(values: readonly number[]): Set<number>;
+/**
+ * Brings a shared list of ids to `wanted` with as few changes as it takes:
+ * the longest run already in order stays, the rest is taken out and put
+ * back where it goes, so others' changes to the list around it still merge.
+ */
+export declare function syncList(list: SharedList, wanted: readonly string[]): void;

package/dist/types/components/cell-panel.vue.d.ts

@@ -0,0 +1,20 @@
+import type { SheetResolvedType } from '../core/cell-type';
+import type { SheetValue } from '../core/model';
+type __VLS_Props = {
+    resolved: SheetResolvedType;
+    value: SheetValue;
+    text: string;
+    typed: boolean;
+    /** The editor, which the panel hangs under. */
+    anchor: HTMLElement | undefined;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    onKey: (event: KeyboardEvent) => boolean;
+    activeId: import("vue").ComputedRef<string | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    pick: (value: SheetValue) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onPick?: ((value: SheetValue) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/components/cell-renders.d.ts

@@ -0,0 +1,9 @@
+import { type FunctionalComponent } from 'vue';
+import { type SheetCellRenderProps } from '../core/cell-type';
+/** A check box cell: the box of a checkbox, which a click switches. */
+export declare const CellCheck: FunctionalComponent<SheetCellRenderProps>;
+/**
+ * A select cell: its value as a soft tag, in its option's tone or neutral.
+ * A value that isn't one of the options shows as plain text.
+ */
+export declare const CellOption: FunctionalComponent<SheetCellRenderProps>;

package/dist/types/components/date-panel.vue.d.ts

@@ -0,0 +1,9 @@
+import type { SheetCellPanelProps } from '../core/cell-type';
+import type { SheetValue } from '../core/model';
+declare const __VLS_export: import("vue").DefineComponent<SheetCellPanelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    pick: (value: SheetValue) => any;
+}, string, import("vue").PublicProps, Readonly<SheetCellPanelProps> & Readonly<{
+    onPick?: ((value: SheetValue) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/components/filter-panel.vue.d.ts

@@ -0,0 +1,21 @@
+import type { SheetFilterRule, SheetSortOrder } from '../core/model';
+import { type SheetMessages } from '../locale';
+type __VLS_Props = {
+    /** The column's values as they show, each once, in sorted order; `''` is empty. */
+    values: readonly string[];
+    /** Whether most of the column's values are numbers: conditions then start at “≥”. */
+    numeric?: boolean;
+    rule: SheetFilterRule | undefined;
+    sorted: SheetSortOrder | undefined;
+    messages: SheetMessages;
+    readonly: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    sort: (order: SheetSortOrder) => any;
+    apply: (rule: SheetFilterRule | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSort?: ((order: SheetSortOrder) => any) | undefined;
+    onApply?: ((rule: SheetFilterRule | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/components/format-dialog.vue.d.ts

@@ -0,0 +1,24 @@
+import type { SheetConditionalFormat, SheetStyle } from '../core/model';
+import type { SheetMessages } from '../locale';
+type __VLS_Props = {
+    format: SheetConditionalFormat;
+    title: string;
+    /** The workbook's named styles, for a rule that names one. */
+    styles: Record<string, SheetStyle> | undefined;
+    messages: SheetMessages;
+};
+type __VLS_ModelProps = {
+    'open': boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    apply: (format: SheetConditionalFormat) => any;
+    "update:open": (value: boolean) => any;
+    closed: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onApply?: ((format: SheetConditionalFormat) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onClosed?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/components/format-list.vue.d.ts

@@ -0,0 +1,25 @@
+import type { SheetConditionalFormat, SheetStyle } from '../core/model';
+import { type SheetMessages } from '../locale';
+type __VLS_Props = {
+    formats: readonly SheetConditionalFormat[];
+    /** The workbook's named styles, for formats that name one. */
+    styles: Record<string, SheetStyle> | undefined;
+    messages: SheetMessages;
+};
+type __VLS_ModelProps = {
+    'open': boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    edit: (index: number) => any;
+    change: (formats: SheetConditionalFormat[]) => any;
+    "update:open": (value: boolean) => any;
+    closed: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onEdit?: ((index: number) => any) | undefined;
+    onChange?: ((formats: SheetConditionalFormat[]) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onClosed?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/components/format-presets.d.ts

@@ -0,0 +1,30 @@
+import type { Tone } from 'dou-ui';
+import type { SheetColor, SheetConditionalFormat, SheetStyle } from '../core/model';
+import type { SheetMessages } from '../locale';
+export declare const TONES: Tone[];
+export type SheetLookName = keyof SheetMessages['formats']['looks'];
+export declare const LOOKS: Record<SheetLookName, SheetStyle>;
+export type SheetScaleName = keyof SheetMessages['formats']['scales'];
+export type SheetScaleColors = [SheetColor, SheetColor] | [SheetColor, SheetColor, SheetColor];
+export declare const SCALES: Record<SheetScaleName, SheetScaleColors>;
+/** The message key of a tone's name. */
+export declare const toneKey: (tone: Tone) => `tone${Capitalize<Tone>}`;
+export declare const scaleSwatch: (colors: readonly SheetColor[]) => string;
+/** A data bar color as a chip; it fills its box so it sits centered like the scale swatches. */
+export declare const barSwatch: (color: SheetColor) => string;
+/** Whether two styles set the same parts the same way. */
+export declare function sameStyle(a: SheetStyle, b: SheetStyle): boolean;
+/** The preset a style is, if any. */
+export declare function lookName(style: SheetStyle): SheetLookName | undefined;
+/** The preset some scale colors are, if any. */
+export declare function scaleName(colors: readonly SheetColor[]): SheetScaleName | undefined;
+/** How a sample `123` of a look shows: its classes and inline style. */
+export declare function styleSample(style: SheetStyle | undefined): {
+    cls: string[];
+    css: string;
+};
+/** How the sample of a format shows. */
+export declare function formatSample(f: SheetConditionalFormat, styles: Record<string, SheetStyle> | undefined): {
+    cls: string[];
+    css: string;
+};

package/dist/types/components/option-panel.vue.d.ts

@@ -0,0 +1,13 @@
+import { type SheetCellPanelProps } from '../core/cell-type';
+import type { SheetValue } from '../core/model';
+declare function onKey(event: KeyboardEvent): boolean;
+declare const __VLS_export: import("vue").DefineComponent<SheetCellPanelProps, {
+    onKey: typeof onKey;
+    activeId: import("vue").ComputedRef<string | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    pick: (value: SheetValue) => any;
+}, string, import("vue").PublicProps, Readonly<SheetCellPanelProps> & Readonly<{
+    onPick?: ((value: SheetValue) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/components/sheet-comment.vue.d.ts

@@ -0,0 +1,29 @@
+import { type CommentAction, type CommentAuthor, type CommentThread, type VirtualElement } from 'dou-ui';
+type __VLS_Props = {
+    /** The cell it is about. */
+    anchor: VirtualElement;
+    /** The thread; `null` to write the first comment. */
+    thread: CommentThread | null;
+    author?: CommentAuthor;
+    readonly: boolean;
+    label: string;
+    /** Bumped to put the cursor in the reply box. */
+    focusRequest: number;
+    /** The last request the cursor was put there for; a card opened for a newer one takes it. */
+    focusHandled: number;
+    /** What belongs to the grid: a press there is the grid's, not outside the card. */
+    grid: () => HTMLElement | null;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    panel: import("vue").ShallowRef<HTMLElement | null, HTMLElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (refocus: boolean) => any;
+    action: (action: CommentAction) => any;
+    focused: (request: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((refocus: boolean) => any) | undefined;
+    onAction?: ((action: CommentAction) => any) | undefined;
+    onFocused?: ((request: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/components/sheet-formula-bar.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/components/sheet-link.vue.d.ts

@@ -0,0 +1,32 @@
+import { type VirtualElement } from 'dou-ui';
+import type { SheetLinkMessages } from '../locale';
+type __VLS_Props = {
+    /** The cell the link belongs to. */
+    anchor: VirtualElement;
+    link: string;
+    /** What the cell shows; `null` for a formula's cell, whose text isn't edited here. */
+    text: string | null;
+    editing: boolean;
+    /** At the grid's foot rather than under the cell, so a finger can still reach the cells around it. */
+    docked?: boolean;
+    /** Whether the link can be changed: the grid is editable and the cell isn't locked. */
+    editable: boolean;
+    /** Whether the cell has a link of its own to take off, not only a formula's. */
+    removable: boolean;
+    messages: SheetLinkMessages;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    edit: () => any;
+    cancel: (leaving: boolean) => any;
+    open: () => any;
+    save: (link: string, text: string | null, leaving: boolean) => any;
+    remove: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onEdit?: (() => any) | undefined;
+    onCancel?: ((leaving: boolean) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onSave?: ((link: string, text: string | null, leaving: boolean) => any) | undefined;
+    onRemove?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;