@shineuix/ssr 0.0.0-stage → 1.0.0

package/dist/components/sui-mega-menu.js

@@ -0,0 +1 @@
+import{p as i,H as s,c as e,f as t,h as n,a,t as o}from"./p-CeVlau-G.js";import{n as r,N as u}from"./p-CAeBVGwP.js";import{G as h,y as m,q as c}from"./p-DdsE4HI6.js";import{i as l}from"./p-GAnFXayY.js";import{a as d}from"./p-BuyjS5bS.js";import{F as g,i as p,f,w as v,r as x,c as b}from"./p-ES48zkCT.js";import{a as k,l as w,f as y,s as z,m as C}from"./p-BPGiU7Vj.js";import{p as F,h as T,l as j,m as S}from"./p-pJYXPDB_.js";import{t as M}from"./p-Dxh8L0dt.js";import{o as H,p as I,a as L,b as D,m as A,l as P}from"./p-CN5x4MC8.js";import{f as B,o as E}from"./p-BWkzTEZX.js";import{u as K}from"./p-U06fVoGD.js";import{d as R}from"./p-BHB1Wprj.js";import{i as O,a as G}from"./p-Cs2X0Kih.js";const X=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiPick=e(this,"suiPick",7),this.suiOpen=e(this,"suiOpen",3),this.suiClose=e(this,"suiClose",3)}get host(){return this}items=[];openIndex=-1;orientation="horizontal";noFold=!1;suiPick;suiOpen;suiClose;active=-1;focusTop=0;hasBrand=!1;hostLabel;hostLabelledby;stopHostLabel;stopHostLabelledby;closingIndex=-1;foldAt=-1;cursor=null;subPath=[];drill=!1;exit=H((()=>this.exited()));fieldId=K("sui-mega-menu");bar;buttons=[];panel;raised;demote;menus=[];flyouts=[];disposers=[];armed=-1;pendingFocus=-1;pendingRow=null;placedFor="";dispose;fold=new g;sizeWatch;watched=new Set;foldStale=!0;foldReady=!1;foldHeld=!1;foldKey="";focusMore=!1;moreMemo;connectedCallback(){R(this.host,(()=>this.tabStop())),this.stopHostLabel?.(),this.stopHostLabel=O(this.host,(i=>{this.hostLabel=i})),this.stopHostLabelledby?.(),this.stopHostLabelledby=G(this.host,(i=>{this.hostLabelledby=i})),this.bar&&(this.watchSlots(!0),this.startFold(),this.openIndex>=0&&t(this))}componentWillLoad(){this.hasBrand=B(this.host,"brand"),this.foldKey=p(this.items||[])}componentDidLoad(){this.watchSlots(),this.startFold()}watchSlots(i=!1){this.dispose?.(),this.dispose=E(this.host,(()=>{this.hasBrand=B(this.host,"brand"),this.watchSizes()}),{childList:!0}),i&&Promise.resolve().then((()=>{this.host.isConnected&&(this.hasBrand=B(this.host,"brand"))}))}componentWillRender(){this.raised&&this.drawnSurface()!==this.raisedSurface()&&this.lowerPanel()}componentDidRender(){if(this.sizeWatch&&(this.watchSizes(),this.foldStale&&this.measureFold()),this.focusMore&&this.folding&&(this.focusMore=!1,this.buttons[this.moreIndex]?.focus()),!(this.openIndex<0)&&this.panel&&this.host.isConnected){if(this.raised!==this.panel&&(this.lowerPanel(),this.demote=I(this.panel),this.raised=this.panel),this.armed!==this.openIndex&&(this.teardown(),this.armed=this.openIndex,this.placedFor="",this.reposition(),this.disposers.push(L((()=>[this.host,this.panel]),(()=>this.close("outside"))),D((()=>this.reposition())))),this.openIndex===this.moreIndex){const i=this.subPath.join(",");i!==this.placedFor&&(this.placedFor=i,F(this.menus,this.flyouts,this.subPath))}this.flushFocus()}}async setFocus(){this.tabStop()?.focus()}tabStop(){return this.host.querySelector('.items > .item[tabindex="0"]')}disconnectedCallback(){this.teardown(),this.exit.cancel(),this.lowerPanel(),this.closingIndex>=0&&this.exited(),this.dispose?.(),this.dispose=void 0,this.sizeWatch?.disconnect(),this.sizeWatch=void 0,this.watched=new Set,this.stopHostLabel?.(),this.stopHostLabel=void 0,this.stopHostLabelledby?.(),this.stopHostLabelledby=void 0}onOpenChange(i,s){if(i>=0&&this.isFolded(i))this.openFolded(i);else{if(this.active=-1,i>=0)return this.exit.cancel(),this.closingIndex=-1,void this.resetMore();this.teardown(),this.closingIndex=s>=0&&this.exit.begin(this.panel)?s:-1,this.closingIndex<0&&this.resetMore(),this.foldHeld&&(this.foldHeld=!1,this.foldStale=!0)}}onItemsChange(i,s){const e=p(i||[]);e!==this.foldKey&&(this.foldKey=e,this.openIndex>=0&&this.openIndex===(s||[]).length&&this.foldAt>=0&&this.close("outside"),this.fold.forget(),this.foldReady=!1,this.foldAt=-1,this.foldStale=!0)}onFoldSettingChange(){this.foldStale=!0,(this.noFold||this.vertical)&&this.applyFold(-1)}resetMore(){this.cursor=null,this.subPath=[]}exited(){this.lowerPanel(),this.closingIndex=-1,this.resetMore()}lowerPanel(){const i=this.demote;this.demote=void 0,this.raised=void 0,i?.()}drawnSurface(){const i=this.openIndex>=0?this.openIndex:this.closingIndex;return i<0?null:i===this.moreIndex?this.folding?"more":null:this.colsOf(i).length?"panel":null}raisedSurface(){return this.raised?this.raised.classList.contains("more-menu")?"more":"panel":null}colsOf(i){return this.items[i]?.items||[]}flatOf(i){return this.colsOf(i).reduce(((i,s)=>i.concat(s.links||[])),[])}flat(){return this.flatOf(this.openIndex)}get vertical(){return"vertical"===this.orientation}get moreIndex(){return(this.items||[]).length}get kept(){const i=(this.items||[]).length;return this.foldAt>=0?Math.min(this.foldAt,i):i}get folding(){return this.kept<(this.items||[]).length}isFolded(i){return this.folding&&i>=this.kept&&i<this.moreIndex}opens(i){return i===this.moreIndex?this.folding:this.colsOf(i).length>0}moreMenu(){const i=this.items||[],s=this.moreMemo;if(s&&s.items===i&&s.at===this.foldAt)return s.menu;const e=f(i,this.kept,(i=>i.items&&i.items.length?{label:i.label,icon:i.icon,items:b(i.items)}:i));return this.moreMemo={items:i,at:this.foldAt,menu:e},e}moreRows(){return this.folding?this.moreMenu().rows:[]}order(){const i=Array.from({length:this.kept},((i,s)=>s));return this.folding&&i.push(this.moreIndex),i}openFolded(i){const s=this.moreMenu(),e=s.itemAt.indexOf(i);this.openIndex=this.moreIndex,e<0||(this.cursor={depth:0,index:e},T(s.rows[e])&&(this.subPath=[e]))}startFold(){this.sizeWatch||"undefined"==typeof ResizeObserver||(this.sizeWatch=new ResizeObserver((()=>this.measureFold())),this.watched=new Set,this.watchSizes(),this.measureFold())}watchSizes(){this.sizeWatch&&this.bar&&(this.watched=v(this.sizeWatch,this.bar,this.watched))}measureFold(){this.foldStale=!1;const i=(this.items||[]).length;if(this.noFold||this.vertical||!i)return void this.applyFold(-1);if(this.openIndex>=0&&this.foldReady)return void(this.foldHeld=!0);const s=x(this.bar,this.buttons.slice(0,this.kept),this.folding?this.buttons[this.moreIndex]:void 0);if(!s)return;const e=this.fold.foldAt(i,s);if(null===e)return this.foldStale=!0,void this.applyFold(-1);this.foldReady=!0,this.applyFold(e)}applyFold(i){const s=i>=0&&i<(this.items||[]).length?i:-1;if(s===this.foldAt)return;const e=this.moreIndex;if(s<0&&this.openIndex===e&&this.folding&&!this.close("outside"))return;const n="undefined"!=typeof document?document.activeElement:null,a=n?this.buttons.findIndex((i=>!!i&&i===n)):-1;this.foldAt=s,t(this),this.folding&&!this.fold.knowsMore&&(this.foldStale=!0),a>=0&&a<e&&this.isFolded(a)&&(this.focusMore=!0),this.openIndex>=0&&this.isFolded(this.openIndex)&&this.openFolded(this.openIndex)}aimFocus(i,s){if(!s)return;if(i===this.moreIndex){const i=this.moreRows(),e="first"===s?k(i):w(i);if(e<0)return;return this.cursor={depth:0,index:e},void(this.pendingRow=this.cursor)}const e=this.flatOf(i),t="first"===s?k(e):w(e);t<0||(this.active=t,this.pendingFocus=t)}flushFocus(){const i=this.pendingRow;if(i&&(this.pendingRow=null,y(this.menus[i.depth],i.index)),this.pendingFocus<0)return;const s=this.pendingFocus;this.pendingFocus=-1,y(this.panel,s)}reposition(){if(this.bar&&this.panel){if(this.openIndex===this.moreIndex){const i=this.buttons[this.moreIndex];if(!i)return;return A(this.panel,P(i,this.panel,"bottom",8,"end")),this.checkDrill(!0),void F(this.menus,this.flyouts,this.subPath)}if(this.vertical)return this.panel.style.width="",void A(this.panel,P(this.bar,this.panel,l(this.host)?"left":"right",8,"start"));this.panel.style.width=this.bar.getBoundingClientRect().width+"px",A(this.panel,P(this.bar,this.panel,"bottom",8,"start"))}}checkDrill(i=!1){const s=r(this.panel,220);return s!==this.drill&&(i?Promise.resolve().then((()=>{this.drill=s})):this.drill=s),s}teardown(){this.disposers.forEach((i=>i())),this.disposers=[],this.armed=-1}close(i,s=!1){const e=this.openIndex;return e<0||!this.suiClose.emit(i).defaultPrevented&&(this.openIndex=-1,s&&this.buttons[e]?.focus(),!0)}openAt(i,s){return this.opens(i)?this.openIndex===i?(this.aimFocus(i,s),this.flushFocus(),!0):!!this.close("trigger")&&(this.openIndex=i,this.aimFocus(i,s),this.suiOpen.emit(i),!0):this.close("trigger")}pick=i=>{this.suiPick.emit(i),i.command?.(),this.close("pick",!0)};moveTop(i,s){const e=this.order(),t=e.length;if(!t)return;const n=e.indexOf(i),a=n<0?e[s>0?0:t-1]:e[(n+s+t)%t];this.focusTop=a,this.buttons[a]?.focus(),this.openIndex>=0&&this.openAt(a,"first")}onTopClick(i,s){if(this.opens(i))return void(this.openIndex===i?this.close("trigger"):this.openAt(i,s&&0===s.detail?"first":null));const e=this.items[i];this.close("pick"),this.suiPick.emit(e),e.command?.()}onTopKey(i,s){const e=this.opens(s);if(z(i))return;const t=l(this.host),n=t?"ArrowLeft":"ArrowRight",a=t?"ArrowRight":"ArrowLeft",o=this.vertical?["ArrowDown","ArrowUp"]:[n,a],r=this.vertical?n:"ArrowDown",u=this.vertical?a:"ArrowUp";if(i.key===o[0])return i.preventDefault(),void this.moveTop(s,1);if(i.key===o[1])return i.preventDefault(),void this.moveTop(s,-1);if(i.key!==r){if(i.key===u)return this.vertical?void(this.openIndex>=0&&(i.preventDefault(),this.close("trigger",!0))):void(e&&(i.preventDefault(),this.openAt(s,"last")));switch(i.key){case"Home":return i.preventDefault(),void this.moveTop(-1,1);case"End":return i.preventDefault(),void this.moveTop(-1,-1);case"Escape":return void(this.openIndex>=0&&(i.preventDefault(),i.stopPropagation(),this.close("escape",!0)));case"Tab":return void this.close("outside")}}else e&&(i.preventDefault(),this.openAt(s,"first"))}onPanelKey=i=>{if("Tab"===i.key)return void this.tabOut(i);const s=this.flat(),e=C(i,s,this.active);switch(e.action){case"move":return void(e.index>=0&&(this.active=e.index,y(this.panel,e.index)));case"activate":{const i=s[this.active];return void(i&&this.pick(i))}case"escape":return i.stopPropagation(),void this.close("escape",!0);case"forward":return void(this.vertical||this.moveTop(this.openIndex,1));case"back":return void(this.vertical?this.close("trigger",!0):this.moveTop(this.openIndex,-1))}};openSub(i,s,e){const t=j(this.moreRows(),this.subPath,i)[s]?.items||[],n=this.checkDrill();if(this.subPath=[...this.subPath.slice(0,i),s],!e&&!n)return;const a=k(t);a>=0&&(this.cursor={depth:i+1,index:a},this.pendingRow=this.cursor)}closeSub(i){if(i<=0)return;const s=this.subPath[i-1];this.subPath=this.subPath.slice(0,i-1),this.cursor={depth:i-1,index:s},this.pendingRow=this.cursor}onMoreHover(i,s){if(this.cursor={depth:i,index:s},this.drill)return;const e=j(this.moreRows(),this.subPath,i)[s];this.subPath=[...this.subPath.slice(0,i),...T(e)?[s]:[]]}tabOut(i){const s=this.openIndex;M(i,this.panel,(()=>this.close("outside",!0)?this.buttons[s]:null))}onMoreMenuKey=i=>{this.tabOut(i)};onMoreKey=(i,s)=>{if("Tab"===i.key)return;const e=S(i,this.moreRows(),this.subPath,this.cursor,s);switch(e.kind){case"move":return this.cursor=e.cursor,this.subPath=this.subPath.slice(0,s),void y(this.menus[s],e.cursor.index);case"open":return this.cursor=e.cursor,void this.openSub(s,e.cursor.index,!0);case"pick":return void this.pick(e.item);case"close":return void this.closeSub(e.depth);case"exit":return"escape"===e.key?(i.stopPropagation(),void this.close("escape",!0)):void(0===s&&this.moveTop(this.openIndex,"forward"===e.key?1:-1))}};renderMore(i,s){const e=this.moreIndex,t=this.openIndex===e;return n("button",{key:"more",ref:i=>{i&&(this.buttons[e]=i)},type:"button",class:{item:!0,more:!0,open:t},role:"menuitem",tabIndex:e===i?0:-1,"aria-haspopup":"true","aria-expanded":t?"true":"false","aria-controls":t?this.fieldId+"-more":null,onClick:i=>this.onTopClick(e,i),onMouseEnter:()=>{this.openIndex>=0&&this.openIndex!==e&&this.openAt(e,null)},onFocus:()=>this.focusTop=e,onKeyDown:i=>this.onTopKey(i,e)},n("span",null,s),n(h,{glyph:m,class:"chev"}))}renderMoreMenu(i){const s=this.moreIndex,e=this.openIndex<0&&this.closingIndex===s;return this.folding&&(this.openIndex===s||e)?n("div",{key:"more-menu",class:{"more-menu":!0,closing:e},inert:e,id:this.fieldId+"-more",ref:i=>this.panel=i,onKeyDown:this.onMoreMenuKey},n(u,{items:this.moreRows(),path:this.subPath,active:this.cursor,idBase:this.fieldId+"-more",ariaLabel:i,menuRef:(i,s)=>{s&&(this.menus[i]=s)},flyRef:(i,s)=>{s&&(this.flyouts[i]=s)},onPick:(i,s,e)=>{T(i)?this.openSub(s,e,!1):this.pick(i)},onHover:(i,s)=>this.onMoreHover(i,s),onLeave:i=>{this.cursor&&this.cursor.depth===i&&(this.cursor=null)},onKeyDown:this.onMoreKey,drill:this.drill,onBack:i=>this.closeSub(i)})):null}render(){this.buttons=[],this.menus=[],this.flyouts=[];const i=this.items||[],s=this.openIndex<0&&this.closingIndex>=0,e=s?this.closingIndex:this.openIndex,t=e>=0?this.colsOf(e):[],o=t.length?i[e]:void 0;let r=0;const u=t.map((i=>{const s=r;return r+=(i.links||[]).length,s})),l=this.folding,g=l?d(void 0,"menu.more",void 0,"More"):"",p=this.focusTop>=0&&this.focusTop<this.kept?this.focusTop:l?this.moreIndex:0;return n(a,null,n("div",{class:"wrap"},n("div",{class:"bar",ref:i=>this.bar=i},this.hasBrand?n("div",{class:"brand"},n("slot",{name:"brand"})):null,n("div",{class:"items",role:"menubar","aria-label":this.hostLabel,"aria-labelledby":this.hostLabelledby,"aria-orientation":this.vertical?"vertical":null},i.slice(0,this.kept).map(((i,s)=>{const e=!(!i.items||!i.items.length),t=this.openIndex===s&&e,a=!e&&!!i.href;return n(a?"a":"button",{ref:i=>{i&&(this.buttons[s]=i)},type:a?void 0:"button",href:a?i.href:void 0,target:a?i.target:void 0,rel:a&&"_blank"===i.target?"noopener":void 0,class:{item:!0,open:t},role:"menuitem",tabIndex:s===p?0:-1,"aria-haspopup":e?"true":"false","aria-expanded":e?t?"true":"false":null,"aria-controls":e&&t?this.fieldId+"-panel":null,onClick:i=>this.onTopClick(s,i),onMouseEnter:()=>{this.openIndex>=0&&e&&this.openIndex!==s&&this.openAt(s,null)},onFocus:()=>this.focusTop=s,onKeyDown:i=>this.onTopKey(i,s)},i.icon?n("i",{class:"top-icon "+i.icon,"aria-hidden":"true"}):null,n("span",null,i.label),e?n(h,{glyph:this.vertical?c:m,class:"chev"}):null)})),l?this.renderMore(p,g):null),n("div",{class:"spacer"}),n("slot",{name:"end"})),o?n("div",{class:{panel:!0,closing:s},inert:s,id:this.fieldId+"-panel",role:"menu","aria-label":o.label,ref:i=>this.panel=i,style:{gridTemplateColumns:`repeat(${t.length}, 1fr)`},onKeyDown:this.onPanelKey,onMouseLeave:()=>this.active=-1},t.map(((i,s)=>n("div",{class:"col",role:"group","aria-label":i.heading},n("div",{class:"col-head",role:"presentation"},i.heading),(i.links||[]).map(((i,e)=>{const t=u[s]+e;return n(i.href?"a":"div",{class:{link:!0,active:this.active===t},role:"menuitem","data-index":t,tabIndex:t===(this.active>=0?this.active:0)?0:-1,href:i.href||void 0,target:i.href?i.target:void 0,rel:i.href&&"_blank"===i.target?"noopener":void 0,onMouseEnter:()=>this.active=t,onClick:()=>this.pick(i)},i.icon?n("i",{class:"link-icon "+i.icon,"aria-hidden":"true"}):null,n("div",{class:"link-text"},n("div",{class:"link-label"},i.label),i.description?n("div",{class:"link-desc"},i.description):null))})))))):null,this.renderMoreMenu(g)))}static get watchers(){return{openIndex:[{onOpenChange:0}],items:[{onItemsChange:0}],noFold:[{onFoldSettingChange:0}],orientation:[{onFoldSettingChange:0}]}}static get style(){return".sc-sui-mega-menu-h{display:block;font-family:var(--font-sans)}.wrap.sc-sui-mega-menu{position:relative}.bar.sc-sui-mega-menu{display:flex;align-items:center;gap:4px;height:50px;padding:0 12px;box-sizing:border-box;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--ink)}.brand.sc-sui-mega-menu{display:flex;align-items:center;margin-inline-end:10px}.items.sc-sui-mega-menu{display:flex;align-items:center;gap:4px;flex:none}.spacer.sc-sui-mega-menu{flex:1}[orientation='vertical'].sc-sui-mega-menu-h .bar.sc-sui-mega-menu{flex-direction:column;align-items:stretch;height:auto;padding:8px;gap:2px}[orientation='vertical'].sc-sui-mega-menu-h .items.sc-sui-mega-menu{flex-direction:column;align-items:stretch;gap:2px}[orientation='vertical'].sc-sui-mega-menu-h .brand.sc-sui-mega-menu{margin:2px 5px 8px}[orientation='vertical'].sc-sui-mega-menu-h .spacer.sc-sui-mega-menu{flex:none;height:4px}[orientation='vertical'].sc-sui-mega-menu-h .item.sc-sui-mega-menu{justify-content:flex-start}[orientation='vertical'].sc-sui-mega-menu-h .chev.sc-sui-mega-menu{margin-inline-start:auto}[orientation='vertical'].sc-sui-mega-menu-h:dir(rtl) .chev.sc-sui-mega-menu{transform:scaleX(-1)}.item.sc-sui-mega-menu{height:34px;padding:0 13px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--ink-muted);font-size:13.5px;font-weight:550;font-family:var(--font-sans);line-height:1;cursor:pointer;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;text-decoration:none;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}a.item.sc-sui-mega-menu,a.item.sc-sui-mega-menu:hover,a.item.sc-sui-mega-menu:visited{color:var(--ink-muted);text-decoration:none}.item.sc-sui-mega-menu:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.item.open.sc-sui-mega-menu{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);color:var(--brand-soft-ink);font-weight:650}.item.sc-sui-mega-menu:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.top-icon.sc-sui-mega-menu{font-size:12px}.chev.sc-sui-mega-menu{font-size:9px;color:var(--ink-faint)}.panel.sc-sui-mega-menu{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);padding:18px 20px;color:var(--ink);display:grid;gap:20px;animation:sui-mega-in var(--duration-overlay) var(--ease-out)}.panel[data-side='top'].sc-sui-mega-menu{animation-name:sui-mega-in-top}.panel[data-side='left'].sc-sui-mega-menu{animation-name:sui-mega-in-left}.panel[data-side='right'].sc-sui-mega-menu{animation-name:sui-mega-in-right}.panel.closing.sc-sui-mega-menu{animation:sui-mega-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-mega-in{from{opacity:0;margin-top:-4px}}@keyframes sui-mega-in-top{from{opacity:0;margin-top:4px}}@keyframes sui-mega-in-left{from{opacity:0;margin-left:4px}}@keyframes sui-mega-in-right{from{opacity:0;margin-left:-4px}}@keyframes sui-mega-out{to{opacity:0}}.panel.sc-sui-mega-menu:focus{outline:none}.more-menu.sc-sui-mega-menu{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;color:var(--ink);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);animation:sui-mega-in var(--duration-overlay) var(--ease-out)}.more-menu[data-side='top'].sc-sui-mega-menu{animation-name:sui-mega-in-top}.more-menu.closing.sc-sui-mega-menu{animation:sui-mega-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}.col-head.sc-sui-mega-menu{font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:8px}.link.sc-sui-mega-menu{display:flex;gap:10px;padding:7px 8px;margin:0 -8px;border-radius:6px;background:transparent;cursor:pointer;user-select:none;outline:none;color:inherit;text-decoration:none;transition:background var(--duration-fast) var(--ease-out)}a.link.sc-sui-mega-menu,a.link.sc-sui-mega-menu:hover,a.link.sc-sui-mega-menu:visited{color:inherit;text-decoration:none}.link.active.sc-sui-mega-menu{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.link.sc-sui-mega-menu:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.link-icon.sc-sui-mega-menu{font-size:13px;color:var(--ink-muted);width:17px;text-align:center;margin-top:2px;flex-shrink:0}.link-text.sc-sui-mega-menu{min-width:0}.link-label.sc-sui-mega-menu{font-size:13px;font-weight:650}.link-desc.sc-sui-mega-menu{font-size:11.5px;color:var(--ink-faint);margin-top:1px}@media (forced-colors: active){.item.open.sc-sui-mega-menu{forced-color-adjust:none;background:Highlight;color:HighlightText}.item.sc-sui-mega-menu:focus-visible{outline-color:CanvasText;box-shadow:none}.chev.sc-sui-mega-menu,.link-icon.sc-sui-mega-menu,.link-desc.sc-sui-mega-menu{color:inherit}.link.active.sc-sui-mega-menu{forced-color-adjust:none;background:Highlight;color:HighlightText}a.link.active.sc-sui-mega-menu{color:HighlightText}.link.sc-sui-mega-menu:focus-visible{outline-color:CanvasText;box-shadow:none}}.sui-menu-list.sc-sui-mega-menu{box-sizing:border-box;padding:5px;font-family:var(--font-sans);color:var(--ink);background:transparent;border:none;border-radius:0;box-shadow:none}.sui-menu-list.fill.sc-sui-mega-menu{width:auto}.sui-menu-list.sc-sui-mega-menu:focus{outline:none}.sui-menu-row.sc-sui-mega-menu{position:relative}.sui-menu-fly.sc-sui-mega-menu{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);animation:sui-menu-fly-in var(--duration-overlay) var(--ease-out)}.sui-menu-fly[data-side='left'].sc-sui-mega-menu{animation-name:sui-menu-fly-in-left}@keyframes sui-menu-fly-in{from{opacity:0;margin-left:-4px}}@keyframes sui-menu-fly-in-left{from{opacity:0;margin-left:4px}}.sui-menu-sep.sc-sui-mega-menu{height:1px;background:var(--hairline);margin:5px 4px}.sui-menu-backbar.sc-sui-mega-menu{padding:5px 5px 0}.sui-menu-back.sc-sui-mega-menu{display:flex;align-items:center;gap:9px;width:100%;box-sizing:border-box;margin:0;padding:7.5px 10px;border:0;border-radius:6px;background:transparent;cursor:pointer;font:650 13px var(--font-sans);color:var(--ink);text-align:start;transition:background var(--duration-fast) var(--ease-out)}.sui-menu-back.sc-sui-mega-menu:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-menu-back.sc-sui-mega-menu:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-menu-back.sc-sui-mega-menu .sui-glyph.sc-sui-mega-menu{font-size:11px;width:15px;color:var(--ink-muted);flex-shrink:0}.sui-menu-back.sc-sui-mega-menu .sui-glyph.sc-sui-mega-menu:dir(rtl){transform:scaleX(-1)}.sui-menu-backbar.sc-sui-mega-menu .sui-menu-sep.sc-sui-mega-menu{margin:5px 4px 0}.sui-menu-section.sc-sui-mega-menu{padding:8px 10px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint)}.sui-menu-item.sc-sui-mega-menu{display:flex;align-items:center;gap:9px;padding:7.5px 10px;border-radius:6px;font-size:13px;font-weight:550;line-height:normal;color:var(--ink);background:transparent;cursor:pointer;user-select:none;outline:none;text-decoration:none;transition:background var(--duration-fast) var(--ease-out)}a.sui-menu-item.sc-sui-mega-menu,a.sui-menu-item.sc-sui-mega-menu:hover,a.sui-menu-item.sc-sui-mega-menu:visited{color:var(--ink);text-decoration:none}.sui-menu-item.active.sc-sui-mega-menu,.sui-menu-item.open.sc-sui-mega-menu{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-menu-item.danger.sc-sui-mega-menu,a.sui-menu-item.danger.sc-sui-mega-menu,a.sui-menu-item.danger.sc-sui-mega-menu:hover,a.sui-menu-item.danger.sc-sui-mega-menu:visited{color:var(--danger);font-weight:620}.sui-menu-item.danger.active.sc-sui-mega-menu,.sui-menu-item.danger.sc-sui-mega-menu:hover,a.sui-menu-item.danger.sc-sui-mega-menu:hover{background:var(--danger-soft);color:var(--danger-soft-ink)}.sui-menu-item.disabled.sc-sui-mega-menu{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);--accent:var(--surface-sunken);--accent-contrast:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed;background:transparent}.sui-menu-item.current.sc-sui-mega-menu{font-weight:650}.sui-menu-item.sc-sui-mega-menu:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-menu-icon.sc-sui-mega-menu{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.sui-menu-check.sc-sui-mega-menu{display:inline-flex;align-items:center;justify-content:center;width:15px;flex-shrink:0;font-size:11px;color:var(--ink)}.sui-menu-item.danger.sc-sui-mega-menu .sui-menu-icon.sc-sui-mega-menu{color:var(--danger)}.sui-menu-item.danger.sc-sui-mega-menu:hover .sui-menu-icon.sc-sui-mega-menu,.sui-menu-item.danger.active.sc-sui-mega-menu .sui-menu-icon.sc-sui-mega-menu{color:var(--danger-soft-ink)}.sui-menu-item.disabled.sc-sui-mega-menu .sui-menu-icon.sc-sui-mega-menu{color:var(--disabled-ink)}.sui-menu-label.sc-sui-mega-menu{flex:1;min-width:0}.sui-menu-badge.sc-sui-mega-menu{min-width:17px;height:17px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:var(--accent);color:var(--accent-contrast);font-size:10px;font-weight:720;display:inline-flex;align-items:center;justify-content:center;font-feature-settings:'tnum'}.sui-menu-shortcut.sc-sui-mega-menu{font-size:11px;color:var(--ink-faint);font-feature-settings:'tnum';white-space:nowrap}.sui-menu-chev.sc-sui-mega-menu{font-size:9px;color:var(--ink-faint)}.sui-menu-chev.sc-sui-mega-menu:dir(rtl){transform:scaleX(-1)}@media (forced-colors: active){.sui-menu-sep.sc-sui-mega-menu{background:CanvasText}.sui-menu-item.active.sc-sui-mega-menu,.sui-menu-item.open.sc-sui-mega-menu,.sui-menu-item.danger.active.sc-sui-mega-menu{forced-color-adjust:none;background:Highlight;color:HighlightText}a.sui-menu-item.active.sc-sui-mega-menu,a.sui-menu-item.open.sc-sui-mega-menu,a.sui-menu-item.danger.active.sc-sui-mega-menu{color:HighlightText}.sui-menu-item.disabled.sc-sui-mega-menu{color:GrayText}.sui-menu-item.current.sc-sui-mega-menu{outline:2px solid Highlight;outline-offset:-2px}.sui-menu-item.sc-sui-mega-menu:focus-visible{outline-color:CanvasText;box-shadow:none}.sui-menu-icon.sc-sui-mega-menu,.sui-menu-shortcut.sc-sui-mega-menu,.sui-menu-chev.sc-sui-mega-menu,.sui-menu-item.danger.sc-sui-mega-menu .sui-menu-icon.sc-sui-mega-menu{color:inherit}.sui-menu-item.disabled.sc-sui-mega-menu .sui-menu-icon.sc-sui-mega-menu{color:GrayText}.sui-menu-badge.sc-sui-mega-menu{background:Canvas;color:CanvasText;border:1px solid CanvasText}}"}},[774,"sui-mega-menu",{items:[16],openIndex:[1026,"open-index"],orientation:[513],noFold:[516,"no-fold"],active:[32],focusTop:[32],hasBrand:[32],hostLabel:[32],hostLabelledby:[32],closingIndex:[32],cursor:[32],subPath:[32],drill:[32],setFocus:[64]},void 0,{openIndex:[{onOpenChange:0}],items:[{onItemsChange:0}],noFold:[{onFoldSettingChange:0}],orientation:[{onFoldSettingChange:0}]}]),W=X,U=function(){"undefined"!=typeof customElements&&["sui-mega-menu"].forEach((i=>{"sui-mega-menu"===i&&(customElements.get(o(i))||customElements.define(o(i),X))}))};export{W as SuiMegaMenu,U as defineCustomElement}

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

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

