blessing-ui 0.2.0 → 0.3.0

package/dist/blessing-ui.css

@@ -12,6 +12,9 @@
 /* BlessAlertDialog */
 .bless-alert-dialog .bless-modal__close{display:none}.bless-alert-dialog .bless-modal__header{padding-inline-end:var(--bless-space-6)}.bless-alert-dialog__desc{font-size:var(--bless-text-sm);line-height:var(--bless-leading-normal);color:var(--bless-color-text-muted);margin:0}
 
+/* BlessAnnotator */
+.bless-annot{gap:var(--bless-space-2);font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);color:var(--bless-color-text);display:grid;position:relative}.bless-annot__bar{gap:var(--bless-space-1);flex-wrap:wrap;display:flex}.bless-annot__stage{-webkit-user-select:none;user-select:none;touch-action:none;cursor:crosshair;outline:none;line-height:0;position:relative}.bless-annot__stage--select,.bless-annot__stage--ro{cursor:default}.bless-annot__img{pointer-events:none;width:100%;height:auto;display:block}.bless-annot__mark{box-sizing:border-box;cursor:move;line-height:1;position:absolute}.bless-annot__mark--box{border:2px solid var(--bless-color-accent);background:color-mix(in srgb, var(--bless-color-accent) 14%, transparent)}.bless-annot__mark--pin{background:var(--bless-color-accent);border:2px solid var(--bless-color-bg);width:20px;height:20px;margin:-10px 0 0 -10px}.bless-annot__mark--sel{outline:2px solid var(--bless-color-text);outline-offset:2px}.bless-annot__mark:focus-visible{outline:3px solid var(--bless-color-text);outline-offset:2px}.bless-annot__mark--draft{pointer-events:none;border-style:dashed}.bless-annot__num{background:var(--bless-color-accent);min-width:18px;color:var(--bless-color-on-accent);font-size:var(--bless-text-xs);text-align:center;padding:2px 4px;position:absolute;top:-2px;left:-2px}.bless-annot__mark--pin .bless-annot__num{background:0 0;padding:0;line-height:16px;display:block;position:static}.bless-annot__handle{background:var(--bless-color-bg);border:2px solid var(--bless-color-accent);cursor:nwse-resize;width:14px;height:14px;position:absolute;bottom:-7px;right:-7px}.bless-annot__field{align-items:center;gap:var(--bless-space-2);display:flex}.bless-annot__input{min-height:32px;padding:var(--bless-space-1) var(--bless-space-2);background:var(--bless-color-bg);border:var(--bless-border-width) solid var(--bless-color-border);color:inherit;font:inherit;flex:1}.bless-annot__input:focus-visible,.bless-annot__item:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:1px}.bless-annot__list{gap:var(--bless-space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.bless-annot__item{padding:2px var(--bless-space-2);background:var(--bless-color-surface);border:var(--bless-border-width) solid var(--bless-color-border);color:inherit;font:inherit;cursor:pointer}.bless-annot__item[aria-pressed=true]{border-color:var(--bless-color-accent)}.bless-annot__live{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}
+
 /* BlessAspectRatio */
 .bless-aspect{width:100%;position:relative;overflow:hidden}.bless-aspect>img,.bless-aspect>video,.bless-aspect>iframe{object-fit:cover;border:0;width:100%;height:100%;display:block}.bless-aspect--contain>img,.bless-aspect--contain>video{object-fit:contain}
 
@@ -72,6 +75,9 @@
 /* BlessCircularProgress */
 .bless-circular{--_c:var(--bless-color-accent);width:var(--_s);height:var(--_s);font-family:var(--bless-font-sans);color:var(--bless-color-text);place-items:center;display:inline-grid;position:relative}.bless-circular--text{--_c:var(--bless-color-text)}.bless-circular--danger{--_c:var(--bless-color-danger)}.bless-circular--success{--_c:var(--bless-color-success)}.bless-circular--warning{--_c:var(--bless-color-warning)}.bless-circular--info{--_c:var(--bless-color-info)}.bless-circular svg{grid-area:1/1;transform:rotate(-90deg)}.bless-circular__track{stroke:var(--bless-color-surface)}.bless-circular__bar{stroke:var(--_c);stroke-linecap:butt;transition:stroke-dashoffset var(--bless-duration-slow) var(--bless-ease-out)}.bless-circular--indeterminate svg{animation:bless-circular-spin 1s var(--bless-ease-linear) infinite}@keyframes bless-circular-spin{to{transform:rotate(270deg)}}.bless-circular__value{font-size:calc(var(--_s) * .26);font-weight:var(--bless-font-weight-bold);font-variant-numeric:tabular-nums;grid-area:1/1}@media (prefers-reduced-motion:reduce){.bless-circular--indeterminate svg{animation-duration:2s}}
 
+/* BlessCoachmark */
+.bless-coachmark{display:inline-flex;position:relative}.bless-coachmark__dot{background:var(--bless-color-badge);cursor:pointer;border:0;width:12px;height:12px;padding:0;position:absolute}.bless-coachmark__dot:before{content:"";position:absolute;inset:-10px}.bless-coachmark__dot:after{content:"";border:2px solid var(--bless-color-badge);animation:bless-coachmark-pulse 1.8s var(--bless-ease-out) infinite;position:absolute;inset:-4px}.bless-coachmark__dot:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:3px}.bless-coachmark__dot--top-end{top:-4px;inset-inline-end:-4px}.bless-coachmark__dot--top-start{top:-4px;inset-inline-start:-4px}.bless-coachmark__dot--bottom-end{bottom:-4px;inset-inline-end:-4px}.bless-coachmark__dot--bottom-start{bottom:-4px;inset-inline-start:-4px}.bless-coachmark__bubble{z-index:2;gap:var(--bless-space-2);width:max-content;max-width:220px;padding:var(--bless-space-3);background:var(--bless-color-bg);border:var(--bless-border-width) solid var(--bless-color-accent);box-shadow:var(--bless-shadow-plate);font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);color:var(--bless-color-text);display:grid;position:absolute}.bless-coachmark__bubble--top-end,.bless-coachmark__bubble--top-start{top:calc(100% + 12px)}.bless-coachmark__bubble--bottom-end,.bless-coachmark__bubble--bottom-start{bottom:calc(100% + 12px)}.bless-coachmark__bubble--top-end,.bless-coachmark__bubble--bottom-end{inset-inline-end:0}.bless-coachmark__bubble--top-start,.bless-coachmark__bubble--bottom-start{inset-inline-start:0}@keyframes bless-coachmark-pulse{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}@media (prefers-reduced-motion:reduce){.bless-coachmark__dot:after{opacity:.5;animation:none;transform:none}}
+
 /* BlessCodeBlock */
 .bless-code{border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);min-width:0;max-width:100%;color:var(--bless-color-text);font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);margin:0;position:relative}.bless-code__head{align-items:center;gap:var(--bless-space-2);padding:0 var(--bless-space-2) 0 var(--bless-space-3);background:var(--bless-color-surface);border-bottom:var(--bless-border-width) solid var(--bless-color-border);min-height:36px;display:flex}.bless-code__spacer{flex:1}.bless-code__tabs{align-self:stretch;gap:var(--bless-space-1);margin-inline-start:calc(var(--bless-space-3) * -1);display:flex}.bless-code__tab{padding:0 var(--bless-space-3);color:var(--bless-color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000}.bless-code__tab[aria-selected=true]{color:var(--bless-color-text);border-bottom-color:var(--bless-color-accent)}.bless-code__tab:focus-visible,.bless-code__copy:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:-2px}.bless-code__name{font-weight:600}.bless-code__lang{color:var(--bless-color-text-muted);font-size:var(--bless-text-xs);text-transform:uppercase}.bless-code__copy{padding:var(--bless-space-1) var(--bless-space-2);border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);color:inherit;font:inherit;font-size:var(--bless-text-xs);cursor:pointer}.bless-code__scroll{overflow:auto}.bless-code__scroll:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:-2px}.bless-code__pre{padding:var(--bless-space-3) 0;font-family:var(--bless-font-mono,ui-monospace, monospace);font-size:var(--bless-text-sm);tab-size:2;margin:0;line-height:1.6}.bless-code__pre--wrap{white-space:pre-wrap;overflow-wrap:anywhere}.bless-code__line{padding:0 var(--bless-space-3);display:block}.bless-code__line--hl{background:color-mix(in srgb, var(--bless-color-text) 8%, var(--bless-color-bg));box-shadow:inset 3px 0 0 var(--bless-color-text)}.bless-code__no{min-width:3ch;text-align:end;color:var(--bless-color-text-muted);-webkit-user-select:none;user-select:none;margin-inline-end:var(--bless-space-3);display:inline-block}.bless-code__live{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}
 
