@shineuix/ssr 0.0.0-stage → 1.0.0

package/dist/components/sui-tree.js

@@ -0,0 +1 @@
+import{p as e,H as i,c as s,h as r,t}from"./p-CeVlau-G.js";import{u as o}from"./p-U06fVoGD.js";import{P as a,a as n}from"./p-D0KZcTn9.js";import{i as u,a as l}from"./p-Cs2X0Kih.js";import{G as d,a as c,q as p,k as h,z as f,af as g}from"./p-DdsE4HI6.js";import{l as v,a as x}from"./p-BuyjS5bS.js";import{i as b}from"./p-GAnFXayY.js";import{d as m}from"./p-BHB1Wprj.js";const k=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.suiExpandedChange=s(this,"suiExpandedChange",3),this.suiSelectionChange=s(this,"suiSelectionChange",3),this.suiLoad=s(this,"suiLoad",7),this.suiNodesChange=s(this,"suiNodesChange",3)}get host(){return this}nodes=[];expanded=[];selectionMode="single";selection=[];filter=!1;dragDrop=!1;loading=!1;loadingMessage;emptyMessage;emptyFilterMessage;suiExpandedChange;suiSelectionChange;suiLoad;suiNodesChange;query="";activeKey;dragKey;overKey;overZone;live="";hostLabel;hostLabelledby;stopHostLabel;stopHostLabelledby;fieldId=o("sui-tree");pendingFocus=!1;itemEls=new Map;matchCache;connectedCallback(){m(this.host,(()=>this.itemEl(this.tabKey(this.flat())))),this.stopHostLabel?.(),this.stopHostLabel=u(this.host,(e=>{this.hostLabel=e})),this.stopHostLabelledby?.(),this.stopHostLabelledby=l(this.host,(e=>{this.hostLabelledby=e}))}disconnectedCallback(){this.stopHostLabel?.(),this.stopHostLabel=void 0,this.stopHostLabelledby?.(),this.stopHostLabelledby=void 0}componentDidRender(){if(!this.pendingFocus)return;this.pendingFocus=!1;const e=this.itemEl(this.activeKey);e?.focus()}async setFocus(){const e=this.tabKey(this.flat());null!=e&&(this.activeKey=e,this.itemEl(e)?.focus())}tabKey(e){return e.some((e=>e.n.key===this.activeKey))?this.activeKey:e[0]?.n.key}itemEl(e){return null==e?void 0:this.itemEls.get(e)}keyFromRow(e){const i=e.getAttribute("data-key");for(const[s,r]of this.itemEls)if(r===e||s+""===i)return s}matchingKeys(){const e=this.query.trim().toLowerCase();if(!e)return null;const i=this.nodes||[],s=this.matchCache;if(s&&s.q===e&&s.nodes===i)return s.keys;const r=new Set,t=i=>{let s=!1;return i.forEach((i=>{(t(i.children||[])||i.label.toLowerCase().includes(e))&&(r.add(i.key),s=!0)})),s};return t(i),this.matchCache={q:e,nodes:i,keys:r},r}match=e=>{const i=this.matchingKeys();return!i||i.has(e.key)};isBranch(e){return(e.children||[]).length>0||!1===e.leaf}isOpen(e){const i=e.children||[];return(this.expanded||[]).includes(e.key)||!!this.query.trim()&&i.some(this.match)}flat(){const e=[],i=(s,r,t)=>{s.filter(this.match).forEach((s=>{const o=s.children||[],a=this.isBranch(s)&&this.isOpen(s);e.push({n:s,depth:r,parent:t,hasKids:this.isBranch(s),open:a}),a&&i(o,r+1,s.key)}))};return i(this.nodes||[],0),e}filtered(){const e=[],i=s=>{s.filter(this.match).forEach((s=>{e.push(s),i(s.children||[])}))};return i(this.nodes||[]),e}toggleExpand(e){const i=this.expanded||[],s=!i.includes(e);this.expanded=s?i.concat([e]):i.filter((i=>i!==e)),this.suiExpandedChange.emit(this.expanded),s&&this.askForChildren(e)}askForChildren(e){const i=this.find(this.nodes||[],e);!i||!1!==i.leaf||(i.children||[]).length>0||i.loading||this.suiLoad.emit(i)}toggleSelect(e){if("single"===this.selectionMode){if((this.selection||[])[0]===e&&1===(this.selection||[]).length)return;this.selection=[e]}else{if("checkbox"!==this.selectionMode)return;{const i=this.selection||[];this.selection=i.includes(e)?i.filter((i=>i!==e)):i.concat([e])}}this.suiSelectionChange.emit(this.selection)}toggleAll=()=>{const e=this.filtered().map((e=>e.key));if(!e.length)return;const i=this.selection||[],s=e.every((e=>i.includes(e)));this.selection=s?i.filter((i=>!e.includes(i))):i.concat(e.filter((e=>!i.includes(e)))),this.suiSelectionChange.emit(this.selection)};onClick=e=>{const i=e.target,s=i.closest('[role="treeitem"]');if(!s)return;const r=this.keyFromRow(s);if(null==r)return;this.activeKey=r;const t=i.closest("[data-act]"),o=t&&t.closest('[role="treeitem"]')===s?t.getAttribute("data-act"):null;"expand"!==o?"check"!==o?"single"===this.selectionMode&&this.toggleSelect(r):this.toggleSelect(r):s.hasAttribute("aria-expanded")&&this.toggleExpand(r)};focusAt(e,i){i<0||i>=e.length||(this.activeKey=e[i].n.key,this.pendingFocus=!0)}find(e,i){for(const s of e){if(s.key===i)return s;const e=this.find(s.children||[],i);if(e)return e}}holds(e,i){return(e.children||[]).some((e=>e.key===i||this.holds(e,i)))}placeOf(e){const i=(s,r)=>{const t=s.findIndex((i=>i.key===e));if(t>=0)return{list:s,idx:t,parent:r};for(const e of s){const s=i(e.children||[],e.key);if(s)return s}};return i(this.nodes||[])}detach(e,i){return e.filter((e=>e.key!==i)).map((e=>(e.children||[]).length?{...e,children:this.detach(e.children,i)}:e))}insert(e,i,s,r){const t=[];return e.forEach((e=>{const o=e.key===i;o&&"before"===s&&t.push(r),t.push(o&&"inside"===s?{...e,children:(e.children||[]).concat([r])}:(e.children||[]).length?{...e,children:this.insert(e.children,i,s,r)}:e),o&&"after"===s&&t.push(r)})),t}moveNode(e,i,s){if(!this.dragDrop||e===i)return;const r=this.find(this.nodes||[],e);if(!r||this.holds(r,i))return;const t="inside"===s?i:this.placeOf(i)?.parent,o=this.insert(this.detach(this.nodes||[],e),i,s,r);this.nodes=o,this.activeKey=e,this.pendingFocus=!0,"inside"!==s||(this.expanded||[]).includes(i)||this.toggleExpand(i),this.suiNodesChange.emit(o);const a=null!=t?this.find(o,t)?.label:null;this.live=a?v(void 0,"tree.movedInto",void 0,"{item} moved into {parent}.",{item:r.label,parent:a}):v(void 0,"tree.movedToTop",void 0,"{item} moved to the top level.",{item:r.label})}moveByKey(e,i){const s=this.placeOf(e);if(!s)return!1;if("up"===i||"down"===i){const r=s.list[s.idx+("up"===i?-1:1)];return!!r&&(this.moveNode(e,r.key,"up"===i?"before":"after"),!0)}if("in"===i){const i=s.list[s.idx-1];return!!i&&(this.moveNode(e,i.key,"inside"),!0)}return null!=s.parent&&(this.moveNode(e,s.parent,"after"),!0)}onKeyDown=e=>{if(e.defaultPrevented||"INPUT"===e.target.tagName)return;const i=this.flat();if(!i.length)return;let s=i.findIndex((e=>e.n.key===this.activeKey));s<0&&(s=0);const r=i[s],t=e.ctrlKey||e.metaKey,o=b(this.host)?"ArrowLeft":"ArrowRight",a="ArrowLeft"===o?"ArrowRight":"ArrowLeft";if(t&&this.dragDrop){const i="ArrowUp"===e.key?"up":"ArrowDown"===e.key?"down":e.key===o?"in":e.key===a?"out":null;if(i)return e.preventDefault(),void(this.moveByKey(r.n.key,i)||(this.live=v(void 0,"tree.cannotMove",void 0,"{item} cannot move that way.",{item:r.n.label})))}switch(e.key){case"ArrowDown":e.preventDefault(),this.focusAt(i,s+1);break;case"ArrowUp":e.preventDefault(),this.focusAt(i,s-1);break;case"Home":e.preventDefault(),this.focusAt(i,0);break;case"End":e.preventDefault(),this.focusAt(i,i.length-1);break;case o:e.preventDefault(),r.hasKids&&!r.open?(this.activeKey=r.n.key,this.toggleExpand(r.n.key)):r.hasKids&&r.open&&this.focusAt(i,s+1);break;case a:e.preventDefault(),r.hasKids&&r.open?(this.activeKey=r.n.key,this.toggleExpand(r.n.key)):null!=r.parent&&this.focusAt(i,i.findIndex((e=>e.n.key===r.parent)));break;case"Enter":e.preventDefault(),this.activeKey=r.n.key,"none"===this.selectionMode?r.hasKids&&this.toggleExpand(r.n.key):this.toggleSelect(r.n.key);break;case" ":e.preventDefault(),this.activeKey=r.n.key,this.toggleSelect(r.n.key)}};resetDrag=()=>{this.dragKey=void 0,this.overKey=void 0,this.overZone=void 0};onDragStart=(e,i)=>{if(this.dragKey=i,this.activeKey=i,e.dataTransfer){e.dataTransfer.effectAllowed="move";try{e.dataTransfer.setData("text/plain",i+"")}catch{}}};onRowDragOver=(e,i)=>{if(!this.dragDrop||null==this.dragKey)return;e.preventDefault(),e.stopPropagation();const s=e.currentTarget.getBoundingClientRect(),r=(e.clientY-s.top)/(s.height||1),t=r<.25?"before":r>.75?"after":"inside",o=this.find(this.nodes||[],this.dragKey);if(!o||i===this.dragKey||this.holds(o,i))return this.overKey=void 0,void(this.overZone=void 0);this.overKey=i,this.overZone=t};onDrop=e=>{e.preventDefault(),e.stopPropagation();const i=this.dragKey,s=this.overKey,r=this.overZone;this.resetDrag(),null!=i&&null!=s&&r&&this.moveNode(i,s,r)};renderNodes(e,i,s){const t=this.selectionMode,o=this.selection||[];return e.filter(this.match).map((e=>{const a=e.children||[],n=this.isBranch(e),u=n&&this.isOpen(e),l=o.includes(e.key),f=`${this.fieldId}-${e.key}-label`,g=`${this.fieldId}-${e.key}-meta`,v=this.overKey===e.key?this.overZone:void 0;return r("div",{role:"treeitem",class:"item",key:e.key,ref:i=>{i&&this.itemEls.set(e.key,i)},"data-key":e.key,tabindex:e.key===s?0:-1,"aria-level":i+1,"aria-labelledby":e.meta?`${f} ${g}`:f,"aria-busy":e.loading?"true":null,"aria-expanded":n?u?"true":"false":null,"aria-selected":"single"===t?l?"true":"false":null,"aria-checked":"checkbox"===t?l?"true":"false":null},r("div",{class:{row:!0,sel:l&&"single"===t,dragging:this.dragKey===e.key,"drop-before":"before"===v,"drop-after":"after"===v,"drop-in":"inside"===v},style:{paddingInlineStart:10+20*i+"px","--sui-tree-indent":10+20*i+"px"},draggable:this.dragDrop,onDragStart:this.dragDrop?i=>this.onDragStart(i,e.key):void 0,onDragEnd:this.dragDrop?this.resetDrag:void 0,onDragOver:this.dragDrop?i=>this.onRowDragOver(i,e.key):void 0,onDrop:this.dragDrop?this.onDrop:void 0},r("span",{class:{exp:!0,leaf:!n,open:u},"data-act":"expand"},r(d,e.loading?{glyph:c,class:"sui-popup-spin"}:{glyph:p})),"checkbox"===t?r("span",{class:{box:!0,on:l},"data-act":"check","aria-hidden":"true"},l?r(d,{glyph:h}):null):null,e.icon?r("i",{class:e.icon+" icon","aria-hidden":"true"}):null,r("span",{class:"label",id:f},e.label),e.meta?r("span",{class:"meta",id:g},e.meta):null),u?r("div",{role:"group"},this.renderNodes(a,i+1,s)):null)}))}render(){this.itemEls.clear();const e=this.flat(),i=this.tabKey(e),s=this.filtered(),t=s.filter((e=>(this.selection||[]).includes(e.key))).length,o=s.length>0&&t===s.length,u=t>0&&!o,l=x(void 0,"tree.loading",this.loadingMessage,"Loading"),c=!!this.query.trim(),p=x(void 0,"tree.emptyFilter",this.emptyFilterMessage,"No matches.");return r("div",{key:"8abcfbc1dc76caa96f8a4d66ae00fa5dd7b75739",class:"sui-tree"},r(n,{key:"346cc2347132eb6cc3d53c0f42285bf34ad83271",message:this.loading?l:c&&0===e.length?p:""}),this.loading?r(a,{message:l}):[this.filter?r("div",{class:"filter"},r("div",{class:"filter-box sui-frame"},r(d,{glyph:f}),r("input",{type:"text",placeholder:x(void 0,"tree.filterPlaceholder",void 0,"Filter"),"aria-label":x(void 0,"tree.filter",void 0,"Filter"),value:this.query,onInput:e=>this.query=e.target.value}))):null,"checkbox"===this.selectionMode?r("button",{type:"button",class:"all",role:"checkbox","aria-checked":o?"true":u?"mixed":"false",disabled:0===s.length,onClick:this.toggleAll},r("span",{class:{box:!0,on:o,mixed:u},"aria-hidden":"true"},o?r(d,{glyph:h}):null,u?r(d,{glyph:g}):null),r("span",{class:"all-label"},x(void 0,"tree.selectAll",void 0,"Select all"))):null,r("div",{role:"tree",class:"tree","aria-label":this.hostLabel,"aria-labelledby":this.hostLabelledby,"aria-multiselectable":"checkbox"===this.selectionMode?"true":null,onClick:this.onClick,onKeyDown:this.onKeyDown},0===e.length?null:this.renderNodes(this.nodes||[],0,i)),0===e.length?r("div",{class:"sui-popup-empty"},c?p:r("slot",{name:"empty"},x(void 0,"tree.empty",this.emptyMessage,"Nothing here yet."))):null],r("div",{key:"live",class:"live",role:"status","aria-atomic":"true"},this.live))}static get style(){return".sc-sui-tree-h{display:block;font-family:var(--font-sans);color:var(--ink)}.sui-tree.sc-sui-tree{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:8px}.filter.sc-sui-tree{padding:2px 2px 8px}.filter-box.sc-sui-tree{display:flex;align-items:center;gap:7px;height:30px;padding:0 9px;box-sizing:border-box}.filter-box.sc-sui-tree .sui-glyph.sc-sui-tree{font-size:11px;color:var(--ink-faint)}.filter-box.sc-sui-tree input.sc-sui-tree{flex:1;min-width:0;border:none;outline:none;background:transparent;font:460 12.5px var(--font-sans);color:var(--ink)}.filter-box.sc-sui-tree input.sc-sui-tree::placeholder{color:var(--ink-placeholder)}.all.sc-sui-tree{display:flex;align-items:center;gap:7px;width:100%;box-sizing:border-box;margin:0 0 6px;padding:6px 10px;border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;text-align:start;font:550 12.5px var(--font-sans);color:var(--ink);border-bottom:1px solid var(--hairline);transition:background var(--duration-fast) var(--ease-out)}.all.sc-sui-tree:hover:not(:disabled){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.all.sc-sui-tree:disabled{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.all.sc-sui-tree:disabled .box.sc-sui-tree{background:var(--disabled-bg);border-color:var(--border-strong)}.all.sc-sui-tree:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.all-label.sc-sui-tree{flex:1;min-width:0}.tree.sc-sui-tree:focus{outline:none}.item.sc-sui-tree{outline:none}.item.sc-sui-tree:focus-visible>.row.sc-sui-tree{outline:2px solid var(--focus-ring);outline-offset:-2px}.row.sc-sui-tree{display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:var(--radius-md);font-size:13px;font-weight:460;background:transparent;cursor:pointer;user-select:none;transition:background var(--duration-fast) var(--ease-out)}.row.sc-sui-tree:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.row.sel.sc-sui-tree{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.row.sel.sc-sui-tree:hover{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.exp.sc-sui-tree{width:16px;display:inline-flex;justify-content:center;color:var(--ink-faint);flex-shrink:0}.exp.leaf.sc-sui-tree{visibility:hidden}.exp.sc-sui-tree .sui-glyph.sc-sui-tree{font-size:9px;transition:transform var(--duration-base) var(--ease-out)}.exp.open.sc-sui-tree .sui-glyph.sc-sui-tree{transform:rotate(90deg)}.exp.sc-sui-tree .sui-glyph.sc-sui-tree:dir(rtl){transform:scaleX(-1) rotate(0deg)}.exp.open.sc-sui-tree .sui-glyph.sc-sui-tree:dir(rtl){transform:scaleX(-1) rotate(90deg)}.icon.sc-sui-tree{font-size:12px;color:var(--ink-muted);width:15px;text-align:center;flex-shrink:0}.label.sc-sui-tree{flex:1;min-width:0}.meta.sc-sui-tree{font-size:12px;color:var(--ink-faint);font-feature-settings:'tnum'}.row.sel.sc-sui-tree .meta.sc-sui-tree{color:var(--ink-muted)}.box.sc-sui-tree{width:18px;height:18px;box-sizing:border-box;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);border:1.5px solid color-mix(in srgb, var(--control-border) 75%, var(--ink));background:var(--surface);transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.box.on.sc-sui-tree,.box.mixed.sc-sui-tree{border-color:var(--brand);background:var(--brand)}.box.sc-sui-tree .sui-glyph.sc-sui-tree{font-size:10px;color:var(--brand-contrast)}.row.dragging.sc-sui-tree{opacity:0.5;outline:1px dashed var(--ink-muted);outline-offset:-1px}.row.drop-before.sc-sui-tree,.row.drop-after.sc-sui-tree{position:relative}.row.drop-before.sc-sui-tree::before,.row.drop-after.sc-sui-tree::before{content:'';position:absolute;inset-inline:var(--sui-tree-indent, 10px) 6px;height:2px;border-radius:1px;background:var(--accent-ink);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-ink) 25%, transparent);pointer-events:none}.row.drop-before.sc-sui-tree::before{top:-1px}.row.drop-after.sc-sui-tree::before{bottom:-1px}.row.drop-in.sc-sui-tree{outline:1.5px dashed var(--accent);outline-offset:-2px;background:var(--accent-soft)}.live.sc-sui-tree{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media (forced-colors: active){.row.sel.sc-sui-tree{forced-color-adjust:none;background:Highlight;color:HighlightText}.row.sel.sc-sui-tree .exp.sc-sui-tree,.row.sel.sc-sui-tree .icon.sc-sui-tree,.row.sel.sc-sui-tree .meta.sc-sui-tree{color:HighlightText}.row.sel.sc-sui-tree .box.sc-sui-tree{forced-color-adjust:auto}.item.sc-sui-tree:focus-visible>.row.sel.sc-sui-tree{outline-color:HighlightText;box-shadow:none}.row.drop-before.sc-sui-tree::before,.row.drop-after.sc-sui-tree::before{forced-color-adjust:none;background:Highlight}.row.drop-in.sc-sui-tree{outline:2px solid Highlight;outline-offset:-2px;box-shadow:none}}.sui-frame.sc-sui-tree{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-tree:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-tree,.sui-frame.readonly.sc-sui-tree{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-tree:focus-within,.sui-frame.focus.sc-sui-tree,.sui-frame.open.sc-sui-tree{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-tree{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-tree:focus-within,.sui-frame.invalid.focus.sc-sui-tree,.sui-frame.invalid.open.sc-sui-tree{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-tree:disabled,.sui-frame.disabled.sc-sui-tree{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-tree{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-tree::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-tree{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-tree{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-tree{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-tree:focus-within,.sui-frame.focus.sc-sui-tree,.sui-frame.open.sc-sui-tree{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-tree:disabled,.sui-frame.disabled.sc-sui-tree{color:GrayText;border-color:GrayText}}.sui-popup-trigger.sc-sui-tree{box-sizing:border-box;width:100%;height:var(--sui-field-height, var(--control-md));display:flex;align-items:center;gap:8px;padding-block:0;padding-inline:12px 10px;color:var(--ink);font-size:13px;font-family:var(--font-sans);font-weight:460;cursor:pointer;user-select:none;text-align:start}.sui-popup-trigger.sc-sui-tree:disabled,.sui-popup-trigger.disabled.sc-sui-tree{cursor:not-allowed}.sui-popup-trigger.sc-sui-tree .val.sc-sui-tree{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-trigger.placeholder.sc-sui-tree .val.sc-sui-tree{color:var(--ink-placeholder)}.sui-popup-trigger.sc-sui-tree .clear.sc-sui-tree{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px}.sui-popup-trigger.sc-sui-tree .clear.sc-sui-tree:hover{color:var(--ink)}.sui-popup-trigger.sc-sui-tree .chev.sc-sui-tree{display:var(--sui-field-chevron, inline-block);font-size:10px;color:var(--ink-faint);transition:transform var(--duration-fast) var(--ease-out)}.sui-popup-trigger.open.sc-sui-tree .chev.sc-sui-tree{transform:rotate(180deg)}.sui-popup-trigger.readonly.sc-sui-tree .chev.sc-sui-tree{opacity:0.4}.sui-popup-trigger.sc-sui-tree .spin.sc-sui-tree{font-size:11px;color:var(--ink-faint)}.sui-popup-trigger.sm.sc-sui-tree{height:var(--sui-field-height, var(--control-sm));font-size:12.5px}.sui-popup-trigger.md.sc-sui-tree{height:var(--sui-field-height, var(--control-md));font-size:13px}.sui-popup-trigger.lg.sc-sui-tree{height:var(--sui-field-height, var(--control-lg));font-size:14px}.sui-popup-panel.sc-sui-tree{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;min-width:100%;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:5px;max-height:260px;overflow-y:auto;animation:sui-popup-in var(--duration-overlay) var(--ease-out)}.sui-popup-panel[data-side='top'].sc-sui-tree{animation-name:sui-popup-in-top}.sui-popup-panel.closing.sc-sui-tree{animation:sui-popup-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-popup-in{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-popup-in-top{from{opacity:0;transform:translateY(4px)}}@keyframes sui-popup-out{to{opacity:0}}.sui-popup-search.sc-sui-tree{padding:3px 3px 7px;border-bottom:1px solid var(--hairline);margin-bottom:4px}.sui-popup-search-box.sc-sui-tree{display:flex;align-items:center;gap:7px;height:30px;padding:0 9px}.sui-popup-search-box.sc-sui-tree .sui-glyph.sc-sui-tree{font-size:11px;color:var(--ink-faint)}.sui-popup-search-box.sc-sui-tree input.sc-sui-tree{flex:1;min-width:0;border:none;outline:none;background:transparent;font:460 12.5px var(--font-sans);color:var(--ink)}.sui-popup-empty.sc-sui-tree{padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-group.sc-sui-tree{padding:8px 10px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint);user-select:none}.sui-popup-status.sc-sui-tree{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.sui-popup-loading.sc-sui-tree{display:flex;align-items:center;gap:8px;padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-loading.sc-sui-tree .sui-glyph.sc-sui-tree{font-size:11px;color:var(--brand)}.sui-popup-spin.sc-sui-tree{animation:sb-spin 0.8s linear infinite}@media (prefers-reduced-motion: reduce){.sui-popup-spin.sc-sui-tree{animation-duration:2s}}.sui-popup-spacer.sc-sui-tree{flex:none;pointer-events:none}.sui-popup-option.sc-sui-tree{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;font-size:13px;font-weight:460;color:var(--ink);cursor:pointer;background:transparent}.sui-popup-option-label.sc-sui-tree{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-option.hover.sc-sui-tree{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-popup-option.selected.sc-sui-tree{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.sui-popup-option.selected.hover.sc-sui-tree{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.sui-popup-option.keynav.sc-sui-tree{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-popup-option.disabled.sc-sui-tree{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.sui-popup-option.sc-sui-tree .sui-glyph.sc-sui-tree{font-size:11px;color:var(--brand-soft-ink)}@media (forced-colors: active){.sui-popup-trigger.placeholder.sc-sui-tree .val.sc-sui-tree{color:GrayText}.sui-popup-option.hover.sc-sui-tree{outline:2px solid CanvasText;outline-offset:-2px}.sui-popup-option.selected.sc-sui-tree{forced-color-adjust:none;background:Highlight;color:HighlightText}.sui-popup-option.selected.sc-sui-tree .sui-glyph.sc-sui-tree{color:HighlightText}.sui-popup-option.disabled.sc-sui-tree{color:GrayText}}"}},[774,"sui-tree",{nodes:[1040],expanded:[1040],selectionMode:[513,"selection-mode"],selection:[1040],filter:[516],dragDrop:[516,"drag-drop"],loading:[516],loadingMessage:[1,"loading-message"],emptyMessage:[1,"empty-message"],emptyFilterMessage:[1,"empty-filter-message"],query:[32],activeKey:[32],dragKey:[32],overKey:[32],overZone:[32],live:[32],hostLabel:[32],hostLabelledby:[32],setFocus:[64]}]),w=k,y=function(){"undefined"!=typeof customElements&&["sui-tree"].forEach((e=>{"sui-tree"===e&&(customElements.get(t(e))||customElements.define(t(e),k))}))};export{w as SuiTree,y as defineCustomElement}