package/dist/components/sui-menu.js

@@ -0,0 +1 @@
+import{SuiMenu as e,defineCustomElement as o}from"./p-DSjolNQa.js";const s=e,t=o;export{s as SuiMenu,t as defineCustomElement}

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

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

package/dist/components/sui-menubar.js

@@ -0,0 +1 @@
+import{p as s,H as i,c as t,f as e,h as n,a as r,t as a}from"./p-CeVlau-G.js";import{n as o,N as u}from"./p-CAeBVGwP.js";import{G as h,y as c}from"./p-DdsE4HI6.js";import{i as d}from"./p-GAnFXayY.js";import{a as m}from"./p-BuyjS5bS.js";import{F as l,i as p,f as b,w as f,r as v}from"./p-ES48zkCT.js";import{a as g,l as x,f as k,s as y}from"./p-BPGiU7Vj.js";import{t as w}from"./p-Dxh8L0dt.js";import{p as C,h as z,l as F,m as j}from"./p-pJYXPDB_.js";import{o as T,p as H,a as I,b as L,m as P,l as D}from"./p-CN5x4MC8.js";import{f as S,o as B}from"./p-BWkzTEZX.js";import{u as E}from"./p-U06fVoGD.js";import{d as M}from"./p-BHB1Wprj.js";import{i as A,a as K}from"./p-Cs2X0Kih.js";const G=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiPick=t(this,"suiPick",7),this.suiOpen=t(this,"suiOpen",3),this.suiClose=t(this,"suiClose",3)}get host(){return this}items=[];openIndex=-1;noFold=!1;suiPick;suiOpen;suiClose;cursor=null;subPath=[];drill=!1;focusTop=0;hasBrand=!1;hostLabel;hostLabelledby;stopHostLabel;stopHostLabelledby;closingIndex=-1;foldAt=-1;exit=T((()=>this.exited()));fieldId=E("sui-menubar");bar;buttons=[];tops=[];moreTop;panel;raised;demote;menus=[];flyouts=[];disposers=[];armed=-1;pendingFocus=null;placedFor="";dispose;fold=new l;sizeWatch;watched=new Set;foldStale=!0;foldReady=!1;foldHeld=!1;foldKey="";focusMore=!1;moreMemo;connectedCallback(){M(this.host,(()=>this.tabStop())),this.stopHostLabel?.(),this.stopHostLabel=A(this.host,(s=>{this.hostLabel=s})),this.stopHostLabelledby?.(),this.stopHostLabelledby=K(this.host,(s=>{this.hostLabelledby=s})),this.bar&&(this.watchSlots(!0),this.startFold(),this.openIndex>=0&&e(this))}componentWillLoad(){this.hasBrand=S(this.host,"brand"),this.foldKey=p(this.items||[])}componentDidLoad(){this.watchSlots(),this.startFold()}watchSlots(s=!1){this.dispose?.(),this.dispose=B(this.host,(()=>{this.hasBrand=S(this.host,"brand"),this.watchSizes()}),{childList:!0}),s&&Promise.resolve().then((()=>{this.host.isConnected&&(this.hasBrand=S(this.host,"brand"))}))}componentDidRender(){if(this.sizeWatch&&(this.watchSizes(),this.foldStale&&this.measureFold()),this.focusMore&&this.folding&&(this.focusMore=!1,this.buttons[this.moreIndex]?.focus()),this.openIndex<0||!this.panel||!this.host.isConnected)return;this.raised!==this.panel&&(this.lowerPanel(),this.demote=H(this.panel),this.raised=this.panel),this.armed!==this.openIndex&&(this.teardown(),this.armed=this.openIndex,this.placedFor="",this.reposition(),this.disposers.push(I((()=>[this.host,this.panel]),(()=>this.close("outside"))),L((()=>this.reposition()))));const s=this.subPath.join(",");s!==this.placedFor&&(this.placedFor=s,C(this.menus,this.flyouts,this.subPath)),this.flushFocus()}async setFocus(){this.tabStop()?.focus()}tabStop(){return this.host.querySelector('.items > .top > .item[tabindex="0"]')}disconnectedCallback(){this.teardown(),this.exit.cancel(),this.lowerPanel(),this.closingIndex>=0&&this.exited(),this.dispose?.(),this.dispose=void 0,this.sizeWatch?.disconnect(),this.sizeWatch=void 0,this.watched=new Set,this.stopHostLabel?.(),this.stopHostLabel=void 0,this.stopHostLabelledby?.(),this.stopHostLabelledby=void 0}onOpenChange(s,i){if(s>=0&&this.isFolded(s))this.openFolded(s);else{if(s>=0)return this.exit.cancel(),this.closingIndex=-1,this.lowerPanel(),void this.reset();this.teardown(),i>=0&&this.exit.begin(this.panel)?this.closingIndex=i:(this.lowerPanel(),this.reset()),this.foldHeld&&(this.foldHeld=!1,this.foldStale=!0)}}onItemsChange(s,i){const t=p(s||[]);t!==this.foldKey&&(this.foldKey=t,this.openIndex>=0&&this.openIndex===(i||[]).length&&this.foldAt>=0&&this.close("outside"),this.openIndex>=(s||[]).length&&this.lowerPanel(),this.fold.forget(),this.foldReady=!1,this.foldAt=-1,this.foldStale=!0)}onNoFoldChange(){this.foldStale=!0,this.noFold&&this.applyFold(-1)}reset(){this.cursor=null,this.subPath=[]}exited(){this.lowerPanel(),this.closingIndex=-1,this.reset()}lowerPanel(){const s=this.demote;this.demote=void 0,this.raised=void 0,s?.()}get moreIndex(){return(this.items||[]).length}get kept(){const s=(this.items||[]).length;return this.foldAt>=0?Math.min(this.foldAt,s):s}get folding(){return this.kept<(this.items||[]).length}isFolded(s){return this.folding&&s>=this.kept&&s<this.moreIndex}moreMenu(){const s=this.items||[],i=this.moreMemo;if(i&&i.items===s&&i.at===this.foldAt)return i.menu;const t=b(s,this.kept,(s=>s));return this.moreMemo={items:s,at:this.foldAt,menu:t},t}rowsOf(s){return s===this.moreIndex?this.folding?this.moreMenu().rows:[]:this.items[s]?.items||[]}rows(){return this.rowsOf(this.openIndex)}opens(s){return this.rowsOf(s).length>0}order(){const s=Array.from({length:this.kept},((s,i)=>i));return this.folding&&s.push(this.moreIndex),s}openFolded(s){const i=this.moreMenu(),t=i.itemAt.indexOf(s);this.openIndex=this.moreIndex,t<0||(this.cursor={depth:0,index:t},z(i.rows[t])&&(this.subPath=[t]))}startFold(){this.sizeWatch||"undefined"==typeof ResizeObserver||(this.sizeWatch=new ResizeObserver((()=>this.measureFold())),this.watched=new Set,this.watchSizes(),this.measureFold())}watchSizes(){this.sizeWatch&&this.bar&&(this.watched=f(this.sizeWatch,this.bar,this.watched))}measureFold(){this.foldStale=!1;const s=(this.items||[]).length;if(this.noFold||!s)return void this.applyFold(-1);if(this.openIndex>=0&&this.foldReady)return void(this.foldHeld=!0);const i=v(this.bar,this.tops.slice(0,this.kept),this.folding?this.moreTop:void 0);if(!i)return;const t=this.fold.foldAt(s,i);if(null===t)return this.foldStale=!0,void this.applyFold(-1);this.foldReady=!0,this.applyFold(t)}applyFold(s){const i=s>=0&&s<(this.items||[]).length?s:-1;if(i===this.foldAt)return;const t=this.moreIndex;if(i<0&&this.openIndex===t&&this.folding&&!this.close("outside"))return;const n="undefined"!=typeof document?document.activeElement:null,r=n?this.buttons.findIndex((s=>!!s&&s===n)):-1;this.foldAt=i,e(this),this.folding&&!this.fold.knowsMore&&(this.foldStale=!0),r>=0&&r<t&&this.isFolded(r)&&(this.focusMore=!0),this.openIndex>=0&&this.isFolded(this.openIndex)&&this.openFolded(this.openIndex)}aimFocus(s,i){if(!i)return;const t=this.rowsOf(s),e="first"===i?g(t):x(t);e<0||this.focusLater({depth:0,index:e})}focusLater(s){this.cursor=s,this.pendingFocus=s}flushFocus(){const s=this.pendingFocus;s&&(this.pendingFocus=null,k(this.menus[s.depth],s.index))}reposition(){const s=this.buttons[this.openIndex];s&&this.panel&&(P(this.panel,D(s,this.panel,"bottom",8,this.openIndex===this.moreIndex?"end":"start")),this.checkDrill(!0),C(this.menus,this.flyouts,this.subPath))}checkDrill(s=!1){const i=o(this.panel,220);return i!==this.drill&&(s?Promise.resolve().then((()=>{this.drill=i})):this.drill=i),i}teardown(){this.disposers.forEach((s=>s())),this.disposers=[],this.armed=-1}close(s,i=!1){const t=this.openIndex;return t<0||!this.suiClose.emit(s).defaultPrevented&&(this.openIndex=-1,i&&this.buttons[t]?.focus(),!0)}openAt(s,i){return this.openIndex===s?(this.aimFocus(s,i),this.flushFocus(),!0):!!this.close("trigger")&&(this.openIndex=s,this.aimFocus(s,i),this.suiOpen.emit(s),!0)}openSub(s,i,t){const e=F(this.rows(),this.subPath,s)[i]?.items||[],n=this.checkDrill();if(this.subPath=[...this.subPath.slice(0,s),i],!t&&!n)return;const r=g(e);r>=0&&this.focusLater({depth:s+1,index:r})}closeSub(s){if(s<=0)return;const i=this.subPath[s-1];this.subPath=this.subPath.slice(0,s-1),this.focusLater({depth:s-1,index:i})}pick=s=>{this.suiPick.emit(s),s.command?.(),this.close("pick",!0)};moveTop(s,i){const t=this.order(),e=t.length;if(!e)return;const n=t.indexOf(s),r=n<0?t[i>0?0:e-1]:t[(n+i+e)%e];this.focusTop=r,this.buttons[r]?.focus(),this.openIndex>=0&&(this.opens(r)?this.openAt(r,"first"):this.close("trigger"))}onTopClick(s,i){if(this.opens(s))return void(this.openIndex===s?this.close("trigger"):this.openAt(s,i&&0===i.detail?"first":null));const t=this.items[s];this.close("pick"),this.suiPick.emit(t),t.command?.()}onTopKey(s,i){if(y(s))return;const t=d(this.host),e=this.opens(i);switch(s.key){case"ArrowRight":return s.preventDefault(),void this.moveTop(i,t?-1:1);case"ArrowLeft":return s.preventDefault(),void this.moveTop(i,t?1:-1);case"Home":return s.preventDefault(),void this.moveTop(-1,1);case"End":return s.preventDefault(),void this.moveTop(-1,-1);case"ArrowDown":return void(e&&(s.preventDefault(),this.openAt(i,"first")));case"ArrowUp":return void(e&&(s.preventDefault(),this.openAt(i,"last")));case"Escape":return void(this.openIndex>=0&&(s.preventDefault(),s.stopPropagation(),this.close("escape",!0)));case"Tab":return void this.close("outside")}}onHover(s,i){if(this.cursor={depth:s,index:i},this.drill)return;const t=F(this.rows(),this.subPath,s)[i];this.subPath=[...this.subPath.slice(0,s),...z(t)?[i]:[]]}onPanelKey=s=>{const i=this.openIndex;w(s,this.panel,(()=>this.close("outside",!0)?this.buttons[i]:null))};onMenuKey=(s,i)=>{if("Tab"===s.key)return;const t=j(s,this.rows(),this.subPath,this.cursor,i);switch(t.kind){case"move":return this.cursor=t.cursor,this.subPath=this.subPath.slice(0,i),void k(this.menus[i],t.cursor.index);case"open":return this.cursor=t.cursor,void this.openSub(i,t.cursor.index,!0);case"pick":return void this.pick(t.item);case"close":return void this.closeSub(t.depth);case"exit":return"escape"===t.key?(s.stopPropagation(),void this.close("escape",!0)):void(0===i&&this.moveTop(this.openIndex,"forward"===t.key?1:-1))}};renderPanel(s,i,t,e,r){const a=this.openIndex<0&&this.closingIndex===s;return this.openIndex===s||a?n("div",{class:{panel:!0,closing:a},inert:a,id:e,ref:s=>this.panel=s,onKeyDown:this.onPanelKey},n(u,{items:i,path:this.subPath,active:this.cursor,idBase:r,ariaLabel:t,menuRef:(s,i)=>{i&&(this.menus[s]=i)},flyRef:(s,i)=>{i&&(this.flyouts[s]=i)},onPick:(s,i,t)=>{z(s)?this.openSub(i,t,!1):this.pick(s)},onHover:(s,i)=>this.onHover(s,i),onLeave:s=>{this.cursor&&this.cursor.depth===s&&(this.cursor=null)},onKeyDown:this.onMenuKey,drill:this.drill,onBack:s=>this.closeSub(s)})):null}renderMore(s){const i=this.moreIndex,t=this.openIndex===i,e=m(void 0,"menu.more",void 0,"More"),r=this.fieldId+"-panel-more";return n("div",{class:"top",key:"more",ref:s=>this.moreTop=s},n("button",{ref:s=>{s&&(this.buttons[i]=s)},type:"button",class:{item:!0,more:!0,open:t},role:"menuitem",tabIndex:i===s?0:-1,"aria-haspopup":"true","aria-expanded":t?"true":"false","aria-controls":t?r:null,onClick:s=>this.onTopClick(i,s),onMouseEnter:()=>{this.openIndex>=0&&this.openIndex!==i&&this.openAt(i,null)},onFocus:()=>this.focusTop=i,onKeyDown:s=>this.onTopKey(s,i)},n("span",null,e),n(h,{glyph:c,class:"chev"})),this.renderPanel(i,this.moreMenu().rows,e,r,this.fieldId+"-more"))}render(){this.buttons=[],this.tops=[],this.menus=[],this.flyouts=[];const s=this.items||[],i=this.folding,t=this.focusTop>=0&&this.focusTop<this.kept?this.focusTop:i?this.moreIndex:0;return n(r,{key:"7aff6994238c92c1ad26c54b5669dcda14d8acc4"},n("div",{key:"8e44914df3e8cd6752b7b390a38860bae0f7c67a",class:"bar",ref:s=>this.bar=s},this.hasBrand?n("div",{class:"brand"},n("slot",{name:"brand"})):null,n("div",{key:"ed1ed99498eb488e0ae7a5ebd3577fe4e6a2d082",class:"items",role:"menubar","aria-label":this.hostLabel,"aria-labelledby":this.hostLabelledby},s.slice(0,this.kept).map(((s,i)=>{const e=!(!s.items||!s.items.length),r=this.openIndex===i,a=!e&&!!s.href;return n("div",{class:"top",ref:s=>{s&&(this.tops[i]=s)}},n(a?"a":"button",{ref:s=>{s&&(this.buttons[i]=s)},type:a?void 0:"button",href:a?s.href:void 0,target:a?s.target:void 0,rel:a&&"_blank"===s.target?"noopener":void 0,class:{item:!0,open:r},role:"menuitem",tabIndex:i===t?0:-1,"aria-haspopup":e?"true":"false","aria-expanded":e?r?"true":"false":null,"aria-controls":e&&r?`${this.fieldId}-panel-${i}`:null,onClick:s=>this.onTopClick(i,s),onMouseEnter:()=>{this.openIndex>=0&&e&&this.openIndex!==i&&this.openAt(i,null)},onFocus:()=>this.focusTop=i,onKeyDown:s=>this.onTopKey(s,i)},s.icon?n("i",{class:"top-icon "+s.icon,"aria-hidden":"true"}):null,n("span",null,s.label),e?n(h,{glyph:c,class:"chev"}):null),e?this.renderPanel(i,s.items,s.label,`${this.fieldId}-panel-${i}`,`${this.fieldId}-${i}`):null)})),i?this.renderMore(t):null),n("div",{key:"b502fe3772e8df017e9a738a3f80426937de21ac",class:"spacer"}),n("slot",{key:"7c3793fa5501c2d0bf52b5eba79af2432a0947f1",name:"end"})))}static get watchers(){return{openIndex:[{onOpenChange:0}],items:[{onItemsChange:0}],noFold:[{onNoFoldChange:0}]}}static get style(){return".sc-sui-menubar-h{display:block;font-family:var(--font-sans)}.bar.sc-sui-menubar{display:flex;align-items:center;gap:4px;height:50px;padding:0 12px;box-sizing:border-box;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--ink)}.brand.sc-sui-menubar{display:flex;align-items:center;margin-inline-end:10px}.items.sc-sui-menubar{display:flex;align-items:center;gap:4px;flex:none}.top.sc-sui-menubar{position:relative}.spacer.sc-sui-menubar{flex:1}.item.sc-sui-menubar{height:34px;padding:0 13px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--ink-muted);font-size:13.5px;font-weight:550;font-family:var(--font-sans);line-height:1;cursor:pointer;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;text-decoration:none;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}a.item.sc-sui-menubar,a.item.sc-sui-menubar:hover,a.item.sc-sui-menubar:visited{color:var(--ink-muted);text-decoration:none}.item.sc-sui-menubar:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.item.open.sc-sui-menubar{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);color:var(--brand-soft-ink);font-weight:650}.item.sc-sui-menubar:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.top-icon.sc-sui-menubar{font-size:12px}.chev.sc-sui-menubar{font-size:9px;color:var(--ink-faint)}.panel.sc-sui-menubar{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);animation:sui-menubar-in var(--duration-overlay) var(--ease-out)}.panel[data-side='top'].sc-sui-menubar{animation-name:sui-menubar-in-top}.panel.closing.sc-sui-menubar{animation:sui-menubar-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-menubar-in{from{opacity:0;margin-top:-4px}}@keyframes sui-menubar-in-top{from{opacity:0;margin-top:4px}}@keyframes sui-menubar-out{to{opacity:0}}@media (forced-colors: active){.item.open.sc-sui-menubar{forced-color-adjust:none;background:Highlight;color:HighlightText}.item.sc-sui-menubar:focus-visible{outline-color:CanvasText;box-shadow:none}.chev.sc-sui-menubar{color:inherit}}.sui-menu-list.sc-sui-menubar{box-sizing:border-box;padding:5px;font-family:var(--font-sans);color:var(--ink);background:transparent;border:none;border-radius:0;box-shadow:none}.sui-menu-list.fill.sc-sui-menubar{width:auto}.sui-menu-list.sc-sui-menubar:focus{outline:none}.sui-menu-row.sc-sui-menubar{position:relative}.sui-menu-fly.sc-sui-menubar{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);animation:sui-menu-fly-in var(--duration-overlay) var(--ease-out)}.sui-menu-fly[data-side='left'].sc-sui-menubar{animation-name:sui-menu-fly-in-left}@keyframes sui-menu-fly-in{from{opacity:0;margin-left:-4px}}@keyframes sui-menu-fly-in-left{from{opacity:0;margin-left:4px}}.sui-menu-sep.sc-sui-menubar{height:1px;background:var(--hairline);margin:5px 4px}.sui-menu-backbar.sc-sui-menubar{padding:5px 5px 0}.sui-menu-back.sc-sui-menubar{display:flex;align-items:center;gap:9px;width:100%;box-sizing:border-box;margin:0;padding:7.5px 10px;border:0;border-radius:6px;background:transparent;cursor:pointer;font:650 13px var(--font-sans);color:var(--ink);text-align:start;transition:background var(--duration-fast) var(--ease-out)}.sui-menu-back.sc-sui-menubar:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-menu-back.sc-sui-menubar:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-menu-back.sc-sui-menubar .sui-glyph.sc-sui-menubar{font-size:11px;width:15px;color:var(--ink-muted);flex-shrink:0}.sui-menu-back.sc-sui-menubar .sui-glyph.sc-sui-menubar:dir(rtl){transform:scaleX(-1)}.sui-menu-backbar.sc-sui-menubar .sui-menu-sep.sc-sui-menubar{margin:5px 4px 0}.sui-menu-section.sc-sui-menubar{padding:8px 10px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint)}.sui-menu-item.sc-sui-menubar{display:flex;align-items:center;gap:9px;padding:7.5px 10px;border-radius:6px;font-size:13px;font-weight:550;line-height:normal;color:var(--ink);background:transparent;cursor:pointer;user-select:none;outline:none;text-decoration:none;transition:background var(--duration-fast) var(--ease-out)}a.sui-menu-item.sc-sui-menubar,a.sui-menu-item.sc-sui-menubar:hover,a.sui-menu-item.sc-sui-menubar:visited{color:var(--ink);text-decoration:none}.sui-menu-item.active.sc-sui-menubar,.sui-menu-item.open.sc-sui-menubar{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-menu-item.danger.sc-sui-menubar,a.sui-menu-item.danger.sc-sui-menubar,a.sui-menu-item.danger.sc-sui-menubar:hover,a.sui-menu-item.danger.sc-sui-menubar:visited{color:var(--danger);font-weight:620}.sui-menu-item.danger.active.sc-sui-menubar,.sui-menu-item.danger.sc-sui-menubar:hover,a.sui-menu-item.danger.sc-sui-menubar:hover{background:var(--danger-soft);color:var(--danger-soft-ink)}.sui-menu-item.disabled.sc-sui-menubar{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);--accent:var(--surface-sunken);--accent-contrast:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed;background:transparent}.sui-menu-item.current.sc-sui-menubar{font-weight:650}.sui-menu-item.sc-sui-menubar:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-menu-icon.sc-sui-menubar{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.sui-menu-check.sc-sui-menubar{display:inline-flex;align-items:center;justify-content:center;width:15px;flex-shrink:0;font-size:11px;color:var(--ink)}.sui-menu-item.danger.sc-sui-menubar .sui-menu-icon.sc-sui-menubar{color:var(--danger)}.sui-menu-item.danger.sc-sui-menubar:hover .sui-menu-icon.sc-sui-menubar,.sui-menu-item.danger.active.sc-sui-menubar .sui-menu-icon.sc-sui-menubar{color:var(--danger-soft-ink)}.sui-menu-item.disabled.sc-sui-menubar .sui-menu-icon.sc-sui-menubar{color:var(--disabled-ink)}.sui-menu-label.sc-sui-menubar{flex:1;min-width:0}.sui-menu-badge.sc-sui-menubar{min-width:17px;height:17px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:var(--accent);color:var(--accent-contrast);font-size:10px;font-weight:720;display:inline-flex;align-items:center;justify-content:center;font-feature-settings:'tnum'}.sui-menu-shortcut.sc-sui-menubar{font-size:11px;color:var(--ink-faint);font-feature-settings:'tnum';white-space:nowrap}.sui-menu-chev.sc-sui-menubar{font-size:9px;color:var(--ink-faint)}.sui-menu-chev.sc-sui-menubar:dir(rtl){transform:scaleX(-1)}@media (forced-colors: active){.sui-menu-sep.sc-sui-menubar{background:CanvasText}.sui-menu-item.active.sc-sui-menubar,.sui-menu-item.open.sc-sui-menubar,.sui-menu-item.danger.active.sc-sui-menubar{forced-color-adjust:none;background:Highlight;color:HighlightText}a.sui-menu-item.active.sc-sui-menubar,a.sui-menu-item.open.sc-sui-menubar,a.sui-menu-item.danger.active.sc-sui-menubar{color:HighlightText}.sui-menu-item.disabled.sc-sui-menubar{color:GrayText}.sui-menu-item.current.sc-sui-menubar{outline:2px solid Highlight;outline-offset:-2px}.sui-menu-item.sc-sui-menubar:focus-visible{outline-color:CanvasText;box-shadow:none}.sui-menu-icon.sc-sui-menubar,.sui-menu-shortcut.sc-sui-menubar,.sui-menu-chev.sc-sui-menubar,.sui-menu-item.danger.sc-sui-menubar .sui-menu-icon.sc-sui-menubar{color:inherit}.sui-menu-item.disabled.sc-sui-menubar .sui-menu-icon.sc-sui-menubar{color:GrayText}.sui-menu-badge.sc-sui-menubar{background:Canvas;color:CanvasText;border:1px solid CanvasText}}"}},[774,"sui-menubar",{items:[16],openIndex:[1026,"open-index"],noFold:[516,"no-fold"],cursor:[32],subPath:[32],drill:[32],focusTop:[32],hasBrand:[32],hostLabel:[32],hostLabelledby:[32],closingIndex:[32],setFocus:[64]},void 0,{openIndex:[{onOpenChange:0}],items:[{onItemsChange:0}],noFold:[{onNoFoldChange:0}]}]),O=G,R=function(){"undefined"!=typeof customElements&&["sui-menubar"].forEach((s=>{"sui-menubar"===s&&(customElements.get(a(s))||customElements.define(a(s),G))}))};export{O as SuiMenubar,R as defineCustomElement}

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

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