@@ -85,11 +91,14 @@
 .bless-combobox{--_h:40px;--_fs:var(--bless-text-md);font-family:var(--bless-font-sans);color:var(--bless-color-text);position:relative}.bless-combobox--sm{--_h:32px;--_fs:var(--bless-text-sm)}.bless-combobox--lg{--_h:48px;--_fs:var(--bless-text-lg)}.bless-combobox__field{border-radius:var(--bless-radius-plate);align-items:center;gap:var(--bless-space-1);min-height:var(--_h);padding:var(--bless-space-1) var(--bless-space-8) var(--bless-space-1) var(--bless-space-3);box-sizing:border-box;border-bottom:calc(2 * var(--bless-border-width)) solid var(--bless-color-text-muted);cursor:text;background:0 0;flex-wrap:wrap;display:flex;position:relative}.bless-combobox__field:after{content:"";inset-inline-start:0;bottom:calc(-2 * var(--bless-border-width));width:100%;height:calc(2 * var(--bless-border-width));background:var(--bless-color-accent);transform-origin:0;transition:transform var(--bless-duration-slow) var(--bless-ease-out);position:absolute;transform:scaleX(0)}[dir=rtl] .bless-combobox__field:after{transform-origin:100%}.bless-combobox--open .bless-combobox__field:after,.bless-combobox__field:focus-within:after{transform:scaleX(1)}.bless-combobox__input{min-width:60px;height:calc(var(--_h) - 2 * var(--bless-space-1));font:inherit;font-size:var(--_fs);color:inherit;background:0 0;border:0;outline:0;flex:1}.bless-combobox__input::placeholder{color:var(--bless-color-text-muted)}.bless-combobox__chevron{inset-inline-end:var(--bless-space-3);border-inline-end:2px solid;pointer-events:none;width:8px;height:8px;transition:transform var(--bless-duration-base);border-bottom:2px solid;position:absolute;top:50%;transform:translateY(-70%)rotate(45deg)}.bless-combobox__chip{font-size:var(--bless-text-xs);align-items:center;gap:4px;display:inline-flex}.bless-combobox__chip-x{color:inherit;font:inherit;cursor:pointer;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out);background:0 0;border:0;padding:0 2px;line-height:1}.bless-combobox__chip-x:hover{opacity:var(--bless-hover-opacity)}.bless-combobox__panel{inset:unset;border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);box-shadow:var(--bless-shadow-plate);margin:0;padding:0;position:fixed}.bless-combobox__list{max-height:240px;padding:var(--bless-space-1) 0;scrollbar-width:thin;overflow-y:auto}.bless-combobox__option{align-items:center;gap:var(--bless-space-2);padding:var(--bless-space-2) var(--bless-space-3);font-size:var(--bless-text-sm);cursor:pointer;display:flex}.bless-combobox__option--active{background:var(--bless-color-surface)}.bless-combobox__option--selected{font-weight:var(--bless-font-weight-bold)}.bless-combobox__option[aria-disabled=true]{opacity:.4;cursor:not-allowed}.bless-combobox__check{width:1em;font-size:var(--bless-text-xs);flex:none}.bless-combobox__empty{padding:var(--bless-space-3);font-size:var(--bless-text-sm);color:var(--bless-color-text-muted);margin:0}.bless-combobox--invalid .bless-combobox__field{border-bottom-color:var(--bless-color-danger)}.bless-combobox--disabled{opacity:.4;pointer-events:none}.bless-combobox__field{transform:skewX(var(--bless-skew))}.bless-combobox__field>:not(.bless-skew,.bless-chip,.bless-badge){transform:skewX(var(--bless-skew-counter))}.bless-combobox__field>:first-child{padding-inline-start:calc(var(--bless-space-3) + 4px)}.bless-combobox__field>:last-child{padding-inline-end:calc(var(--bless-space-3) + 4px)}.bless-combobox__field>.bless-combobox__chevron{clip-path:polygon(0 0,18% 0,50% 55%,82% 0,100% 0,50% 100%);width:11px;height:7px;transform:skewX(var(--bless-skew-counter)) translateY(-50%);background:currentColor;border:0;inset-inline-end:calc(var(--bless-space-3) + 4px)}.bless-combobox--open .bless-combobox__field>.bless-combobox__chevron{transform:skewX(var(--bless-skew-counter)) translateY(-50%) scaleY(-1)}
 
 /* BlessCommand */
-.bless-command .bless-modal__body{padding:0}.bless-command .bless-modal__close{display:none}.bless-command .bless-modal__panel{--_w:560px}.bless-command--inline{border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg)}.bless-command__box{border-radius:var(--bless-radius);font-family:var(--bless-font-sans);color:var(--bless-color-text);flex-direction:column;display:flex}.bless-command__search{border-radius:var(--bless-radius-plate);align-items:center;gap:var(--bless-space-3);padding:var(--bless-space-3) var(--bless-space-4);border-bottom:var(--bless-border-width) solid var(--bless-color-border);display:flex}.bless-command__icon{font-size:var(--bless-text-lg);color:var(--bless-color-text-muted);transform:skewX(var(--bless-skew-counter)) rotate(-45deg)}.bless-command__input{min-width:0;font:inherit;font-size:var(--bless-text-md);color:inherit;background:0 0;border:0;outline:0;flex:1}.bless-command__input::placeholder{color:var(--bless-color-text-muted)}.bless-command__list{max-height:320px;padding:var(--bless-space-2) 0;scrollbar-width:thin;overflow-y:auto}.bless-command__empty:empty{display:none}.bless-command__empty{padding:var(--bless-space-6);text-align:center;font-size:var(--bless-text-sm);color:var(--bless-color-text-muted);margin:0}.bless-command__group{padding:var(--bless-space-2) var(--bless-space-4) var(--bless-space-1);font-size:var(--bless-text-2xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wider);text-transform:uppercase;color:var(--bless-color-text-muted)}.bless-command__item{align-items:center;gap:var(--bless-space-3);padding:var(--bless-space-2) var(--bless-space-4);font-size:var(--bless-text-sm);cursor:pointer;display:flex}.bless-command__item--active{background:var(--bless-color-surface)}.bless-command__item[aria-disabled=true]{opacity:.4;cursor:not-allowed}.bless-command__mark{text-align:center;flex:none;width:1.2em}.bless-command__label{flex:1}.bless-command__footer{gap:var(--bless-space-4);padding:var(--bless-space-2) var(--bless-space-4);border-top:var(--bless-border-width) solid var(--bless-color-border);font-size:var(--bless-text-xs);color:var(--bless-color-text-muted);display:flex}.bless-command__search{transform:skewX(var(--bless-skew))}.bless-command__search>:not(.bless-skew,.bless-chip,.bless-badge){transform:skewX(var(--bless-skew-counter))}
+.bless-command .bless-modal__body{padding:0}.bless-command .bless-modal__close{display:none}.bless-command .bless-modal__panel{--_w:560px}.bless-command--inline{border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg)}.bless-command__box{border-radius:var(--bless-radius);font-family:var(--bless-font-sans);color:var(--bless-color-text);flex-direction:column;display:flex}.bless-command__search{border-radius:var(--bless-radius-plate);align-items:center;gap:var(--bless-space-3);padding:var(--bless-space-3) var(--bless-space-4);border-bottom:var(--bless-border-width) solid var(--bless-color-border);display:flex}.bless-command__icon{font-size:var(--bless-text-lg);color:var(--bless-color-text-muted);transform:skewX(var(--bless-skew-counter)) rotate(-45deg)}.bless-command__input{min-width:0;font:inherit;font-size:var(--bless-text-md);color:inherit;background:0 0;border:0;outline:0;flex:1}.bless-command__input::placeholder{color:var(--bless-color-text-muted)}.bless-command__list{max-height:320px;padding:var(--bless-space-2) 0;scrollbar-width:thin;overflow-y:auto}.bless-command__empty:empty{display:none}.bless-command__empty{padding:var(--bless-space-6);text-align:center;font-size:var(--bless-text-sm);color:var(--bless-color-text-muted);margin:0}.bless-command__scope{padding:0 var(--bless-space-2);background:var(--bless-color-accent);color:var(--bless-color-on-accent);font:inherit;font-size:var(--bless-text-xs);cursor:pointer;border:0;flex:none}.bless-command__scope:focus-visible{outline:2px solid var(--bless-color-text);outline-offset:2px}.bless-command__hint{padding:var(--bless-space-1) var(--bless-space-3);color:var(--bless-color-text-muted);font-size:var(--bless-text-xs);margin:0}.bless-command__group{padding:var(--bless-space-2) var(--bless-space-4) var(--bless-space-1);font-size:var(--bless-text-2xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wider);text-transform:uppercase;color:var(--bless-color-text-muted)}.bless-command__item{align-items:center;gap:var(--bless-space-3);padding:var(--bless-space-2) var(--bless-space-4);font-size:var(--bless-text-sm);cursor:pointer;display:flex}.bless-command__item--active{background:var(--bless-color-surface)}.bless-command__item[aria-disabled=true]{opacity:.4;cursor:not-allowed}.bless-command__mark{text-align:center;flex:none;width:1.2em}.bless-command__label{flex:1}.bless-command__footer{gap:var(--bless-space-4);padding:var(--bless-space-2) var(--bless-space-4);border-top:var(--bless-border-width) solid var(--bless-color-border);font-size:var(--bless-text-xs);color:var(--bless-color-text-muted);display:flex}.bless-command__search{transform:skewX(var(--bless-skew))}.bless-command__search>:not(.bless-skew,.bless-chip,.bless-badge){transform:skewX(var(--bless-skew-counter))}
 
 /* BlessCompare */
 .bless-compare{border-radius:var(--bless-radius);-webkit-user-select:none;user-select:none;color:var(--bless-color-text);display:grid;position:relative;overflow:hidden}.bless-compare__before,.bless-compare__after{grid-area:1/1;min-width:0}.bless-compare :is(img,video){object-fit:cover;width:100%;height:100%;display:block}.bless-compare--horizontal .bless-compare__after{clip-path:inset(0 calc(100% - var(--_p)) 0 0)}[dir=rtl] .bless-compare--horizontal .bless-compare__after{clip-path:inset(0 0 0 calc(100% - var(--_p)))}.bless-compare--vertical .bless-compare__after{clip-path:inset(0 0 calc(100% - var(--_p)) 0)}.bless-compare__handle{background:var(--bless-color-text);box-shadow:0 0 0 1px var(--bless-color-bg);pointer-events:none;position:absolute}.bless-compare:has(.bless-compare__range:active) .bless-compare__handle{background:var(--bless-color-accent)}.bless-compare--horizontal .bless-compare__handle{top:0;bottom:0;width:2px;inset-inline-start:var(--_p)}.bless-compare--vertical .bless-compare__handle{inset-inline:0;top:var(--_p);height:2px}.bless-compare__range{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.bless-compare--vertical .bless-compare__range{cursor:ns-resize;writing-mode:vertical-lr}.bless-compare:has(.bless-compare__range:focus-visible){outline:2px solid var(--bless-color-accent);outline-offset:2px}
 
+/* BlessConfetti */
+.bless-confetti{pointer-events:none;width:100vw;height:100vh;z-index:calc(var(--bless-z-modal) + 1);position:fixed;inset:0}
+
 /* BlessConfirmPopup */
 .bless-confirm__msg{margin:0 0 var(--bless-space-3);max-width:32ch;font-size:var(--bless-text-sm);line-height:var(--bless-leading-normal)}.bless-confirm__actions{justify-content:flex-end;gap:var(--bless-space-2);display:flex}
 
@@ -120,6 +129,9 @@
 /* BlessDiff */
 .bless-diff{min-width:0;max-width:100%;font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);color:var(--bless-color-text);border:var(--bless-border-width) solid var(--bless-color-border);margin:0}.bless-diff__head{justify-content:space-between;gap:var(--bless-space-3);padding:var(--bless-space-2) var(--bless-space-3);background:var(--bless-color-surface);border-bottom:var(--bless-border-width) solid var(--bless-color-border);display:flex}.bless-diff__count{gap:var(--bless-space-2);font-variant-numeric:tabular-nums;display:inline-flex}.bless-diff__plus{color:var(--bless-color-text);font-weight:600}.bless-diff__minus{color:var(--bless-color-danger-text);font-weight:600}.bless-diff__sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.bless-diff__scroll{overflow:auto}.bless-diff__scroll:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:-2px}.bless-diff__table{border-collapse:collapse;width:100%;font-family:var(--bless-font-mono,ui-monospace, monospace);font-size:var(--bless-text-sm)}.bless-diff .bless-diff__cols th{padding:var(--bless-space-1) var(--bless-space-3);text-align:start;font-family:var(--bless-font-sans);color:var(--bless-color-text-muted);font-weight:600}.bless-diff .bless-diff__table :is(td,th){padding:0 var(--bless-space-2);vertical-align:top;background:0 0;border:0}.bless-diff .bless-diff__table tr{background:0 0}.bless-diff__no{text-align:end;width:1%;min-width:3ch;color:var(--bless-color-text-muted);-webkit-user-select:none;user-select:none}.bless-diff__sign{-webkit-user-select:none;user-select:none;width:1%;font-weight:700}.bless-diff__text{white-space:pre}.bless-diff .bless-diff__row--add>td,.bless-diff .bless-diff__table td.bless-diff__cell--add{background:color-mix(in srgb, var(--bless-color-success) 24%, var(--bless-color-bg))}.bless-diff .bless-diff__row--del>td,.bless-diff .bless-diff__table td.bless-diff__cell--del{background:color-mix(in srgb, var(--bless-color-danger) 18%, var(--bless-color-bg))}.bless-diff .bless-diff__row--add>.bless-diff__no,.bless-diff .bless-diff__row--del>.bless-diff__no,.bless-diff .bless-diff__table td.bless-diff__cell--add+.bless-diff__no{color:var(--bless-color-text)}.bless-diff .bless-diff__table td.bless-diff__cell--empty{background:var(--bless-color-surface)}.bless-diff--split .bless-diff__text{border-inline-start:var(--bless-border-width) solid var(--bless-color-border);width:50%}.bless-diff .bless-diff__table .bless-diff__fold td{padding:var(--bless-space-1) var(--bless-space-3);background:var(--bless-color-surface);border-block:var(--bless-border-width) solid var(--bless-color-border)}.bless-diff__fold button{color:var(--bless-color-text-muted);font:inherit;font-family:var(--bless-font-sans);cursor:pointer;background:0 0;border:0;text-decoration:underline}.bless-diff__fold button:focus-visible{outline:2px solid var(--bless-color-accent)}
 