package/dist/components/sui-trend.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiTrend extends Components.SuiTrend, HTMLElement {}
+export const SuiTrend: {
+    prototype: SuiTrend;
+    new (): SuiTrend;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-trend.js

@@ -0,0 +1 @@
+import{p as e,H as t,h as i,a as r,t as n}from"./p-CeVlau-G.js";import{T as s}from"./p-n4-59tbj.js";import{a}from"./p-BuyjS5bS.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost()}value="";direction;severity="positive";note;render(){return i(r,{key:"79e986e55d646f05c004c4128f38c5c6840c7689"},i(s,{key:"762c23ba28e341475d9753d3a63c0c5845676c21",value:this.value,direction:this.direction,severity:this.severity,note:this.note,unfavorable:a(void 0,"trend.unfavorable",void 0,"unfavorable")}))}static get style(){return".sc-sui-trend-h{display:inline-flex;align-items:center;gap:8px;vertical-align:middle;font-family:var(--font-sans);position:relative}[hidden].sc-sui-trend-h{display:none}.delta.sc-sui-trend{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--status-positive-ink);font-feature-settings:'tnum'}.delta.critical.sc-sui-trend{color:var(--danger)}.delta.neutral.sc-sui-trend{color:var(--ink-muted);font-weight:var(--w-regular)}.delta.sc-sui-trend .sui-glyph.sc-sui-trend{font-size:10px}.delta.critical.sc-sui-trend .sui-glyph.sc-sui-trend{box-sizing:border-box;width:16px;height:16px;padding:2.5px;border:1.5px solid currentColor;border-radius:var(--radius-pill)}.figure.sc-sui-trend{direction:ltr;unicode-bidi:plaintext;text-align:-webkit-match-parent;text-align:match-parent}.sr-only.sc-sui-trend{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.note.sc-sui-trend{color:var(--ink-faint)}"}},[514,"sui-trend",{value:[1],direction:[513],severity:[513],note:[1]}]),d=o,l=function(){"undefined"!=typeof customElements&&["sui-trend"].forEach((e=>{"sui-trend"===e&&(customElements.get(n(e))||customElements.define(n(e),o))}))};export{d as SuiTrend,l as defineCustomElement}

package/dist/components/sui-virtual-scroller.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "@shineuix/core";
+
+interface SuiVirtualScroller extends Components.SuiVirtualScroller, HTMLElement {}
+export const SuiVirtualScroller: {
+    prototype: SuiVirtualScroller;
+    new (): SuiVirtualScroller;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/sui-virtual-scroller.js

@@ -0,0 +1 @@
+import{p as t,H as i,c as s,f as r,h as o,t as e}from"./p-CeVlau-G.js";import{i as n}from"./p-Cs2X0Kih.js";import{d as l}from"./p-BHB1Wprj.js";import{c as a}from"./p-COO9uV7W.js";import{l as h,i as c}from"./p-BuyjS5bS.js";import{n as u}from"./p-BpxmwysK.js";import{c as d,m as p}from"./p-q0JbXN8q.js";import{r as v,f as w}from"./p-Btp15dVO.js";import{a as f,s as m}from"./p-GAnFXayY.js";const x=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiRange=s(this,"suiRange",3)}get host(){return this}itemCount=0;itemHeight=36;itemWidth=160;height=280;width=640;orientation="vertical";columns=0;overscan=4;showIndex=!1;renderItem;suiRange;viewportScrollTop=0;viewportScrollLeft=0;hostLabel;stopAria;viewport;reported;rendered=new Map;connectedCallback(){this.stopAria?.(),this.stopAria=n(this.host,(t=>{this.hostLabel=t})),l(this.host,(()=>this.viewport))}disconnectedCallback(){this.stopAria?.()}async setFocus(){this.viewport?.focus()}async scrollToIndex(t,i){const s=Math.floor(t)||0;if("horizontal"===this.orientation){const t=a(s,0,Math.max(0,this.count()-1))*this.colW();return this.viewport&&f(this.viewport,t),void(this.viewportScrollLeft=t)}const r=a(s,0,Math.max(0,this.count()-1))*this.rowH();if(this.viewport&&(this.viewport.scrollTop=r),this.viewportScrollTop=r,"number"!=typeof i||"grid"!==this.orientation)return;const o=a(Math.floor(i)||0,0,Math.max(0,this.cols()-1))*this.colW();this.viewport&&f(this.viewport,o),this.viewportScrollLeft=o}async refresh(t,i){if("number"!=typeof t)this.rendered.clear();else if("number"==typeof i)this.rendered.delete(this.cellKey(t,i));else for(const i of Array.from(this.rendered.keys()))(i===""+t||i.startsWith(t+":"))&&this.rendered.delete(i);r(this)}onContentChange(){this.rendered.clear()}componentDidRender(){const t=this.window(),i=this.reported;i&&i.start===t.start&&i.end===t.end&&i.colStart===t.colStart&&i.colEnd===t.colEnd||(this.reported=t,this.suiRange.emit({...t}))}count(){return Math.max(0,this.itemCount||0)}cols(){return Math.max(0,Math.floor(this.columns)||0)}rowH(){return Math.max(1,this.itemHeight||36)}colW(){return Math.max(1,this.itemWidth||160)}cellKey(t,i){return"number"==typeof i?`${t}:${i}`:""+t}axis(t,i,s,r){const o=v(w(t),{rowH:i,groupH:0,viewport:s,scrollTop:r,overscan:Math.max(0,this.overscan||0)});return{start:o.start,end:o.end}}window(){if("horizontal"===this.orientation)return this.axis(this.count(),this.colW(),Math.max(0,this.width||0),this.viewportScrollLeft);const t=this.axis(this.count(),this.rowH(),Math.max(0,this.height||0),this.viewportScrollTop);if("grid"!==this.orientation)return t;const i=this.axis(this.cols(),this.colW(),Math.max(0,this.width||0),this.viewportScrollLeft);return{...t,colStart:i.start,colEnd:i.end}}onScroll=t=>{const i=t.target;this.viewportScrollTop=i.scrollTop||0,this.viewportScrollLeft=m(i)};content(t,i,s,r){const o=this.cellKey(s,r),e=t.has(o)?t.get(o):d(this.renderItem,[s,r],this.label(s,r));return i.set(o,e),e}label(t,i){return"number"==typeof i?h(void 0,"virtual-scroller.cell",void 0,"Cell {row}, {column}",{row:t+1,column:i+1}):h(void 0,"virtual-scroller.row",void 0,"Row {n}",{n:t+1})}indexLabel(t){const i=u(c()),s=i.format(this.count()),r=t.end-t.start;return"horizontal"===this.orientation?h(void 0,"virtual-scroller.columnsIndex",void 0,"{count} columns · rendering {shown} in the window",{count:s,shown:i.format(r)}):"grid"===this.orientation?h(void 0,"virtual-scroller.cellsIndex",void 0,"{count} rows · rendering {shown} cells in the window",{count:s,shown:i.format(r*Math.max(0,(t.colEnd||0)-(t.colStart||0)))}):h(void 0,"virtual-scroller.rowsIndex",void 0,"{count} rows · rendering {shown} in the window",{count:s,shown:i.format(r)})}render(){const t=this.count(),i=this.rowH(),s=this.colW(),r=this.window(),{start:e,end:n}=r,l=this.renderItem,a="grid"===this.orientation,h="horizontal"===this.orientation,c=this.rendered,u=new Map,d=[];if(a){const t=this.cols(),a=r.colStart||0,h=r.colEnd||0;for(let r=e;r<n;r++){const e=[];for(let t=a;t<h;t++){const i={top:"0px",insetInlineStart:t*s+"px",width:s+"px",height:"100%"},n=l?this.content(c,u,r,t):null;e.push(o("div",{class:{row:!0,cell:!0,odd:(r+t)%2==1},role:"gridcell","aria-rowindex":r+1,"aria-colindex":t+1,"data-index":r,"data-column":t,key:l?`c${r}.${t}`:`d${r}.${t}`,style:i,ref:l?t=>p(t,n):void 0},l?null:this.label(r,t)))}e.length&&d.push(o("div",{class:"grid-row",role:"row","aria-rowindex":r+1,key:"r"+r,style:{top:r*i+"px",insetInlineStart:"0px",width:t*s+"px",height:i+"px"}},e))}}else for(let r=e;r<n;r++){const e=h?{top:"0px",insetInlineStart:r*s+"px",width:s+"px",height:"100%"}:{top:r*i+"px",insetInlineStart:"0px",width:"100%",height:i+"px"},n=l?this.content(c,u,r):null;d.push(o("div",{class:{row:!0,odd:r%2==1},role:"listitem","aria-posinset":r+1,"aria-setsize":t,"data-index":r,key:l?"r"+r:"d"+r,style:e,ref:l?t=>p(t,n):void 0},l?null:this.label(r)))}this.rendered=u;const v=h?{height:i+"px",width:Math.max(0,this.width||0)+"px"}:a?{height:Math.max(0,this.height||0)+"px",width:Math.max(0,this.width||0)+"px"}:{height:Math.max(0,this.height||0)+"px"},w=h?{width:t*s+"px",height:"100%"}:a?{width:this.cols()*s+"px",height:t*i+"px"}:{height:t*i+"px"};return o("div",{key:"d40c74cfe34cd8db771bf64beb407ce89c166aff",class:{"sui-vs":!0,[this.orientation]:!0}},this.showIndex?o("div",{class:"index"},this.indexLabel(r)):null,o("div",{key:"e365e23abaedb78db35c3ff533b2a55dd54c6a6f",class:"viewport",ref:t=>this.viewport=t,style:v,tabindex:"0",role:this.hostLabel?"region":void 0,"aria-label":this.hostLabel||null,onScroll:this.onScroll},o("div",{key:"076c612bb390210f35a22d591c4c9776b319c62b",class:"spacer",role:a?"grid":"list","aria-rowcount":a?t:null,"aria-colcount":a?this.cols():null,style:w},d)))}static get watchers(){return{renderItem:[{onContentChange:0}],itemCount:[{onContentChange:0}],columns:[{onContentChange:0}],orientation:[{onContentChange:0}]}}static get style(){return".sc-sui-virtual-scroller-h{display:block;min-width:0;font-family:var(--font-sans);color:var(--ink)}.sui-vs.sc-sui-virtual-scroller{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.index.sc-sui-virtual-scroller{padding:8px 14px;font-size:11.5px;color:var(--ink-faint);font-feature-settings:'tnum';border-bottom:1px solid var(--border);background:var(--surface-sunken)}.sui-vs.horizontal.sc-sui-virtual-scroller,.sui-vs.grid.sc-sui-virtual-scroller{width:max-content;max-width:100%}.vertical.sc-sui-virtual-scroller .viewport.sc-sui-virtual-scroller{overflow-y:auto}.horizontal.sc-sui-virtual-scroller .viewport.sc-sui-virtual-scroller{overflow-x:auto;overflow-y:hidden;max-width:100%}.grid.sc-sui-virtual-scroller .viewport.sc-sui-virtual-scroller{overflow:auto;max-width:100%}.viewport.sc-sui-virtual-scroller{position:relative}.viewport.sc-sui-virtual-scroller:focus-visible{outline:none}.sui-vs.sc-sui-virtual-scroller:has(.viewport:focus-visible){outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.spacer.sc-sui-virtual-scroller{position:relative}.row.sc-sui-virtual-scroller{position:absolute;box-sizing:border-box;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid var(--hairline);font-size:13px;background:var(--surface)}.row.odd.sc-sui-virtual-scroller{background:var(--surface-sunken)}.horizontal.sc-sui-virtual-scroller .row.sc-sui-virtual-scroller{border-bottom:none;border-inline-end:1px solid var(--hairline)}.grid-row.sc-sui-virtual-scroller{position:absolute;box-sizing:border-box}.grid.sc-sui-virtual-scroller .row.cell.sc-sui-virtual-scroller{border-inline-end:1px solid var(--hairline)}"}},[514,"sui-virtual-scroller",{itemCount:[2,"item-count"],itemHeight:[2,"item-height"],itemWidth:[2,"item-width"],height:[2],width:[2],orientation:[513],columns:[2],overscan:[2],showIndex:[516,"show-index"],renderItem:[16],viewportScrollTop:[32],viewportScrollLeft:[32],hostLabel:[32],setFocus:[64],scrollToIndex:[64],refresh:[64]},void 0,{renderItem:[{onContentChange:0}],itemCount:[{onContentChange:0}],columns:[{onContentChange:0}],orientation:[{onContentChange:0}]}]),g=x,b=function(){"undefined"!=typeof customElements&&["sui-virtual-scroller"].forEach((t=>{"sui-virtual-scroller"===t&&(customElements.get(e(t))||customElements.define(e(t),x))}))};export{g as SuiVirtualScroller,b as defineCustomElement}