package/dist/components/sui-message.js

@@ -0,0 +1 @@
+import{p as s,H as e,c as i,h as t,a as o,t as a}from"./p-CeVlau-G.js";import{o as n,h as c,d as r,b as m}from"./p-BWkzTEZX.js";import{r as d}from"./p-DRMr6xXH.js";import{G as l,x as u}from"./p-DdsE4HI6.js";import{S as g}from"./p-9ma1-eiT.js";import{a as h}from"./p-BuyjS5bS.js";import{f}from"./p-CN5x4MC8.js";import{defineCustomElement as p}from"./p-RwPlJzMY.js";import{d as b}from"./p-v0MrzKlW.js";const v=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiClose=i(this,"suiClose",3)}get host(){return this}severity="info";heading;icon;closable=!1;suiClose;hasBody=!1;hasAction=!1;textEl;dispose;pointerClose=!1;loaded=!1;connectedCallback(){this.loaded&&this.watch(!0)}componentWillLoad(){this.readSlots()}componentDidLoad(){this.loaded=!0,this.watch()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0}watch(s=!1){this.dispose?.(),this.dispose=n(this.host,(()=>this.readSlots())),s&&Promise.resolve().then((()=>{this.host.isConnected&&this.readSlots()}))}readSlots(){this.hasAction=c(this.host,"action");const s=r(this.host).filter((s=>s.classList.contains("msg")));this.hasBody=m(this.host,this.textEl,s)}close=()=>{const s=!this.pointerClose&&this.holdsFocus();if(this.pointerClose=!1,this.suiClose.emit("close-button").defaultPrevented)return;const e=s?this.neighbour():void 0;this.host.setAttribute("hidden",""),e?.focus({preventScroll:!0})};onClosePointerDown=()=>{this.pointerClose=!0};holdsFocus(){if("undefined"==typeof document)return!1;const s=document.activeElement;return!!s&&this.host.contains(s)}neighbour(){if("undefined"==typeof document||!document.body)return;let s=[];try{s=f(document.body)}catch{return}const e=s.map(((s,e)=>this.host.contains(s)?e:-1)).filter((s=>s>=0));if(!e.length)return;const i=s[e[e.length-1]+1]||(e[0]>0?s[e[0]-1]:void 0);return i&&"function"==typeof i.focus?i:void 0}render(){const s=d(this.severity,"info"),e="critical"===s,i=this.icon?t("i",{class:this.icon+" icon","aria-hidden":"true"}):t(l,{glyph:g[s],class:"icon"});return t(o,{key:"baa8dc385ecf09acc1fa829491d734febaf23d95"},t("div",{key:"81d50b5f22b543c9ad8833f70ca93bd2b264a720",class:{msg:!0,[s]:!0},role:e?"alert":"status"},i,t("div",{key:"f33edd3734b4c1494462a67be3aa9fb40b9c1c97",class:"body"},this.heading?t("div",{class:{heading:!0,"has-body":this.hasBody}},this.heading):null,t("div",{key:"34ef4e635ac2d55f4233d419f10f2e9efb054220",ref:s=>this.textEl=s,class:{text:!0,empty:!this.hasBody}},t("slot",{key:"346cec8fa92d52eca02c1b351ef722252d39a1a6"}))),this.hasAction?t("span",{class:"action"},t("slot",{name:"action"})):null,this.closable?t("sui-icon-button",{class:"close",size:"sm","aria-label":h(void 0,"message.dismiss",void 0,"Dismiss"),onPointerDown:this.onClosePointerDown,onClick:this.close},t(l,{glyph:u})):null))}static get style(){return".sc-sui-message-h{display:block;font-family:var(--font-sans)}[hidden].sc-sui-message-h{display:none}.msg.sc-sui-message{display:flex;gap:11px;align-items:flex-start;border:1px solid transparent;border-radius:var(--radius-md);padding:11px 14px;box-sizing:border-box}.msg.info.sc-sui-message{background:var(--status-info-bg);color:var(--ink);border-color:var(--status-info-accent)}.msg.info.sc-sui-message .icon.sc-sui-message{color:var(--status-info-ink)}.msg.positive.sc-sui-message{background:var(--status-positive-bg);color:var(--ink);border-color:var(--status-positive-edge)}.msg.positive.sc-sui-message .icon.sc-sui-message{color:var(--status-positive-ink)}.msg.attention.sc-sui-message{background:var(--status-attention-bg);color:var(--ink);border-color:var(--status-attention-accent)}.msg.attention.sc-sui-message .icon.sc-sui-message{color:var(--status-attention-ink)}.msg.neutral.sc-sui-message{background:var(--surface);color:var(--ink-muted);border-color:var(--border-strong)}.msg.critical.sc-sui-message{background:var(--danger-soft);color:var(--ink);border-color:var(--danger);border-inline-start:4px solid var(--danger-fill)}.msg.critical.sc-sui-message .icon.sc-sui-message{color:var(--danger-soft-ink)}.icon.sc-sui-message{font-size:13px;margin-top:2px;flex-shrink:0}.body.sc-sui-message{flex:1;min-width:0;font-size:13px;line-height:1.5}.heading.sc-sui-message{font-weight:700}.heading.has-body.sc-sui-message{margin-bottom:2px}.msg.critical.sc-sui-message .heading.sc-sui-message{font-weight:730}.msg.critical.sc-sui-message .text.sc-sui-message{color:var(--ink)}.text.empty.sc-sui-message{display:none}.action.sc-sui-message{flex-shrink:0;font-size:12.5px;font-weight:650;white-space:nowrap}.action.sc-sui-message-s>a,.action .sc-sui-message-s>a{color:var(--link);text-decoration:none}.action.sc-sui-message-s>a:hover,.action .sc-sui-message-s>a:hover{text-decoration:underline}.close.sc-sui-message{flex-shrink:0;margin-top:-4px}.close.sc-sui-message .sui-glyph.sc-sui-message{font-size:var(--icon-size-sm)}@media (forced-colors: active){.msg.sc-sui-message{border-color:CanvasText}}"}},[774,"sui-message",{severity:[513],heading:[1],icon:[1],closable:[516],hasBody:[32],hasAction:[32]}]),k=v,x=function(){"undefined"!=typeof customElements&&["sui-message","sui-icon-button","sui-tooltip"].forEach((s=>{switch(s){case"sui-message":customElements.get(a(s))||customElements.define(a(s),v);break;case"sui-icon-button":customElements.get(a(s))||p();break;case"sui-tooltip":customElements.get(a(s))||b()}}))};export{k as SuiMessage,x as defineCustomElement}