+/* BlessDock */
+.bless-dock{align-items:flex-end;gap:var(--bless-space-2);padding:var(--bless-space-2);background:var(--bless-color-surface);border:var(--bless-border-width) solid var(--bless-color-border);font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);color:var(--bless-color-text);display:inline-flex}.bless-dock--left,.bless-dock--right{flex-direction:column}.bless-dock--left{align-items:flex-start}.bless-dock--right{align-items:flex-end}.bless-dock__item{width:var(--_size);height:var(--_size);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;text-decoration:none;display:grid;position:relative}.bless-dock__item:disabled,.bless-dock__item[aria-disabled=true]{opacity:.45;cursor:not-allowed}.bless-dock__item:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-dock__icon{background:var(--bless-color-bg);border:var(--bless-border-width) solid var(--bless-color-border);width:100%;height:100%;font-size:calc(var(--_size) * .5);transform:scale(var(--_s,1));transform-origin:50% 100%;transition:transform var(--bless-duration-fast) var(--bless-ease-out);place-items:center;display:grid}.bless-dock--left .bless-dock__icon{transform-origin:0}.bless-dock--right .bless-dock__icon{transform-origin:100%}.bless-dock__item:hover .bless-dock__icon{border-color:var(--bless-color-accent)}.bless-dock__badge{top:-4px;background:var(--bless-color-badge);min-width:16px;color:var(--bless-color-on-accent);font-size:var(--bless-text-2xs);text-align:center;padding:0 4px;line-height:16px;position:absolute;inset-inline-end:-4px}.bless-dock__tip{inset-inline-start:50%;bottom:calc(100% + 6px + (var(--_s,1) - 1) * var(--_size));padding:2px var(--bless-space-2);background:var(--bless-color-text);color:var(--bless-color-bg);font-size:var(--bless-text-xs);white-space:nowrap;opacity:0;pointer-events:none;position:absolute;translate:-50%}.bless-dock--left .bless-dock__tip,.bless-dock--right .bless-dock__tip{top:50%;bottom:auto;translate:0 -50%}.bless-dock--left .bless-dock__tip{inset-inline-start:calc(100% + 6px + (var(--_s,1) - 1) * var(--_size))}.bless-dock--right .bless-dock__tip{inset-inline-start:auto;inset-inline-end:calc(100% + 6px + (var(--_s,1) - 1) * var(--_size))}.bless-dock__item:hover .bless-dock__tip,.bless-dock__item:focus-visible .bless-dock__tip{opacity:1}@media (prefers-reduced-motion:reduce){.bless-dock__icon{transition:none}}
+
 /* BlessDropdownMenu */
 .bless-dropdown__anchor{display:inline-flex}.bless-dropdown__anchor--block{display:block}.bless-dropdown{inset:unset;background:0 0;border:0;margin:0;padding:0;position:fixed;overflow:visible}.bless-dropdown:popover-open{animation:bless-pop-in var(--bless-duration-base) var(--bless-ease-out)}
 
@@ -144,6 +156,9 @@
 /* BlessForm */
 .bless-form{gap:var(--bless-space-6);display:grid}
 
+/* BlessFormula */
+.bless-formula{gap:var(--bless-space-2);max-width:480px;font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);color:var(--bless-color-text);display:grid}.bless-formula__label{font-weight:var(--bless-font-weight-bold,700)}.bless-formula__input{box-sizing:border-box;width:100%;min-height:36px;padding:var(--bless-space-1) var(--bless-space-3);background:var(--bless-color-bg);border:var(--bless-border-width) solid var(--bless-color-border);color:var(--bless-color-text);font:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.bless-formula__input:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:1px}.bless-formula--bad .bless-formula__input{border-color:var(--bless-color-danger)}.bless-formula__vars{gap:var(--bless-space-1);flex-wrap:wrap;display:flex}.bless-formula__chip{padding:2px var(--bless-space-2);background:var(--bless-color-surface);border:var(--bless-border-width) solid var(--bless-color-border);color:inherit;font:inherit;font-size:var(--bless-text-xs);cursor:pointer}.bless-formula__chip[aria-pressed=true]{border-color:var(--bless-color-accent);color:var(--bless-color-accent-text)}.bless-formula__chip:focus-visible,.bless-formula__fix:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-formula__out{min-height:1.6em;margin:0}.bless-formula__value{font-weight:var(--bless-font-weight-bold,700)}.bless-formula__error{color:var(--bless-color-danger-text)}.bless-formula__fix{color:var(--bless-color-accent-text);font:inherit;cursor:pointer;background:0 0;border:0;margin-inline-start:var(--bless-space-2);padding:0;text-decoration:underline}
+
 /* BlessGallery */
 .bless-gallery__grid{grid-template-columns:repeat(auto-fill, minmax(var(--_col), 1fr));gap:var(--bless-space-2);margin:0;padding:0;list-style:none;display:grid}.bless-gallery__thumb{border-radius:var(--bless-radius);background:var(--bless-color-surface);cursor:pointer;width:100%;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);border:0;padding:0;line-height:0;display:block}.bless-gallery__thumb:hover{opacity:var(--bless-hover-opacity)}.bless-gallery__thumb:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-gallery__thumb img{aspect-ratio:4/3;object-fit:cover;width:100%}.bless-gallery__modal .bless-modal__panel{background:var(--bless-color-media-bg);color:#fff}.bless-gallery__modal .bless-modal__body{padding:0}.bless-gallery__viewer{outline:0;position:relative}.bless-gallery__figure{margin:0}.bless-gallery__image{width:100%;max-height:calc(100dvh - 2 * var(--bless-space-4) - 3rem);object-fit:contain;display:block}.bless-gallery__caption{padding:var(--bless-space-3) var(--bless-space-16) var(--bless-space-3) var(--bless-space-4);font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);letter-spacing:var(--bless-tracking-normal)}.bless-gallery__nav{width:44px;height:56px;color:var(--bless-color-on-accent);font-size:var(--bless-text-xl);cursor:pointer;transform:translateY(-50%) skewX(var(--bless-skew));transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);background:#00000080;border:0;padding:0;line-height:1;position:absolute;top:50%}.bless-gallery__nav>span{transform:skewX(var(--bless-skew-counter));display:inline-block}[dir=rtl] .bless-gallery__nav>span{transform:skewX(var(--bless-skew-counter)) scaleX(-1)}.bless-gallery__nav--prev{inset-inline-start:var(--bless-space-2)}.bless-gallery__nav--next{inset-inline-end:var(--bless-space-2)}.bless-gallery__nav:hover:not([aria-disabled]){opacity:var(--bless-hover-opacity)}.bless-gallery__nav[aria-disabled]{opacity:.2;cursor:not-allowed}.bless-gallery__nav:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-gallery__count{inset-inline-end:var(--bless-space-4);bottom:var(--bless-space-3);font-family:var(--bless-font-sans);font-size:var(--bless-text-xs);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);position:absolute}
 
@@ -171,6 +186,9 @@
 /* BlessIndicator */
 .bless-indicator{display:inline-flex;position:relative}.bless-indicator__sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.bless-indicator--block{display:block}.bless-indicator__badge{border-radius:var(--bless-radius-petal);background:var(--bless-color-accent);min-width:18px;height:18px;color:var(--bless-color-on-accent);font-family:var(--bless-font-sans);font-size:var(--bless-text-2xs);font-weight:var(--bless-font-weight-bold);transform:skewX(var(--bless-skew));pointer-events:none;place-items:center;padding:0 5px;line-height:1;display:inline-grid;position:absolute}.bless-indicator__text{transform:skewX(var(--bless-skew-counter));display:inline-block}.bless-indicator__badge--dot{width:10px;min-width:10px;height:10px;padding:0}.bless-indicator__badge--top-right{top:0;right:0;translate:40% -40%}.bless-indicator__badge--top-left{top:0;left:0;translate:-40% -40%}.bless-indicator__badge--bottom-right{bottom:0;right:0;translate:40% 40%}.bless-indicator__badge--bottom-left{bottom:0;left:0;translate:-40% 40%}.bless-indicator__badge--accent{background:var(--bless-color-accent);color:var(--bless-color-on-accent)}.bless-indicator__badge--danger{background:var(--bless-color-danger)}.bless-indicator__badge--success{background:var(--bless-color-success);color:var(--bless-color-on-light)}.bless-indicator__badge--warning{background:var(--bless-color-warning);color:var(--bless-color-on-light)}.bless-indicator__badge--info{background:var(--bless-color-info)}.bless-indicator__badge--text{background:var(--bless-color-text);color:var(--bless-color-on-text)}
 
+/* BlessInfiniteCanvas */
+.bless-canvas{box-sizing:border-box;background:var(--bless-color-surface);border:var(--bless-border-width) solid var(--bless-color-border);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;min-height:240px;font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);color:var(--bless-color-text);position:relative;overflow:hidden}.bless-canvas--grid{background-image:radial-gradient(circle, color-mix(in srgb, var(--bless-color-text-muted) 45%, transparent) 1px, transparent 1.5px)}.bless-canvas--pan{cursor:grabbing}.bless-canvas:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-canvas__layer{transform-origin:0 0;width:0;height:0;position:absolute;top:0;left:0}.bless-canvas__controls{gap:var(--bless-space-1);cursor:default;display:flex;position:absolute;inset-block-end:var(--bless-space-2);inset-inline-end:var(--bless-space-2)}.bless-canvas__live{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}
+
 /* BlessInfiniteScroll */
 .bless-infinite__sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.bless-infinite__more{margin:var(--bless-space-3) auto;display:flex}.bless-infinite__sentinel{height:1px}.bless-infinite__status{min-height:40px;color:var(--bless-color-text-muted);font-family:var(--bless-font-sans);font-size:var(--bless-text-xs);letter-spacing:var(--bless-tracking-wide);place-items:center;display:grid}
 