package/dist/hydrate/index.d.ts

@@ -0,0 +1,287 @@
+// Generated by dts-bundle-generator v9.5.1
+
+import { Readable } from 'node:stream';
+
+export declare function createWindowFromHtml(templateHtml: string, uniqueId: string): any;
+export type TagTransformer = (tag: string) => string;
+/**
+ * Serialize a value to a string that can be deserialized later.
+ * @param {unknown} value - The value to serialize.
+ * @returns {string} A string that can be deserialized later.
+ * @deprecated will be removed in v5. Use `@PropSerialize()` decorator instead.
+ */
+export declare function serializeProperty(value: unknown): string | number | boolean;
+/**
+ * Deserialize a value from a string that was serialized earlier.
+ * @param {string} value - The string to deserialize.
+ * @returns {unknown} The deserialized value.
+ * @deprecated will be removed in v5. Use `@AttrDeserialize()` decorator instead.
+ */
+export declare function deserializeProperty(value: string): any;
+export type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
+export interface HydrateDocumentOptions {
+	/**
+	 * Build ID that will be added to `<html data-stencil-build="BUILD_ID">`. By default
+	 * a random ID will be generated
+	 */
+	buildId?: string;
+	/**
+	 * Sets the `href` attribute on the `<link rel="canonical">`
+	 * tag within the `<head>`. If the value is not defined it will
+	 * ensure a canonical link tag is no included in the `<head>`.
+	 */
+	canonicalUrl?: string;
+	/**
+	 * Include the HTML comments and attributes used by the client-side
+	 * JavaScript to read the structure of the HTML and rebuild each
+	 * component. Defaults to `true`.
+	 */
+	clientHydrateAnnotations?: boolean;
+	/**
+	 * Constrain `setTimeout()` to 1ms, but still async. Also
+	 * only allows `setInterval()` to fire once, also constrained to 1ms.
+	 * Defaults to `true`.
+	 */
+	constrainTimeouts?: boolean;
+	/**
+	 * Sets `document.cookie`
+	 */
+	cookie?: string;
+	/**
+	 * Sets the `dir` attribute on the top level `<html>`.
+	 */
+	direction?: string;
+	/**
+	 * Component tag names listed here will not be prerendered, nor will
+	 * hydrated on the client-side. Components listed here will be ignored
+	 * as custom elements and treated no differently than a `<div>`.
+	 */
+	excludeComponents?: string[];
+	/**
+	 * Sets the `lang` attribute on the top level `<html>`.
+	 */
+	language?: string;
+	/**
+	 * Maximum number of components to hydrate on one page. Defaults to `300`.
+	 */
+	maxHydrateCount?: number;
+	/**
+	 * Sets `document.referrer`
+	 */
+	referrer?: string;
+	/**
+	 * Removes every `<script>` element found in the `document`. Defaults to `false`.
+	 */
+	removeScripts?: boolean;
+	/**
+	 * Removes CSS not used by elements within the `document`. Defaults to `true`.
+	 */
+	removeUnusedStyles?: boolean;
+	/**
+	 * The url the runtime uses for the resources, such as the assets directory.
+	 */
+	resourcesUrl?: string;
+	/**
+	 * Prints out runtime console logs to the NodeJS process. Defaults to `false`.
+	 */
+	runtimeLogging?: boolean;
+	/**
+	 * Component tags listed here will only be prerendered or server-side-rendered
+	 * and will not be client-side hydrated. This is useful for components that
+	 * are not dynamic and do not need to be defined as a custom element within the
+	 * browser. For example, a header or footer component would be a good example that
+	 * may not require any client-side JavaScript.
+	 */
+	staticComponents?: string[];
+	/**
+	 * The amount of milliseconds to wait for a page to finish rendering until
+	 * a timeout error is thrown. Defaults to `15000`.
+	 */
+	timeout?: number;
+	/**
+	 * Sets `document.title`.
+	 */
+	title?: string;
+	/**
+	 * Sets `location.href`
+	 */
+	url?: string;
+	/**
+	 * Sets `navigator.userAgent`
+	 */
+	userAgent?: string;
+	/**
+	 * Configure how Stencil serializes the components shadow root.
+	 * - If set to `declarative-shadow-dom` the component will be rendered within a Declarative Shadow DOM.
+	 * - If set to `scoped` Stencil will render the contents of the shadow root as a `scoped: true` component
+	 *   and the shadow DOM will be created during client-side hydration.
+	 * - Alternatively you can mix and match the two by providing an object with `declarative-shadow-dom` and `scoped` keys,
+	 * the value arrays containing the tag names of the components that should be rendered in that mode.
+	 *
+	 * Examples:
+	 * - `{ 'declarative-shadow-dom': ['my-component-1', 'another-component'], default: 'scoped' }`
+	 * Render all components as `scoped` apart from `my-component-1` and `another-component`
+	 * -  `{ 'scoped': ['an-option-component'], default: 'declarative-shadow-dom' }`
+	 * Render all components within `declarative-shadow-dom` apart from `an-option-component`
+	 * - `'scoped'` Render all components as `scoped`
+	 * - `false` disables shadow root serialization
+	 *
+	 * *NOTE* `true` has been deprecated in favor of `declarative-shadow-dom` and `scoped`
+	 * @default 'declarative-shadow-dom'
+	 */
+	serializeShadowRoot?: "declarative-shadow-dom" | "scoped" | {
+		"declarative-shadow-dom"?: string[];
+		scoped?: string[];
+		default: "declarative-shadow-dom" | "scoped";
+	} | boolean;
+}
+export interface SerializeDocumentOptions extends HydrateDocumentOptions {
+	/**
+	 * Runs after the `document` has been hydrated.
+	 */
+	afterHydrate?(document: any): any | Promise<any>;
+	/**
+	 * Sets an approximate line width the HTML should attempt to stay within.
+	 * Note that this is "approximate", in that HTML may often not be able
+	 * to be split at an exact line width. Additionally, new lines created
+	 * is where HTML naturally already has whitespace, such as before an
+	 * attribute or spaces between words. Defaults to `100`.
+	 */
+	approximateLineWidth?: number;
+	/**
+	 * Runs before the `document` has been hydrated.
+	 */
+	beforeHydrate?(document: any): any | Promise<any>;
+	/**
+	 * Format the HTML in a nicely indented format.
+	 * Defaults to `false`.
+	 */
+	prettyHtml?: boolean;
+	/**
+	 * Remove quotes from attribute values when possible.
+	 * Defaults to `true`.
+	 */
+	removeAttributeQuotes?: boolean;
+	/**
+	 * Remove the `=""` from standardized `boolean` attributes,
+	 * such as `hidden` or `checked`. Defaults to `true`.
+	 */
+	removeBooleanAttributeQuotes?: boolean;
+	/**
+	 * Remove these standardized attributes when their value is empty:
+	 * `class`, `dir`, `id`, `lang`, and `name`, `title`. Defaults to `true`.
+	 */
+	removeEmptyAttributes?: boolean;
+	/**
+	 * Remove HTML comments. Defaults to `true`.
+	 */
+	removeHtmlComments?: boolean;
+	/**
+	 * The `fullDocument` flag determines the format of the rendered output. Set it to true to
+	 * generate a complete HTML document, or false to render only the component.
+	 * @default true
+	 */
+	fullDocument?: boolean;
+	/**
+	 * Style modes to render the component in.
+	 * @see https://stenciljs.com/docs/styling#style-modes
+	 */
+	modes?: ResolutionHandler[];
+}
+export interface HydrateFactoryOptions extends SerializeDocumentOptions {
+	serializeToHtml: boolean;
+	destroyWindow: boolean;
+	destroyDocument: boolean;
+}
+export interface Diagnostic {
+	absFilePath?: string | undefined;
+	code?: string;
+	columnNumber?: number | undefined;
+	debugText?: string;
+	header?: string;
+	language?: string;
+	level: "error" | "warn" | "info" | "log" | "debug";
+	lineNumber?: number | undefined;
+	lines: PrintLine[];
+	messageText: string;
+	relFilePath?: string | undefined;
+	type: string;
+}
+export interface PrintLine {
+	lineIndex: number;
+	lineNumber: number;
+	text: string;
+	errorCharStart: number;
+	errorLength?: number;
+}
+export interface HydrateResults {
+	buildId: string;
+	diagnostics: Diagnostic[];
+	url: string;
+	host: string | null;
+	hostname: string | null;
+	href: string | null;
+	port: string | null;
+	pathname: string | null;
+	search: string | null;
+	hash: string | null;
+	html: string | null;
+	components: HydrateComponent[];
+	anchors: HydrateAnchorElement[];
+	imgs: HydrateImgElement[];
+	scripts: HydrateScriptElement[];
+	styles: HydrateStyleElement[];
+	staticData: HydrateStaticData[];
+	title: string | null;
+	hydratedCount: number;
+	httpStatus: number | null;
+}
+export interface HydrateComponent {
+	tag: string;
+	mode: string;
+	count: number;
+	depth: number;
+}
+export interface HydrateElement {
+	[attrName: string]: string | undefined;
+}
+export interface HydrateAnchorElement extends HydrateElement {
+	href?: string;
+	target?: string;
+}
+export interface HydrateImgElement extends HydrateElement {
+	src?: string;
+}
+export interface HydrateScriptElement extends HydrateElement {
+	src?: string;
+	type?: string;
+}
+export interface HydrateStyleElement extends HydrateElement {
+	id?: string;
+	href?: string;
+	content?: string;
+}
+export interface HydrateStaticData {
+	id: string;
+	type: string;
+	content: string;
+}
+export declare function streamToString(html: string | any, option?: SerializeDocumentOptions): Readable;
+export declare function renderToString(html: string | any, options?: SerializeDocumentOptions): Promise<HydrateResults>;
+export declare function renderToString(html: string | any, options: SerializeDocumentOptions | undefined, asStream: true): Readable;
+export declare function hydrateDocument(doc: any | string, options?: HydrateDocumentOptions): Promise<HydrateResults>;
+export declare function hydrateDocument(doc: any | string, options: HydrateDocumentOptions | undefined, asStream?: boolean): Readable;
+export declare function serializeDocumentToString(doc: Document, opts: HydrateFactoryOptions): string;
+/**
+ * Transforms a tag name using the current tag transformer
+ * @param tag - the tag to transform e.g. `my-tag`
+ * @returns the transformed tag e.g. `new-my-tag`
+ */
+export declare function transformTag<T extends string>(tag: T): T;
+/**
+ * Sets the tag transformer to be used when rendering custom elements
+ * @param transformer the transformer function to use. Must return a string
+ */
+export declare function setTagTransformer(transformer: TagTransformer): void;
+
+export {};