package/dist/components/sui-meter-group.d.ts

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

package/dist/components/sui-meter-group.js

@@ -0,0 +1 @@
+import{p as e,H as s,h as t,a as r,t as i}from"./p-CeVlau-G.js";import{r as o}from"./p-Bv5xqCDb.js";import{b as l}from"./p-COO9uV7W.js";const a=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost()}segments=[];totalLabel;height=12;hideLegend=!1;orientation="horizontal";render(){const e=Array.isArray(this.segments)?this.segments:[],s="vertical"===this.orientation,i=e.reduce(((e,s)=>e+(Number(s.value)||0)),0)||1,a=(e,s)=>e.color||o(s),u=e=>null!=e.display?e.display:l(Number(e.value)||0),n=e=>{const t=Number(e.value)||0;return s?{flex:t+" 0 0px"}:{width:t/i*100+"%"}},c=this.totalLabel?t("div",{class:"total"},t("span",{class:"total-label"},this.totalLabel.label),t("span",{class:"total-value"},this.totalLabel.value)):null,p=t("div",{class:"bar",style:{[s?"width":"height"]:this.height+"px",borderRadius:this.height/2+"px"}},e.map(((e,s)=>t("div",{key:s+"",class:"segment",role:"img","aria-label":`${e.label} ${u(e)}`,style:{...n(e),background:a(e,s)}})))),m=this.hideLegend?null:t("div",{class:"legend"},e.map(((e,s)=>t("div",{key:s+"",class:"row"},t("span",{class:"swatch",style:{background:a(e,s)}}),t("span",{class:"row-label"},e.label),t("span",{class:"row-value"},u(e))))));return t(r,null,t("div",{class:{"sui-meter-group":!0,vertical:s}},s?[p,c||m?t("div",{class:"side"},c,m):null]:[c,p,m]))}static get style(){return".sc-sui-meter-group-h{display:block;font-family:var(--font-sans);color:var(--ink)}.sui-meter-group.sc-sui-meter-group{display:flex;flex-direction:column;gap:13px}.total.sc-sui-meter-group{display:flex;justify-content:space-between;align-items:baseline}.total-label.sc-sui-meter-group{font-size:13.5px;font-weight:700}.total-value.sc-sui-meter-group{font-size:12.5px;color:var(--ink-muted);font-feature-settings:'tnum'}.bar.sc-sui-meter-group{display:flex;overflow:hidden}.segment.sc-sui-meter-group{flex-shrink:0}.legend.sc-sui-meter-group{display:flex;flex-direction:column;gap:8px}.row.sc-sui-meter-group{display:flex;align-items:center;gap:8px;font-size:12.5px}.swatch.sc-sui-meter-group{width:9px;height:9px;border-radius:2px;flex-shrink:0}.row-label.sc-sui-meter-group{flex:1;color:var(--ink-muted)}.row-value.sc-sui-meter-group{font-weight:640;font-feature-settings:'tnum'}[orientation=\"vertical\"].sc-sui-meter-group-h{height:100%}.sui-meter-group.vertical.sc-sui-meter-group{flex-direction:row;align-items:stretch;gap:16px;height:100%}.sui-meter-group.vertical.sc-sui-meter-group .bar.sc-sui-meter-group{flex-direction:column;flex-shrink:0;min-height:120px}.sui-meter-group.vertical.sc-sui-meter-group .segment.sc-sui-meter-group{width:100%}.side.sc-sui-meter-group{display:flex;flex-direction:column;gap:13px;flex:1;min-width:0}@media (forced-colors: active){.bar.sc-sui-meter-group{border:1px solid CanvasText}.segment.sc-sui-meter-group{forced-color-adjust:none;box-shadow:inset 0 0 0 1px CanvasText}.swatch.sc-sui-meter-group{forced-color-adjust:none;box-sizing:border-box;border:1px solid CanvasText}}"}},[518,"sui-meter-group",{segments:[16],totalLabel:[16],height:[2],hideLegend:[516,"hide-legend"],orientation:[513]}]),u=a,n=function(){"undefined"!=typeof customElements&&["sui-meter-group"].forEach((e=>{"sui-meter-group"===e&&(customElements.get(i(e))||customElements.define(i(e),a))}))};export{u as SuiMeterGroup,n as defineCustomElement}

package/dist/components/sui-mini-toolbar.d.ts

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

package/dist/components/sui-mini-toolbar.js

@@ -0,0 +1 @@
+import{S as o,d as s}from"./p--YwzuGO4.js";const p=o,r=s;export{p as SuiMiniToolbar,r as defineCustomElement}

package/dist/components/sui-multi-select.d.ts

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

package/dist/components/sui-multi-select.js

@@ -0,0 +1 @@
+import{SuiMultiSelect as e,defineCustomElement as t}from"./p-Deadvw27.js";const o=e,s=t;export{o as SuiMultiSelect,s as defineCustomElement}

package/dist/components/sui-notification-center.d.ts

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

package/dist/components/sui-notification-center.js

@@ -0,0 +1 @@
+import{p as i,H as t,c as n,f as o,h as e,a as s,t as a}from"./p-CeVlau-G.js";import{d as r}from"./p-BHB1Wprj.js";import{k as c,o as l,p as d,a as u,b as f,m as p,l as h,t as v}from"./p-CN5x4MC8.js";import{f as b}from"./p-C6T8Kp68.js";import{u as g}from"./p-U06fVoGD.js";import{l as m,a as x}from"./p-BuyjS5bS.js";import{a as k,L as y}from"./p-C0MrkGLb.js";import{G as w,a0 as C,x as z,a1 as j}from"./p-DdsE4HI6.js";import{d as H}from"./p-D7L5Nhsy.js";import{d as R}from"./p-BUqcDxTK.js";import{d as T}from"./p-qjuvplfX.js";const A=["positive","attention","critical","info"],N=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiViewAll=n(this,"suiViewAll",7),this.suiItemPick=n(this,"suiItemPick",7),this.suiRead=n(this,"suiRead",7),this.suiRemove=n(this,"suiRemove",7),this.suiOpen=n(this,"suiOpen",3),this.suiClose=n(this,"suiClose",3)}get host(){return this}notifications=[];open=!1;align="end";width=336;listMaxHeight=300;suiViewAll;suiItemPick;suiRead;suiRemove;suiOpen;suiClose;items=[];tab="all";closing=!1;fieldId=g("sui-notification-center");trigger;panel;disposers=[];escape=c((()=>this.hide("escape",!0)));demote;exit=l((()=>this.exited()));focusOnOpen=!1;focusRow;componentWillLoad(){this.syncItems()}connectedCallback(){r(this.host,(()=>this.trigger)),this.open&&this.panel&&o(this)}async setFocus(){this.trigger?.focus()}componentDidRender(){this.open&&this.afterOpen(),this.flushRowFocus()}disconnectedCallback(){this.teardown(),this.exit.cancel(),this.exited()}exited(){this.demote?.(),this.demote=void 0,this.closing=!1}syncItems(){this.items=(this.notifications||[]).map(((i,t)=>({...i,id:null!=i.id?i.id:t,read:!!i.read})))}onOpenChange(i){if(this.focusOnOpen=i,i)return this.escape.arm(),this.exit.cancel(),void(this.closing=!1);this.teardown(),this.exit.begin(this.panel)?this.closing=!0:this.exited()}unread(){return this.items.filter((i=>!i.read)).length}afterOpen(){this.open&&this.trigger&&this.panel&&!this.disposers.length&&this.host.isConnected&&(this.demote||(this.demote=d(this.panel)),this.reposition(),this.disposers.push(u((()=>[this.host,this.panel]),(()=>this.hide("outside",!1))),f((()=>this.reposition()))),this.escape.arm(),this.focusOnOpen&&(this.focusOnOpen=!1,b(this.panel)?.focus({preventScroll:!0})))}flushRowFocus(){const i=this.focusRow;if(void 0===i)return;this.focusRow=void 0;const t=this.panel?Array.from(this.panel.querySelectorAll(".row .dismiss")):[],n=t[Math.min(i,t.length-1)];(n||this.trigger)?.focus({preventScroll:!0})}reposition(){this.trigger&&this.panel&&p(this.panel,h(this.trigger,this.panel,"bottom",8,"start"===this.align?"start":"end"))}teardown(){this.escape.disarm(),this.disposers.forEach((i=>i())),this.disposers=[]}show(){this.open||(this.open=!0,this.suiOpen.emit())}hide(i,t){this.open&&(this.suiClose.emit(i).defaultPrevented||(this.open=!1,t&&this.trigger?.focus()))}onPanelKey=i=>{v(i,this.panel,(()=>this.hide("outside",!0)))};onToggle=()=>{this.open?this.hide("trigger",!1):this.show()};strip(i){return{...i}}activate(i){this.suiItemPick.emit(this.strip(i)),this.markRead(i)}markRead(i){i.read||(this.items=this.items.map((t=>t.id===i.id?{...t,read:!0}:t)),this.suiRead.emit(this.strip({...i,read:!0})))}markAllRead=()=>{const i=this.items.filter((i=>!i.read));i.length&&(this.items=this.items.map((i=>({...i,read:!0}))),i.forEach((i=>this.suiRead.emit(this.strip({...i,read:!0})))))};shown(){return"unread"===this.tab?this.items.filter((i=>!i.read)):this.items}dismiss(i,t){t.stopPropagation();const n=t.currentTarget,o=!!n&&"undefined"!=typeof document&&document.activeElement===n,e=this.shown().findIndex((t=>t.id===i.id));this.items=this.items.filter((t=>t.id!==i.id)),this.suiRemove.emit(this.strip(i)),o&&e>=0&&(this.focusRow=e)}renderBell(i){const t=i?m(void 0,"notification-center.notificationsUnread",void 0,"Notifications, {n} unread",{n:i+""}):x(void 0,"notification-center.notifications",void 0,"Notifications");return e("button",{ref:i=>this.trigger=i,type:"button",class:{bell:!0,open:this.open},"aria-label":t,"aria-expanded":this.open?"true":"false","aria-haspopup":"dialog","aria-controls":this.fieldId+"-panel",onClick:this.onToggle},e(w,{glyph:C}))}renderRow(i){const t=i.severity&&A.includes(i.severity)?i.severity:"info";return e("div",{class:{row:!0,unread:!i.read},role:"listitem",key:i.id+""},e("button",{type:"button",class:"body",onClick:()=>this.activate(i)},e(k,{marker:e(y,{severity:t}),title:i.title,description:i.detail,time:i.time,unread:!i.read,unreadLabel:x(void 0,"notification-center.unread",void 0,"Unread")})),e("button",{type:"button",class:"dismiss","aria-label":x(void 0,"notification-center.dismiss",void 0,"Dismiss"),onClick:t=>this.dismiss(i,t)},e(w,{glyph:z})))}render(){const i=this.unread(),t=this.shown(),n=this.renderBell(i);return e(s,{key:"8a93828fa8cc1c08c2aa9d6d2bc22675dc5b2c37"},i>0?e("sui-overlay-badge",{value:i,severity:"accent"},n):n,this.open||this.closing?e("div",{ref:i=>this.panel=i,id:this.fieldId+"-panel",class:{panel:!0,closing:this.closing},inert:this.closing,role:"dialog","aria-label":x(void 0,"notification-center.notifications",void 0,"Notifications"),style:{width:this.width+"px"},onKeyDown:this.onPanelKey},e("div",{class:"head"},e("b",{class:"heading"},x(void 0,"notification-center.notifications",void 0,"Notifications")),e("button",{type:"button",class:"mark-all",disabled:0===i,onClick:this.markAllRead},x(void 0,"notification-center.markAllRead",void 0,"Mark all read"))),e("div",{class:"tabs",role:"group","aria-label":x(void 0,"notification-center.filterNotifications",void 0,"Filter notifications")},e("button",{type:"button",class:{tab:!0,on:"all"===this.tab},"aria-pressed":"all"===this.tab?"true":"false",onClick:()=>this.tab="all"},x(void 0,"notification-center.all",void 0,"All")),e("button",{type:"button",class:{tab:!0,on:"unread"===this.tab},"aria-pressed":"unread"===this.tab?"true":"false",onClick:()=>this.tab="unread"},m(void 0,"notification-center.unreadCount",void 0,"Unread {n}",{n:i+""}))),e("div",{class:"list",role:"list",style:{maxHeight:this.listMaxHeight+"px"}},0===t.length?e("div",{class:"empty"},e(w,{glyph:j}),e("div",{class:"empty-title"},x(void 0,"notification-center.youReAllCaughtUp",void 0,"You're all caught up")),e("div",{class:"empty-note"},x(void 0,"notification-center.newActivityLandsHere",void 0,"New activity lands here."))):null,t.map((i=>this.renderRow(i)))),e("button",{type:"button",class:"view-all",onClick:()=>this.suiViewAll.emit()},x(void 0,"notification-center.viewAllNotifications",void 0,"View all notifications"))):null)}static get watchers(){return{notifications:[{syncItems:0}],open:[{onOpenChange:0}]}}static get style(){return".sc-sui-notification-center-h{position:relative;display:inline-flex;font-family:var(--font-sans);color:var(--ink)}.bell.sc-sui-notification-center{position:relative;box-sizing:border-box;width:36px;height:36px;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink-muted);cursor:pointer;box-shadow:none;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.bell.sc-sui-notification-center .sui-glyph.sc-sui-notification-center{font-size:14px}.bell.sc-sui-notification-center:hover{background:linear-gradient(var(--surface-hover) 0 0) var(--surface)}.bell.sc-sui-notification-center:active{background:linear-gradient(var(--surface-pressed) 0 0) var(--surface)}.bell.open.sc-sui-notification-center{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-soft-ink)}.bell.sc-sui-notification-center:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.panel.sc-sui-notification-center{position:fixed;top:0;left:0;z-index:var(--z-overlay);box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);overflow:hidden;text-align:start;font-family:var(--font-sans);color:var(--ink);animation:sui-notification-center-in var(--duration-overlay) var(--ease-out)}.panel[data-side='top'].sc-sui-notification-center{animation-name:sui-notification-center-in-top}.panel.closing.sc-sui-notification-center{animation:sui-notification-center-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-notification-center-in{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-notification-center-in-top{from{opacity:0;transform:translateY(4px)}}@keyframes sui-notification-center-out{to{opacity:0}}.head.sc-sui-notification-center{display:flex;align-items:center;gap:10px;padding:12px 14px 9px}.heading.sc-sui-notification-center{flex:1;font-size:13.5px;font-weight:700}.mark-all.sc-sui-notification-center{appearance:none;margin:0;padding:0;border:0;background:transparent;font-family:var(--font-sans);font-size:11.5px;font-weight:620;color:var(--link);cursor:pointer}.mark-all.sc-sui-notification-center:hover:not(:disabled){text-decoration:underline}.mark-all.sc-sui-notification-center:disabled{color:var(--disabled-ink);cursor:default}.tabs.sc-sui-notification-center{display:flex;gap:6px;padding:0 14px 10px;border-bottom:1px solid var(--hairline)}.tab.sc-sui-notification-center{appearance:none;margin:0;box-sizing:border-box;height:26px;padding:0 12px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--ink-muted);font-family:var(--font-sans);font-size:11.5px;font-weight:650;font-feature-settings:'tnum';cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.tab.sc-sui-notification-center:hover:not(.on){background:var(--surface-raised-hover)}.tab.on.sc-sui-notification-center{background:var(--brand);border-color:var(--brand);color:var(--brand-contrast)}.list.sc-sui-notification-center{overflow-y:auto}.empty.sc-sui-notification-center{padding:26px 16px;text-align:center}.empty.sc-sui-notification-center .sui-glyph.sc-sui-notification-center{font-size:16px;color:var(--ink-faint)}.empty-title.sc-sui-notification-center{font-size:12.5px;font-weight:650;margin-top:8px}.empty-note.sc-sui-notification-center{font-size:11.5px;color:var(--ink-faint);margin-top:2px}.row.sc-sui-notification-center{position:relative;display:flex;align-items:flex-start;gap:4px;padding-block:0;padding-inline:0 8px;border-bottom:1px solid var(--hairline);background:transparent;transition:background var(--duration-fast) var(--ease-out)}.row.unread.sc-sui-notification-center{--ink-faint:var(--ink-muted)}.row.unread.sc-sui-notification-center::before{content:'';position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--accent-mark)}.row.sc-sui-notification-center:hover,.row.sc-sui-notification-center:focus-within{--ink-faint:var(--ink-muted);background:var(--surface-raised-hover)}.body.sc-sui-notification-center{appearance:none;flex:1;min-width:0;margin:0;border:0;background:transparent;cursor:pointer;display:flex;gap:10px;align-items:flex-start;padding-block:10px;padding-inline:14px 6px;text-align:start;font-family:var(--font-sans);color:var(--ink)}.body.sc-sui-notification-center:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.dismiss.sc-sui-notification-center{appearance:none;margin:10px 0 0;padding:2px;border:0;background:transparent;flex-shrink:0;color:var(--ink-faint);cursor:pointer;opacity:0;border-radius:var(--radius-xs);transition:opacity var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.dismiss.sc-sui-notification-center .sui-glyph.sc-sui-notification-center{font-size:11px}.row.sc-sui-notification-center:hover .dismiss.sc-sui-notification-center,.row.sc-sui-notification-center:focus-within .dismiss.sc-sui-notification-center,.dismiss.sc-sui-notification-center:focus-visible{opacity:1}.dismiss.sc-sui-notification-center:hover{color:var(--ink)}.dismiss.sc-sui-notification-center:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.view-all.sc-sui-notification-center{appearance:none;display:block;width:100%;margin:0;border:0;border-top:1px solid var(--hairline);background:var(--surface-sunken);padding:9px;font-family:var(--font-sans);font-size:12px;font-weight:650;color:var(--link);cursor:pointer}.view-all.sc-sui-notification-center:hover{text-decoration:underline}.view-all.sc-sui-notification-center:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}@media (forced-colors: active){.bell.open.sc-sui-notification-center{forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:HighlightText;outline-color:CanvasText;box-shadow:none}.tab.on.sc-sui-notification-center{forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:HighlightText;outline-color:CanvasText;box-shadow:none}}.sev.sc-sui-notification-center{width:26px;height:26px;border-radius:50%;flex-shrink:0;margin-top:1px;display:inline-flex;align-items:center;justify-content:center}.sev.sc-sui-notification-center i.sc-sui-notification-center,.sev.sc-sui-notification-center .sui-glyph.sc-sui-notification-center{font-size:11px}.sev.positive.sc-sui-notification-center{background:var(--status-positive-bg);color:var(--status-positive-ink)}.sev.attention.sc-sui-notification-center{background:var(--status-attention-bg);color:var(--status-attention-ink)}.sev.critical.sc-sui-notification-center{background:var(--danger-soft);color:var(--danger)}.sev.info.sc-sui-notification-center{background:var(--surface-sunken);color:var(--ink-muted)}.sev.neutral.sc-sui-notification-center{background:var(--status-neutral-bg);color:var(--status-neutral-ink)}.sev.icon.sc-sui-notification-center{background:var(--surface-sunken);color:var(--ink-muted)}.sui-list-avatar.sc-sui-notification-center{flex-shrink:0;margin-top:1px}.text.sc-sui-notification-center{flex:1;min-width:0}.title-row.sc-sui-notification-center{display:flex;align-items:center;gap:6px;min-width:0}.title.sc-sui-notification-center{font-size:12.5px;font-weight:620;min-width:0}.unread.sc-sui-notification-center .title.sc-sui-notification-center{font-weight:700}.dot.sc-sui-notification-center{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-inline-start:auto}.meta.sc-sui-notification-center{flex-shrink:0;margin-inline-start:auto;font-size:11px;color:var(--ink-muted);font-feature-settings:'tnum';white-space:nowrap}.dot.sc-sui-notification-center+.sr-only.sc-sui-notification-center+.meta.sc-sui-notification-center,.dot.sc-sui-notification-center+.meta.sc-sui-notification-center{margin-inline-start:0}.detail.sc-sui-notification-center{display:block;font-size:11.5px;color:var(--ink-muted);line-height:1.45;margin-top:1px}.time.sc-sui-notification-center{display:block;font-size:10.5px;color:var(--ink-faint);margin-top:3px;font-feature-settings:'tnum'}.sr-only.sc-sui-notification-center{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (forced-colors: active){.sev.sc-sui-notification-center{box-sizing:border-box;border:1px solid CanvasText}.dot.sc-sui-notification-center{background:CanvasText}}"}},[514,"sui-notification-center",{notifications:[16],open:[1540],align:[513],width:[2],listMaxHeight:[2,"list-max-height"],items:[32],tab:[32],closing:[32],setFocus:[64]},void 0,{notifications:[{syncItems:0}],open:[{onOpenChange:0}]}]),O=N,D=function(){"undefined"!=typeof customElements&&["sui-notification-center","sui-avatar","sui-badge","sui-overlay-badge"].forEach((i=>{switch(i){case"sui-notification-center":customElements.get(a(i))||customElements.define(a(i),N);break;case"sui-avatar":customElements.get(a(i))||H();break;case"sui-badge":customElements.get(a(i))||R();break;case"sui-overlay-badge":customElements.get(a(i))||T()}}))};export{O as SuiNotificationCenter,D as defineCustomElement}