@@ -261,6 +279,12 @@
 /* BlessNavigationMenu */
 .bless-navmenu{font-family:var(--bless-font-sans)}.bless-navmenu__list{gap:var(--bless-space-1);margin:0;padding:0;list-style:none;display:flex}.bless-navmenu__trigger{align-items:center;gap:var(--bless-space-1);padding:var(--bless-space-2) var(--bless-space-3);color:var(--bless-color-text);font:inherit;font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold);letter-spacing:var(--bless-tracking-wide);text-transform:uppercase;cursor:pointer;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);background:0 0;border:0;text-decoration:none;display:inline-flex}.bless-navmenu__trigger:hover{opacity:var(--bless-hover-opacity)}.bless-navmenu__trigger--open{color:var(--bless-color-accent-text)}.bless-navmenu__trigger--active{box-shadow:inset 0 -2px 0 var(--bless-color-accent)}.bless-navmenu__trigger:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-navmenu__chevron{border-inline-end:2px solid;width:6px;height:6px;transition:transform var(--bless-duration-base);border-bottom:2px solid;transform:translateY(-2px)rotate(45deg)}.bless-navmenu__trigger--open .bless-navmenu__chevron{transform:translateY(1px)rotate(-135deg)}.bless-navmenu__panel{border-radius:var(--bless-radius);inset:unset;padding:var(--bless-space-3);border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);box-shadow:var(--bless-shadow-plate);min-width:280px;margin:0;position:fixed}.bless-navmenu__panel:popover-open{animation:bless-pop-in var(--bless-duration-base) var(--bless-ease-out)}.bless-navmenu__grid{gap:var(--bless-space-1);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-width:640px;margin:0;padding:0;list-style:none;display:grid}.bless-navmenu__link{padding:var(--bless-space-2) var(--bless-space-3);color:var(--bless-color-text);transition:background var(--bless-duration-fast);gap:2px;text-decoration:none;display:grid}.bless-navmenu__link:hover,.bless-navmenu__link:focus-visible{background:var(--bless-color-surface)}.bless-navmenu__link:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:-2px}.bless-navmenu__link-label{font-size:var(--bless-text-sm);font-weight:var(--bless-font-weight-bold)}.bless-navmenu__link-desc{font-size:var(--bless-text-xs);color:var(--bless-color-text-muted);line-height:var(--bless-leading-tight)}
 
+/* BlessNodeGraph */
+.bless-graph{flex-direction:column;width:100%;display:flex;position:relative}.bless-graph>.bless-canvas{flex:1}.bless-graph__edges{pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.bless-graph__edge{fill:none;stroke:var(--bless-color-text-muted);stroke-width:2px}.bless-graph__edge--sel{stroke:var(--bless-color-accent);stroke-width:3px}.bless-graph__edge--preview{stroke:var(--bless-color-accent);stroke-dasharray:6 4}.bless-graph__arrow{fill:var(--bless-color-text-muted)}.bless-graph__edge-hit{fill:none;stroke:#0000;stroke-width:14px;pointer-events:stroke;cursor:pointer}.bless-graph__node{box-sizing:border-box;padding:0 var(--bless-space-3);background:var(--bless-color-bg);border:var(--bless-border-width) solid var(--bless-color-border);cursor:grab;touch-action:none;justify-content:center;align-items:center;display:flex;position:absolute}.bless-graph__node:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-graph__node--sel{border-color:var(--bless-color-accent)}.bless-graph__node--target{outline:2px dashed var(--bless-color-accent);outline-offset:2px}.bless-graph__node--drag{cursor:grabbing}.bless-graph__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bless-graph__port{background:var(--bless-color-surface);border:var(--bless-border-width) solid var(--bless-color-text-muted);width:12px;height:12px;margin-top:-6px;position:absolute;top:50%}.bless-graph__port--in{left:-7px}.bless-graph__port--out{cursor:crosshair;touch-action:none;right:-7px}.bless-graph__port--out:hover{border-color:var(--bless-color-accent)}.bless-graph__live{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}
+
+/* BlessOnboardingChecklist */
+.bless-checklist{gap:var(--bless-space-2);box-sizing:border-box;width:min(100%,360px);padding:var(--bless-space-3);background:var(--bless-color-bg);border:var(--bless-border-width) solid var(--bless-color-border);font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);color:var(--bless-color-text);display:grid}.bless-checklist--floating{z-index:var(--bless-z-nav);box-shadow:var(--bless-shadow-plate);position:fixed;inset-block-end:var(--bless-space-4);inset-inline-end:var(--bless-space-4)}.bless-checklist__head{align-items:center;gap:var(--bless-space-2);display:flex}.bless-checklist__toggle{align-items:center;gap:var(--bless-space-2);color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;flex:1;padding:0;display:flex}.bless-checklist__toggle:focus-visible,.bless-checklist__close:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-checklist__title{font-weight:var(--bless-font-weight-bold,700)}.bless-checklist__count{color:var(--bless-color-text-muted);margin-inline-start:auto}.bless-checklist__close{padding:0 var(--bless-space-2);color:var(--bless-color-text-muted);font:inherit;font-size:var(--bless-text-lg);cursor:pointer;background:0 0;border:0;line-height:1}.bless-checklist__list{gap:var(--bless-space-2);margin:0;padding:0;list-style:none;display:grid}.bless-checklist__item{justify-content:space-between;align-items:flex-start;gap:var(--bless-space-2);display:flex}.bless-checklist__all{margin:var(--bless-space-2) 0 0;color:var(--bless-color-text);font-weight:var(--bless-font-weight-bold,700)}
+
 /* BlessOrderList */
 .bless-order{font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);color:var(--bless-color-text);position:relative}.bless-order__list{margin:0;padding:0;list-style:none}.bless-order__item{border-radius:var(--bless-radius);align-items:center;gap:var(--bless-space-2);padding:var(--bless-space-2) var(--bless-space-3);border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);cursor:grab;display:flex}.bless-order__item+.bless-order__item{margin-top:calc(-1 * var(--bless-border-width))}.bless-order__item:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:-2px;z-index:1}.bless-order__item--drag{opacity:.4}.bless-order__item--over{border-top:2px solid var(--bless-color-accent)}.bless-order__grip{color:var(--bless-color-text-muted);letter-spacing:-3px}.bless-order__body{flex:1;min-width:0}.bless-order__btns{gap:2px;display:inline-flex}.bless-order__btns button{background:var(--bless-color-surface);width:24px;height:24px;color:inherit;font:inherit;cursor:pointer;transform:skewX(var(--bless-skew));transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);border:0}.bless-order__btns button:hover:not(:disabled){opacity:var(--bless-hover-opacity)}.bless-order__btns button:disabled{opacity:.3;cursor:not-allowed}.bless-order__btns button:focus-visible{outline:2px solid var(--bless-color-accent)}.bless-order__live{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}
 