package/dist/components/sui-order-list.d.ts

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

package/dist/components/sui-order-list.js

@@ -0,0 +1 @@
+import{p as i,H as s,c as r,h as t,a as e,t as o}from"./p-CeVlau-G.js";import{G as l,W as a,k as d,an as n,w as u,y as c,ao as h,z as v,af as p}from"./p-DdsE4HI6.js";import{r as f,s as g,R as b}from"./p-8BHOb7Dy.js";import{u as m}from"./p-U06fVoGD.js";import{c as x}from"./p-COO9uV7W.js";import{a as k,l as w}from"./p-BuyjS5bS.js";import{d as y}from"./p-BHB1Wprj.js";import{d as z}from"./p-D7L5Nhsy.js";const D=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiItemsChange=r(this,"suiItemsChange",3),this.suiSelectionChange=r(this,"suiSelectionChange",3)}get host(){return this}heading;items=[];selection=[];height=240;noDrag=!1;dragOnly=!1;selectionMode="single";filter=!1;emptyMessage;emptyFilterMessage;loading=!1;suiItemsChange;suiSelectionChange;focused=-1;dragIdx=-1;overIdx=-1;lifted=-1;live="";query="";fieldId=m("sui-order-list");rowEls=[];pendingFocus=-1;snapshot;connectedCallback(){y(this.host,(()=>this.rowEls[this.tabRow()]))}onItems(i){const s=(i||[]).length;this.lifted>=s&&(this.lifted=-1),this.focused>=s&&(this.focused=s?s-1:-1)}componentDidRender(){this.pendingFocus>=0&&(this.focusRow(this.pendingFocus),this.pendingFocus=-1)}async setFocus(){this.focusRow(this.tabRow())}list(){return this.items||[]}get boxes(){return"checkbox"===this.selectionMode}get filtering(){return this.filter&&this.query.trim().length>0}sel(){const i=this.selection||[];if(!i.length)return[];const s=[];return this.list().forEach(((r,t)=>{i.includes(r.value)&&s.push(t)})),this.boxes?s:s.slice(0,1)}visible(){const i=this.query.trim().toLowerCase(),s=this.list(),r=s.map(((i,s)=>s));return this.filtering?r.filter((r=>f(s[r],i))):r}tabRow(){const i=this.visible(),s=this.sel(),r=this.boxes||!s.length?this.focused:s[0];return i.includes(r)?r:i.length?i[0]:0}focusRow(i){const s=this.rowEls[i];s&&"function"==typeof s.focus&&s.focus()}setSel(i){const s=this.list(),r=i.slice().sort(((i,s)=>i-s)).map((i=>s[i].value));g(r,this.selection)||(this.selection=r,this.suiSelectionChange.emit(r))}select(i){this.setSel(i<0?[]:[i])}toggle(i){const s=this.sel();this.setSel(s.includes(i)?s.filter((s=>s!==i)):s.concat([i]))}toggleAll=()=>{const i=this.visible();if(!i.length)return;const s=this.sel(),r=i.every((i=>s.includes(i)));this.setSel(r?s.filter((s=>!i.includes(s))):s.concat(i.filter((i=>!s.includes(i)))))};commit(i){this.items=i,this.suiItemsChange.emit(i)}reorder(i,s){const r=this.list().slice(),[t]=r.splice(i,1);return r.splice(s,0,t),r}packed(i){const s=this.sel(),r=this.list().length;return!s.length||s.every("top"===i?(i,s)=>i===s:(i,t)=>i===r-s.length+t)}move(i){const s=this.sel(),r=this.list().length;if(!s.length||!r||this.filtering)return;const t=this.list().filter(((i,r)=>!s.includes(r))),e=s.map((i=>this.list()[i]));let o;o="top"===i?0:"bottom"===i?t.length:"up"===i?Math.max(0,s[0]-1):Math.min(t.length,s[s.length-1]+2-s.length);const l=t.slice(0,o).concat(e,t.slice(o));l.every(((i,s)=>i===this.list()[s]))||(this.focused=o,this.pendingFocus=o,this.commit(l))}resetDrag=()=>{this.dragIdx=-1,this.overIdx=-1};onDragStart(i,s){if(this.dragIdx=s,this.focused=s,this.boxes||this.select(s),i.dataTransfer){i.dataTransfer.effectAllowed="move";try{i.dataTransfer.setData("text/plain",this.list()[s].label)}catch{}}}onRowDragOver(i,s){if(this.noDrag||this.filtering)return;i.preventDefault();const r=i.currentTarget.getBoundingClientRect();this.overIdx=i.clientY<r.top+r.height/2?s:s+1}onDrop=i=>{i.preventDefault();const s=this.dragIdx,r=this.overIdx;if(this.resetDrag(),s<0||r<0)return;const t=r>s?r-1:r;t!==s?(this.focused=t,this.commit(this.reorder(s,t))):this.boxes||this.select(s)};onKey(i,s){const r=this.lifted===s,t=this.visible(),e=t.indexOf(s),o=(o,l)=>{i.preventDefault(),r?this.moveLifted(s,null!=l?l<0?0:this.list().length-1:s+o):this.focusAt(null!=l?l<0?t[0]:t[t.length-1]:t[e+o]??(o<0?t[0]:t[t.length-1]))},l=()=>{i.preventDefault(),r?this.dropLifted(s):this.lift(s)};switch(i.key){case" ":case"Spacebar":i.preventDefault(),this.boxes?(this.focused=s,this.toggle(s)):l();break;case"Enter":l();break;case"ArrowDown":o(1);break;case"ArrowUp":o(-1);break;case"Home":o(0,-1);break;case"End":o(0,1);break;case"Escape":r&&(i.preventDefault(),this.cancelLift())}}focusAt(i){null!=i&&(this.focused=i,this.boxes||this.select(i),this.focusRow(i))}lift(i){this.filtering?this.live=k(void 0,"order-list.filterHeld",void 0,"Clear the filter to reorder the list."):(this.lifted=i,this.focused=i,this.boxes||this.select(i),this.snapshot=this.list().slice(),this.live=w(void 0,"order-list.lifted",void 0,"{item} lifted. Use the arrow keys to move it, then drop it.",{item:this.list()[i].label}))}moveLifted(i,s){const r=this.list().length,t=x(s,0,r-1),e=this.list()[i].label;t!==i?(this.commit(this.reorder(i,t)),this.lifted=t,this.focused=t,this.pendingFocus=t,this.live=w(void 0,"order-list.moved",void 0,"{item} moved to position {n} of {count}.",{item:e,n:t+1,count:r})):this.live=0===t?w(void 0,"order-list.atTop",void 0,"{item} is already at the top.",{item:e}):w(void 0,"order-list.atBottom",void 0,"{item} is already at the bottom.",{item:e})}dropLifted(i){this.lifted=-1,this.snapshot=void 0,this.live=w(void 0,"order-list.dropped",void 0,"{item} dropped at position {n} of {count}.",{item:this.list()[i].label,n:i+1,count:this.list().length})}cancelLift(){const i=this.lifted,s=this.snapshot,r=this.list()[i];this.lifted=-1,this.snapshot=void 0;let t=i;s&&!s.every(((i,s)=>i===this.list()[s]))&&(t=Math.max(0,s.indexOf(r)),this.pendingFocus=t,this.focused=t,this.commit(s)),this.live=w(void 0,"order-list.canceled",void 0,"Move canceled. {item} returned to position {n}.",{item:r.label,n:t+1})}ctrl(i,s,r,e){return t("button",{type:"button",class:"sui-rl-ctrl","aria-label":s,disabled:e,onClick:r},t(l,{glyph:i}))}onRowClick(i){this.focused=i,this.boxes?this.toggle(i):this.select(i)}render(){const i=this.list(),s=this.boxes,r=this.visible(),o=this.sel(),f=-1!==this.dragIdx,g=!this.noDrag,m=this.tabRow(),x=r.filter((i=>o.includes(i))).length,y=r.length>0&&x===r.length,z=x>0&&!y,D=this.filtering||this.loading,j={},H=[];this.rowEls=[];const C=this.heading?w(void 0,"order-list.filterList",void 0,"Filter {list}",{list:this.heading}):k(void 0,"order-list.filter",void 0,"Filter"),M=this.loading?k(void 0,"order-list.loading",void 0,"Loading"):0===r.length?this.filtering?k(void 0,"order-list.emptyFilter",this.emptyFilterMessage,"No matches."):k(void 0,"order-list.empty",this.emptyMessage,"Nothing here yet."):"";return this.loading||r.forEach((r=>{const e=i[r];f&&this.overIdx===r&&H.push(t("li",{class:"sui-rl-dropline",role:"presentation",key:"dl"+r}));const n=e.value+"",u=j[n]=(j[n]||0)+1,c=o.includes(r);H.push(t("li",{key:u>1?`${n}#${u}`:n,ref:i=>{i&&(this.rowEls[r]=i)},class:{"sui-rl-row":!0,selected:c,dragging:this.dragIdx===r,lifted:this.lifted===r,static:!g||D},role:"option","aria-selected":c?"true":"false",tabIndex:r===m?0:-1,draggable:g&&!D,onClick:()=>this.onRowClick(r),onKeyDown:i=>this.onKey(i,r),onDragStart:i=>this.onDragStart(i,r),onDragEnd:this.resetDrag,onDragOver:i=>this.onRowDragOver(i,r)},s?t("span",{class:{"sui-rl-box":!0,on:c},"aria-hidden":"true"},c?t(l,{glyph:d}):null):null,t(l,{glyph:a,class:"grip"}),t(b,{item:e,avatar:e.avatar||e.initials?t("sui-avatar",{class:"sui-list-avatar",src:e.avatar,initials:e.initials,size:"sm","aria-hidden":"true"}):void 0})))})),f&&this.overIdx===i.length&&H.push(t("li",{class:"sui-rl-dropline",role:"presentation",key:"dlend"})),t(e,{key:"fb4815cbb5d1360d2066ca6c75c0e93eaf42494e"},t("div",{key:"57e3a79d964e24e7700087dd8bed7a35d103098d",class:"wrap"},this.dragOnly?null:t("div",{class:"sui-rl-ctrls"},this.ctrl(n,k(void 0,"order-list.moveToTop",void 0,"Move to top"),(()=>this.move("top")),D||this.packed("top")),this.ctrl(u,k(void 0,"order-list.moveUp",void 0,"Move up"),(()=>this.move("up")),D||this.packed("top")),this.ctrl(c,k(void 0,"order-list.moveDown",void 0,"Move down"),(()=>this.move("down")),D||this.packed("bottom")),this.ctrl(h,k(void 0,"order-list.moveToBottom",void 0,"Move to bottom"),(()=>this.move("bottom")),D||this.packed("bottom"))),t("div",{key:"5187c5d85e762006486a8436ec1889baec4c3e8d",class:"main"},this.heading?t("div",{class:"sui-rl-header",id:this.fieldId+"-h"},this.heading):null,this.filter?t("div",{class:"sui-rl-filter sui-frame"},t(l,{glyph:v}),t("input",{type:"text",placeholder:k(void 0,"order-list.filterPlaceholder",void 0,"Filter"),"aria-label":C,value:this.query,onInput:i=>this.query=i.target.value})):null,s?t("button",{type:"button",class:"sui-rl-all",role:"checkbox","aria-checked":y?"true":z?"mixed":"false",disabled:0===r.length,onClick:this.toggleAll},t("span",{class:{"sui-rl-box":!0,on:y,mixed:z},"aria-hidden":"true"},y?t(l,{glyph:d}):null,z?t(l,{glyph:p}):null),t("span",null,k(void 0,"order-list.selectAll",void 0,"Select all"))):null,t("ol",{key:"b8e12bcb8eac713b19234ccb6334e1b4f9b7f12a",class:"sui-rl-shell",role:"listbox","aria-multiselectable":s?"true":null,"aria-labelledby":this.heading?this.fieldId+"-h":null,"aria-describedby":M?`${this.fieldId}-empty ${this.fieldId}-hint`:this.fieldId+"-hint","aria-busy":this.loading?"true":null,style:{maxHeight:this.height+"px"},onDragOver:g&&!D?i=>i.preventDefault():void 0,onDrop:g&&!D?this.onDrop:void 0},M?t("li",{class:"sui-rl-empty empty",id:this.fieldId+"-empty",role:"presentation","aria-hidden":"true"},M):null,H),t("div",{key:"9142ec5a246968c1da2b0dc44c27bafe5d2ae34d",class:"sui-rl-live",id:this.fieldId+"-hint"},this.filtering?k(void 0,"order-list.filterHeld",void 0,"Clear the filter to reorder the list."):s?k(void 0,"order-list.hintBoxes",void 0,"Press Space to tick a row, Enter to lift it, the arrow keys to move it and Enter to drop it."):k(void 0,"order-list.hint",void 0,"Press Space to lift a row, the arrow keys to move it and Space to drop it.")),t("div",{key:"3eac4f74cabd623923bbeff6c2c66bbe54f8bf00",class:"sui-rl-live","aria-live":"assertive","aria-atomic":"true"},this.live))))}static get watchers(){return{items:[{onItems:0}]}}static get style(){return".sc-sui-order-list-h{display:block;font-family:var(--font-sans);color:var(--ink)}.wrap.sc-sui-order-list{display:flex;gap:10px;align-items:stretch}.main.sc-sui-order-list{flex:1;min-width:0;position:relative}.sui-frame.sc-sui-order-list{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-order-list:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-order-list,.sui-frame.readonly.sc-sui-order-list{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-order-list:focus-within,.sui-frame.focus.sc-sui-order-list,.sui-frame.open.sc-sui-order-list{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-order-list{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-order-list:focus-within,.sui-frame.invalid.focus.sc-sui-order-list,.sui-frame.invalid.open.sc-sui-order-list{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-order-list:disabled,.sui-frame.disabled.sc-sui-order-list{--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-order-list{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-order-list::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-order-list{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-order-list{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-order-list{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-order-list:focus-within,.sui-frame.focus.sc-sui-order-list,.sui-frame.open.sc-sui-order-list{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-order-list:disabled,.sui-frame.disabled.sc-sui-order-list{color:GrayText;border-color:GrayText}}.sev.sc-sui-order-list{width:26px;height:26px;border-radius:50%;flex-shrink:0;margin-top:1px;display:inline-flex;align-items:center;justify-content:center}.sev.sc-sui-order-list i.sc-sui-order-list,.sev.sc-sui-order-list .sui-glyph.sc-sui-order-list{font-size:11px}.sev.positive.sc-sui-order-list{background:var(--status-positive-bg);color:var(--status-positive-ink)}.sev.attention.sc-sui-order-list{background:var(--status-attention-bg);color:var(--status-attention-ink)}.sev.critical.sc-sui-order-list{background:var(--danger-soft);color:var(--danger)}.sev.info.sc-sui-order-list{background:var(--surface-sunken);color:var(--ink-muted)}.sev.neutral.sc-sui-order-list{background:var(--status-neutral-bg);color:var(--status-neutral-ink)}.sev.icon.sc-sui-order-list{background:var(--surface-sunken);color:var(--ink-muted)}.sui-list-avatar.sc-sui-order-list{flex-shrink:0;margin-top:1px}.text.sc-sui-order-list{flex:1;min-width:0}.title-row.sc-sui-order-list{display:flex;align-items:center;gap:6px;min-width:0}.title.sc-sui-order-list{font-size:12.5px;font-weight:620;min-width:0}.unread.sc-sui-order-list .title.sc-sui-order-list{font-weight:700}.dot.sc-sui-order-list{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-inline-start:auto}.meta.sc-sui-order-list{flex-shrink:0;margin-inline-start:auto;font-size:11px;color:var(--ink-muted);font-feature-settings:'tnum';white-space:nowrap}.dot.sc-sui-order-list+.sr-only.sc-sui-order-list+.meta.sc-sui-order-list,.dot.sc-sui-order-list+.meta.sc-sui-order-list{margin-inline-start:0}.detail.sc-sui-order-list{display:block;font-size:11.5px;color:var(--ink-muted);line-height:1.45;margin-top:1px}.time.sc-sui-order-list{display:block;font-size:10.5px;color:var(--ink-faint);margin-top:3px;font-feature-settings:'tnum'}.sr-only.sc-sui-order-list{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (forced-colors: active){.sev.sc-sui-order-list{box-sizing:border-box;border:1px solid CanvasText}.dot.sc-sui-order-list{background:CanvasText}}.sui-rl-shell.sc-sui-order-list{box-sizing:border-box;margin:0;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:5px;overflow-y:auto}.sui-rl-shell.sc-sui-order-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-rl-empty.sc-sui-order-list{list-style:none;padding:14px 10px;font-size:12px;color:var(--ink-faint);text-align:center}.sui-rl-row.sc-sui-order-list{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-md);font-size:13px;font-weight:460;color:var(--ink);background:transparent;cursor:grab;user-select:none;-webkit-user-select:none;opacity:1;box-shadow:none;transition:background var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-rl-row.static.sc-sui-order-list{cursor:pointer}.sui-rl-row.sc-sui-order-list:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-rl-row.selected.sc-sui-order-list{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.sui-rl-row.selected.sc-sui-order-list:hover{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.sui-rl-row.dragging.sc-sui-order-list{opacity:0.5;box-shadow:none;outline:1px dashed var(--ink-muted);outline-offset:-1px}.sui-rl-row.lifted.sc-sui-order-list{box-shadow:var(--shadow-raised);background:var(--surface);position:relative;z-index:1}.sui-rl-row.sc-sui-order-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-rl-row.lifted.sc-sui-order-list:focus-visible{box-shadow:var(--shadow-raised)}.sui-rl-row.sc-sui-order-list .grip.sc-sui-order-list{font-size:10px;color:var(--ink-faint)}.sui-rl-row.static.sc-sui-order-list .grip.sc-sui-order-list{color:var(--border-strong)}.sui-rl-row.sc-sui-order-list .label.sc-sui-order-list{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-rl-row.sc-sui-order-list .text.sc-sui-order-list .label.sc-sui-order-list{display:block}.sui-rl-row.sc-sui-order-list .detail.sc-sui-order-list{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:460}.sui-rl-row.sc-sui-order-list .meta.sc-sui-order-list{font-weight:460}.sui-rl-row.selected.sc-sui-order-list .detail.sc-sui-order-list,.sui-rl-row.selected.sc-sui-order-list .meta.sc-sui-order-list{color:var(--ink-muted)}.sui-rl-dropline.sc-sui-order-list{height:2px;border-radius:1px;background:var(--accent-ink);margin:1px 6px;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-ink) 25%, transparent)}.sui-rl-ctrls.sc-sui-order-list{display:flex;flex-direction:column;gap:6px;justify-content:center}.sui-rl-ctrl.sc-sui-order-list{box-sizing:border-box;width:30px;height:30px;padding:0;margin:0;border:1px solid var(--control-border);border-radius:var(--radius-md);background:var(--surface);color:var(--ink-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-rl-ctrl.sc-sui-order-list .sui-glyph.sc-sui-order-list{font-size:11px}.sui-rl-ctrl.sc-sui-order-list:hover:not(:disabled){background:linear-gradient(var(--surface-hover) 0 0) var(--surface)}.sui-rl-ctrl.sc-sui-order-list:active:not(:disabled){background:linear-gradient(var(--surface-pressed) 0 0) var(--surface)}.sui-rl-ctrl.sc-sui-order-list:disabled{color:var(--ink-placeholder);cursor:not-allowed}.sui-rl-ctrl.sc-sui-order-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-rl-header.sc-sui-order-list{font-size:12.5px;font-weight:650;color:var(--ink);margin-bottom:6px}.sui-rl-header.sc-sui-order-list .count.sc-sui-order-list{color:var(--ink-faint);font-weight:460;margin-inline-start:6px;font-feature-settings:'tnum'}.sui-rl-live.sc-sui-order-list{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){.sui-rl-row.selected.sc-sui-order-list{forced-color-adjust:none;background:Highlight;color:HighlightText}.sui-rl-row.selected.sc-sui-order-list .grip.sc-sui-order-list{color:HighlightText}.sui-rl-row.selected.sc-sui-order-list .sui-rl-box.sc-sui-order-list{forced-color-adjust:auto}.sui-rl-row.selected.sc-sui-order-list .detail.sc-sui-order-list,.sui-rl-row.selected.sc-sui-order-list .meta.sc-sui-order-list{color:HighlightText}.sui-rl-row.selected.sc-sui-order-list .sev.sc-sui-order-list,.sui-rl-row.selected.sc-sui-order-list .sui-list-avatar.sc-sui-order-list{forced-color-adjust:auto}.sui-rl-row.selected.sc-sui-order-list:focus-visible{outline-color:HighlightText;box-shadow:none}.sui-rl-row.lifted.sc-sui-order-list{outline:2px dashed Highlight;outline-offset:-2px;box-shadow:none}.sui-rl-row.selected.lifted.sc-sui-order-list{outline-color:HighlightText}.sui-rl-dropline.sc-sui-order-list{background:Highlight;box-shadow:none}}.sui-rl-box.sc-sui-order-list{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)}.sui-rl-box.on.sc-sui-order-list,.sui-rl-box.mixed.sc-sui-order-list{border-color:var(--brand);background:var(--brand)}.sui-rl-box.sc-sui-order-list .sui-glyph.sc-sui-order-list{font-size:10px;color:var(--brand-contrast)}.sui-rl-all.sc-sui-order-list{display:flex;align-items:center;gap:9px;width:100%;box-sizing:border-box;margin:0 0 6px;padding:5px 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);transition:background var(--duration-fast) var(--ease-out)}.sui-rl-all.sc-sui-order-list:hover:not(:disabled){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-rl-all.sc-sui-order-list:disabled{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.sui-rl-all.sc-sui-order-list:disabled .sui-rl-box.sc-sui-order-list{background:var(--disabled-bg);border-color:var(--border-strong)}.sui-rl-all.sc-sui-order-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-rl-filter.sc-sui-order-list{display:flex;align-items:center;gap:7px;height:30px;padding:0 9px;margin-bottom:6px;box-sizing:border-box}.sui-rl-filter.sc-sui-order-list .sui-glyph.sc-sui-order-list{font-size:11px;color:var(--ink-faint)}.sui-rl-filter.sc-sui-order-list input.sc-sui-order-list{flex:1;min-width:0;border:none;outline:none;background:transparent;font:460 12.5px var(--font-sans);color:var(--ink)}.sui-rl-filter.sc-sui-order-list input.sc-sui-order-list::placeholder{color:var(--ink-placeholder)}"}},[514,"sui-order-list",{heading:[1],items:[1040],selection:[1040],height:[2],noDrag:[516,"no-drag"],dragOnly:[516,"drag-only"],selectionMode:[513,"selection-mode"],filter:[516],emptyMessage:[1,"empty-message"],emptyFilterMessage:[1,"empty-filter-message"],loading:[516],focused:[32],dragIdx:[32],overIdx:[32],lifted:[32],live:[32],query:[32],setFocus:[64]},void 0,{items:[{onItems:0}]}]),j=D,H=function(){"undefined"!=typeof customElements&&["sui-order-list","sui-avatar"].forEach((i=>{switch(i){case"sui-order-list":customElements.get(o(i))||customElements.define(o(i),D);break;case"sui-avatar":customElements.get(o(i))||z()}}))};export{j as SuiOrderList,H as defineCustomElement}