@@ -315,12 +339,18 @@
 /* BlessRange */
 .bless-range{font-family:var(--bless-font-sans);color:var(--bless-color-text);display:block}.bless-range__head{margin-bottom:var(--bless-space-1);font-size:var(--bless-text-xs);letter-spacing:var(--bless-tracking-wide);justify-content:space-between;display:flex}.bless-range__label{font-weight:var(--bless-font-weight-bold);text-transform:uppercase}.bless-range__value{color:var(--bless-color-text-muted);font-variant-numeric:tabular-nums}.bless-range__track{border-radius:var(--bless-radius);height:24px;position:relative}.bless-range__track:before{content:"";top:10px;background:var(--bless-color-surface);height:4px;transform:skewX(var(--bless-skew));position:absolute;inset-inline:0}.bless-range__fill{top:10px;background:var(--bless-color-accent);height:4px;transform:skewX(var(--bless-skew));position:absolute;inset-inline-start:var(--_lo);inset-inline-end:calc(100% - var(--_hi))}.bless-range__input{appearance:none;pointer-events:none;background:0 0;width:100%;margin:0;position:absolute;inset:0}.bless-range__input::-webkit-slider-thumb{appearance:none;border-radius:var(--bless-radius-plate);background:var(--bless-color-text);border:2px solid var(--bless-color-bg);width:16px;height:16px;transform:skewX(var(--bless-skew));cursor:grab;pointer-events:auto}.bless-range__input::-moz-range-thumb{border-radius:var(--bless-radius-petal);background:var(--bless-color-text);border:2px solid var(--bless-color-bg);width:16px;height:16px;transform:skewX(var(--bless-skew));cursor:grab;pointer-events:auto}.bless-range__input:focus-visible{outline:0}.bless-range__input:active::-webkit-slider-thumb{background:var(--bless-color-accent)}.bless-range__input:active::-moz-range-thumb{background:var(--bless-color-accent)}.bless-range__input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-range__input:focus-visible::-moz-range-thumb{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-range--disabled{opacity:.4;pointer-events:none}
 
+/* BlessRangeCalendar */
+.bless-range{gap:var(--bless-space-2);width:max-content;max-width:100%;font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);color:var(--bless-color-text);display:grid;position:relative}.bless-range__bar,.bless-range__foot{justify-content:space-between;align-items:center;gap:var(--bless-space-2);display:flex}.bless-range__title{text-transform:capitalize}.bless-range__grid{-webkit-user-select:none;user-select:none;gap:2px;display:grid}.bless-range__row{grid-template-columns:repeat(7,40px);gap:2px;display:grid}.bless-range__head{padding:var(--bless-space-1) 0;color:var(--bless-color-text-muted);font-size:var(--bless-text-xs);text-align:center}.bless-range__day{background:var(--bless-color-bg);border:var(--bless-border-width) solid var(--bless-color-border);height:40px;color:inherit;font:inherit;cursor:pointer;touch-action:none;padding:0}.bless-range__day[aria-disabled=true]{opacity:.4;cursor:not-allowed}.bless-range__day--today{font-weight:var(--bless-font-weight-bold,700);text-decoration:underline}.bless-range__day--on{background:var(--bless-color-accent);border-color:var(--bless-color-accent);color:var(--bless-color-on-accent)}.bless-range__day--set{border-color:var(--bless-color-accent);background:color-mix(in srgb, var(--bless-color-accent) 25%, var(--bless-color-bg));color:var(--bless-color-text)}.bless-range__day--clear{border-style:dashed;border-color:var(--bless-color-danger);background:var(--bless-color-bg);color:var(--bless-color-text)}.bless-range__day:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px;z-index:1}.bless-range__live{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}
+
 /* BlessRating */
 .bless-rating{--_s:24px;font-family:var(--bless-font-sans);border:0;gap:2px;margin:0;padding:0;display:inline-flex}.bless-rating--sm{--_s:18px}.bless-rating--lg{--_s:32px}.bless-rating__legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.bless-rating__star{width:var(--_s);height:var(--_s);font-size:var(--_s);color:var(--bless-color-border);cursor:pointer;transform:skewX(var(--bless-skew));transition:color var(--bless-duration-fast), var(--bless-lean-transition);place-items:center;line-height:1;display:inline-grid;position:relative}.bless-rating__star>span{transform:skewX(var(--bless-skew-counter))}.bless-rating__star--on{color:var(--bless-color-accent-text)}.bless-rating__star--preview{color:var(--bless-color-text)}.bless-rating__input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.bless-rating__input:focus-visible+span{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-rating--readonly .bless-rating__star,.bless-rating--disabled .bless-rating__star{cursor:default;pointer-events:none}.bless-rating--disabled{opacity:.4}
 
 /* BlessResizable */
 .bless-resizable{width:100%;height:100%;min-height:0;display:flex}.bless-resizable--vertical{flex-direction:column}.bless-resizable__pane{min-width:0;min-height:0;overflow:auto}.bless-resizable__pane--a{flex:0 0 var(--_a)}.bless-resizable__pane--b{flex:1 1 0}.bless-resizable__handle{border-radius:var(--bless-radius);background:var(--bless-color-border);touch-action:none;-webkit-user-select:none;user-select:none;transition:background var(--bless-duration-base);flex:none;place-items:center;display:grid;position:relative}.bless-resizable--horizontal>.bless-resizable__handle{cursor:col-resize;width:6px}.bless-resizable--vertical>.bless-resizable__handle{cursor:row-resize;height:6px}.bless-resizable__handle:hover{background:var(--bless-color-text)}.bless-resizable--dragging>.bless-resizable__handle{background:var(--bless-color-accent)}.bless-resizable__handle:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:1px}.bless-resizable__grip{background:var(--bless-color-bg);width:2px;height:24px;transform:skewX(var(--bless-skew))}.bless-resizable--vertical .bless-resizable__grip{width:24px;height:2px}.bless-resizable--dragging{cursor:inherit}.bless-resizable--dragging .bless-resizable__pane{pointer-events:none}
 
+/* BlessScheduler */
+.bless-sched{gap:var(--bless-space-2);font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);color:var(--bless-color-text);display:grid;position:relative}.bless-sched__bar{align-items:center;gap:var(--bless-space-2);flex-wrap:wrap;display:flex}.bless-sched__title{margin-inline-start:var(--bless-space-2)}.bless-sched__add{margin-inline-start:auto}.bless-sched__scroll{border:var(--bless-border-width) solid var(--bless-color-border);max-height:560px;overflow:auto}.bless-sched__head,.bless-sched__body{grid-template-columns:56px 1fr;min-width:560px;display:grid}.bless-sched__head{z-index:3;background:var(--bless-color-bg);border-bottom:var(--bless-border-width) solid var(--bless-color-border);grid-template-columns:56px repeat(var(--_n), minmax(0, 1fr));position:sticky;top:0}.bless-sched__day{padding:var(--bless-space-1) var(--bless-space-2);text-align:center;font-weight:var(--bless-font-weight-bold,700)}.bless-sched__day--today{color:var(--bless-color-accent-text)}.bless-sched__gutter{border-inline-end:var(--bless-border-width) solid var(--bless-color-border);color:var(--bless-color-text-muted);font-size:var(--bless-text-xs);position:relative}.bless-sched__hour{position:absolute;inset-inline-end:var(--bless-space-2);translate:0 -50%}.bless-sched__cols{grid-template-columns:repeat(var(--_n), minmax(0, 1fr));background-image:repeating-linear-gradient(to bottom, var(--bless-color-border) 0 1px, transparent 1px var(--_h));outline:none;display:grid;position:relative}.bless-sched__col{border-inline-start:var(--bless-border-width) solid var(--bless-color-border);touch-action:pan-y;cursor:crosshair;position:relative}.bless-sched__event{box-sizing:border-box;padding:2px var(--bless-space-2);background:color-mix(in srgb, var(--bless-color-accent) 20%, var(--bless-color-bg));border:var(--bless-border-width) solid var(--bless-color-accent);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-inline-start-width:4px;flex-direction:column;display:flex;position:absolute;overflow:hidden}.bless-sched__event--sel{outline:2px solid var(--bless-color-text);outline-offset:1px;z-index:2}.bless-sched__event:focus-visible{outline:3px solid var(--bless-color-text);outline-offset:1px;z-index:2}.bless-sched__event--draft{pointer-events:none;border-style:dashed;left:1px;right:1px}.bless-sched__etitle{text-overflow:ellipsis;white-space:nowrap;font-weight:var(--bless-font-weight-bold,700);overflow:hidden}.bless-sched__etime{font-size:var(--bless-text-xs)}.bless-sched__foot{inset-inline:0;cursor:ns-resize;height:8px;position:absolute;bottom:0}.bless-sched__edit{align-items:center;gap:var(--bless-space-3);flex-wrap:wrap;display:flex}.bless-sched__field{align-items:center;gap:var(--bless-space-2);display:flex}.bless-sched__input{min-height:32px;padding:var(--bless-space-1) var(--bless-space-2);background:var(--bless-color-bg);border:var(--bless-border-width) solid var(--bless-color-border);color:inherit;font:inherit}.bless-sched__input:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:1px}.bless-sched__live{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}
+
 /* BlessScrollArea */
 .bless-scroll{scrollbar-width:thin;scrollbar-color:var(--bless-color-text-muted) transparent;outline:0;overflow:hidden}.bless-scroll--y{overflow-y:auto}.bless-scroll--x{overflow-x:auto}.bless-scroll--both{overflow:auto}.bless-scroll:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-scroll--fade.bless-scroll--y{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--bless-space-4), #000 calc(100% - var(--bless-space-4)), transparent);mask-image:linear-gradient(to bottom, transparent, #000 var(--bless-space-4), #000 calc(100% - var(--bless-space-4)), transparent)}.bless-scroll--fade.bless-scroll--x{-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--bless-space-4), #000 calc(100% - var(--bless-space-4)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--bless-space-4), #000 calc(100% - var(--bless-space-4)), transparent)}
 
@@ -364,7 +394,10 @@
 .bless-captcha{max-width:360px;font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);color:var(--bless-color-text);position:relative}.bless-captcha__stage{border:var(--bless-border-width) solid var(--bless-color-border);background-color:var(--bless-color-surface);background-image:conic-gradient(var(--bless-color-border) 25%, transparent 0 50%, var(--bless-color-border) 0 75%, transparent 0);-webkit-user-select:none;user-select:none;background-size:24px 24px;position:relative;overflow:hidden}.bless-captcha__gap{background:color-mix(in srgb, var(--bless-color-text) 55%, transparent);box-shadow:inset 0 0 0 2px var(--bless-color-bg);position:absolute}.bless-captcha__piece{background-color:var(--bless-color-surface);background-image:conic-gradient(var(--bless-color-border) 25%, transparent 0 50%, var(--bless-color-border) 0 75%, transparent 0);border:2px solid var(--bless-color-bg);outline:1px solid var(--bless-color-text);box-shadow:var(--bless-shadow-plate);transition:left var(--bless-duration-slow) var(--bless-ease-out);background-size:24px 24px;position:absolute}.bless-captcha__piece--drag{transition:none}.bless-captcha__track{height:40px;margin-top:var(--bless-space-2);background:var(--bless-color-surface);border:var(--bless-border-width) solid var(--bless-color-border);color:var(--bless-color-text-muted);justify-content:center;align-items:center;display:flex;position:relative}.bless-captcha__handle{background:var(--bless-color-text);width:44px;color:var(--bless-color-on-text);font:inherit;cursor:grab;touch-action:none;transition:left var(--bless-duration-slow) var(--bless-ease-out), translate var(--bless-duration-slow) var(--bless-ease-out);border:0;position:absolute;top:-1px;bottom:-1px}.bless-captcha__handle--drag{cursor:grabbing;transition:none}.bless-captcha__handle:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-captcha--ok .bless-captcha__handle{background:var(--bless-color-accent);color:var(--bless-color-on-accent);cursor:default}.bless-captcha--fail .bless-captcha__track{border-color:var(--bless-color-danger-text)}.bless-captcha__live{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.bless-captcha__piece,.bless-captcha__handle{transition:none}}
 
 /* BlessSortable */
-.bless-sortable{font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);color:var(--bless-color-text);position:relative}.bless-sortable__list{gap:var(--bless-space-2);margin:0;padding:0;list-style:none;display:grid}.bless-sortable__list--grid{grid-template-columns:repeat(var(--bless-sortable-cols), minmax(0, 1fr))}.bless-sortable__item{align-items:center;gap:var(--bless-space-2);padding:var(--bless-space-2) var(--bless-space-3);border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);display:flex}.bless-sortable__item--drag{opacity:.4}.bless-sortable__item--held{border-color:var(--bless-color-accent)}.bless-sortable__item--before{box-shadow:inset 0 2px 0 var(--bless-color-accent)}.bless-sortable__item--after{box-shadow:inset 0 -2px 0 var(--bless-color-accent)}.bless-sortable__list--grid .bless-sortable__item--before{box-shadow:inset 2px 0 0 var(--bless-color-accent)}.bless-sortable__list--grid .bless-sortable__item--after,[dir=rtl] .bless-sortable__list--grid .bless-sortable__item--before{box-shadow:inset -2px 0 0 var(--bless-color-accent)}[dir=rtl] .bless-sortable__list--grid .bless-sortable__item--after{box-shadow:inset 2px 0 0 var(--bless-color-accent)}.bless-sortable__grip{padding:var(--bless-space-1) var(--bless-space-2);color:var(--bless-color-text-muted);font:inherit;letter-spacing:-3px;cursor:grab;touch-action:none;background:0 0;border:0;flex:none}.bless-sortable__grip:active{cursor:grabbing}.bless-sortable__grip:focus-visible{outline:2px solid var(--bless-color-accent)}.bless-sortable__body{flex:1;min-width:0}.bless-sortable__live{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}
+.bless-sortable{font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);color:var(--bless-color-text);position:relative}.bless-sortable--group{min-height:3rem}.bless-sortable--receiving{outline:2px dashed var(--bless-color-accent);outline-offset:-2px}.bless-sortable__list{gap:var(--bless-space-2);margin:0;padding:0;list-style:none;display:grid}.bless-sortable__list--grid{grid-template-columns:repeat(var(--bless-sortable-cols), minmax(0, 1fr))}.bless-sortable__item{align-items:center;gap:var(--bless-space-2);padding:var(--bless-space-2) var(--bless-space-3);border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);display:flex}.bless-sortable__item--drag{opacity:.4}.bless-sortable__item--held{border-color:var(--bless-color-accent)}.bless-sortable__item--before{box-shadow:inset 0 2px 0 var(--bless-color-accent)}.bless-sortable__item--after{box-shadow:inset 0 -2px 0 var(--bless-color-accent)}.bless-sortable__list--grid .bless-sortable__item--before{box-shadow:inset 2px 0 0 var(--bless-color-accent)}.bless-sortable__list--grid .bless-sortable__item--after,[dir=rtl] .bless-sortable__list--grid .bless-sortable__item--before{box-shadow:inset -2px 0 0 var(--bless-color-accent)}[dir=rtl] .bless-sortable__list--grid .bless-sortable__item--after{box-shadow:inset 2px 0 0 var(--bless-color-accent)}.bless-sortable__grip{padding:var(--bless-space-1) var(--bless-space-2);color:var(--bless-color-text-muted);font:inherit;letter-spacing:-3px;cursor:grab;touch-action:none;background:0 0;border:0;flex:none}.bless-sortable__grip:active{cursor:grabbing}.bless-sortable__grip:focus-visible{outline:2px solid var(--bless-color-accent)}.bless-sortable__body{flex:1;min-width:0}.bless-sortable__live{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}
+
+/* BlessSparkline */
+.bless-sparkline{vertical-align:middle;color:var(--_c);display:inline-block;overflow:visible}.bless-sparkline__line{fill:none;stroke:var(--_c);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}.bless-sparkline__area{fill:color-mix(in srgb, var(--_c) 18%, transparent)}.bless-sparkline__dot,.bless-sparkline__bar{fill:var(--_c)}.bless-sparkline__bar--neg{fill:var(--_n)}.bless-sparkline__mid{stroke:var(--bless-color-border);stroke-width:1px}
 
 /* BlessSpeedDial */
 .bless-speed-dial{right:var(--bless-space-6);bottom:var(--bless-space-6);z-index:var(--bless-z-nav);align-items:center;gap:var(--bless-space-2);font-family:var(--bless-font-sans);flex-direction:column-reverse;display:inline-flex;position:fixed}.bless-speed-dial--inline{position:relative;bottom:auto;right:auto}.bless-speed-dial--down{flex-direction:column}.bless-speed-dial--left{flex-direction:row-reverse}.bless-speed-dial--right{flex-direction:row}.bless-speed-dial__fab{border-radius:var(--bless-radius-petal);width:48px;height:48px;color:var(--bless-color-on-accent);font:inherit;font-size:var(--bless-text-lg);cursor:pointer;box-shadow:var(--bless-shadow-plate);transform:skewX(var(--bless-skew));transition:opacity var(--bless-duration-slow), var(--bless-lean-transition);border:0;place-items:center;display:inline-grid}.bless-speed-dial__fab--accent{background:var(--bless-color-accent)}.bless-speed-dial__fab--text{background:var(--bless-color-text);color:var(--bless-color-on-text)}.bless-speed-dial__fab[aria-expanded=true]:not(.bless-speed-dial__fab--danger){background:var(--bless-color-accent);color:var(--bless-color-on-accent)}.bless-speed-dial__fab:hover{opacity:var(--bless-hover-opacity)}.bless-speed-dial__fab:focus-visible,.bless-speed-dial__action:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:2px}.bless-speed-dial__plus{transform:skewX(var(--bless-skew-counter));transition:transform var(--bless-duration-base);display:inline-block}.bless-speed-dial--open .bless-speed-dial__plus{transform:skewX(var(--bless-skew-counter)) rotate(45deg)}.bless-speed-dial__list{flex-direction:inherit;align-items:center;gap:var(--bless-space-2);display:flex}.bless-speed-dial__action{border:var(--bless-border-width) solid var(--bless-color-border);background:var(--bless-color-bg);width:36px;height:36px;color:var(--bless-color-text);font:inherit;cursor:pointer;opacity:0;transform:skewX(var(--bless-skew)) scale(.6);transition:opacity var(--bless-duration-base) var(--bless-ease-out), transform var(--bless-duration-base) var(--bless-ease-out), var(--bless-lean-transition);transition-delay:calc(var(--_i) * 30ms);place-items:center;display:inline-grid;position:relative}.bless-speed-dial__action>span:first-child{transform:skewX(var(--bless-skew-counter))}.bless-speed-dial--open .bless-speed-dial__action{opacity:1;transform:skewX(var(--bless-skew)) scale(1)}.bless-speed-dial__action--accent{color:var(--bless-color-accent-text)}.bless-speed-dial__action--danger{color:var(--bless-color-danger-text)}.bless-speed-dial__tip{right:calc(100% + var(--bless-space-2));padding:2px var(--bless-space-2);background:var(--bless-color-text);color:var(--bless-color-on-text);font-size:var(--bless-text-2xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--bless-duration-fast);position:absolute}.bless-speed-dial--left .bless-speed-dial__tip,.bless-speed-dial--right .bless-speed-dial__tip{right:auto;bottom:calc(100% + var(--bless-space-1))}.bless-speed-dial__action:hover .bless-speed-dial__tip,.bless-speed-dial__action:focus-visible .bless-speed-dial__tip{opacity:1}@media (prefers-reduced-motion:reduce){.bless-speed-dial__action{transition-delay:0s}}
@@ -456,6 +489,9 @@
 /* BlessTreeTable */
 .bless-treetable__cell{align-items:center;gap:var(--bless-space-1);padding-inline-start:calc(var(--_d,0) * var(--bless-space-6));display:inline-flex}.bless-treetable__toggle,.bless-treetable__spacer{flex:none;place-items:center;width:24px;height:24px;display:inline-grid}.bless-treetable__toggle{color:var(--bless-color-text-muted);font:inherit;font-size:var(--bless-text-md);cursor:pointer;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out), var(--bless-lean-transition);background:0 0;border:0}.bless-treetable__toggle:hover{opacity:var(--bless-hover-opacity)}.bless-treetable__toggle>span{transition:transform var(--bless-duration-base);display:inline-block}[dir=rtl] .bless-treetable__toggle>span{transform:rotate(180deg)}.bless-treetable__toggle[aria-expanded=true]>span{transform:rotate(90deg)}.bless-treetable__toggle:focus-visible{outline:2px solid var(--bless-color-accent)}
 