package/dist/components/sui-org-chart.d.ts

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

package/dist/components/sui-org-chart.js

@@ -0,0 +1 @@
+import{p as r,H as s,c as t,h as i,a,t as o}from"./p-CeVlau-G.js";import{G as e,k as c,w as n,y as h}from"./p-DdsE4HI6.js";import{i as l}from"./p-GAnFXayY.js";import{i as u}from"./p-COO9uV7W.js";import{a as d}from"./p-BuyjS5bS.js";import{d as g}from"./p-BHB1Wprj.js";const v=r(class extends s{constructor(r){super(),!1!==r&&this.__registerHost(),this.suiExpandedChange=t(this,"suiExpandedChange",3),this.suiSelectionChange=t(this,"suiSelectionChange",3)}get host(){return this}root;collapsible=!1;expanded;selectionMode="none";selection=[];emptyMessage;loading=!1;suiExpandedChange;suiSelectionChange;activeKey;overflowing=!1;chartEl;ro;pendingFocus=!1;itemEls=new Map;async setFocus(){if(this.interactive){const r=this.tabKey(this.flat());if(null==r)return;this.activeKey=r}this.focusTarget()?.focus()}focusTarget(){if(!this.interactive)return this.overflowing?this.chartEl:void 0;const r=this.tabKey(this.flat());return null==r?void 0:this.itemEls.get(r)}tabKey(r){return r.some((r=>r.key===this.activeKey))?this.activeKey:r[0]?.key}connectedCallback(){g(this.host,(()=>this.focusTarget())),this.chartEl&&(this.observeChart(),this.measureLater())}componentDidRender(){this.observeChart(),this.measureLater(),this.pendingFocus&&(this.pendingFocus=!1,null!=this.activeKey&&this.itemEls.get(this.activeKey)?.focus())}measureOverflow=()=>{const r=this.chartEl;this.overflowing=!!r&&r.scrollWidth-r.clientWidth>0};measureLater(){Promise.resolve().then((()=>{this.chartEl?.isConnected&&this.measureOverflow()}))}observeChart(){!this.ro&&"undefined"!=typeof ResizeObserver&&this.chartEl&&(this.ro=new ResizeObserver(this.measureOverflow),this.ro.observe(this.chartEl))}disconnectedCallback(){this.ro?.disconnect(),this.ro=void 0}get interactive(){return this.collapsible||"none"!==this.selectionMode}keyOf(r,s){return null==r.key||""===r.key?s:r.key}isOpen(r,s){return s<=0||!this.collapsible?s>0:!this.expanded||this.expanded.includes(r)}branchKeys(){const r=[],s=(t,i)=>{const a=t.children||[];a.length&&(r.push(this.keyOf(t,i)),a.forEach(((r,t)=>s(r,`${i}.${t}`))))};return this.root&&s(this.root,"r"),r}flat(){const r=[],s=(t,i,a,o)=>{const e=this.keyOf(t,i),c=t.children||[],n=this.isOpen(e,c.length);r.push({n:t,key:e,parent:o,level:a,hasKids:c.length>0,open:n}),n&&c.forEach(((r,t)=>s(r,`${i}.${t}`,a+1,e)))};return this.root&&s(this.root,"r",1),r}toggleCollapse(r){if(!this.collapsible)return;const s=this.expanded||this.branchKeys();this.expanded=s.includes(r)?s.filter((s=>s!==r)):s.concat([r]),this.suiExpandedChange.emit(this.expanded)}toggleSelect(r){if("single"===this.selectionMode){const s=this.selection||[];if(1===s.length&&s[0]===r)return;this.selection=[r]}else{if("checkbox"!==this.selectionMode)return;{const s=this.selection||[];this.selection=s.includes(r)?s.filter((s=>s!==r)):s.concat([r])}}this.suiSelectionChange.emit(this.selection)}onClick=r=>{const s=r.target,t=s.closest('[role="treeitem"]');if(!t)return;const i=this.keyFromCard(t);if(null==i)return;this.activeKey=i;const a=s.closest("[data-act]");a&&a.closest('[role="treeitem"]')===t?this.toggleCollapse(i):this.toggleSelect(i)};keyFromCard(r){for(const[s,t]of this.itemEls)if(t===r)return s}focusAt(r,s){s<0||s>=r.length||(this.activeKey=r[s].key,this.pendingFocus=!0)}childrenOf(r,s){return r.filter((r=>r.parent===s))}onKeyDown=r=>{if(!this.interactive||r.defaultPrevented)return;const s=this.flat();if(!s.length)return;let t=s.findIndex((r=>r.key===this.activeKey));t<0&&(t=0);const i=s[t],a=null==i.parent?[i]:this.childrenOf(s,i.parent),o=a.findIndex((r=>r.key===i.key)),e=l(r.currentTarget)?-1:1;switch(r.key){case"ArrowRight":r.preventDefault(),a[o+e]&&this.focusAt(s,s.indexOf(a[o+e]));break;case"ArrowLeft":r.preventDefault(),a[o-e]&&this.focusAt(s,s.indexOf(a[o-e]));break;case"ArrowDown":if(r.preventDefault(),i.hasKids&&!i.open)this.activeKey=i.key,this.toggleCollapse(i.key);else if(i.open){const r=this.childrenOf(s,i.key)[0];r&&this.focusAt(s,s.indexOf(r))}break;case"ArrowUp":r.preventDefault(),i.hasKids&&i.open&&this.collapsible?(this.activeKey=i.key,this.toggleCollapse(i.key)):null!=i.parent&&this.focusAt(s,s.findIndex((r=>r.key===i.parent)));break;case"Home":r.preventDefault(),this.focusAt(s,0);break;case"End":r.preventDefault(),this.focusAt(s,s.length-1);break;case"Enter":r.preventDefault(),this.activeKey=i.key,"none"===this.selectionMode?i.hasKids&&this.toggleCollapse(i.key):this.toggleSelect(i.key);break;case" ":r.preventDefault(),this.activeKey=i.key,this.toggleSelect(i.key)}};card(r,s){return i("div",{class:{card:!0,lead:!!r.lead,sel:s&&"single"===this.selectionMode,pick:"none"!==this.selectionMode}},"checkbox"===this.selectionMode?i("span",{class:{box:!0,on:s},"aria-hidden":"true"},s?i(e,{glyph:c}):null):null,i("div",{class:"avatar","aria-hidden":"true"},r.initials||u(r.label)),i("div",{class:"text"},i("div",{class:"name"},r.label),r.sub?i("div",{class:"sub"},r.sub):null))}col(r,s,t,a,o,c){const l=r.n,u=(this.selection||[]).includes(r.key),d=this.selectionMode,g=r.open?this.childrenOf(s,r.key):[];return i("div",{class:"col",key:r.key+"",role:"treeitem","data-key":r.key+"",ref:s=>{s&&this.itemEls.set(r.key,s)},tabindex:this.interactive?r.key===c?0:-1:void 0,"aria-level":r.level+"","aria-label":l.sub?`${l.label}, ${l.sub}`:l.label,"aria-expanded":r.hasKids?r.open?"true":"false":null,"aria-selected":"single"===d?u?"true":"false":null,"aria-checked":"checkbox"===d?u?"true":"false":null},t?null:i("div",{class:"in"},i("span",{class:{"rail-l":!0,hidden:a}}),i("span",{class:{"rail-r":!0,hidden:o}}),i("span",{class:"stub-top"})),i("div",{class:"node"},this.card(l,u),this.collapsible&&r.hasKids?i("span",{class:{tog:!0,shut:!r.open},"data-act":"toggle","aria-hidden":"true"},i(e,{glyph:r.open?n:h})):null),g.length?i("div",{class:"out"},i("span",{class:"stub-bottom"}),i("div",{class:"kids",role:"group"},g.map(((r,t)=>this.col(r,s,!1,0===t,t===g.length-1,c))))):null)}render(){this.itemEls.clear();const r=this.flat();if(this.loading)return i(a,{"aria-busy":"true"},i("div",{class:"status",role:"status"},d(void 0,"org-chart.loading",void 0,"Loading")));if(!r.length)return i(a,null,i("div",{class:"status",role:"status"},d(void 0,"org-chart.empty",this.emptyMessage,"Nothing here yet.")));const s=this.tabKey(r);return i(a,null,i("div",{class:"chart",ref:r=>this.chartEl=r,role:"tree","aria-label":r[0].n.label,tabindex:!this.interactive&&this.overflowing?"0":void 0,"aria-multiselectable":"checkbox"===this.selectionMode?"true":null,onClick:this.interactive?this.onClick:void 0,onKeyDown:this.interactive?this.onKeyDown:void 0},this.col(r[0],r,!0,!0,!0,s)))}static get style(){return".sc-sui-org-chart-h{display:block;min-width:0;font-family:var(--font-sans);color:var(--ink)}.chart.sc-sui-org-chart{display:flex;justify-content:center;justify-content:safe center;overflow-x:auto;padding:4px}.status.sc-sui-org-chart{padding:24px 16px;text-align:center;font-size:13px;font-weight:620;color:var(--ink-muted)}.chart.sc-sui-org-chart:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.col.sc-sui-org-chart{display:flex;flex-direction:column;align-items:center;position:relative;outline:none}.in.sc-sui-org-chart{position:relative;width:100%;height:16px;flex-shrink:0}.rail-l.sc-sui-org-chart,.rail-r.sc-sui-org-chart{position:absolute;top:0;width:50%;height:1px;background:var(--border-strong)}.rail-l.sc-sui-org-chart{inset-inline-start:0}.rail-r.sc-sui-org-chart{inset-inline-end:0}.rail-l.hidden.sc-sui-org-chart,.rail-r.hidden.sc-sui-org-chart{background:transparent}.stub-top.sc-sui-org-chart{position:absolute;top:0;left:calc(50% - 0.5px);width:1px;height:16px;background:var(--border-strong)}.node.sc-sui-org-chart{margin:0 12px;position:relative}.out.sc-sui-org-chart{display:flex;flex-direction:column;align-items:center;width:100%}.stub-bottom.sc-sui-org-chart{display:block;width:1px;height:16px;background:var(--border-strong);flex-shrink:0}.kids.sc-sui-org-chart{display:flex;align-items:flex-start;justify-content:center}.card.sc-sui-org-chart{display:flex;align-items:center;gap:9px;box-sizing:border-box;min-width:128px;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.card.lead.sc-sui-org-chart{background:var(--surface-navy);color:var(--ink-inverse);border-color:var(--surface-navy)}.avatar.sc-sui-org-chart{width:26px;height:26px;border-radius:50%;flex-shrink:0;background:var(--brand-soft);color:var(--brand-soft-ink);font-size:10px;font-weight:720;display:flex;align-items:center;justify-content:center}.card.lead.sc-sui-org-chart .avatar.sc-sui-org-chart{background:var(--accent);color:var(--accent-contrast)}.name.sc-sui-org-chart{font-size:12.5px;font-weight:700;white-space:nowrap}.sub.sc-sui-org-chart{font-size:10.5px;color:var(--ink-faint);white-space:nowrap}.card.lead.sc-sui-org-chart .sub.sc-sui-org-chart{color:var(--ink-inverse-muted)}.card.pick.sc-sui-org-chart{cursor:pointer}.card.pick.sc-sui-org-chart:hover{border-color:var(--border-strong)}.card.lead.pick.sc-sui-org-chart:hover{border-color:var(--brand-hover);background:var(--brand-hover)}.card.sel.sc-sui-org-chart{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);border-color:var(--brand);background:linear-gradient(var(--surface-selected) 0 0) var(--surface);color:var(--ink)}.card.sel.sc-sui-org-chart .sub.sc-sui-org-chart{color:var(--ink-muted)}.card.lead.sel.sc-sui-org-chart{background:var(--surface-navy);border-color:var(--accent);color:var(--ink-inverse)}.card.lead.sel.sc-sui-org-chart .sub.sc-sui-org-chart{color:var(--ink-inverse-muted)}.col.sc-sui-org-chart:focus-visible>.node.sc-sui-org-chart>.card.sc-sui-org-chart{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.box.sc-sui-org-chart{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-org-chart{border-color:var(--brand);background:var(--brand)}.box.sc-sui-org-chart .sui-glyph.sc-sui-org-chart{font-size:10px;color:var(--ink-inverse)}.card.lead.sc-sui-org-chart .box.sc-sui-org-chart{border-color:var(--border-inverse);background:transparent}.card.lead.sc-sui-org-chart .box.on.sc-sui-org-chart{border-color:var(--accent);background:var(--accent)}.card.lead.sc-sui-org-chart .box.sc-sui-org-chart .sui-glyph.sc-sui-org-chart{color:var(--accent-contrast)}.tog.sc-sui-org-chart{position:absolute;bottom:-9px;left:calc(50% - 9px);z-index:1;width:18px;height:18px;border-radius:50%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--surface);border:1px solid var(--border-strong);color:var(--ink-muted);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.tog.sc-sui-org-chart .sui-glyph.sc-sui-org-chart{font-size:8px}.tog.sc-sui-org-chart:hover{background:linear-gradient(var(--surface-hover) 0 0) var(--surface);color:var(--ink)}.tog.shut.sc-sui-org-chart{background:var(--brand);border-color:var(--brand);color:var(--brand-contrast)}@media (forced-colors: active){.rail-l.sc-sui-org-chart,.rail-r.sc-sui-org-chart,.stub-top.sc-sui-org-chart,.stub-bottom.sc-sui-org-chart{background:CanvasText}.card.sel.sc-sui-org-chart,.card.sel.sc-sui-org-chart:hover,.card.lead.sel.sc-sui-org-chart,.card.lead.sel.sc-sui-org-chart:hover{forced-color-adjust:none;background:Highlight;border-color:Highlight;color:HighlightText}.card.sel.sc-sui-org-chart .sub.sc-sui-org-chart,.card.lead.sel.sc-sui-org-chart .sub.sc-sui-org-chart{color:HighlightText}.card.sel.sc-sui-org-chart .avatar.sc-sui-org-chart,.card.sel.sc-sui-org-chart .box.sc-sui-org-chart{forced-color-adjust:auto}.col.sc-sui-org-chart:focus-visible>.node.sc-sui-org-chart>.card.sel.sc-sui-org-chart{outline-color:CanvasText;box-shadow:none}}"}},[514,"sui-org-chart",{root:[16],collapsible:[516],expanded:[1040],selectionMode:[513,"selection-mode"],selection:[1040],emptyMessage:[1,"empty-message"],loading:[516],activeKey:[32],overflowing:[32],setFocus:[64]}]),b=v,p=function(){"undefined"!=typeof customElements&&["sui-org-chart"].forEach((r=>{"sui-org-chart"===r&&(customElements.get(o(r))||customElements.define(o(r),v))}))};export{b as SuiOrgChart,p as defineCustomElement}

package/dist/components/sui-overlay-badge.d.ts

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

package/dist/components/sui-overlay-badge.js

@@ -0,0 +1 @@
+import{S as o,d as p}from"./p-qjuvplfX.js";const s=o,r=p;export{s as SuiOverlayBadge,r as defineCustomElement}

package/dist/components/sui-page-header.d.ts

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

package/dist/components/sui-page-header.js

@@ -0,0 +1 @@
+import{p as e,H as a,c as s,h as t,a as i,t as r}from"./p-CeVlau-G.js";import{G as n,H as o}from"./p-DdsE4HI6.js";import{o as c,a as l}from"./p-BWkzTEZX.js";import{a as d}from"./p-BuyjS5bS.js";import{d as h}from"./p-BHB1Wprj.js";const p=["eyebrow","tag","meta","actions","primary","breadcrumb","tabs"],u=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.suiBack=s(this,"suiBack",7)}get host(){return this}heading;headingLevel=1;back;suiBack;filled={eyebrow:!1,tag:!1,meta:!1,actions:!1,primary:!1,breadcrumb:!1,tabs:!1};compact=!1;tabsUnderline=!1;titleEl;disposeChildren;ro;loaded=!1;async setFocus(){this.titleEl?.focus({preventScroll:!0})}connectedCallback(){h(this.host,(()=>this.titleEl)),this.loaded&&this.watch(!0)}componentWillLoad(){this.readSlots()}componentDidLoad(){this.loaded=!0,this.watch(),this.measure()}disconnectedCallback(){this.disposeChildren?.(),this.disposeChildren=void 0,this.ro?.disconnect(),this.ro=void 0}watch(e=!1){this.disposeChildren?.(),this.ro?.disconnect(),this.disposeChildren=c(this.host,(()=>this.readSlots()),{childList:!0,subtree:!0,attributes:!0,attributeFilter:["slot","variant"]}),this.ro="undefined"!=typeof ResizeObserver?new ResizeObserver((e=>this.measure(e[0]?.contentRect?.width))):void 0,this.ro?.observe(this.host),e&&Promise.resolve().then((()=>{this.host.isConnected&&(this.readSlots(),this.measure())}))}measure(e=this.host.clientWidth){e&&(this.compact=e<680)}onBack=e=>{this.suiBack.emit().defaultPrevented&&e.preventDefault()};readSlots(){const e={...this.filled};let a=!1;for(const s of p){const t=l(this.host,s).length>0;e[s]!==t&&(e[s]=t,a=!0)}a&&(this.filled=e);const s=l(this.host,"tabs").find((e=>"sui-tabs"===e.tagName.toLowerCase())),t=!!s&&"pills"!==(s.variant??s.getAttribute("variant")??"underline");t!==this.tabsUnderline&&(this.tabsUnderline=t)}render(){const e="h"+([1,2,3].includes(Number(this.headingLevel))?Number(this.headingLevel):1),a=this.filled;return t(i,{key:"fe06357408ec18966fa6d4465d3545b4502d0e63"},t("div",{key:"5024a29b50266ae3f6f91d73d9459cde699b81dc",class:{"sui-page-header":!0,compact:this.compact,"has-tabs":a.tabs}},a.breadcrumb?t("div",{class:"crumb"},t("slot",{name:"breadcrumb"})):null,t("div",{key:"05d5950114b2ec964defe8eb8e81ec95063d2e5e",class:"row"},t("div",{key:"0082a6e45534607d361ef82bab64e24a1313e647",class:"main"},a.eyebrow?t("div",{class:"eyebrow"},t("slot",{name:"eyebrow"})):null,t("div",{key:"0b3e49524336a5dc250a77ea7e3fefc45d3ab335",class:"title-row"},this.back?t("a",{class:"back",href:this.back,"aria-label":d(void 0,"page-header.back",void 0,"Back"),onClick:this.onBack},t(n,{glyph:o})):null,t(e,{key:"4522e0f9db44450000789c380c7257de20e3c5dc",class:"title",tabIndex:-1,ref:e=>this.titleEl=e},this.heading,t("slot",{key:"b5a4c2a8251106f32bdee84368e5013783016206"})),a.tag?t("div",{class:"tag"},t("slot",{name:"tag"})):null),a.meta?t("div",{class:"meta"},t("slot",{name:"meta"})):null),a.actions||a.primary?t("div",{class:"actions"},t("slot",{name:"actions"}),t("slot",{name:"primary"})):null),a.tabs?t("div",{class:{tabs:!0,underline:this.tabsUnderline}},t("slot",{name:"tabs"})):null))}static get style(){return".sc-sui-page-header-h{display:block;font-family:var(--font-sans);color:var(--ink)}.sui-page-header.sc-sui-page-header{display:flex;flex-direction:column;min-width:0}.sui-page-header.has-tabs.sc-sui-page-header{border-bottom:1px solid var(--border)}.crumb.sc-sui-page-header{margin-bottom:var(--space-2)}.row.sc-sui-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);min-width:0}.main.sc-sui-page-header{flex:1 1 auto;min-width:0}.eyebrow.sc-sui-page-header{margin-bottom:var(--space-1);font-size:var(--text-2xs);font-weight:var(--w-bold);line-height:1;letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--ink-muted)}.title-row.sc-sui-page-header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);min-width:0}.title.sc-sui-page-header{margin:0;min-width:0;overflow-wrap:anywhere;font-size:var(--text-3xl);font-weight:var(--w-heavy);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--ink)}.title.sc-sui-page-header:focus{outline:none}.title.sc-sui-page-header:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}.tag.sc-sui-page-header{display:inline-flex;align-items:center}.back.sc-sui-page-header{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--control-md);height:var(--control-md);margin-inline-start:calc(-1 * var(--space-2));border-radius:var(--radius-pill);color:var(--ink-muted);text-decoration:none;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.back.sc-sui-page-header .sui-glyph.sc-sui-page-header{font-size:var(--icon-size-md)}.back.sc-sui-page-header .sui-glyph.sc-sui-page-header:dir(rtl){transform:scaleX(-1)}.back.sc-sui-page-header:hover{background:var(--brand-soft);color:var(--ink);text-decoration:none}.back.sc-sui-page-header:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.meta.sc-sui-page-header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1);font-size:var(--text-sm);font-weight:var(--w-regular);line-height:var(--leading-snug);color:var(--ink-muted)}.actions.sc-sui-page-header{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;flex-shrink:0;gap:var(--gap-inline);padding-top:2px}.tabs.sc-sui-page-header{margin-top:var(--gap-stack)}.tabs.underline.sc-sui-page-header{margin-bottom:-1px}.compact.sc-sui-page-header .row.sc-sui-page-header{flex-direction:column;align-items:stretch;gap:var(--space-3)}.compact.sc-sui-page-header .actions.sc-sui-page-header{justify-content:flex-start;padding-top:0}"}},[774,"sui-page-header",{heading:[1],headingLevel:[2,"heading-level"],back:[1],filled:[32],compact:[32],tabsUnderline:[32],setFocus:[64]}]),g=u,m=function(){"undefined"!=typeof customElements&&["sui-page-header"].forEach((e=>{"sui-page-header"===e&&(customElements.get(r(e))||customElements.define(r(e),u))}))};export{g as SuiPageHeader,m as defineCustomElement}

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

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

package/dist/components/sui-paginator.js

@@ -0,0 +1 @@
+import{S as o,d as s}from"./p-DskQyZoR.js";const p=o,r=s;export{p as SuiPaginator,r as defineCustomElement}

package/dist/components/sui-panel-menu.d.ts

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

package/dist/components/sui-panel-menu.js

@@ -0,0 +1 @@
+import{p as e,H as i,c as n,h as s,a as t,t as a}from"./p-CeVlau-G.js";import{G as r,y as o}from"./p-DdsE4HI6.js";import{u as l}from"./p-U06fVoGD.js";import{d as u}from"./p-DXIDl7cw.js";import{i as d}from"./p-Cs2X0Kih.js";import{d as c}from"./p-BHB1Wprj.js";const p=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.suiExpandedChange=n(this,"suiExpandedChange",3),this.suiPick=n(this,"suiPick",7)}get host(){return this}groups=[];expanded=[0];multiple=!1;width=250;suiExpandedChange;suiPick;hostLabel;mounted=[];stopAria;timers=new Map;reveals=new Map;fieldId=l("sui-panel-menu");connectedCallback(){c(this.host,(()=>this.firstHead())),this.stopAria?.(),this.stopAria=d(this.host,(e=>{this.hostLabel=e}))}async setFocus(){this.firstHead()?.focus()}firstHead(){return this.host.querySelector("button.head")}componentWillLoad(){this.openActiveGroup(),this.mounted=this.openList()}disconnectedCallback(){this.stopAria?.(),Array.from(this.timers.keys()).forEach((e=>this.unmount(e)))}onGroups(){this.openActiveGroup()}onExpandedChange(e,i){const n=this.openList();for(const e of n)this.stopTimer(e),this.mounted.includes(e)||(this.mounted=this.mounted.concat(e));for(const e of(Array.isArray(i)?i:[]).filter((e=>!n.includes(e)))){this.stopTimer(e);const i=u("--duration-base",this.host);i>0?this.timers.set(e,setTimeout((()=>this.unmount(e)),i+80)):this.unmount(e)}}stopTimer(e){const i=this.timers.get(e);void 0!==i&&clearTimeout(i),this.timers.delete(e)}unmount(e){this.stopTimer(e),this.isOpen(e)||(this.mounted=this.mounted.filter((i=>i!==e)))}wireReveal(e,i){e&&this.reveals.get(i)!==e&&(this.reveals.set(i,e),e.addEventListener("transitionend",(e=>this.onRevealEnd(e,i))))}onRevealEnd(e,i){e.target===this.reveals.get(i)&&"grid-template-rows"===e.propertyName&&this.timers.has(i)&&this.unmount(i)}openList(){return Array.isArray(this.expanded)?this.expanded:[]}openActiveGroup(){const e=(this.groups||[]).findIndex((e=>(e.items||[]).some((e=>!!e.active&&!e.disabled))));e<0||this.isOpen(e)||(this.expanded=this.multiple?this.openList().concat(e):[e])}isOpen(e){return Array.isArray(this.expanded)&&this.expanded.includes(e)}toggle(e){const i=Array.isArray(this.expanded)?this.expanded:[];this.expanded=i.includes(e)?i.filter((i=>i!==e)):this.multiple?i.concat(e):[e],this.suiExpandedChange.emit(this.expanded)}navigate(e){e.disabled||(this.suiPick.emit(e),e.command?.())}onHeadKey=e=>{const i=Array.from(this.host.querySelectorAll("button.head")),n=i.indexOf(e.target);if(n<0||!i.length)return;let s=-1;"ArrowDown"===e.key?s=(n+1)%i.length:"ArrowUp"===e.key?s=(n-1+i.length)%i.length:"Home"===e.key?s=0:"End"===e.key&&(s=i.length-1),s<0||(e.preventDefault(),i[s].focus())};render(){return s(t,{key:"539568f8029fd70892a0742e552a1718d28c0394"},s("nav",{key:"1cd2b6d1cbac90c0f055d0e260e51814e50f79ee",class:"sui-panel-menu",style:{width:this.width+"px"},"aria-label":this.hostLabel||void 0,onKeyDown:this.onHeadKey},(this.groups||[]).map(((e,i)=>{const n=this.isOpen(i),t=`${this.fieldId}-p${i}`;return s("div",{class:"group",key:"g"+i},s("button",{type:"button",class:"head","aria-expanded":n?"true":"false","aria-controls":t,onClick:()=>this.toggle(i)},e.icon?s("i",{class:e.icon+" head-icon","aria-hidden":"true"}):null,s("span",{class:"head-label"},e.label),s(r,{glyph:o,class:n?"chev":"chev closed"})),s("div",{class:{reveal:!0,open:n},ref:e=>this.wireReveal(e,i)},this.mounted.includes(i)?s("div",{class:"panel",id:t},s("div",{class:"panel-body"},(e.items||[]).map((e=>{const i=!!e.href&&!e.disabled;return s(i?"a":"button",{type:i?void 0:"button",href:i?e.href:void 0,target:i?e.target:void 0,rel:i&&"_blank"===e.target?"noopener":void 0,class:{item:!0,active:!!e.active&&!e.disabled},"aria-current":e.active&&!e.disabled?"page":null,"aria-label":null!=e.badge?`${e.label}, ${e.badge}`:null,disabled:i?void 0:!!e.disabled,onClick:()=>this.navigate(e)},s("span",{class:"item-label"},e.label),null!=e.badge?s("span",{class:"badge","aria-hidden":"true"},e.badge):null)})))):null))}))))}static get watchers(){return{groups:[{onGroups:0}],expanded:[{onExpandedChange:0}]}}static get style(){return".sc-sui-panel-menu-h{display:block;font-family:var(--font-sans)}.sui-panel-menu.sc-sui-panel-menu{box-sizing:border-box;max-width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.group.sc-sui-panel-menu+.group.sc-sui-panel-menu{border-top:1px solid var(--hairline)}.head.sc-sui-panel-menu{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:11px 14px;border:none;text-align:start;background:transparent;font-family:var(--font-sans);color:var(--ink);cursor:pointer;margin:0;transition:background var(--duration-fast) var(--ease-out)}.head.sc-sui-panel-menu:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.head.sc-sui-panel-menu:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.head-icon.sc-sui-panel-menu{font-size:13px;color:var(--ink-muted);width:16px;text-align:center}.head-label.sc-sui-panel-menu{flex:1;font-size:13px;font-weight:700}.chev.sc-sui-panel-menu{font-size:9px;color:var(--ink-faint);transition:transform var(--duration-base) var(--ease-out)}.chev.closed.sc-sui-panel-menu{transform:rotate(-90deg)}.chev.closed.sc-sui-panel-menu:dir(rtl){transform:rotate(90deg)}.reveal.sc-sui-panel-menu{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-base) var(--ease-out)}.reveal.open.sc-sui-panel-menu{grid-template-rows:1fr}.panel.sc-sui-panel-menu{min-height:0;overflow:hidden}.panel-body.sc-sui-panel-menu{padding:0 8px 8px}.item.sc-sui-panel-menu{display:flex;align-items:center;gap:9px;width:100%;box-sizing:border-box;padding-block:7px;padding-inline:32px 10px;border:none;border-inline-start:3px solid transparent;border-radius:6px;background:transparent;font-family:var(--font-sans);font-size:13px;font-weight:460;color:var(--ink-muted);line-height:normal;text-align:start;cursor:pointer;user-select:none;margin:0;text-decoration:none;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}a.item.sc-sui-panel-menu,a.item.sc-sui-panel-menu:hover,a.item.sc-sui-panel-menu:visited{color:var(--ink-muted);text-decoration:none}a.item.active.sc-sui-panel-menu,a.item.active.sc-sui-panel-menu:hover,a.item.active.sc-sui-panel-menu:visited{color:var(--ink)}.item.sc-sui-panel-menu:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.item.active.sc-sui-panel-menu{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);font-weight:650;color:var(--ink);background:var(--surface-selected);border-inline-start-color:var(--accent)}.item.sc-sui-panel-menu:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.item[disabled].sc-sui-panel-menu{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);--accent:var(--surface-sunken);--accent-contrast:var(--ink-placeholder);color:var(--ink-placeholder);cursor:not-allowed}.item[disabled].sc-sui-panel-menu:hover{background:transparent}.item-label.sc-sui-panel-menu{flex:1}.badge.sc-sui-panel-menu{min-width:17px;height:17px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:var(--accent);color:var(--accent-contrast);font-size:10px;font-weight:720;font-feature-settings:'tnum';display:inline-flex;align-items:center;justify-content:center}@media (forced-colors: active){.item.sc-sui-panel-menu{border-inline-start-color:Canvas}.item.active.sc-sui-panel-menu{forced-color-adjust:none;background:Highlight;color:HighlightText;border-inline-start-color:Highlight}a.item.active.sc-sui-panel-menu,a.item.active.sc-sui-panel-menu:hover,a.item.active.sc-sui-panel-menu:visited{color:HighlightText}.item.sc-sui-panel-menu:focus-visible{outline-color:CanvasText;box-shadow:none}.badge.sc-sui-panel-menu{background:Canvas;color:CanvasText;border:1px solid CanvasText}}"}},[514,"sui-panel-menu",{groups:[16],expanded:[1040],multiple:[516],width:[2],hostLabel:[32],mounted:[32],setFocus:[64]},void 0,{groups:[{onGroups:0}],expanded:[{onExpandedChange:0}]}]),h=p,m=function(){"undefined"!=typeof customElements&&["sui-panel-menu"].forEach((e=>{"sui-panel-menu"===e&&(customElements.get(a(e))||customElements.define(a(e),p))}))};export{h as SuiPanelMenu,m as defineCustomElement}

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

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