+/* BlessTreemap */
+.bless-treemap{gap:var(--bless-space-2);width:100%;font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);color:var(--bless-color-text);flex-direction:column;display:flex}.bless-treemap__path{align-items:center;gap:var(--bless-space-2);display:flex}.bless-treemap__crumb{color:var(--bless-color-accent-text);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.bless-treemap__here{font-weight:var(--bless-font-weight-bold,700)}.bless-treemap__box{position:relative;overflow:hidden}.bless-treemap__tile{box-sizing:border-box;padding:var(--bless-space-2);border:1px solid var(--bless-color-bg);background:color-mix(in srgb, var(--_c) 24%, var(--bless-color-surface));color:var(--bless-color-text);font:inherit;text-align:start;cursor:default;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2px;margin:0;display:flex;position:absolute;overflow:hidden}.bless-treemap__tile--group{cursor:pointer;box-shadow:inset 3px 0 0 var(--_c)}.bless-treemap__tile:hover{background:color-mix(in srgb, var(--_c) 38%, var(--bless-color-surface))}.bless-treemap__tile:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:-2px;z-index:1}.bless-treemap__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:var(--bless-font-weight-bold,700);overflow:hidden}.bless-treemap__value{font-size:var(--bless-text-xs)}
+
 /* BlessUploader */
 .bless-uploader__live{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.bless-uploader{gap:var(--bless-space-2);font-family:var(--bless-font-sans);color:var(--bless-color-text);flex-direction:column;display:flex}.bless-uploader__list{margin:0;padding:0;list-style:none}.bless-uploader__item{border-radius:var(--bless-radius);align-items:center;gap:2px var(--bless-space-2);padding:var(--bless-space-2) 0;border-bottom:var(--bless-border-width) solid var(--bless-color-border);font-size:var(--bless-text-sm);grid-template-columns:1fr auto 24px;display:grid}.bless-uploader__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bless-uploader__meta{font-size:var(--bless-text-xs);color:var(--bless-color-text-muted);font-variant-numeric:tabular-nums}.bless-uploader__item--done .bless-uploader__meta{color:var(--bless-color-text)}.bless-uploader__item--error .bless-uploader__meta{color:var(--bless-color-danger-text)}.bless-uploader__item--cancelled{opacity:.5}.bless-uploader__bar{grid-column:1/-1}.bless-uploader__x{min-width:24px;min-height:24px;color:var(--bless-color-text-muted);font:inherit;font-size:var(--bless-text-md);cursor:pointer;transition:opacity var(--bless-duration-slow) var(--bless-ease-in-out);background:0 0;border:0}.bless-uploader__x:hover{opacity:var(--bless-hover-opacity)}.bless-uploader__actions{justify-content:flex-end;gap:var(--bless-space-2);display:flex}
 

package/dist/components/BlessAnnotator.css

@@ -0,0 +1 @@
+.bless-annot{gap:var(--bless-space-2);font-family:var(--bless-font-sans);font-size:var(--bless-text-sm);color:var(--bless-color-text);display:grid;position:relative}.bless-annot__bar{gap:var(--bless-space-1);flex-wrap:wrap;display:flex}.bless-annot__stage{-webkit-user-select:none;user-select:none;touch-action:none;cursor:crosshair;outline:none;line-height:0;position:relative}.bless-annot__stage--select,.bless-annot__stage--ro{cursor:default}.bless-annot__img{pointer-events:none;width:100%;height:auto;display:block}.bless-annot__mark{box-sizing:border-box;cursor:move;line-height:1;position:absolute}.bless-annot__mark--box{border:2px solid var(--bless-color-accent);background:color-mix(in srgb, var(--bless-color-accent) 14%, transparent)}.bless-annot__mark--pin{background:var(--bless-color-accent);border:2px solid var(--bless-color-bg);width:20px;height:20px;margin:-10px 0 0 -10px}.bless-annot__mark--sel{outline:2px solid var(--bless-color-text);outline-offset:2px}.bless-annot__mark:focus-visible{outline:3px solid var(--bless-color-text);outline-offset:2px}.bless-annot__mark--draft{pointer-events:none;border-style:dashed}.bless-annot__num{background:var(--bless-color-accent);min-width:18px;color:var(--bless-color-on-accent);font-size:var(--bless-text-xs);text-align:center;padding:2px 4px;position:absolute;top:-2px;left:-2px}.bless-annot__mark--pin .bless-annot__num{background:0 0;padding:0;line-height:16px;display:block;position:static}.bless-annot__handle{background:var(--bless-color-bg);border:2px solid var(--bless-color-accent);cursor:nwse-resize;width:14px;height:14px;position:absolute;bottom:-7px;right:-7px}.bless-annot__field{align-items:center;gap:var(--bless-space-2);display:flex}.bless-annot__input{min-height:32px;padding:var(--bless-space-1) var(--bless-space-2);background:var(--bless-color-bg);border:var(--bless-border-width) solid var(--bless-color-border);color:inherit;font:inherit;flex:1}.bless-annot__input:focus-visible,.bless-annot__item:focus-visible{outline:2px solid var(--bless-color-accent);outline-offset:1px}.bless-annot__list{gap:var(--bless-space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.bless-annot__item{padding:2px var(--bless-space-2);background:var(--bless-color-surface);border:var(--bless-border-width) solid var(--bless-color-border);color:inherit;font:inherit;cursor:pointer}.bless-annot__item[aria-pressed=true]{border-color:var(--bless-color-accent)}.bless-annot__live{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}

package/dist/components/BlessAnnotator.js

@@ -0,0 +1,6 @@
+import "./BlessAnnotator.css";
+import e from "./BlessAnnotator.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/BlessAnnotator.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/BlessAnnotator.vue.d.ts

@@ -0,0 +1,71 @@
+import { Region } from '../composables/annotate';
+export type { Region as BlessRegion } from '../composables/annotate';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<{
+    src: string;
+    alt?: string;
+    /** off: the marks are shown and selected, nothing is drawn, moved or removed */
+    editable?: boolean;
+    label?: string;
+    labels?: Partial<{
+        tools: string;
+        select: string;
+        box: string;
+        pin: string;
+        add: string;
+        remove: string;
+        name: string;
+        regions: string;
+        regionName: (kind: "box" | "pin", n: number, label: string) => string;
+        added: (name: string) => string;
+        removed: (name: string) => string;
+        moved: (x: number, y: number) => string;
+        hint: string;
+    }>;
+} & {
+    /** the marks, as fractions of the image */
+    modelValue?: Region[];
+    selected?: string | null;
+    /** what a drag or click on the empty image does */
+    tool?: "select" | "box" | "pin";
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: Region[]) => any;
+    "update:selected": (value: string | null) => any;
+    "update:tool": (value: "select" | "box" | "pin") => any;
+}, string, import('vue').PublicProps, Readonly<{
+    src: string;
+    alt?: string;
+    /** off: the marks are shown and selected, nothing is drawn, moved or removed */
+    editable?: boolean;
+    label?: string;
+    labels?: Partial<{
+        tools: string;
+        select: string;
+        box: string;
+        pin: string;
+        add: string;
+        remove: string;
+        name: string;
+        regions: string;
+        regionName: (kind: "box" | "pin", n: number, label: string) => string;
+        added: (name: string) => string;
+        removed: (name: string) => string;
+        moved: (x: number, y: number) => string;
+        hint: string;
+    }>;
+} & {
+    /** the marks, as fractions of the image */
+    modelValue?: Region[];
+    selected?: string | null;
+    /** what a drag or click on the empty image does */
+    tool?: "select" | "box" | "pin";
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Region[]) => any) | undefined;
+    "onUpdate:selected"?: ((value: string | null) => any) | undefined;
+    "onUpdate:tool"?: ((value: "select" | "box" | "pin") => any) | undefined;
+}>, {
+    label: string;
+    alt: string;
+    editable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/dist/components/BlessAnnotator.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,264 @@
+import e from "./BlessButton.js";
+import { boxFrom as t, isBox as n, moveRegion as r, nextId as i, resizeRegion as a } from "../composables/annotate.js";
+import { Fragment as o, computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, mergeModels as m, nextTick as h, normalizeClass as g, normalizeStyle as _, openBlock as v, ref as y, renderList as b, toDisplayString as x, unref as S, useId as C, useModel as w, withCtx as T } from "vue";
+//#region src/components/BlessAnnotator.vue?vue&type=script&setup=true&lang.ts
+var E = { class: "bless-annot" }, D = ["aria-label"], O = ["aria-label"], k = ["src", "alt"], A = [
+	"data-region",
+	"aria-pressed",
+	"aria-label",
+	"tabindex",
+	"onPointerdown",
+	"onKeydown",
+	"onFocus"
+], ee = {
+	class: "bless-annot__num",
+	"aria-hidden": "true"
+}, te = ["onPointerdown"], ne = {
+	key: 1,
+	class: "bless-annot__edit"
+}, re = { class: "bless-annot__field" }, ie = ["value"], ae = ["aria-label"], j = ["aria-pressed", "onClick"], M = {
+	class: "bless-annot__live",
+	"aria-live": "polite"
+}, N = /*@__PURE__*/ p({
+	name: "BlessAnnotator",
+	__name: "BlessAnnotator",
+	props: /*@__PURE__*/ m({
+		src: {},
+		alt: { default: "" },
+		editable: {
+			type: Boolean,
+			default: !0
+		},
+		label: { default: "Annotated image" },
+		labels: {}
+	}, {
+		modelValue: { default: () => [] },
+		modelModifiers: {},
+		selected: { default: null },
+		selectedModifiers: {},
+		tool: { default: "box" },
+		toolModifiers: {}
+	}),
+	emits: [
+		"update:modelValue",
+		"update:selected",
+		"update:tool"
+	],
+	setup(p) {
+		let m = p, N = w(p, "modelValue"), P = w(p, "selected"), F = w(p, "tool"), I = s(() => ({
+			tools: "Tools",
+			select: "Select",
+			box: "Box",
+			pin: "Pin",
+			add: "Add at centre",
+			remove: "Remove",
+			name: "Name",
+			regions: "Marks",
+			regionName: (e, t, n) => `${e === "box" ? I.value.box : I.value.pin} ${t}${n ? `: ${n}` : ""}`,
+			added: (e) => `${e} added`,
+			removed: (e) => `${e} removed`,
+			moved: (e, t) => `${e}% across, ${t}% down`,
+			hint: "Arrow keys move the mark, Alt with arrows resizes a box, Delete removes it.",
+			...m.labels
+		})), L = `${C()}-hint`, R = y(), z = y(), B = y(""), V = (e) => I.value.regionName(n(e) ? "box" : "pin", N.value.indexOf(e) + 1, e.label), H = s(() => N.value.find((e) => e.id === P.value)), U = (e) => `${e * 100}%`, W = (e) => ({
+			left: U(e.x),
+			top: U(e.y),
+			...n(e) ? {
+				width: U(e.w),
+				height: U(e.h)
+			} : {}
+		}), G = (e) => {
+			let t = R.value.getBoundingClientRect();
+			return {
+				x: Math.min(1, Math.max(0, (e.clientX - t.left) / (t.width || 1))),
+				y: Math.min(1, Math.max(0, (e.clientY - t.top) / (t.height || 1)))
+			};
+		}, K = (e) => N.value = N.value.map((t) => t.id === e.id ? e : t);
+		function q(e) {
+			let t = {
+				id: i(N.value),
+				label: "",
+				...e
+			}, r = [...N.value, t];
+			N.value = r, P.value = t.id, B.value = I.value.added(I.value.regionName(n(t) ? "box" : "pin", r.length, "")), h(() => z.value?.focus());
+		}
+		function oe() {
+			F.value === "pin" ? q({
+				x: .5,
+				y: .5
+			}) : q({
+				x: .35,
+				y: .35,
+				w: .3,
+				h: .3
+			});
+		}
+		function J(e) {
+			let t = V(e), n = N.value.indexOf(e), r = N.value.filter((t) => t !== e);
+			N.value = r, P.value = r[Math.min(n, r.length - 1)]?.id ?? null, B.value = I.value.removed(t), h(() => P.value ? Y(P.value) : R.value?.focus());
+		}
+		let Y = (e) => R.value?.querySelector(`[data-region="${CSS.escape(e)}"]`)?.focus(), X = null, Z = y(null);
+		function se(e) {
+			if (e.button || e.target.closest("[data-region]") || (P.value = null, !m.editable || F.value === "select")) return;
+			let n = G(e);
+			if (F.value === "pin") return q({
+				x: n.x,
+				y: n.y
+			});
+			R.value.setPointerCapture?.(e.pointerId), X = {
+				kind: "draw",
+				from: n
+			}, Z.value = t(n, n);
+		}
+		function Q(e, t, n) {
+			t.button || (t.stopPropagation(), P.value = e.id, m.editable && (R.value.setPointerCapture?.(t.pointerId), X = {
+				kind: n,
+				r: e,
+				from: G(t)
+			}));
+		}
+		function ce(e) {
+			if (!X) return;
+			let n = G(e);
+			X.kind === "draw" ? Z.value = t(X.from, n) : X.kind === "move" ? K(r(X.r, n.x - X.from.x, n.y - X.from.y)) : K(a(X.r, n.x - X.from.x, n.y - X.from.y));
+		}
+		function $() {
+			let e = Z.value, t = X;
+			X = null, Z.value = null, t?.kind === "draw" && e && e.w >= .02 && e.h >= .02 && q(e);
+		}
+		function le(e, t) {
+			if (t.target.closest("input")) return;
+			let n = {
+				ArrowLeft: [-1, 0],
+				ArrowRight: [1, 0],
+				ArrowUp: [0, -1],
+				ArrowDown: [0, 1]
+			}[t.key];
+			if (n && m.editable) {
+				t.preventDefault();
+				let i = t.shiftKey ? .05 : .01, o = t.altKey ? a(e, n[0] * i, n[1] * i) : r(e, n[0] * i, n[1] * i);
+				K(o), B.value = I.value.moved(Math.round(o.x * 100), Math.round(o.y * 100));
+			} else (t.key === "Delete" || t.key === "Backspace") && m.editable ? (t.preventDefault(), J(e)) : (t.key === "Enter" || t.key === " ") && (t.preventDefault(), P.value = e.id, h(() => z.value?.focus()));
+		}
+		let ue = s(() => P.value ?? N.value[0]?.id), de = (e) => H.value && K({
+			...H.value,
+			label: e
+		});
+		return (t, r) => (v(), l("div", E, [
+			p.editable ? (v(), l("div", {
+				key: 0,
+				class: "bless-annot__bar",
+				role: "toolbar",
+				"aria-label": I.value.tools
+			}, [
+				(v(), l(o, null, b([
+					"select",
+					"box",
+					"pin"
+				], (t) => f(e, {
+					key: t,
+					size: "sm",
+					variant: F.value === t ? "solid" : "outline",
+					"aria-pressed": F.value === t,
+					onClick: (e) => F.value = t
+				}, {
+					default: T(() => [d(x(I.value[t]), 1)]),
+					_: 2
+				}, 1032, [
+					"variant",
+					"aria-pressed",
+					"onClick"
+				])), 64)),
+				f(e, {
+					size: "sm",
+					variant: "ghost",
+					onClick: oe
+				}, {
+					default: T(() => [d(x(I.value.add), 1)]),
+					_: 1
+				}),
+				f(e, {
+					size: "sm",
+					variant: "ghost",
+					disabled: !H.value,
+					onClick: r[0] ||= (e) => H.value && J(H.value)
+				}, {
+					default: T(() => [d(x(I.value.remove), 1)]),
+					_: 1
+				}, 8, ["disabled"])
+			], 8, D)) : c("", !0),
+			u("div", {
+				ref_key: "stage",
+				ref: R,
+				class: g(["bless-annot__stage", [`bless-annot__stage--${F.value}`, { "bless-annot__stage--ro": !p.editable }]]),
+				role: "group",
+				"aria-label": p.label,
+				"aria-describedby": L,
+				tabindex: "-1",
+				onPointerdown: se,
+				onPointermove: ce,
+				onPointerup: $,
+				onPointercancel: $
+			}, [
+				u("img", {
+					class: "bless-annot__img",
+					src: p.src,
+					alt: p.alt,
+					draggable: "false"
+				}, null, 8, k),
+				(v(!0), l(o, null, b(N.value, (e, t) => (v(), l("div", {
+					key: e.id,
+					class: g(["bless-annot__mark", [S(n)(e) ? "bless-annot__mark--box" : "bless-annot__mark--pin", { "bless-annot__mark--sel": P.value === e.id }]]),
+					style: _(W(e)),
+					"data-region": e.id,
+					role: "button",
+					"aria-pressed": P.value === e.id,
+					"aria-label": V(e),
+					tabindex: ue.value === e.id ? 0 : -1,
+					onPointerdown: (t) => Q(e, t, "move"),
+					onKeydown: (t) => le(e, t),
+					onFocus: (t) => P.value = e.id
+				}, [u("span", ee, x(t + 1), 1), p.editable && S(n)(e) && P.value === e.id ? (v(), l("span", {
+					key: 0,
+					class: "bless-annot__handle",
+					"aria-hidden": "true",
+					onPointerdown: (t) => Q(e, t, "size")
+				}, null, 40, te)) : c("", !0)], 46, A))), 128)),
+				Z.value ? (v(), l("div", {
+					key: 0,
+					class: "bless-annot__mark bless-annot__mark--box bless-annot__mark--draft",
+					style: _(W({
+						id: "",
+						label: "",
+						...Z.value
+					}))
+				}, null, 4)) : c("", !0)
+			], 42, O),
+			H.value && p.editable ? (v(), l("div", ne, [u("label", re, [u("span", null, x(I.value.name), 1), u("input", {
+				ref_key: "nameInput",
+				ref: z,
+				class: "bless-annot__input",
+				type: "text",
+				value: H.value.label,
+				onInput: r[1] ||= (e) => de(e.target.value)
+			}, null, 40, ie)])])) : c("", !0),
+			N.value.length ? (v(), l("ol", {
+				key: 2,
+				class: "bless-annot__list",
+				"aria-label": I.value.regions
+			}, [(v(!0), l(o, null, b(N.value, (e) => (v(), l("li", { key: e.id }, [u("button", {
+				type: "button",
+				class: "bless-annot__item",
+				"aria-pressed": P.value === e.id,
+				onClick: (t) => (P.value = e.id, Y(e.id))
+			}, x(V(e)), 9, j)]))), 128))], 8, ae)) : c("", !0),
+			u("span", {
+				id: L,
+				hidden: ""
+			}, x(I.value.hint), 1),
+			u("span", M, x(B.value), 1)
+		]));
+	}
+});
+//#endregion
+export { N as default };

package/dist/components/BlessAttachment.vue.d.ts

@@ -12,6 +12,8 @@ type __VLS_Props = {
     size?: "sm" | "md";
     removable?: boolean;
     removeLabel?: string;
+    /** shown for `state="error"` */
+    errorText?: string;
 };
 declare var __VLS_1: {}, __VLS_8: {}, __VLS_15: {};
 type __VLS_Slots = {} & {
@@ -27,8 +29,9 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {},
     onRemove?: (() => any) | undefined;
 }>, {
     size: "sm" | "md";
-    state: "idle" | "uploading" | "error";
     removeLabel: string;
+    state: "idle" | "uploading" | "error";
+    errorText: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/BlessAttachment.vue_vue_type_script_setup_true_lang.js

@@ -26,7 +26,8 @@ var p = ["aria-busy"], m = { class: "bless-attachment__media" }, h = ["src"], g
 		progress: {},
 		size: { default: "md" },
 		removable: { type: Boolean },
-		removeLabel: { default: "Remove" }
+		removeLabel: { default: "Remove" },
+		errorText: { default: "Upload failed" }
 	},
 	emits: ["remove"],
 	setup(c, { emit: C }) {
@@ -56,7 +57,7 @@ var p = ["aria-busy"], m = { class: "bless-attachment__media" }, h = ["src"], g
 					href: c.href,
 					class: "bless-attachment__name bless-attachment__link"
 				}, f(c.name), 9, v)) : (u(), a("span", y, f(c.name), 1)),
-				c.description || c.state === "error" ? (u(), a("span", b, [d(n.$slots, "description", {}, () => [s(f(c.state === "error" ? "Upload failed" : c.description), 1)])])) : i("", !0),
+				c.description || c.state === "error" ? (u(), a("span", b, [d(n.$slots, "description", {}, () => [s(f(c.state === "error" ? c.errorText : c.description), 1)])])) : i("", !0),
 				c.state === "uploading" && c.progress != null ? (u(), r(t, {
 					key: 3,
 					value: c.progress,

package/dist/components/BlessCalendar.vue.d.ts

@@ -9,6 +9,10 @@ type __VLS_Props = {
     disabledDates?: (iso: string) => boolean;
     /** month shown initially (YYYY-MM); defaults to model or today */
     month?: string;
+    labels?: Partial<{
+        prev: string;
+        next: string;
+    }>;
 };
 type __VLS_ModelProps = {
     modelValue?: string | [string, string] | undefined;