package/dist/components/sui-panel.js

@@ -0,0 +1 @@
+import{p as s,H as e,c as a,h as i,a as t,t as o}from"./p-CeVlau-G.js";import{d as n}from"./p-BHB1Wprj.js";import{y as r,G as d}from"./p-DdsE4HI6.js";import{o as l,a as c}from"./p-BWkzTEZX.js";import{d as h}from"./p-DXIDl7cw.js";import{u as p}from"./p-U06fVoGD.js";const u=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiOpen=a(this,"suiOpen",3),this.suiClose=a(this,"suiClose",3)}get host(){return this}heading="";meta;collapsible=!1;collapsed=!1;headerTone;suiOpen;suiClose;hasHeaderEnd=!1;mounted=!0;bodyId=p("sui-panel-body");reveal;collapseTimer;dispose;loaded=!1;connectedCallback(){n(this.host,(()=>this.toggleEl())),this.loaded&&this.watch(!0)}async setFocus(){this.toggleEl()?.focus()}toggleEl(){return this.host.querySelector(".head > button.toggle")}componentWillLoad(){this.mounted=!this.collapsed,this.detect()}componentDidLoad(){this.loaded=!0,this.watch(),this.reveal?.addEventListener("transitionend",this.onTransitionEnd)}disconnectedCallback(){void 0!==this.collapseTimer&&this.closed(),this.dispose?.(),this.dispose=void 0}watch(s=!1){this.dispose?.(),this.dispose=l(this.host,(()=>this.detect())),s&&Promise.resolve().then((()=>{this.host.isConnected&&this.detect()}))}onCollapsedChange(s){if(this.stopCollapse(),!s)return void(this.mounted=!0);const e=h("--duration-base",this.host);e>0?this.collapseTimer=setTimeout((()=>this.closed()),e+80):this.mounted=!1}stopCollapse(){void 0!==this.collapseTimer&&clearTimeout(this.collapseTimer),this.collapseTimer=void 0}closed(){this.stopCollapse(),this.collapsed&&(this.mounted=!1)}onTransitionEnd=s=>{s.target===this.reveal&&"grid-template-rows"===s.propertyName&&void 0!==this.collapseTimer&&this.closed()};detect(){this.hasHeaderEnd=c(this.host,"header-end").length>0}toggle(){if(this.collapsible)if(this.collapsed)this.collapsed=!1,this.suiOpen.emit();else{if(this.suiClose.emit("trigger").defaultPrevented)return;this.collapsed=!0}}onHeadClick=s=>{const e=s.target;e&&e.closest('[slot="header-end"]')||this.toggle()};render(){const s=[this.collapsible?i(d,{glyph:r,class:"chev"}):null,i("span",{key:"2510d6ed8c9c8bd84322c8b82768a9e8c38278db",class:"heading"},this.heading),this.meta?i("span",{class:"meta"},this.meta):null];return i(t,{key:"3a0afda19e71e1419d1acc625f382159afdecc9a",class:{collapsed:this.collapsed,closed:!this.mounted,"head-brand":"brand"===this.headerTone,collapsible:this.collapsible}},i("div",{key:"5517e6165fc74744fa196a9ca9dcecf273296346",class:"head",onClick:this.collapsible?this.onHeadClick:void 0},this.collapsible?i("button",{type:"button",class:"toggle","aria-expanded":this.collapsed?"false":"true","aria-controls":this.bodyId},s):i("div",{class:"toggle"},s),i("div",{key:"37208058762a513199bd08f2a9d2ed92d0d5c940",class:{end:!0,has:this.hasHeaderEnd}},i("slot",{key:"1203686dbb13deb9c046fcbfe5091dd4e823d245",name:"header-end"}))),i("div",{key:"b58b51558cd1e5a1d993023331e0c9b6fd12d2fb",class:{reveal:!0,open:!this.collapsed},ref:s=>this.reveal=s},this.mounted?i("div",{class:"body",id:this.bodyId},i("div",{class:"content"},i("slot",null))):null))}static get watchers(){return{collapsed:[{onCollapsedChange:0}]}}static get style(){return".sc-sui-panel-h{display:block;box-sizing:border-box;font-family:var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.head.sc-sui-panel{display:flex;align-items:center;gap:10px;padding:11px 16px;background:var(--surface-sunken);color:var(--ink);border-bottom:1px solid var(--border);user-select:none}.collapsible.sc-sui-panel-h .head.sc-sui-panel{cursor:pointer}.closed.sc-sui-panel-h .head.sc-sui-panel{border-bottom:none}.head-brand.sc-sui-panel-h .head.sc-sui-panel{background:var(--surface-navy);color:var(--ink-inverse);border-bottom-color:var(--surface-navy);--focus-ring:var(--ink-inverse);--focus-shadow:none}.toggle.sc-sui-panel{flex:1;min-width:0;display:flex;align-items:center;gap:10px;margin:-2px -6px;padding:2px 6px;border:none;background:transparent;color:inherit;font:inherit;font-family:var(--font-sans);text-align:start;cursor:inherit}.toggle.sc-sui-panel:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow);border-radius:var(--radius-sm)}.chev.sc-sui-panel{font-size:10px;color:var(--ink-faint);transition:transform var(--duration-base) var(--ease-out)}.collapsed.sc-sui-panel-h .chev.sc-sui-panel{transform:rotate(-90deg)}.collapsed.sc-sui-panel-h:dir(rtl) .chev.sc-sui-panel{transform:rotate(90deg)}.head-brand.sc-sui-panel-h .chev.sc-sui-panel{color:var(--ink-inverse-muted)}.heading.sc-sui-panel{flex:1;min-width:0;font-size:13.5px;font-weight:700}.meta.sc-sui-panel{font-size:12.5px;color:var(--ink-muted);font-feature-settings:'tnum';white-space:nowrap}.head-brand.sc-sui-panel-h .meta.sc-sui-panel{color:var(--ink-inverse-muted)}.end.sc-sui-panel{display:none;align-items:center;gap:10px}.end.has.sc-sui-panel{display:flex}.reveal.sc-sui-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-base) var(--ease-out)}.reveal.open.sc-sui-panel{grid-template-rows:1fr}.body.sc-sui-panel{min-height:0;overflow:hidden}.content.sc-sui-panel{padding:14px 16px}"}},[774,"sui-panel",{heading:[1],meta:[1],collapsible:[516],collapsed:[1540],headerTone:[513,"header-tone"],hasHeaderEnd:[32],mounted:[32],setFocus:[64]},void 0,{collapsed:[{onCollapsedChange:0}]}]),f=u,g=function(){"undefined"!=typeof customElements&&["sui-panel"].forEach((s=>{"sui-panel"===s&&(customElements.get(o(s))||customElements.define(o(s),u))}))};export{f as SuiPanel,g as defineCustomElement}

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

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

package/dist/components/sui-password.js

@@ -0,0 +1 @@
+import{p as s,H as i,c as r,h as a,t as e}from"./p-CeVlau-G.js";import{d as o,F as t}from"./p-TBwsYzWO.js";import{G as d,al as l,am as n}from"./p-DdsE4HI6.js";import{u}from"./p-U06fVoGD.js";import{i as c,d as h,s as p,r as f}from"./p-BHB1Wprj.js";import{a as w}from"./p-BuyjS5bS.js";import{i as b,a as m}from"./p-Cs2X0Kih.js";import{i as g}from"./p-MsqFuhDd.js";import{f as v}from"./p-CGWvlrv_.js";const x=["sm","md","lg"],y=[{tone:"weak",w:"33%"},{tone:"fair",w:"66%"},{tone:"good",w:"85%"},{tone:"strong",w:"100%"}],k=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiInput=r(this,"suiInput",7),this.suiChange=r(this,"suiChange",7),this.suiFocus=r(this,"suiFocus",3),this.suiBlur=r(this,"suiBlur",3),this.internals=this.attachInternals()}get host(){return this}internals;label;required=!1;help;error;size="md";invalid=!1;disabled=!1;readOnly=!1;maxLength;pattern;minLength;placeholder;value="";showStrength=!1;locale;weakLabel;fairLabel;goodLabel;strongLabel;showLabel;hideLabel;name;autocomplete;suiInput;suiChange;suiFocus;suiBlur;show=!1;focused=!1;formDisabled=!1;hostLabel;hostLabelledby;stopAria;hints={};stopHints;stopLabelledby;fieldId=u("sui-password");input;initial="";get isDisabled(){return this.disabled||this.formDisabled}connectedCallback(){c(this.host,this.internals),h(this.host,(()=>this.input)),this.stopAria?.(),this.stopAria=b(this.host,(s=>{this.hostLabel=s})),this.stopHints?.(),this.stopHints=g(this.host,(s=>{this.hints=s})),this.stopLabelledby?.(),this.stopLabelledby=m(this.host,(s=>{this.hostLabelledby=s}))}componentWillLoad(){this.initial=this.value,this.syncForm()}componentDidLoad(){this.syncForm()}componentDidRender(){this.syncForm()}disconnectedCallback(){this.stopAria?.(),this.stopHints?.(),this.stopLabelledby?.()}syncForm(){p(this.internals,this.isDisabled?null:this.value),f(this.internals,this.required&&!this.isDisabled&&!this.readOnly,!this.value,this.label,this.input,this.error,this.input)}formResetCallback(){this.value=this.initial,this.input&&(this.input.value=this.initial),this.syncForm()}formDisabledCallback(s){this.formDisabled=v(this.host,this.disabled,s),this.syncForm()}async select(){this.input?.select()}async setFocus(){this.input?.focus()}onInput=s=>{this.value=s.target.value,this.suiInput.emit(this.value)};onChange=()=>{this.suiChange.emit(this.value)};onFocus=()=>{this.focused=!0,this.suiFocus.emit()};onBlur=()=>{this.focused=!1,this.suiBlur.emit()};toggle=()=>{this.show=!this.show};render(){const s=this.invalid||!!this.error,i=function(s){let i=0;return s.length>=8&&i++,/[A-Z]/.test(s)&&/[a-z]/.test(s)&&i++,/\d/.test(s)&&i++,/[^A-Za-z0-9]/.test(s)&&i++,0===s.length?-1:Math.min(i,3)}(this.value),r=this.showStrength&&i>=0?y[i]:null,e=[w(this.locale,"password.weak",this.weakLabel,"Weak"),w(this.locale,"password.fair",this.fairLabel,"Fair"),w(this.locale,"password.good",this.goodLabel,"Good"),w(this.locale,"password.strong",this.strongLabel,"Strong")],u=this.fieldId+"-meter",c=x.includes(this.size)?this.size:"md";return a(t,{key:"e3ebc31ef14a37bbc7ab82bddcd564a85ee26071",label:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},a("div",{key:"4362b60eddcb35bfd2835fca9914b3250404ff43",class:{"sui-input":!0,"sui-frame":!0,"sui-password":!0,[c]:!0,invalid:s,focus:this.focused,disabled:this.isDisabled,readonly:this.readOnly}},a("input",{key:"ea814eaf0dd0694859c2cd9cb55319acaf1c23c0",ref:s=>this.input=s,id:this.fieldId,class:"field",type:this.show?"text":"password",value:this.value,placeholder:this.placeholder,required:this.required,disabled:this.isDisabled,readOnly:this.readOnly,autocomplete:this.autocomplete,maxLength:this.maxLength,pattern:this.pattern,minLength:this.minLength,inputMode:this.hints.inputmode,enterKeyHint:this.hints.enterkeyhint,"aria-label":this.label?void 0:this.hostLabel,"aria-labelledby":this.label?void 0:this.hostLabelledby,"aria-invalid":s?"true":null,"aria-describedby":[o(this.fieldId,this.help,this.error),r?u:null].filter(Boolean).join(" ")||null,onFocus:this.onFocus,onBlur:this.onBlur,onInput:this.onInput,onChange:this.onChange}),a("button",{key:"fde40422cb0a2784c37d1649f8b80098f0d48f6a",type:"button",class:"eye",disabled:this.isDisabled,"aria-pressed":this.show?"true":"false","aria-label":this.show?w(this.locale,"password.hide",this.hideLabel,"Hide password"):w(this.locale,"password.show",this.showLabel,"Show password"),onClick:this.toggle},a(d,{key:"b7aaa332215c079908007a592d54ba6104eceaca",glyph:this.show?l:n}))),r?a("div",{class:"meter",id:u,role:"status","aria-live":"polite"},a("div",{class:"track"},a("div",{class:{fill:!0,[r.tone]:!0},style:{width:r.w}})),a("span",{class:{"meter-label":!0,[r.tone]:!0}},e[i])):null)}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}static get style(){return".sc-sui-password-h{display:block;font-family:var(--font-sans)}.sui-input.sui-password.sc-sui-password{display:flex;align-items:center;padding:0;overflow:hidden}.sui-input.sui-password.sm.sc-sui-password,.sui-input.sui-password.md.sc-sui-password,.sui-input.sui-password.lg.sc-sui-password{padding:0}.sui-password.sc-sui-password .field.sc-sui-password{flex:1 1 0;width:0;min-width:0;height:100%;border:none;outline:none;background:transparent;color:inherit;font-family:var(--font-sans);font-weight:460}.sui-password.sc-sui-password .field.sc-sui-password::placeholder{color:var(--ink-placeholder)}.sui-password.sc-sui-password .field.sc-sui-password:disabled{color:var(--disabled-ink);cursor:not-allowed}.sui-password.sm.sc-sui-password .field.sc-sui-password{padding:0 10px;font-size:12.5px}.sui-password.md.sc-sui-password .field.sc-sui-password{padding:0 var(--control-pad-x);font-size:13px}.sui-password.lg.sc-sui-password .field.sc-sui-password{padding:0 var(--control-pad-x);font-size:14px}.eye.sc-sui-password{display:flex;align-items:center;justify-content:center;height:100%;padding:0 12px;margin:0;border:none;background:transparent;color:var(--ink-faint);cursor:pointer;font-family:inherit;transition:color var(--duration-fast) var(--ease-out)}.eye.sc-sui-password .sui-glyph.sc-sui-password{font-size:13px}.eye.sc-sui-password:hover:not(:disabled){color:var(--ink)}.eye.sc-sui-password:disabled{cursor:not-allowed;color:var(--ink-placeholder)}.eye.sc-sui-password:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px;border-radius:var(--radius-sm)}.meter.sc-sui-password{display:flex;align-items:center;gap:8px}.track.sc-sui-password{flex:1;height:4px;border-radius:2px;background:var(--brand-soft);overflow:hidden}.fill.sc-sui-password{height:100%;border-radius:2px;transition:width var(--duration-base) var(--ease-out)}.fill.weak.sc-sui-password{background:var(--danger)}.fill.fair.sc-sui-password{background:var(--accent)}.fill.good.sc-sui-password,.fill.strong.sc-sui-password{background:var(--brand)}.meter-label.sc-sui-password{font-size:11px;font-weight:620}.meter-label.weak.sc-sui-password{color:var(--danger)}.meter-label.fair.sc-sui-password{color:var(--accent)}.meter-label.good.sc-sui-password,.meter-label.strong.sc-sui-password{color:var(--ink-muted)}.sui-input.sui-password.readonly.sc-sui-password:not(.disabled){background:var(--surface-sunken)}@media (forced-colors: active){.track.sc-sui-password{border:1px solid CanvasText;height:6px}.fill.weak.sc-sui-password,.fill.fair.sc-sui-password,.fill.good.sc-sui-password,.fill.strong.sc-sui-password{background:Highlight}}.sui-field.sc-sui-password{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-password{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-password .sui-field-label.sc-sui-password{color:var(--danger)}.sui-field-req.sc-sui-password{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-password{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-password{font-size:12px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:5px;line-height:1.4}.sui-field-error.sc-sui-password .sui-glyph.sc-sui-password{font-size:11px}.sui-frame.sc-sui-password{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-password:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-password,.sui-frame.readonly.sc-sui-password{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-password:focus-within,.sui-frame.focus.sc-sui-password,.sui-frame.open.sc-sui-password{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-password{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-password:focus-within,.sui-frame.invalid.focus.sc-sui-password,.sui-frame.invalid.open.sc-sui-password{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-password:disabled,.sui-frame.disabled.sc-sui-password{--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-password{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-password::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-password{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-password{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-password{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-password:focus-within,.sui-frame.focus.sc-sui-password,.sui-frame.open.sc-sui-password{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-password:disabled,.sui-frame.disabled.sc-sui-password{color:GrayText;border-color:GrayText}}"}},[578,"sui-password",{label:[1],required:[516],help:[1],error:[1],size:[513],invalid:[516],disabled:[516],readOnly:[516,"readonly"],maxLength:[2,"maxlength"],pattern:[1],minLength:[2,"minlength"],placeholder:[1],value:[1025],showStrength:[516,"show-strength"],locale:[1],weakLabel:[1,"weak-label"],fairLabel:[1,"fair-label"],goodLabel:[1,"good-label"],strongLabel:[1,"strong-label"],showLabel:[1,"show-label"],hideLabel:[1,"hide-label"],name:[513],autocomplete:[1],show:[32],focused:[32],formDisabled:[32],hostLabel:[32],hostLabelledby:[32],hints:[32],select:[64],setFocus:[64]},void 0,{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}]),L=k,F=function(){"undefined"!=typeof customElements&&["sui-password"].forEach((s=>{"sui-password"===s&&(customElements.get(e(s))||customElements.define(e(s),k))}))};export{L as SuiPassword,F as defineCustomElement}

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

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