@shineuix/ssr 0.0.0-stage → 1.0.0

package/dist/components/sui-theme-picker.js

@@ -0,0 +1 @@
+import{p as t,H as i,c as e,f as s,h as o,a as r,t as a}from"./p-CeVlau-G.js";import{G as n,a9 as c,aa as h,ab as l,ac as u,y as d,ad as p,ae as m,Z as f}from"./p-DdsE4HI6.js";import{i as v}from"./p-Cs2X0Kih.js";import{u as k}from"./p-U06fVoGD.js";import{o as b,p as g,a as x,b as y,f as w,m as C,l as M,q as S,t as z}from"./p-CN5x4MC8.js";import{s as A,d as P,S as T,p as E,f as j,m as H,P as D,N as I,t as L,e as O,i as N,n as F,g as K,j as G}from"./p-l4ru8vIR.js";import{a as R}from"./p-BuyjS5bS.js";import{defineCustomElement as U}from"./p-DgXzRiP4.js";import{d as W}from"./p-BJXb6pu9.js";import{d as B}from"./p-Dgl_qIYT.js";import{d as $}from"./p-DhYPkfV2.js";import{defineCustomElement as J}from"./p-RwPlJzMY.js";import{d as Y}from"./p-CYZG3LOZ.js";import{d as Z}from"./p-v0MrzKlW.js";const V=["light","dark","system"],X=["brand","semantic"],q=["dark","light"],_=[...I,"custom"],Q="(prefers-color-scheme: dark)",tt=["primary","accent","neutral","positive","warn","alert"],it=T.shineui;let et=0;function st(){const t=globalThis;return t.__suiTheme||(t.__suiTheme=new WeakMap),t.__suiTheme}function ot(t){return"system"===t?"undefined"!=typeof matchMedia&&matchMedia(Q).matches?"dark":"light":"dark"===t?"dark":"light"}function rt(t){return"custom"===t||!D.includes(t)}function at(t,i){return"semantic"!==t?{mode:"brand"}:{mode:"semantic",positive:E(i?.positive)||null,warn:E(i?.warn)||null,alert:E(i?.alert)||null}}function nt(t,i=!0){if("undefined"==typeof document)return;const e=Array.from(document.querySelectorAll("style[data-sui-custom-theme]")).find((i=>{const e=i.textContent||"";return!e||e.indexOf(t)>=0}));if(e||!i)return e;const s=document.createElement("style");s.setAttribute("data-sui-custom-theme","");const o=function(){const t=document.querySelector('meta[name="csp-nonce"]')?.getAttribute("content");if(t)return t;const i=Array.from(document.querySelectorAll("style[nonce]")).find((t=>!!t.nonce));return i?i.nonce:void 0}();return o&&(s.nonce=o),document.head.appendChild(s),s}function ct(t,i){"shineui"===i.preset?t.removeAttribute("data-sui-preset"):t.setAttribute("data-sui-preset",i.preset),"dark"===i.mode?t.setAttribute("data-sui-theme","dark"):t.removeAttribute("data-sui-theme"),"semantic"===i.status?t.setAttribute("data-sui-status","semantic"):t.removeAttribute("data-sui-status"),"light"===i.code?t.setAttribute("data-sui-code","light"):t.removeAttribute("data-sui-code")}function ht(t){const i=st().get(t);i&&(i.sheet?.remove(),i.sheet=void 0,i.css="")}function lt(t){const i=st().get(t);i&&i.stop&&(i.stop(),i.stop=void 0)}function ut(t,i){const e=st();lt(t);const s=e.get(t);s&&"system"===s.state.mode&&(s.stop=function(){if("undefined"==typeof matchMedia)return()=>{};const s=matchMedia(Q);if(!s||"function"!=typeof s.addEventListener)return()=>{};const o=()=>(s=>{const o=e.get(t);o&&"system"===o.state.mode&&(o.state.resolvedMode=s?"dark":"light",ct(t,{preset:o.state.preset,mode:o.state.resolvedMode,status:o.state.status,code:o.state.code}),i?.(o.state.resolvedMode))})(!!s.matches);return s.addEventListener("change",o),()=>s.removeEventListener("change",o)}())}function dt(t,i){let e="";for(let s=0;s<t.length;s++){const o=t.charAt(s),r=t.charCodeAt(s),a=r>=128||/[A-Za-z0-9_-]/.test(o),n=i&&/[0-9]/.test(o)&&(0===s||1===s&&"-"===t.charAt(0));e+=!a||n||i&&"-"===t?`\\${(r||65533).toString(16)} `:o}return e}function pt(t){if("HTML"===t.nodeName)return"html";const i=t.getAttribute("id");if(i)return"#"+dt(i,!0);const e=t.getAttribute("data-sui-scope");return e?`[data-sui-scope="${dt(e,!1)}"]`:null}function mt(t){const i=pt(t);if(i)return i;et+=1;const e="sui-theme-"+et.toString(36);return t.setAttribute("data-sui-scope",e),`[data-sui-scope="${e}"]`}function ft(t){if("undefined"==typeof document)return{node:null,sel:"html"};if(t&&"object"==typeof t)return{node:t,sel:mt(t)};const i=(null==t?"":t+"").trim()||"html";if("html"===i)return{node:document.documentElement,sel:i};let e=null;try{e=document.querySelector(i)}catch(t){e=null}return e?{node:e,sel:i}:{node:document.documentElement,sel:"html"}}function vt(t,i){const e=st(),s=e.get(t);ct(t,{preset:i.preset,mode:i.resolvedMode,status:i.status,code:i.code});const o=mt(t),r=A(o,t,i.preset);let a,n={},c={},h="";if(rt(i.preset)){const t=function(t,i,e,s,o){const r=P(i,e,s,o,!1).T,a=P(i,e,s,o,!0).T,n=`${t}[data-sui-theme="dark"], ${t} [data-sui-theme="dark"]`,c={"--sui-theme-primary":i,"--sui-theme-accent":e,"--sui-theme-neutral":s};return"semantic"===o.mode&&(o.positive&&(c["--sui-theme-positive"]=o.positive),o.warn&&(c["--sui-theme-warn"]=o.warn),o.alert&&(c["--sui-theme-alert"]=o.alert)),{light:r,dark:a,css:L(t,r)+L(n,a)+L(t,c)}}(r,i.primary,i.accent,i.neutral,at(i.status,i.statusColors));n=t.light,c=t.dark,h=t.css,a=s?.sheet&&s.sheet.isConnected?s.sheet:nt(r),a&&(a.textContent=h)}else{const i=s?.sheet||nt(A(o,t,"custom"),!1);i?.remove()}return e.set(t,{state:{...i},selector:r,css:h,sheet:a,stop:s?.stop}),{state:{...i},selector:r,light:n,dark:c,css:h,sheet:a}}function kt(t,i){const e=function(t){const i=t||{},e=i.preset&&"custom"!==i.preset?T[i.preset]:void 0,s=void 0!==i.primary||void 0!==i.accent,o=e&&!s?e.brand:E(i.primary,it.brand),r=e&&!s?e.accent:E(i.accent,it.accent),a=j.includes(i.neutral)?i.neutral:e&&void 0===i.neutral?e.neutral:"tint",n=V.includes(i.mode)?i.mode:"light",c=X.includes(i.status)?i.status:"brand",h=q.includes(i.code)?i.code:"dark",l={preset:H(o,r,a)||"custom",primary:o,accent:r,neutral:a,mode:n,resolvedMode:ot(n),status:c,code:h},u=i.statusColors;if("semantic"===c&&u){const t={};E(u.positive)&&(t.positive=E(u.positive)),E(u.warn)&&(t.warn=E(u.warn)),E(u.alert)&&(t.alert=E(u.alert)),Object.keys(t).length&&(l.statusColors=t)}return l}(i),{node:s,sel:o}=ft(t);if(!s)return{...e,selector:A(o,null,e.preset),light:{},dark:{},css:"",dispose(){}};const r=vt(s,e);ut(s);let a=r.light,n=r.dark;if(!r.css&&"custom"!==e.preset){const t=T[e.preset],i=at(e.status,e.statusColors);a=P(t.brand,t.accent,t.neutral,i,!1).T,n=P(t.brand,t.accent,t.neutral,i,!0).T}return{...r.state,selector:r.selector,light:a,dark:n,css:r.css,dispose:()=>lt(s)}}function bt(t){const{node:i,sel:e}=ft(t),s={preset:"shineui",primary:it.brand,accent:it.accent,neutral:"tint",mode:"light",resolvedMode:"light",status:"brand",code:"dark"};if(!i)return s;const o="dark"===i.getAttribute("data-sui-theme"),r=st().get(i);if(r){const t={...r.state,resolvedMode:o?"dark":"light"};return r.state.statusColors&&(t.statusColors={...r.state.statusColors}),t}const a=i.getAttribute("data-sui-preset"),n=a&&_.includes(a)?a:"shineui",c={...s,preset:n,mode:o?"dark":"light",resolvedMode:o?"dark":"light",status:"semantic"===i.getAttribute("data-sui-status")?"semantic":"brand",code:"light"===i.getAttribute("data-sui-code")?"light":"dark"},h=rt(n)?function(t,i,e){const s={};let o;try{o=A(pt(t)||i,t,e)}catch(t){return s}const r=nt(o,!1),a=r?.textContent||"";if(!a)return s;for(const t of tt){const i=RegExp("--sui-theme-"+t+":\\s*([^;\\s]+)").exec(a);i&&(s[t]=i[1])}return s}(i,e,n):{};if("custom"!==n){const t=T[n];c.primary=t.brand,c.accent=t.accent,c.neutral=t.neutral}else c.primary=E(h.primary,it.brand),c.accent=E(h.accent,it.accent),c.neutral=j.includes(h.neutral)?h.neutral:"tint";if("semantic"===c.status){const t={};E(h.positive)&&(t.positive=E(h.positive)),E(h.warn)&&(t.warn=E(h.warn)),E(h.alert)&&(t.alert=E(h.alert)),Object.keys(t).length&&(c.statusColors=t)}return c}const gt=[...I,"custom"],xt=V,yt=["brand","semantic","custom"],wt=["dark","light","auto"],Ct=["primary","accent","surface","status"],Mt=["auto","primary","custom"],St=["compact","panel"],zt="sui-theme",At=T.shineui;function Pt(t){if(!(!t||t.length<20||t.length>32768||t.indexOf('[data-sui-preset="custom"]')<0||t.indexOf("--brand:")<0||/<\/style/i.test(t)))return t}const Tt=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiThemeChange=e(this,"suiThemeChange",3)}get host(){return this}preset="shineui";mode="light";status="brand";code="dark";primary;accentColor;accentMode="custom";neutral="tint";appearance="compact";target="html";persist=!1;disabled=!1;showPresetName=!1;suiThemeChange;hostLabel;open=!1;menu=null;editor=null;accentIdx=0;positiveAuto=!0;warnAuto=!0;alertAuto=!0;positiveHex="";warnHex="";alertHex="";locks={primary:!1,accent:!1,surface:!1,status:!1};titleId=k("sui-theme-picker-title");dialogId=k("sui-theme-picker-dialog");raised=[];trigger;bodyEl;layerEl;closing=!1;exit=b((()=>{this.closing=!1}));menuFocusPending=!1;flyEl;editorEl;presetAnchor;surfaceAnchor;wellBtns={};lastTarget=null;lastCss="";loaded=!1;disposers=[];flyDisposers=[];applying=!1;stopAria;accentItems=[{label:"Suggested",value:"auto"},{label:"Primary",value:"primary"},{label:"Custom",value:"custom"}];statusItems(){return[{label:R(void 0,"theme-picker.brand",void 0,"Brand"),value:"brand"},{label:R(void 0,"theme-picker.semantic",void 0,"Semantic"),value:"semantic"},{label:R(void 0,"theme-picker.custom",void 0,"Custom"),value:"custom"}]}codeItems(){return[{label:R(void 0,"theme-picker.dark",void 0,"Dark"),value:"dark"},{label:R(void 0,"theme-picker.light",void 0,"Light"),value:"light"},{label:R(void 0,"theme-picker.auto",void 0,"Auto"),value:"auto"}]}componentWillLoad(){this.wantsPersist()&&this.hydratePersist(),this.coerce(),this.apply()}connectedCallback(){this.stopAria?.(),this.stopAria=v(this.host,(t=>{this.hostLabel=t})),this.loaded&&this.apply(),this.loaded&&(this.open||this.menu||this.editor)&&s(this)}componentWillRender(){this.raised.length&&this.lowerOuts(this.drawnOuts())}drawnOuts(){return["compact"===this.resolvedAppearance()&&(this.open||this.closing)?this.layerEl:void 0,this.menu?this.flyEl:void 0,this.editor&&this.hasColorEditor()?this.editorEl:void 0]}raiseOuts(){for(const t of this.drawnOuts())t&&!this.raised.some((i=>i.el===t))&&this.raised.push({el:t,down:g(t)})}lowerOuts(t=[]){this.raised=this.raised.filter((i=>!!t.includes(i.el)||(i.down(),!1)))}componentDidLoad(){this.loaded=!0,this.syncTriggerAria()}componentDidRender(){this.raiseOuts(),this.syncTriggerAria(),this.open&&"compact"===this.resolvedAppearance()&&this.afterOpen(),this.placeFly(),this.armFlyListeners(),this.settleMenuFocus()}settleMenuFocus(){if(!this.menuFocusPending||!this.menu||!this.flyEl)return;this.menuFocusPending=!1;const t=this.flyEl.querySelector(".opt.on")||this.flyEl.querySelector(".opt");t?.focus({preventScroll:!0})}onFlyKeyDown=t=>{if(!this.flyEl)return;const i=Array.from(this.flyEl.querySelectorAll(".opt:not([disabled])"));if(!i.length)return;const e=i.indexOf(document.activeElement),s=e=>{t.preventDefault(),t.stopPropagation(),i[(e+i.length)%i.length].focus({preventScroll:!0})};if("ArrowDown"===t.key)return s(e+1);if("ArrowUp"===t.key)return s(e-1);if("Home"===t.key)return s(0);if("End"===t.key)return s(i.length-1);if("Tab"===t.key)return t.preventDefault(),void(this.menu=null);if(1===t.key.length&&/\S/.test(t.key)&&!t.altKey&&!t.ctrlKey&&!t.metaKey){const o=t.key.toLowerCase();for(let t=1;t<=i.length;t++){const r=(e+t)%i.length;if((i[r].textContent||"").trim().toLowerCase().startsWith(o))return s(r)}}};disconnectedCallback(){this.stopAria?.(),this.stopAria=void 0,this.exit.cancel(),this.closing=!1,this.teardown(),this.releaseFlyListeners(),this.lowerOuts(),this.lastTarget&&(lt(this.lastTarget),ht(this.lastTarget))}onPersist(t){t&&!this.applying&&(this.hydratePersist(),this.coerce(),this.apply())}onThemeProps(){this.applying||(this.coerce(),this.apply())}onOpenChange(t){if("compact"===this.resolvedAppearance()){if(t)return this.exit.cancel(),void(this.closing=!1);this.menu=null,this.editor=null,this.releaseFlyListeners(),this.teardown(),this.exit.begin(this.bodyEl)&&(this.closing=!0)}}onEditorChange(t,i){if(t||!i||"undefined"==typeof document)return;const e=document.activeElement;this.editorEl&&e&&this.editorEl.contains(e)&&this.wellBtns[i]?.focus({preventScroll:!0})}onMenuChange(t,i){if(t)this.menuFocusPending=!0;else if(i&&"undefined"!=typeof document){const t="preset"===i?this.presetAnchor:this.surfaceAnchor,e=document.activeElement;t&&(!e||e===document.body||this.flyEl&&this.flyEl.contains(e))&&(t.querySelector("button")||t).focus({preventScroll:!0})}}async setTheme(t){this.commit(this.mergePatch(t||{}),!0)}async reset(){const t=this.locks;t.status||(this.positiveAuto=!0,this.warnAuto=!0,this.alertAuto=!0,this.positiveHex="",this.warnHex="",this.alertHex=""),t.accent||(this.accentIdx=0);const i=this.normalizeCurrent();this.commit(this.mergePatch({preset:"shineui",mode:"light",status:t.status?i.status:"brand",code:"dark",primary:t.primary?i.primary:At.brand,accent:t.accent?i.accent:At.accent,accentMode:t.accent?i.accentMode:"custom",neutral:t.surface?i.neutral:"tint"}),!0)}async setFocus(){this.disabled||("compact"!==this.resolvedAppearance()?this.bodyEl?.querySelector(".preset-btn button, .preset-btn")?.focus():await(this.trigger?.setFocus()))}coerce(){const t=this.normalizeCurrent();this.preset!==t.preset&&(this.preset=t.preset),this.mode!==t.mode&&(this.mode=t.mode),this.status!==t.status&&(this.status=t.status),this.code!==t.code&&(this.code=t.code),this.primary!==t.primary&&(this.primary=t.primary),this.accentColor!==t.accent&&(this.accentColor=t.accent),this.accentMode!==t.accentMode&&(this.accentMode=t.accentMode),this.neutral!==t.neutral&&(this.neutral=t.neutral)}resolvedPreset(t=this.preset){return gt.includes(t)?t:"shineui"}resolvedMode(t=this.mode){return xt.includes(t)?t:"light"}resolvedStatus(t=this.status){return yt.includes(t)?t:"brand"}resolvedCode(t=this.code){return wt.includes(t)?t:"dark"}paintedCode(){const t=this.resolvedCode();return"auto"===t?this.paintedMode():t}resolvedAccentMode(t=this.accentMode){return Mt.includes(t)?t:"custom"}resolvedNeutral(t=this.neutral){return j.includes(t)?t:"tint"}resolvedAppearance(){return St.includes(this.appearance)?this.appearance:"compact"}primaryHex(){return E(this.primary,At.brand)}accentHex(){return O(this.primaryHex(),E(this.accentColor,At.accent),this.resolvedAccentMode(),this.accentIdx)}namedOf(t){return"custom"===t?"Custom":T[t]?.name||"ShineUI"}triggerName(){return this.hostLabel||"Theme"}choice(){const t=this.normalizeCurrent();return{preset:t.preset,mode:t.mode,resolvedMode:ot(t.mode),status:t.status,code:t.code,primary:t.primary,accent:t.accent,neutral:t.neutral}}paintedMode(){return ot(this.resolvedMode())}statusColors(){if("brand"===this.resolvedStatus())return;const t={};return!this.positiveAuto&&E(this.positiveHex)&&(t.positive=E(this.positiveHex)),!this.warnAuto&&E(this.warnHex)&&(t.warn=E(this.warnHex)),!this.alertAuto&&E(this.alertHex)&&(t.alert=E(this.alertHex)),Object.keys(t).length?t:void 0}onSystemChange(){"system"===this.resolvedMode()&&("auto"===this.resolvedCode()&&this.apply(),this.syncTriggerAria(),s(this),this.suiThemeChange.emit(this.choice()))}normalizeCurrent(){return this.mergePatch({})}mergePatch(t){let i=void 0!==t.preset?this.resolvedPreset(t.preset):this.resolvedPreset();const e=void 0!==t.mode?this.resolvedMode(t.mode):this.resolvedMode(),s=void 0!==t.status?this.resolvedStatus(t.status):this.resolvedStatus(),o=void 0!==t.code?this.resolvedCode(t.code):this.resolvedCode();let r=void 0!==t.accentMode?this.resolvedAccentMode(t.accentMode):this.resolvedAccentMode(),a=void 0!==t.neutral?this.resolvedNeutral(t.neutral):this.resolvedNeutral(),n=void 0!==t.primary?E(t.primary,At.brand):this.primaryHex(),c=E(void 0!==t.accent?t.accent:this.accentColor,At.accent);if("custom"!==i&&T[i]){const e=T[i];void 0!==t.primary||void 0!==t.accent||(n=e.brand,c=e.accent,r="custom"),t.preset&&void 0===t.neutral&&(a=e.neutral)}const h=O(n,c,r,this.accentIdx),l=H(n,h,a);return"custom"===i||l||(i="custom"),"custom"!==i&&l&&(i=l,n=T[l].brand,c=T[l].accent),{preset:i,mode:e,status:s,code:o,primary:n,accent:h,accentMode:r,neutral:a}}resolveTarget(){if("undefined"==typeof document)return null;const t=(null==this.target?"":this.target+"").trim()||"html";if("html"===t)return document.documentElement;try{return document.querySelector(t)||document.documentElement}catch(t){return document.documentElement}}apply(){const t=this.resolveTarget();if(!t)return;this.lastTarget&&this.lastTarget!==t&&function(t){lt(t),ht(t),function(t){["data-sui-preset","data-sui-theme","data-sui-status","data-sui-code"].forEach((i=>t.removeAttribute(i)))}(t),st().delete(t)}(this.lastTarget),this.lastTarget=t;const i=this.normalizeCurrent(),e=vt(t,{preset:i.preset,primary:i.primary,accent:i.accent,neutral:i.neutral,mode:i.mode,resolvedMode:ot(i.mode),status:"custom"===i.status?"semantic":i.status,code:this.paintedCode(),statusColors:this.statusColors()});this.lastCss=e.css,ut(t,(()=>this.onSystemChange()))}wantsPersist(){return!(!this.persist&&!this.host?.hasAttribute("persist"))}storage(){try{if("undefined"!=typeof window&&window.localStorage)return window.localStorage}catch(t){}try{if("undefined"!=typeof localStorage)return localStorage}catch(t){}return null}persistNow(){const t=this.wantsPersist()?this.storage():null;if(!t)return;const i=this.normalizeCurrent();try{t.setItem(zt,JSON.stringify({preset:i.preset,mode:i.mode,status:i.status,code:i.code,primary:i.primary,accent:i.accent,accentMode:i.accentMode,accentIdx:this.accentIdx,neutral:i.neutral,positiveAuto:this.positiveAuto,warnAuto:this.warnAuto,alertAuto:this.alertAuto,positive:this.positiveHex,warn:this.warnHex,alert:this.alertHex,locks:this.locks,sheet:Pt(this.lastCss)}))}catch(t){}}hydratePersist(){const t=this.storage();if(t)try{const i=t.getItem(zt);if(!i)return;const e=JSON.parse(i);if(!e||"object"!=typeof e)return;gt.includes(e.preset)&&(this.preset=e.preset),xt.includes(e.mode)&&(this.mode=e.mode),yt.includes(e.status)&&(this.status=e.status),wt.includes(e.code)&&(this.code=e.code),E(e.primary)&&(this.primary=E(e.primary)),E(e.accent)&&(this.accentColor=E(e.accent)),Mt.includes(e.accentMode)&&(this.accentMode=e.accentMode),Number.isFinite(e.accentIdx)&&(this.accentIdx=Number(e.accentIdx)),j.includes(e.neutral)&&(this.neutral=e.neutral),"boolean"==typeof e.positiveAuto&&(this.positiveAuto=e.positiveAuto),"boolean"==typeof e.warnAuto&&(this.warnAuto=e.warnAuto),"boolean"==typeof e.alertAuto&&(this.alertAuto=e.alertAuto),E(e.positive)&&(this.positiveHex=E(e.positive)),E(e.warn)&&(this.warnHex=E(e.warn)),E(e.alert)&&(this.alertHex=E(e.alert)),e.locks&&"object"==typeof e.locks&&(this.locks=Ct.reduce(((t,i)=>({...t,[i]:!0===e.locks[i]})),{primary:!1,accent:!1,surface:!1,status:!1}))}catch(t){}}commit(t,i){this.applying=!0,this.preset=t.preset,this.mode=t.mode,this.status=t.status,this.code=t.code,this.primary=t.primary,this.accentColor=t.accent,this.accentMode=t.accentMode,this.neutral=t.neutral,this.apply(),this.persistNow(),i&&this.suiThemeChange.emit(this.choice()),this.applying=!1}leavePair(t){this.disabled||this.commit(this.mergePatch({...t,preset:"custom"}),!0)}commitStatus(){if(this.disabled)return;const t=!this.positiveAuto||!this.warnAuto||!this.alertAuto,i=t?"custom":"custom"===this.resolvedStatus()?"semantic":this.resolvedStatus();this.commit(this.mergePatch(t?{preset:"custom",status:i}:{status:i}),!0)}enterCustom(t,i){const e=this.statusHexes();this.positiveAuto&&(this.positiveHex=e.positive),this.warnAuto&&(this.warnHex=e.warn),this.alertAuto&&(this.alertHex=e.alert),"positive"===t&&i?this.positiveHex=i:"warn"===t&&i?this.warnHex=i:"alert"===t&&i&&(this.alertHex=i),this.positiveAuto=!1,this.warnAuto=!1,this.alertAuto=!1,this.commitStatus()}clearStatus(){this.positiveAuto=!0,this.warnAuto=!0,this.alertAuto=!0}toggleLock(t){this.disabled||(this.locks={...this.locks,[t]:!this.locks[t]},this.persistNow())}lockLabel(t,i){switch(t){case"primary":return i?R(void 0,"theme-picker.unlockPrimary",void 0,"Unlock primary"):R(void 0,"theme-picker.lockPrimary",void 0,"Lock primary");case"accent":return i?R(void 0,"theme-picker.unlockAccent",void 0,"Unlock accent"):R(void 0,"theme-picker.lockAccent",void 0,"Lock accent");case"surface":return i?R(void 0,"theme-picker.unlockSurface",void 0,"Unlock surface"):R(void 0,"theme-picker.lockSurface",void 0,"Lock surface");default:return i?R(void 0,"theme-picker.unlockStatus",void 0,"Unlock status"):R(void 0,"theme-picker.lockStatus",void 0,"Lock status")}}lockBtn(t){const i=this.locks[t],e=this.lockLabel(t,i);return o("sui-tooltip",{content:e,position:"top"},o("button",{type:"button",class:{lockb:!0,on:i},"aria-pressed":i?"true":"false","aria-label":e,disabled:this.disabled,onClick:()=>this.toggleLock(t)},o(n,{glyph:i?c:h})))}pickNamed(t){if(this.disabled)return;const i=T[t],e=this.locks;e.accent||(this.accentIdx=0),e.status||this.clearStatus(),this.menu=null,this.commit(this.mergePatch({preset:t,primary:e.primary?this.primaryHex():i.brand,accent:e.accent?this.accentHex():i.accent,accentMode:e.accent?this.resolvedAccentMode():"custom",neutral:e.surface?this.resolvedNeutral():i.neutral}),!0)}pickNeutral(t){if(this.disabled)return;this.menu=null;const i=this.mergePatch({neutral:t});this.commit(i,!0)}pickMode(t){this.disabled||this.commit(this.mergePatch({mode:t}),!0)}pickStatus(t){this.disabled||this.locks.status||("custom"!==t?(this.clearStatus(),this.commit(this.mergePatch({status:t}),!0)):this.enterCustom())}pickCode(t){this.disabled||this.commit(this.mergePatch({code:t}),!0)}pickAccentMode(t){if(this.disabled)return;const i={accentMode:t};"custom"===t&&(i.accent=this.accentHex()),this.leavePair(i)}pickAccentIdx(t){this.disabled||(this.accentIdx=t,this.leavePair({accentMode:"auto"}))}setWell(t,i){if(this.disabled)return;const e=E(i);e&&("primary"===t?this.leavePair({primary:e}):"accent"===t?this.leavePair({accent:e,accentMode:"custom"}):this.enterCustom(t,e))}swap=()=>{if(this.disabled||this.locks.primary||this.locks.accent)return;const t=this.primaryHex(),i=this.accentHex();let e=this.resolvedNeutral();this.locks.surface||("tint"===e?e="tintA":"tintA"===e&&(e="tint")),this.locks.status||this.clearStatus(),this.leavePair({primary:i,accent:t,accentMode:"custom",neutral:e})};surprise=()=>{if(this.disabled)return;const t=N(),i=this.locks;i.accent||(this.accentIdx=t.accentIdx),i.status||this.clearStatus(),this.leavePair({status:i.status?this.resolvedStatus():Math.random()<.5?"brand":"semantic",primary:i.primary?this.primaryHex():t.primary,accent:i.accent?this.accentHex():t.accent,accentMode:i.accent?this.resolvedAccentMode():t.accentMode,neutral:i.surface?this.resolvedNeutral():t.neutral})};onReset=()=>{this.disabled||this.reset()};toggleMode=()=>{this.disabled||this.pickMode("dark"===this.paintedMode()?"light":"dark")};onAccentGroupChange=t=>{t.stopPropagation(),this.pickAccentMode(["auto","primary","custom"][t.detail]||"custom")};onStatusGroupChange=t=>{t.stopPropagation(),this.pickStatus(yt[t.detail]||"brand")};onCodeGroupChange=t=>{t.stopPropagation(),this.pickCode(wt[t.detail]||"dark")};stopInner=t=>{t.stopPropagation()};toggle=()=>{this.disabled||"compact"!==this.resolvedAppearance()||(this.open=!this.open)};toggleMenu=t=>{this.disabled||(this.menu=this.menu===t?null:t,this.editor=null)};close(t=!1){this.open&&(this.open=!1,this.menu=null,this.editor=null,t&&this.trigger?.setFocus())}afterOpen(){this.open&&this.trigger&&this.bodyEl&&!this.disposers.length&&this.host.isConnected&&(this.reposition(),this.disposers.push(x((()=>[this.host,this.layerEl,this.bodyEl,this.flyEl,this.editorEl]),(()=>this.close())),y((()=>this.reposition()))),(w(this.bodyEl)[0]||this.bodyEl).focus({preventScroll:!0}))}reposition(){if("undefined"!=typeof window){if(this.trigger&&this.bodyEl&&"compact"===this.resolvedAppearance()){this.bodyEl.style.maxHeight="",C(this.bodyEl,M(this.trigger,this.bodyEl,"bottom",6,"end"));const t=this.bodyEl.getBoundingClientRect(),i=Math.floor(window.innerHeight-t.top-8);t.bottom>window.innerHeight-8&&i>=160&&(this.bodyEl.style.maxHeight=i+"px");const e=this.bodyEl.getBoundingClientRect(),s=Math.max(8,window.innerWidth-Math.max(e.width,320)-8),o=Math.min(Math.max(8,e.left),s);Math.abs(o-e.left)>.5&&(this.bodyEl.style.left=Math.round(o)+"px")}this.placeFly()}}placeFly(){if("undefined"!=typeof window){if(this.menu&&this.flyEl){const t="preset"===this.menu?this.presetAnchor:this.surfaceAnchor;t&&(S(t,this.flyEl),C(this.flyEl,M(t,this.flyEl,"bottom",6,"start")))}if(this.editor&&this.editorEl){const t=this.wellBtns[this.editor];t&&C(this.editorEl,M(t,this.editorEl,"bottom",6,"start"))}}}flyAnchor(){return this.editor?this.wellBtns[this.editor]:"preset"===this.menu?this.presetAnchor:"surface"===this.menu?this.surfaceAnchor:void 0}armFlyListeners(){this.menu||this.editor?!this.flyDisposers.length&&this.host.isConnected&&(this.flyDisposers.push(y((()=>this.placeFly()))),this.flyDisposers.push(x((()=>[this.flyEl,this.editorEl,this.flyAnchor()]),(()=>{this.menu=null,this.editor=null})))):this.releaseFlyListeners()}releaseFlyListeners(){this.flyDisposers.forEach((t=>t())),this.flyDisposers=[]}teardown(){this.disposers.forEach((t=>t())),this.disposers=[]}syncTriggerAria(){const t=this.trigger?.querySelector("button");t&&(t.setAttribute("aria-haspopup","dialog"),t.setAttribute("aria-expanded",this.open?"true":"false"),this.open?t.setAttribute("aria-controls",this.dialogId):t.removeAttribute("aria-controls"),t.setAttribute("aria-label",this.triggerName()),t.classList.add("trig"));const i=this.host?.querySelector(".dark-mode button");i&&i.setAttribute("aria-pressed","dark"===this.paintedMode()?"true":"false")}hasColorEditor(){return"undefined"!=typeof customElements&&!!customElements.get("sui-color-editor")}openWell(t,i){if(!this.disabled)return this.hasColorEditor()?(this.editor=this.editor===t?null:t,void(this.menu=null)):void i?.click()}onEditorKey=t=>{const i=this.editor;i&&this.editorEl&&z(t,this.editorEl,(()=>{this.editor=null,this.wellBtns[i]?.focus({preventScroll:!0})}))||this.onKeyDown(t)};onListKey=t=>{this.onFlyKeyDown(t),t.defaultPrevented||this.onKeyDown(t)};onKeyDown=t=>{if(!this.disabled)if("Tab"===t.key&&this.open&&this.bodyEl&&"compact"===this.resolvedAppearance()){const i="function"==typeof t.composedPath?t.composedPath()[0]:t.target;[this.flyEl,this.editorEl].some((t=>!!t&&!!i&&t.contains(i)))||z(t,this.bodyEl,(()=>{this.close(),this.trigger?.querySelector("button")?.focus({preventScroll:!0})}))}else if("Escape"===t.key){if(this.editor)return t.preventDefault(),t.stopPropagation(),void(this.editor=null);if(this.menu)return t.preventDefault(),t.stopPropagation(),void(this.menu=null);this.open&&(t.preventDefault(),t.stopPropagation(),this.close(!0))}};preview(t){const i=this.normalizeCurrent();return P(i.primary,i.accent,i.neutral,"brand"!==(t||i.status)?{mode:"semantic",positive:this.positiveAuto?null:E(this.positiveHex)||null,warn:this.warnAuto?null:E(this.warnHex)||null,alert:this.alertAuto?null:E(this.alertHex)||null}:{mode:"brand"},"dark"===ot(i.mode))}semanticHexes(){const t=this.normalizeCurrent(),i=this.preview("semantic"),e=this.positiveAuto?i.suggestedPositive||"":E(this.positiveHex,i.suggestedPositive||""),s=this.warnAuto?i.suggestedWarn||"":E(this.warnHex,i.suggestedWarn||""),o=this.alertAuto?i.suggestedAlert||"":E(this.alertHex,i.suggestedAlert||"");return{positive:e||t.primary,warn:s||t.primary,alert:o||t.accent,preview:i}}statusHexes(){if("brand"!==this.resolvedStatus()){const t=this.semanticHexes();return{positive:t.positive,warn:t.warn,alert:t.alert}}const t=this.preview("brand").T;return{positive:t["--status-positive-accent"],warn:t["--status-attention-accent"],alert:t["--status-critical-bg"]}}editorHex(){const t=this.normalizeCurrent(),i=this.statusHexes();return"accent"===this.editor?t.accent:"positive"===this.editor?i.positive:"warn"===this.editor?i.warn:"alert"===this.editor?i.alert:t.primary}modeLabel(){return"dark"===this.paintedMode()?R(void 0,"theme-picker.lightMode",void 0,"Light mode"):R(void 0,"theme-picker.darkMode",void 0,"Dark mode")}modeIcon(){return"dark"===this.paintedMode()?l:u}dots(t,i=!1){const e=t&&"custom"!==t?T[t]:void 0;return i||!e?o("span",{class:"dots","aria-hidden":"true"},o("i",{class:"dot"}),o("i",{class:"dot acc"})):o("span",{class:"dots","aria-hidden":"true"},o("i",{class:"dot tone",style:{"--tone":e.brand}}),o("i",{class:"dot tone",style:{"--tone":e.accent}}))}toneDots(t,i){return o("span",{class:"dots","aria-hidden":"true"},o("i",{class:"dot tone",style:{"--tone":t}}),o("i",{class:"dot tone",style:{"--tone":i}}))}wellRow(t,i,e,s=!1,r=!1){let a;const n="dark"===this.paintedMode()?"light":"brand",c=this.disabled||("primary"===t?this.locks.primary:"accent"===t?this.locks.accent:this.locks.status);return o("div",{class:"pick"},o("button",{type:"button",class:"well",ref:i=>{i&&(this.wellBtns[t]=i)},style:{"--well":i},"aria-label":e,disabled:c,onClick:()=>this.openWell(t,a)}),this.editor===t?this.renderEditorFly():null,o("input",{ref:t=>a=t,class:"natv",type:"color",value:i.toLowerCase(),tabindex:-1,"aria-hidden":"true",disabled:c||s,onInput:i=>this.setWell(t,i.target.value)}),o("input",{class:"hex sui-frame",value:i,spellcheck:!1,"aria-label":e+" hex",disabled:c||s,onChange:i=>this.setWell(t,i.target.value)}),r?o("sui-tooltip",{content:R(void 0,"theme-picker.copyHex",void 0,"Copy hex"),position:"top",tone:n},o("sui-copy-button",{value:i,size:"sm",variant:"ghost",feedback:"icon",disabled:this.disabled,"aria-label":R(void 0,"theme-picker.copyHex",void 0,"Copy hex"),onSuiCopy:this.stopInner})):null)}copyBtn(t){const i="dark"===this.paintedMode()?"light":"brand";return o("sui-tooltip",{content:R(void 0,"theme-picker.copyHex",void 0,"Copy hex"),position:"top",tone:i},o("sui-copy-button",{value:t,size:"sm",variant:"ghost",feedback:"icon",disabled:this.disabled,"aria-label":R(void 0,"theme-picker.copyHex",void 0,"Copy hex"),onSuiCopy:this.stopInner}))}renderMenuFly(t){if(!this.menu)return null;if("preset"===this.menu)return o("div",{key:"list",class:"fly list","data-sui-fly":"menu",role:"listbox","aria-label":R(void 0,"theme-picker.preset",void 0,"Preset"),ref:t=>this.flyEl=t,onKeyDown:this.onListKey},I.map((i=>o("button",{type:"button",class:{opt:!0,on:t.preset===i},role:"option","aria-selected":t.preset===i?"true":"false",disabled:this.disabled,onClick:()=>this.pickNamed(i)},this.dots(i),T[i].name))));const i=F(t.primary,t.accent);return o("div",{key:"list",class:"fly list","data-sui-fly":"menu",role:"listbox","aria-label":R(void 0,"theme-picker.surface",void 0,"Surface"),ref:t=>this.flyEl=t,onKeyDown:this.onListKey},j.map((e=>o("button",{type:"button",class:{opt:!0,on:t.neutral===e},role:"option","aria-selected":t.neutral===e?"true":"false",disabled:this.disabled,onClick:()=>this.pickNeutral(e)},this.toneDots(i[e][0],i[e][1]),K[e].label))))}renderEditorFly(){if(!this.editor||!this.hasColorEditor())return null;const t=this.editorHex();return o("div",{key:"editor",class:"fly editor","data-sui-fly":"editor",ref:t=>this.editorEl=t,onKeyDown:this.onEditorKey},o("sui-color-editor",{value:t,noAlpha:!0,onSuiChange:i=>{i.stopPropagation();const e=E(i.detail?.hex);e&&e!==t&&this.editor&&this.setWell(this.editor,e)}}))}renderControls(){const t=this.normalizeCurrent(),i=this.statusHexes(),e=this.locks,s=F(t.primary,t.accent),r=G(t.primary),a=this.modeLabel();return o("div",{class:"kit"},o("div",{class:"head"},o("sui-button",{class:"fill preset-btn",variant:"outline",size:"md",block:!0,disabled:this.disabled,ref:t=>this.presetAnchor=t,onClick:()=>this.toggleMenu("preset")},o("span",{class:{face:!0,open:"preset"===this.menu}},this.dots(t.preset,"custom"===t.preset),o("span",{class:"grow"},this.namedOf(t.preset)),o(n,{glyph:d,class:"chev"}))),"preset"===this.menu?this.renderMenuFly(t):null,o("sui-icon-button",{variant:"outline",size:"md",pill:!1,disabled:this.disabled,"aria-label":R(void 0,"theme-picker.swapPrimaryAndAccent",void 0,"Swap primary and accent"),onClick:this.swap},o(n,{glyph:p})),o("sui-icon-button",{class:"surprise",variant:"outline",size:"md",pill:!1,disabled:this.disabled,"aria-label":R(void 0,"theme-picker.surpriseMe",void 0,"Surprise me"),onClick:this.surprise},o(n,{glyph:m})),o("sui-icon-button",{variant:"outline",size:"md",pill:!1,disabled:this.disabled,"aria-label":R(void 0,"theme-picker.resetToShineui",void 0,"Reset to ShineUI"),onClick:this.onReset},o(n,{glyph:f})),o("sui-icon-button",{key:this.paintedMode(),class:"dark-mode",variant:"outline",size:"md",pill:!1,disabled:this.disabled,"aria-label":a,"aria-pressed":"dark"===this.paintedMode()?"true":"false",onClick:this.toggleMode},o(n,{glyph:this.modeIcon()}))),o("div",{class:"row"},o("span",{class:"k"},o("span",{class:"kt"},R(void 0,"theme-picker.primary",void 0,"Primary")),this.lockBtn("primary")),this.wellRow("primary",t.primary,"Primary color",!1,!0)),o("div",{class:"row"},o("span",{class:"k"},o("span",{class:"kt"},R(void 0,"theme-picker.accent",void 0,"Accent")),this.lockBtn("accent")),o("sui-button-group",{selectable:!0,size:"sm",active:"primary"===t.accentMode?1:"custom"===t.accentMode?2:0,disabled:this.disabled||e.accent,items:this.accentItems,"aria-label":R(void 0,"theme-picker.accent",void 0,"Accent"),onSuiActiveChange:this.onAccentGroupChange,onSuiPick:this.stopInner}),"auto"===t.accentMode?o("div",{class:"chips"},r.map(((t,i)=>o("button",{type:"button",class:{chip:!0,on:this.accentIdx===i},style:{"--well":t},"aria-label":"Accent option "+(i+1),"aria-pressed":this.accentIdx===i?"true":"false",disabled:this.disabled||e.accent,onClick:()=>this.pickAccentIdx(i)}))),this.copyBtn(r[this.accentIdx]||r[0])):null,"auto"!==t.accentMode?this.wellRow("accent",t.accent,"Accent color","primary"===t.accentMode,!0):null),o("div",{class:"row"},o("span",{class:"k"},o("span",{class:"kt"},R(void 0,"theme-picker.surface",void 0,"Surface")),this.lockBtn("surface")),o("sui-button",{variant:"outline",size:"md",block:!0,disabled:this.disabled||e.surface,ref:t=>this.surfaceAnchor=t,onClick:()=>this.toggleMenu("surface")},o("span",{class:{face:!0,open:"surface"===this.menu}},this.toneDots(s[t.neutral][0],s[t.neutral][1]),o("span",{class:"grow"},K[t.neutral].label),o(n,{glyph:d,class:"chev"}))),"surface"===this.menu?this.renderMenuFly(t):null),o("div",{class:"row"},o("span",{class:"k"},o("span",{class:"kt"},R(void 0,"theme-picker.status",void 0,"Status")),this.lockBtn("status")),o("sui-button-group",{selectable:!0,size:"sm",active:Math.max(0,yt.indexOf(t.status)),disabled:this.disabled||e.status,items:this.statusItems(),"aria-label":R(void 0,"theme-picker.status",void 0,"Status"),onSuiActiveChange:this.onStatusGroupChange,onSuiPick:this.stopInner}),o("div",{class:"sem"},o("div",{class:"semrow"},o("span",{class:"nm"},R(void 0,"theme-picker.success",void 0,"Success")),this.wellRow("positive",i.positive,"Success color",this.positiveAuto,!0),o("sui-button",{variant:this.positiveAuto?"brand":"ghost",size:"sm",pill:!0,label:R(void 0,"theme-picker.auto",void 0,"Auto"),disabled:this.disabled||e.status,"aria-pressed":this.positiveAuto?"true":"false",onClick:()=>{this.disabled||e.status||(this.positiveAuto?this.enterCustom("positive",i.positive):(this.positiveAuto=!0,this.commitStatus()))}})),o("div",{class:"semrow"},o("span",{class:"nm"},R(void 0,"theme-picker.warning",void 0,"Warning")),this.wellRow("warn",i.warn,"Warning color",this.warnAuto,!0),o("sui-button",{variant:this.warnAuto?"brand":"ghost",size:"sm",pill:!0,label:R(void 0,"theme-picker.auto",void 0,"Auto"),disabled:this.disabled||e.status,"aria-pressed":this.warnAuto?"true":"false",onClick:()=>{this.disabled||e.status||(this.warnAuto?this.enterCustom("warn",i.warn):(this.warnAuto=!0,this.commitStatus()))}})),o("div",{class:"semrow"},o("span",{class:"nm"},R(void 0,"theme-picker.alert",void 0,"Alert")),this.wellRow("alert",i.alert,"Alert color",this.alertAuto,!0),o("sui-button",{variant:this.alertAuto?"brand":"ghost",size:"sm",pill:!0,label:R(void 0,"theme-picker.auto",void 0,"Auto"),disabled:this.disabled||e.status,"aria-pressed":this.alertAuto?"true":"false",onClick:()=>{this.disabled||e.status||(this.alertAuto?this.enterCustom("alert",i.alert):(this.alertAuto=!0,this.commitStatus()))}})))),o("div",{class:"row"},o("span",{class:"k"},o("span",{class:"kt"},R(void 0,"theme-picker.code",void 0,"Code"))),o("sui-button-group",{selectable:!0,size:"sm",active:wt.indexOf(t.code),disabled:this.disabled,items:this.codeItems(),"aria-label":R(void 0,"theme-picker.code",void 0,"Code"),onSuiActiveChange:this.onCodeGroupChange,onSuiPick:this.stopInner})))}render(){const t="compact"===this.resolvedAppearance(),i=this.normalizeCurrent(),e=!!this.showPresetName;return o(r,{key:"373411d6f4702b058a1c8440f34f401d4402d9b4",class:{compact:t,panel:!t,disabled:this.disabled},onKeyDown:this.onKeyDown},t?o("sui-button",{ref:t=>this.trigger=t,class:"trig-host",variant:"outline",size:"md",disabled:this.disabled,"aria-label":this.triggerName(),onClick:this.toggle},o("span",{class:"face"},this.dots(i.preset,!0),e?o("span",{class:"grow"},this.namedOf(i.preset)):null,o(n,{glyph:d,class:"chev"}))):null,!t||this.open||this.closing?o("div",{ref:t=>this.layerEl=t,class:{layer:!0,pop:t}},o("div",{ref:t=>this.bodyEl=t,id:t?this.dialogId:void 0,class:{body:!0,pop:t,flow:!t,closing:this.closing},inert:this.closing,role:t?"dialog":void 0,tabIndex:t?-1:void 0,"aria-labelledby":t?this.titleId:void 0},t?o("h2",{class:"sr-only",id:this.titleId},this.triggerName()):null,this.renderControls())):null)}static get watchers(){return{persist:[{onPersist:0}],preset:[{onThemeProps:0}],mode:[{onThemeProps:0}],status:[{onThemeProps:0}],code:[{onThemeProps:0}],primary:[{onThemeProps:0}],accentColor:[{onThemeProps:0}],accentMode:[{onThemeProps:0}],neutral:[{onThemeProps:0}],target:[{onThemeProps:0}],open:[{onOpenChange:0}],editor:[{onEditorChange:0}],menu:[{onMenuChange:0}]}}static get style(){return".sc-sui-theme-picker-h{display:inline-block;vertical-align:middle;font-family:var(--font-sans)}.panel.sc-sui-theme-picker-h{display:block;max-width:320px}.face.sc-sui-theme-picker{display:inline-flex;align-items:center;gap:8px;min-width:0;width:100%}.face.sc-sui-theme-picker .grow.sc-sui-theme-picker{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:start;line-height:1.35}.dots.sc-sui-theme-picker{display:inline-flex;align-items:center;flex-shrink:0}.dot.sc-sui-theme-picker{width:13px;height:13px;box-sizing:border-box;flex-shrink:0;border-radius:var(--radius-pill);background:var(--brand);border:1px solid color-mix(in srgb, var(--brand) 14%, transparent)}.dot.sc-sui-theme-picker+.dot.sc-sui-theme-picker{margin-inline-start:-9px}.dot.acc.sc-sui-theme-picker{background:var(--accent);border-color:color-mix(in srgb, var(--accent) 14%, transparent)}.dot.tone.sc-sui-theme-picker{background:var(--tone);border-color:color-mix(in srgb, var(--ink) 10%, transparent)}.disabled.sc-sui-theme-picker-h .dot.sc-sui-theme-picker{opacity:0.4}.chev.sc-sui-theme-picker{font-size:var(--icon-size-sm);color:var(--ink-faint);line-height:1;margin-inline-start:auto}.trig[aria-expanded=\"true\"].sc-sui-theme-picker .chev.sc-sui-theme-picker,.open.sc-sui-theme-picker .chev.sc-sui-theme-picker{transform:rotate(180deg)}.body.sc-sui-theme-picker{display:flex;flex-direction:column;gap:0;box-sizing:border-box;width:320px;max-height:min(calc(100vh - 88px), 640px);overflow:auto;padding:12px;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-lg)}.kit.sc-sui-theme-picker{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.body.pop.sc-sui-theme-picker{position:fixed;z-index:var(--z-dropdown);width:320px;min-width:320px;max-width:min(320px, calc(100vw - 16px));background:var(--surface-raised);box-shadow:var(--shadow-pop);animation:sui-theme-picker-in var(--duration-overlay) var(--ease-out)}.body.pop[data-side='top'].sc-sui-theme-picker{animation-name:sui-theme-picker-in-top}.body.pop.closing.sc-sui-theme-picker{animation:sui-theme-picker-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}.body.flow.sc-sui-theme-picker{max-width:min(320px, 100%);box-shadow:none}.layer.pop.sc-sui-theme-picker{position:fixed;top:0;left:0;width:0;height:0;overflow:visible;z-index:var(--z-overlay)}@keyframes sui-theme-picker-in{from{opacity:0;margin-top:-4px}}@keyframes sui-theme-picker-in-top{from{opacity:0;margin-top:4px}}@keyframes sui-theme-picker-out{to{opacity:0}}.sr-only.sc-sui-theme-picker{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.head.sc-sui-theme-picker{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:nowrap}.head.sc-sui-theme-picker>.preset-btn.sc-sui-theme-picker,.head.sc-sui-theme-picker>sui-button.sc-sui-theme-picker{flex:1;min-width:0}.head.sc-sui-theme-picker>sui-icon-button.sc-sui-theme-picker,.head.sc-sui-theme-picker>sui-tooltip.sc-sui-theme-picker{flex:0 0 auto}.head.sc-sui-theme-picker>sui-icon-button.sc-sui-theme-picker .sui-glyph.sc-sui-theme-picker{font-size:var(--icon-size-md)}.row.sc-sui-theme-picker{display:flex;flex-direction:column;gap:6px;min-width:0}.k.sc-sui-theme-picker{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--font-sans);font-size:11.5px;font-weight:var(--w-semibold);color:var(--ink-muted)}.lockb.sc-sui-theme-picker{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin:-4px 0;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--ink-faint);cursor:pointer;font-size:10px;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.lockb.sc-sui-theme-picker:hover{background:var(--surface-hover);color:var(--ink-muted)}.lockb.on.sc-sui-theme-picker{color:var(--brand)}.lockb.sc-sui-theme-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.lockb[disabled].sc-sui-theme-picker{cursor:not-allowed;color:var(--ink-placeholder)}.row.sc-sui-theme-picker>sui-button-group.sc-sui-theme-picker{display:block;width:100%;max-width:100%;--sui-button-group-pad-x:8px}.list.sc-sui-theme-picker{display:flex;flex-direction:column;gap:2px}.opt.sc-sui-theme-picker{display:flex;align-items:center;gap:8px;width:100%;padding:7px 9px;margin:0;box-sizing:border-box;border:none;border-radius:var(--radius-md);background:transparent;color:var(--ink);font-family:var(--font-sans);font-size:12.5px;font-weight:var(--w-medium);cursor:pointer;text-align:start}.opt.sc-sui-theme-picker:hover:not(:disabled){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.opt.on.sc-sui-theme-picker{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:var(--w-bold)}.opt.on.sc-sui-theme-picker:hover:not(:disabled){--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.opt.sc-sui-theme-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.opt.sc-sui-theme-picker:disabled{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.pick.sc-sui-theme-picker{display:flex;gap:8px;align-items:center;position:relative}.pick.sc-sui-theme-picker>sui-tooltip.sc-sui-theme-picker,.pick.sc-sui-theme-picker>sui-copy-button.sc-sui-theme-picker{flex-shrink:0}.well.sc-sui-theme-picker{width:44px;height:34px;padding:0;margin:0;flex-shrink:0;box-sizing:border-box;border:1px solid var(--control-border);border-radius:var(--radius-md);background:var(--well);cursor:pointer}.well.sc-sui-theme-picker:disabled{cursor:not-allowed;border-style:dashed}.well.sc-sui-theme-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.hex.sc-sui-theme-picker{width:96px;height:var(--control-md);box-sizing:border-box;padding:0 10px;margin:0;color:var(--ink);font-family:var(--font-mono);font-size:12.5px;font-weight:var(--w-semibold);text-transform:uppercase}.natv.sc-sui-theme-picker{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.chips.sc-sui-theme-picker{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.chips.sc-sui-theme-picker>sui-tooltip.sc-sui-theme-picker,.chips.sc-sui-theme-picker>sui-copy-button.sc-sui-theme-picker{flex-shrink:0;margin-inline-start:1px}.chip.sc-sui-theme-picker{width:34px;height:34px;padding:0;margin:0;box-sizing:border-box;border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--brand) 14%, transparent);background:var(--well);cursor:pointer}.chip.on.sc-sui-theme-picker{outline:2px solid var(--focus-ring);outline-offset:2px}.chip.sc-sui-theme-picker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:var(--focus-shadow)}.chip.sc-sui-theme-picker:disabled{cursor:not-allowed}.sem.sc-sui-theme-picker{display:flex;flex-direction:column;gap:8px}.semrow.sc-sui-theme-picker{display:flex;align-items:center;gap:7px;position:relative}.semrow.sc-sui-theme-picker .nm.sc-sui-theme-picker{font-family:var(--font-sans);font-size:12px;font-weight:var(--w-semibold);color:var(--ink-muted);width:52px;flex-shrink:0}.semrow.sc-sui-theme-picker .hex.sc-sui-theme-picker{width:84px}.semrow.sc-sui-theme-picker .pick.sc-sui-theme-picker{min-width:0}.fly.sc-sui-theme-picker{position:fixed;z-index:var(--z-overlay);box-sizing:border-box;background:var(--surface-raised);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);padding:5px;max-height:min(50vh, 320px);overflow:auto}.fly.editor.sc-sui-theme-picker{padding:10px;max-height:min(80vh, 420px)}@media (forced-colors: active){.dot.sc-sui-theme-picker,.dot.acc.sc-sui-theme-picker,.dot.tone.sc-sui-theme-picker,.well.sc-sui-theme-picker,.chip.sc-sui-theme-picker{forced-color-adjust:none;border-color:CanvasText}.well.sc-sui-theme-picker:focus-visible,.chip.sc-sui-theme-picker:focus-visible{outline-color:CanvasText;box-shadow:none}.chip.on.sc-sui-theme-picker{outline-color:Highlight}.opt.on.sc-sui-theme-picker,.opt.on.sc-sui-theme-picker:hover{forced-color-adjust:none;background:Highlight;color:HighlightText}.opt.sc-sui-theme-picker:focus-visible{outline-color:CanvasText;box-shadow:none}.hex.sc-sui-theme-picker:focus{outline:2px solid CanvasText;outline-offset:1px}}.sui-frame.sc-sui-theme-picker{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-theme-picker:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-theme-picker,.sui-frame.readonly.sc-sui-theme-picker{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-theme-picker:focus-within,.sui-frame.focus.sc-sui-theme-picker,.sui-frame.open.sc-sui-theme-picker{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-theme-picker{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-theme-picker:focus-within,.sui-frame.invalid.focus.sc-sui-theme-picker,.sui-frame.invalid.open.sc-sui-theme-picker{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-theme-picker:disabled,.sui-frame.disabled.sc-sui-theme-picker{--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-theme-picker{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-theme-picker::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-theme-picker{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-theme-picker{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-theme-picker{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-theme-picker:focus-within,.sui-frame.focus.sc-sui-theme-picker,.sui-frame.open.sc-sui-theme-picker{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-theme-picker:disabled,.sui-frame.disabled.sc-sui-theme-picker{color:GrayText;border-color:GrayText}}"}},[514,"sui-theme-picker",{preset:[1537],mode:[1537],status:[1537],code:[1537],primary:[1025],accentColor:[1025,"accent-color"],accentMode:[1537,"accent-mode"],neutral:[1537],appearance:[513],target:[1],persist:[516],disabled:[516],showPresetName:[516,"show-preset-name"],hostLabel:[32],open:[32],menu:[32],editor:[32],accentIdx:[32],positiveAuto:[32],warnAuto:[32],alertAuto:[32],positiveHex:[32],warnHex:[32],alertHex:[32],locks:[32],closing:[32],setTheme:[64],reset:[64],setFocus:[64]},void 0,{persist:[{onPersist:0}],preset:[{onThemeProps:0}],mode:[{onThemeProps:0}],status:[{onThemeProps:0}],code:[{onThemeProps:0}],primary:[{onThemeProps:0}],accentColor:[{onThemeProps:0}],accentMode:[{onThemeProps:0}],neutral:[{onThemeProps:0}],target:[{onThemeProps:0}],open:[{onOpenChange:0}],editor:[{onEditorChange:0}],menu:[{onMenuChange:0}]}]),Et=Tt,jt=function(){"undefined"!=typeof customElements&&["sui-theme-picker","sui-button","sui-button-group","sui-color-editor","sui-copy-button","sui-icon-button","sui-select-button","sui-tooltip"].forEach((t=>{switch(t){case"sui-theme-picker":customElements.get(a(t))||customElements.define(a(t),Tt);break;case"sui-button":customElements.get(a(t))||U();break;case"sui-button-group":customElements.get(a(t))||W();break;case"sui-color-editor":customElements.get(a(t))||B();break;case"sui-copy-button":customElements.get(a(t))||$();break;case"sui-icon-button":customElements.get(a(t))||J();break;case"sui-select-button":customElements.get(a(t))||Y();break;case"sui-tooltip":customElements.get(a(t))||Z()}}))};export{Et as SuiThemePicker,kt as a,jt as defineCustomElement,bt as r}

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

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

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

@@ -0,0 +1 @@
+import{p as i,H as e,c as s,f as t,h as n,a as r,t as u}from"./p-CeVlau-G.js";import{n as o,N as a}from"./p-CAeBVGwP.js";import{f as d,i as c,a as m}from"./p-BPGiU7Vj.js";import{l as h,p as l,h as p,m as f}from"./p-pJYXPDB_.js";import{b as v,p as x,a as g}from"./p-CN5x4MC8.js";import{t as b}from"./p-Dxh8L0dt.js";import{u as k}from"./p-U06fVoGD.js";import{d as y}from"./p-BHB1Wprj.js";const w=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiPick=s(this,"suiPick",7),this.suiOpenPathChange=s(this,"suiOpenPathChange",3)}get host(){return this}items=[];width=230;variant="plain";openPath=[];suiPick;suiOpenPathChange;active=null;drill=!1;fieldId=k("sui-tiered");menus=[];flyouts=[];pendingFocus=null;placedFor="";dispose;raised;raisedRow=-1;demote;stopOutside;loaded=!1;connectedCallback(){y(this.host,(()=>this.tabStop())),this.loaded&&(this.watchRoom(),this.checkDrill(!0),(this.openPath||[]).length&&t(this))}componentDidLoad(){this.loaded=!0,this.checkDrill(!0),this.watchRoom()}watchRoom(){!this.dispose&&this.host.isConnected&&(this.dispose=v((()=>{this.checkDrill(),this.repositionAll()})))}checkDrill(i=!1){const e=o(this.host,this.width);return e!==this.drill&&(i?Promise.resolve().then((()=>{this.drill=e})):this.drill=e),e}componentWillRender(){this.raised&&this.drawnFly()!==this.raisedRow&&this.lowerFly()}drawnFly(){if(this.drill)return-1;const i=(this.openPath||[])[0];return void 0!==i&&(this.items||[])[i]?.items?.length?i:-1}componentDidRender(){const i=this.flyouts[1];i&&this.raised!==i&&(this.lowerFly(),this.demote=x(i),this.raised=i,this.raisedRow=this.openPath[0],this.placedFor=""),this.armOutside();const e=this.openPath.join(",");if(e!==this.placedFor&&(this.placedFor=e,this.repositionAll()),this.pendingFocus){const i=this.pendingFocus;this.pendingFocus=null,d(this.menus[i.depth],i.index)}}async setFocus(){this.tabStop()?.focus()}tabStop(){const i=this.menus[0];return i?Array.from(i.querySelectorAll('[data-index][tabindex="0"]')).find((e=>e.closest('[role="menu"]')===i))??null:null}disconnectedCallback(){this.dispose?.(),this.dispose=void 0,this.lowerFly(),this.armOutside()}lowerFly(){const i=this.demote;this.demote=void 0,this.raised=void 0,this.raisedRow=-1,i?.()}armOutside(){this.raised&&!this.stopOutside&&this.host.isConnected?this.stopOutside=g((()=>[this.host,this.raised]),(()=>this.collapse())):!this.raised&&this.stopOutside&&(this.stopOutside(),this.stopOutside=void 0)}collapse(){this.setPath([]),this.active=null}leaveFlyout=()=>{const i=this.openPath[0],e=this.menus[0],s=void 0!==i&&e?e.querySelector(`[data-index="${i}"]`):null;return this.collapse(),s?(this.active={depth:0,index:i},c((this.items||[])[i])&&e.querySelectorAll("[data-index]").forEach((i=>{i.tabIndex=i===s?0:-1})),s.focus(),s):null};onItems(){this.setPath([]),this.active=null}setPath(i){const e=this.openPath||[];e.length===i.length&&e.every(((e,s)=>e===i[s]))||(this.openPath=i,this.suiOpenPathChange.emit(i))}listAt(i){return h(this.items||[],this.openPath,i)}repositionAll(){l(this.menus,this.flyouts,this.openPath)}openSub(i,e,s){const t=this.checkDrill();if(this.setPath([...this.openPath.slice(0,i),e]),s||t){const s=this.listAt(i)[e]?.items||[],t=m(s);t>=0&&this.focusLater({depth:i+1,index:t})}}closeLevel(i){if(i<=0)return void this.setPath([]);const e=this.openPath[i-1];this.setPath(this.openPath.slice(0,i-1)),this.focusLater({depth:i-1,index:e})}focusLater(i){this.active=i,this.pendingFocus=i}pick(i,e,s){if(p(i))return void this.openSub(e,s,!1);this.suiPick.emit(i),i.command?.();const t=this.openPath[0];this.setPath([]),this.active=null,e>0&&void 0!==t&&this.focusLater({depth:0,index:t})}onHover(i,e){if(this.active={depth:i,index:e},this.drill)return;const s=this.listAt(i)[e];this.setPath([...this.openPath.slice(0,i),...p(s)?[e]:[]])}onKey(i,e){if(e>0&&!this.drill&&b(i,this.raised,this.leaveFlyout,!0))return;const s=f(i,this.items||[],this.openPath,this.active,e);switch(s.kind){case"move":return this.active=s.cursor,this.setPath(this.openPath.slice(0,e)),void d(this.menus[e],s.cursor.index);case"open":return this.active=s.cursor,void this.openSub(e,s.cursor.index,!0);case"pick":return void this.pick(s.item,s.cursor.depth,s.cursor.index);case"close":return void this.closeLevel(s.depth);case"exit":return void("escape"===s.key&&(e>0||this.openPath.length)&&(i.stopPropagation(),this.closeLevel(e)))}}render(){return this.menus=[],this.flyouts=[],n(r,{key:"f33343222bf881c86335ae5c8023e2138c57e2ad"},n("div",{key:"6079be116d138808fc20c8781d4037a35d3247ed",class:{root:!0,card:"card"===this.variant}},n(a,{key:"fe89293f863a5b6f0f6ee2aceb99e2d6b34c9026",items:this.items||[],path:this.openPath,active:this.active,width:this.width,fill:"card"!==this.variant,idBase:this.fieldId,menuRef:(i,e)=>{e&&(this.menus[i]=e)},flyRef:(i,e)=>{e&&(this.flyouts[i]=e)},onPick:(i,e,s)=>this.pick(i,e,s),onHover:(i,e)=>this.onHover(i,e),onLeave:i=>{this.active&&this.active.depth===i&&(this.active=null)},onKeyDown:(i,e)=>this.onKey(i,e),drill:this.drill,onBack:i=>this.closeLevel(i)})))}static get watchers(){return{items:[{onItems:0}]}}static get style(){return".sc-sui-tiered-menu-h{display:block;font-family:var(--font-sans)}.root.sc-sui-tiered-menu{display:block;position:relative;box-sizing:border-box;color:var(--ink)}.root.card.sc-sui-tiered-menu{display:inline-block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:none}.sui-menu-list.sc-sui-tiered-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-tiered-menu{width:auto}.sui-menu-list.sc-sui-tiered-menu:focus{outline:none}.sui-menu-row.sc-sui-tiered-menu{position:relative}.sui-menu-fly.sc-sui-tiered-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-tiered-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-tiered-menu{height:1px;background:var(--hairline);margin:5px 4px}.sui-menu-backbar.sc-sui-tiered-menu{padding:5px 5px 0}.sui-menu-back.sc-sui-tiered-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-tiered-menu:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-menu-back.sc-sui-tiered-menu:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-menu-back.sc-sui-tiered-menu .sui-glyph.sc-sui-tiered-menu{font-size:11px;width:15px;color:var(--ink-muted);flex-shrink:0}.sui-menu-back.sc-sui-tiered-menu .sui-glyph.sc-sui-tiered-menu:dir(rtl){transform:scaleX(-1)}.sui-menu-backbar.sc-sui-tiered-menu .sui-menu-sep.sc-sui-tiered-menu{margin:5px 4px 0}.sui-menu-section.sc-sui-tiered-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-tiered-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-tiered-menu,a.sui-menu-item.sc-sui-tiered-menu:hover,a.sui-menu-item.sc-sui-tiered-menu:visited{color:var(--ink);text-decoration:none}.sui-menu-item.active.sc-sui-tiered-menu,.sui-menu-item.open.sc-sui-tiered-menu{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-menu-item.danger.sc-sui-tiered-menu,a.sui-menu-item.danger.sc-sui-tiered-menu,a.sui-menu-item.danger.sc-sui-tiered-menu:hover,a.sui-menu-item.danger.sc-sui-tiered-menu:visited{color:var(--danger);font-weight:620}.sui-menu-item.danger.active.sc-sui-tiered-menu,.sui-menu-item.danger.sc-sui-tiered-menu:hover,a.sui-menu-item.danger.sc-sui-tiered-menu:hover{background:var(--danger-soft);color:var(--danger-soft-ink)}.sui-menu-item.disabled.sc-sui-tiered-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-tiered-menu{font-weight:650}.sui-menu-item.sc-sui-tiered-menu:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-menu-icon.sc-sui-tiered-menu{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.sui-menu-check.sc-sui-tiered-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-tiered-menu .sui-menu-icon.sc-sui-tiered-menu{color:var(--danger)}.sui-menu-item.danger.sc-sui-tiered-menu:hover .sui-menu-icon.sc-sui-tiered-menu,.sui-menu-item.danger.active.sc-sui-tiered-menu .sui-menu-icon.sc-sui-tiered-menu{color:var(--danger-soft-ink)}.sui-menu-item.disabled.sc-sui-tiered-menu .sui-menu-icon.sc-sui-tiered-menu{color:var(--disabled-ink)}.sui-menu-label.sc-sui-tiered-menu{flex:1;min-width:0}.sui-menu-badge.sc-sui-tiered-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-tiered-menu{font-size:11px;color:var(--ink-faint);font-feature-settings:'tnum';white-space:nowrap}.sui-menu-chev.sc-sui-tiered-menu{font-size:9px;color:var(--ink-faint)}.sui-menu-chev.sc-sui-tiered-menu:dir(rtl){transform:scaleX(-1)}@media (forced-colors: active){.sui-menu-sep.sc-sui-tiered-menu{background:CanvasText}.sui-menu-item.active.sc-sui-tiered-menu,.sui-menu-item.open.sc-sui-tiered-menu,.sui-menu-item.danger.active.sc-sui-tiered-menu{forced-color-adjust:none;background:Highlight;color:HighlightText}a.sui-menu-item.active.sc-sui-tiered-menu,a.sui-menu-item.open.sc-sui-tiered-menu,a.sui-menu-item.danger.active.sc-sui-tiered-menu{color:HighlightText}.sui-menu-item.disabled.sc-sui-tiered-menu{color:GrayText}.sui-menu-item.current.sc-sui-tiered-menu{outline:2px solid Highlight;outline-offset:-2px}.sui-menu-item.sc-sui-tiered-menu:focus-visible{outline-color:CanvasText;box-shadow:none}.sui-menu-icon.sc-sui-tiered-menu,.sui-menu-shortcut.sc-sui-tiered-menu,.sui-menu-chev.sc-sui-tiered-menu,.sui-menu-item.danger.sc-sui-tiered-menu .sui-menu-icon.sc-sui-tiered-menu{color:inherit}.sui-menu-item.disabled.sc-sui-tiered-menu .sui-menu-icon.sc-sui-tiered-menu{color:GrayText}.sui-menu-badge.sc-sui-tiered-menu{background:Canvas;color:CanvasText;border:1px solid CanvasText}}"}},[514,"sui-tiered-menu",{items:[16],width:[2],variant:[513],openPath:[1040],active:[32],drill:[32],setFocus:[64]},void 0,{items:[{onItems:0}]}]),z=w,j=function(){"undefined"!=typeof customElements&&["sui-tiered-menu"].forEach((i=>{"sui-tiered-menu"===i&&(customElements.get(u(i))||customElements.define(u(i),w))}))};export{z as SuiTieredMenu,j as defineCustomElement}

package/dist/components/sui-time-picker.d.ts

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

package/dist/components/sui-time-picker.js

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

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

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

package/dist/components/sui-timeline.js

@@ -0,0 +1 @@
+import{p as i,H as e,h as t,a as s,t as n}from"./p-CeVlau-G.js";import{G as l,L as r}from"./p-DdsE4HI6.js";import{S as a}from"./p-9ma1-eiT.js";import{S as o}from"./p-DRMr6xXH.js";import{c,m as u}from"./p-q0JbXN8q.js";import{d}from"./p-D7L5Nhsy.js";const m=Symbol("threw"),p=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost()}items=[];orientation="vertical";align="start";variant="default";severityFill="soft";get feed(){return"feed"===this.variant}marker(i){if(this.feed&&i.avatar)return t("sui-avatar",{class:"avatar",name:i.avatar.name,initials:i.avatar.initials,src:i.avatar.src,size:"sm"});const e=i.severity&&o.includes(i.severity)?i.severity:void 0,s={dot:!0,accent:!!i.accent&&!e,sev:!!e};return e&&(s[e]=!0),t("div",{class:s},i.icon?t("i",{class:i.icon,"aria-hidden":"true"}):t(l,{glyph:e?a[e]:r}))}description(i){if("function"==typeof i.render){const e=c(i.render,[],m);if(e!==m)return t("div",{class:"description",ref:i=>u(i,e)})}return i.description?t("div",{class:"description"},i.description):null}titleOf(i){return i.href?t("a",{class:"title link",href:i.href},i.title):t(this.feed?"span":"div",{class:"title"},i.title)}body(i,e="start"){return this.feed?t("div",{class:{body:!0,[e]:!0}},t("div",{class:"entry"},i.actor?t("span",{class:"actor"},i.actor):null,this.titleOf(i),i.time?t("span",{class:"time"},i.time):null),this.description(i)):t("div",{class:{body:!0,[e]:!0}},this.titleOf(i),this.description(i),i.time?t("div",{class:"time"},i.time):null)}opposite(i,e){return i.opposite?t("div",{class:{opp:!0,[e]:!0}},i.opposite):null}render(){const i=this.items||[],e=i.length-1,n=i.some((i=>!!i.opposite)),l=this.feed,r="solid"===this.severityFill;if("horizontal"===this.orientation)return t(s,null,t("ol",{class:{list:!0,horizontal:!0,feed:l,solid:r}},i.map(((i,s)=>t("li",{class:"event",key:s+""},n?t("div",{class:"pad opp-pad"},this.opposite(i,"center")):null,t("div",{class:"rail"},t("div",{class:{seg:!0,hidden:0===s}}),this.marker(i),t("div",{class:{seg:!0,hidden:s===e}})),t("div",{class:"pad"},this.body(i,"center")))))));const a="alternate"===this.align;return t(s,null,t("ol",{class:{list:!0,vertical:!0,feed:l,solid:r}},i.map(((i,s)=>{const l=a?s%2==0:"end"!==this.align,r=l?this.opposite(i,"end"):this.body(i,"end"),o=l?this.body(i):this.opposite(i,"start"),c=a||n;return t("li",{class:"event",key:s+""},c||!l?t("div",{class:"side"},r):null,t("div",{class:"spine"},this.marker(i),s<e?t("div",{class:"line"}):null),c||l?t("div",{class:"side"},o):null)}))))}static get style(){return".sc-sui-timeline-h{display:block;font-family:var(--font-sans);color:var(--ink)}.list.sc-sui-timeline{list-style:none;margin:0;padding:0;display:flex}.list.vertical.sc-sui-timeline{flex-direction:column}.list.horizontal.sc-sui-timeline{flex-direction:row;align-items:flex-start}.dot.sc-sui-timeline{width:28px;height:28px;border-radius:50%;flex-shrink:0;box-sizing:border-box;background:var(--brand-soft);border:2px solid var(--border-strong);color:var(--ink-muted);display:flex;align-items:center;justify-content:center}.dot.sc-sui-timeline i.sc-sui-timeline,.dot.sc-sui-timeline .sui-glyph.sc-sui-timeline{font-size:11px;line-height:1;display:block}.dot.sc-sui-timeline .sui-glyph.sc-sui-timeline{font-size:12px}.dot.accent.sc-sui-timeline{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.dot.sev.info.sc-sui-timeline{background:var(--status-info-bg);border-color:var(--status-info-accent);color:var(--status-info-ink)}.dot.sev.positive.sc-sui-timeline{background:var(--status-positive-bg);border-color:var(--status-positive-edge);color:var(--status-positive-ink)}.dot.sev.attention.sc-sui-timeline{background:var(--status-attention-bg);border-color:var(--status-attention-accent);color:var(--status-attention-ink)}.dot.sev.critical.sc-sui-timeline{background:var(--danger-soft);border-color:var(--danger);color:var(--danger-soft-ink)}.dot.sev.neutral.sc-sui-timeline{background:var(--status-neutral-bg);border-color:var(--status-neutral-border);color:var(--status-neutral-ink)}.solid.sc-sui-timeline .dot.sev.info.sc-sui-timeline{background:var(--status-info-accent);border-color:var(--status-info-accent);color:var(--brand-contrast)}.solid.sc-sui-timeline .dot.sev.positive.sc-sui-timeline{background:var(--status-positive-accent);border-color:var(--status-positive-accent);color:var(--status-positive-contrast)}.solid.sc-sui-timeline .dot.sev.attention.sc-sui-timeline{background:var(--status-attention-accent);border-color:var(--status-attention-accent);color:var(--status-attention-contrast)}.solid.sc-sui-timeline .dot.sev.critical.sc-sui-timeline{background:var(--danger-fill);border-color:var(--danger-fill);color:var(--danger-contrast)}.solid.sc-sui-timeline .dot.sev.neutral.sc-sui-timeline{background:var(--status-neutral-ink);border-color:var(--status-neutral-ink);color:var(--surface)}.avatar.sc-sui-timeline{margin:1px}.body.sc-sui-timeline,.opp.sc-sui-timeline{text-align:start}.body.end.sc-sui-timeline,.opp.end.sc-sui-timeline{text-align:end}.body.center.sc-sui-timeline,.opp.center.sc-sui-timeline{text-align:center}.opp.sc-sui-timeline{font-size:12px;color:var(--ink-muted);font-feature-settings:'tnum'}.title.sc-sui-timeline{font-size:13px;font-weight:700}.title.link.sc-sui-timeline{color:var(--link);text-decoration:none}.title.link.sc-sui-timeline:hover{color:var(--ink);text-decoration:underline}.title.link.sc-sui-timeline:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:var(--radius-xs)}.description.sc-sui-timeline{font-size:12.5px;color:var(--ink-muted);margin-top:2px;line-height:1.45}.time.sc-sui-timeline{font-size:11.5px;color:var(--ink-faint);margin-top:3px}.vertical.sc-sui-timeline .event.sc-sui-timeline{display:flex;gap:14px;min-height:64px}.vertical.sc-sui-timeline .side.sc-sui-timeline{flex:1;padding-bottom:18px;min-width:0}.spine.sc-sui-timeline{display:flex;flex-direction:column;align-items:center}.spine.sc-sui-timeline .line.sc-sui-timeline{width:2px;flex:1;background:var(--border);margin:4px 0}.feed.sc-sui-timeline .entry.sc-sui-timeline{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:5px;font-size:13px;line-height:1.45;padding-top:4px}.feed.sc-sui-timeline .actor.sc-sui-timeline{font-weight:var(--w-medium)}.feed.sc-sui-timeline .title.sc-sui-timeline{font-weight:var(--w-regular)}.feed.sc-sui-timeline .time.sc-sui-timeline{margin-top:0;font-feature-settings:'tnum'}.feed.sc-sui-timeline .description.sc-sui-timeline{margin-top:4px}.feed.vertical.sc-sui-timeline .event.sc-sui-timeline{min-height:0}.feed.vertical.sc-sui-timeline .side.sc-sui-timeline{padding-bottom:14px}.feed.sc-sui-timeline .body.end.sc-sui-timeline .entry.sc-sui-timeline{justify-content:flex-end}.feed.sc-sui-timeline .body.center.sc-sui-timeline .entry.sc-sui-timeline{justify-content:center}.horizontal.sc-sui-timeline .event.sc-sui-timeline{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;min-width:0}.rail.sc-sui-timeline{display:flex;align-items:center;width:100%}.rail.sc-sui-timeline .seg.sc-sui-timeline{flex:1;height:2px;background:var(--border)}.rail.sc-sui-timeline .seg.hidden.sc-sui-timeline{background:transparent}.pad.sc-sui-timeline{align-self:stretch;min-width:0;padding:0 10px;overflow-wrap:break-word}.opp-pad.sc-sui-timeline{min-height:18px}@media (forced-colors: active){.dot.accent.sc-sui-timeline{forced-color-adjust:none;background:Highlight;border-color:Highlight;color:HighlightText}.spine.sc-sui-timeline .line.sc-sui-timeline{background:CanvasText}.rail.sc-sui-timeline .seg.sc-sui-timeline{background:CanvasText}}"}},[514,"sui-timeline",{items:[16],orientation:[513],align:[513],variant:[513],severityFill:[513,"severity-fill"]}]),v=p,f=function(){"undefined"!=typeof customElements&&["sui-timeline","sui-avatar"].forEach((i=>{switch(i){case"sui-timeline":customElements.get(n(i))||customElements.define(n(i),p);break;case"sui-avatar":customElements.get(n(i))||d()}}))};export{v as SuiTimeline,f as defineCustomElement}

package/dist/components/sui-toast-host.d.ts

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

package/dist/components/sui-toast-host.js

@@ -0,0 +1 @@
+import{p as t,H as s,c as o,h as i,a,t as e}from"./p-CeVlau-G.js";import{r as n}from"./p-DRMr6xXH.js";import{G as c,x as r}from"./p-DdsE4HI6.js";import{S as h}from"./p-9ma1-eiT.js";import{a as u}from"./p-BuyjS5bS.js";import{p as l,o as d}from"./p-CN5x4MC8.js";import{h as p}from"./p-Hej7hALV.js";import{defineCustomElement as m}from"./p-RwPlJzMY.js";import{d as f}from"./p-v0MrzKlW.js";const v=["top-right","top-left","bottom-right","bottom-left","top-center","bottom-center","center"],b=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiRemove=o(this,"suiRemove",7),this.suiAction=o(this,"suiAction",7)}get host(){return this}position="top-right";name;max=5;suiRemove;suiAction;items=[];leaving=[];spoken=[];spokenTimers=new Map;seq=0;timers=new Map;toastEls=new Map;focusWatch=new Map;exits=new Map;queue=[];returnTo;pointerClose=!1;stack;demote;loaded=!1;async push(t){const s=++this.seq,o={severity:"info",...t,id:s},i=t.duration??6e3;return this.max>0&&this.showing().length>=this.max?(this.queue=[...this.queue,{item:o,ms:i}],s):(this.show(o,i),s)}async dismiss(t){const s=this.queue.find((s=>s.item.id===t));if(s)return this.queue=this.queue.filter((t=>t!==s)),void this.suiRemove.emit(s.item);this.removeToast(t)}async clear(){const t=this.queue;this.queue=[];for(const s of t)this.suiRemove.emit(s.item);for(const t of[...this.items])this.removeToast(t.id)}showing(){return this.items.filter((t=>!this.leaving.includes(t.id)))}show(t,s){this.items=[...this.items,t],s>0&&this.start(t.id,s),this.announce(t)}announce(t){const s="critical"===n(t.severity,"info");this.spoken=[...this.spoken,{id:t.id,critical:s,title:t.title,detail:t.detail}],this.spokenTimers.set(t.id,setTimeout((()=>this.unannounce(t.id)),1e3))}unannounce(t){clearTimeout(this.spokenTimers.get(t)),this.spokenTimers.delete(t),this.spoken.some((s=>s.id===t))&&(this.spoken=this.spoken.filter((s=>s.id!==t)))}admit(){for(;this.queue.length&&(this.max<=0||this.showing().length<this.max);){const[t,...s]=this.queue;this.queue=s,this.show(t.item,t.ms)}}componentDidLoad(){this.loaded=!0}componentDidRender(){this.place()}connectedCallback(){this.loaded&&(this.place(),this.timers.forEach(((t,s)=>this.resume(s))),this.admit())}disconnectedCallback(){this.timers.forEach(((t,s)=>{this.pause(s),t.hover=!1,t.focus=!1})),this.focusWatch.forEach((t=>t.reset())),this.focusWatch.clear(),this.spokenTimers.forEach((t=>clearTimeout(t))),this.spokenTimers.clear(),this.spoken.length&&(this.spoken=[]);const t=Array.from(this.exits.keys());this.exits.forEach((t=>t.cancel())),this.exits.clear(),t.length&&(t.forEach((t=>this.toastEls.delete(t))),this.leaving=this.leaving.filter((s=>!t.includes(s))),this.items=this.items.filter((s=>!t.includes(s.id)))),this.unplace()}place(){const t=!!this.stack&&this.items.length>0&&this.host.isConnected;t&&!this.demote?this.demote=l(this.stack,"toast"):t||this.unplace()}unplace(){const t=this.demote;this.demote=void 0,t?.()}onStackFocusIn=t=>{const s=t.relatedTarget;s&&!this.host.contains(s)&&(this.returnTo=s)};onClosePointerDown=()=>{this.pointerClose=!0};closeToast(t){const s=this.toastEls.get(t),o="undefined"!=typeof document?document.activeElement:null,i=!this.pointerClose&&!!s&&!!o&&s.contains(o);this.pointerClose=!1;const a=this.items.map((t=>t.id));this.removeToast(t),i&&this.focusAfter(t,a)}focusAfter(t,s){const o=s.indexOf(t),i=this.showing().filter((s=>s.id!==t)),a=i.find((t=>s.indexOf(t.id)>o))||[...i].reverse().find((t=>s.indexOf(t.id)<o)),e=a?this.toastEls.get(a.id):void 0,n=e?e.querySelector(".close button")||e.querySelector(".close"):this.returnTo&&this.returnTo.isConnected?this.returnTo:void 0;n&&"function"==typeof n.focus&&n.focus({preventScroll:!0})}start(t,s){const o={remaining:s,started:Date.now(),hover:!1,focus:!1};o.handle=setTimeout((()=>this.removeToast(t)),s),this.timers.set(t,o)}hold(t,s,o){const i=this.timers.get(t);i&&(i[s]=o,i.hover||i.focus?this.pause(t):this.resume(t))}watchFocus(t){let s=this.focusWatch.get(t);return s||(s=p({parts:()=>[this.toastEls.get(t)],enter:()=>this.hold(t,"focus",!0),leave:()=>this.hold(t,"focus",!1)}),this.focusWatch.set(t,s)),s}pause(t){const s=this.timers.get(t);s&&void 0!==s.handle&&(clearTimeout(s.handle),s.handle=void 0,s.remaining=Math.max(0,s.remaining-(Date.now()-s.started)))}resume(t){const s=this.timers.get(t);s&&void 0===s.handle&&(s.started=Date.now(),s.handle=setTimeout((()=>this.removeToast(t)),s.remaining))}removeToast(t){const s=this.timers.get(t);s&&(clearTimeout(s.handle),this.timers.delete(t));const o=this.items.find((s=>s.id===t));if(!o||this.exits.has(t))return;this.unannounce(t),this.suiRemove.emit(o);const i=d((()=>this.drop(t)));i.begin(this.toastEls.get(t))?(this.exits.set(t,i),this.leaving=[...this.leaving,t]):this.drop(t)}drop(t){this.exits.delete(t),this.toastEls.delete(t),this.focusWatch.get(t)?.reset(),this.focusWatch.delete(t),this.leaving=this.leaving.filter((s=>s!==t)),this.items=this.items.filter((s=>s.id!==t)),this.admit()}render(){const t=v.includes(this.position)?this.position:"top-right",s=t=>i("div",{key:t.id},i("div",{key:"ebd4b5c3aa90dba2c0dc7dda770cfbad8b5f540e"},t.title),t.detail?i("div",null,t.detail):null);return i(a,{key:"d3141e0dfa14c835a5c09419cc5a3601f33d1e17"},i("div",{key:"8a61d43a3f381ef034e1da34c26448377d99516a",class:"announce polite",role:"status","aria-live":"polite","aria-atomic":"false"},this.spoken.filter((t=>!t.critical)).map(s)),i("div",{key:"cc2be11e48fd723ebbf52db98d72b72e8ea7ea30",class:"announce assertive",role:"alert","aria-live":"assertive","aria-atomic":"false"},this.spoken.filter((t=>t.critical)).map(s)),i("div",{key:"3e01c5238a2b12592faaf5b098b3f095439693d9",ref:t=>this.stack=t,class:"stack "+t,onFocusin:this.onStackFocusIn},this.items.map((t=>{const s=n(t.severity,"info"),o=this.leaving.includes(t.id);return i("div",{key:t.id,ref:s=>{s&&this.toastEls.set(t.id,s)},class:{toast:!0,[s]:!0,closing:o},inert:o,onMouseEnter:()=>this.hold(t.id,"hover",!0),onMouseLeave:()=>this.hold(t.id,"hover",!1),onFocusin:s=>this.watchFocus(t.id).focusin(s),onFocusout:s=>this.watchFocus(t.id).focusout(s)},i("span",{class:"icon"},i(c,{glyph:h[s]})),i("div",{class:"body"},i("div",{class:"title"},t.title),t.detail?i("div",{class:"detail"},t.detail):null,t.action?i("div",{class:"action-row"},i("button",{type:"button",class:"action",onClick:()=>this.suiAction.emit(t)},t.action)):null),t.time?i("span",{class:"time"},t.time):null,i("sui-icon-button",{class:"close",size:"sm","aria-label":u(void 0,"toast-host.dismiss",void 0,"Dismiss"),onPointerDown:this.onClosePointerDown,onClick:()=>this.closeToast(t.id)},i(c,{glyph:r})))}))))}static get style(){return".sc-sui-toast-host-h{display:contents;font-family:var(--font-sans)}.announce.sc-sui-toast-host{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.stack.sc-sui-toast-host{position:fixed;z-index:var(--z-toast);display:flex;flex-direction:column;gap:10px;max-width:calc(100vw - 28px)}.stack.top-right.sc-sui-toast-host{top:14px;right:14px}.stack.top-left.sc-sui-toast-host{top:14px;left:14px}.stack.bottom-right.sc-sui-toast-host{bottom:14px;right:14px}.stack.bottom-left.sc-sui-toast-host{bottom:14px;left:14px}.stack.top-center.sc-sui-toast-host{top:14px;left:0;right:0;width:320px;margin:0 auto}.stack.bottom-center.sc-sui-toast-host{bottom:14px;left:0;right:0;width:320px;margin:0 auto}.stack.center.sc-sui-toast-host{inset:0;width:320px;height:max-content;margin:auto}.toast.sc-sui-toast-host{display:flex;gap:11px;align-items:flex-start;width:320px;max-width:100%;box-sizing:border-box;background:var(--surface-raised);border:1px solid var(--border);border-inline-start:3px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:12px 13px;color:var(--ink);animation:sui-toast-in var(--duration-overlay) var(--ease-out)}.toast.closing.sc-sui-toast-host{animation:sui-toast-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-toast-in{from{opacity:0;transform:translateY(4px)}}@keyframes sui-toast-out{to{opacity:0}}.toast.positive.sc-sui-toast-host{border-inline-start-color:var(--status-positive-edge)}.toast.positive.sc-sui-toast-host .icon.sc-sui-toast-host{background:var(--status-positive-bg);color:var(--status-positive-ink)}.toast.attention.sc-sui-toast-host{border-inline-start-color:var(--status-attention-accent)}.toast.attention.sc-sui-toast-host .icon.sc-sui-toast-host{background:var(--status-attention-bg);color:var(--status-attention-ink)}.toast.critical.sc-sui-toast-host{border-inline-start-color:var(--danger-fill)}.toast.critical.sc-sui-toast-host .icon.sc-sui-toast-host{background:var(--danger-soft);color:var(--danger)}.toast.info.sc-sui-toast-host{border-inline-start-color:var(--status-info-accent)}.toast.info.sc-sui-toast-host .icon.sc-sui-toast-host{background:var(--status-info-bg);color:var(--status-info-ink)}.toast.neutral.sc-sui-toast-host .icon.sc-sui-toast-host{background:var(--surface-sunken);color:var(--ink-muted)}.icon.sc-sui-toast-host{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.icon.sc-sui-toast-host .sui-glyph.sc-sui-toast-host{font-size:12px}.body.sc-sui-toast-host{flex:1;min-width:0}.title.sc-sui-toast-host{font-size:13px;font-weight:700}.detail.sc-sui-toast-host{font-size:12.5px;color:var(--ink-muted);margin-top:2px;line-height:1.45}.action-row.sc-sui-toast-host{margin-top:6px}.action.sc-sui-toast-host{border:none;background:transparent;padding:0;cursor:pointer;font-family:var(--font-sans);font-size:12.5px;font-weight:650;color:var(--link);white-space:nowrap;border-radius:var(--radius-xs)}.action.sc-sui-toast-host:hover{text-decoration:underline}.action.sc-sui-toast-host:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.time.sc-sui-toast-host{font-size:11px;color:var(--ink-faint);white-space:nowrap}.close.sc-sui-toast-host{flex-shrink:0;margin-top:-2px}.close.sc-sui-toast-host .sui-glyph.sc-sui-toast-host{font-size:var(--icon-size-sm)}@media (max-width: 480px){.stack.top-right.sc-sui-toast-host,.stack.top-left.sc-sui-toast-host,.stack.bottom-right.sc-sui-toast-host,.stack.bottom-left.sc-sui-toast-host,.stack.top-center.sc-sui-toast-host,.stack.bottom-center.sc-sui-toast-host,.stack.center.sc-sui-toast-host{left:14px;right:14px;width:auto;max-width:none;margin-inline:0}.toast.sc-sui-toast-host{width:auto}}@media (forced-colors: active){.icon.sc-sui-toast-host{border:1px solid CanvasText;box-sizing:border-box}}"}},[514,"sui-toast-host",{position:[513],name:[513],max:[2],items:[32],leaving:[32],spoken:[32],push:[64],dismiss:[64],clear:[64]}]),x=b,g=function(){"undefined"!=typeof customElements&&["sui-toast-host","sui-icon-button","sui-tooltip"].forEach((t=>{switch(t){case"sui-toast-host":customElements.get(e(t))||customElements.define(e(t),b);break;case"sui-icon-button":customElements.get(e(t))||m();break;case"sui-tooltip":customElements.get(e(t))||f()}}))};export{x as SuiToastHost,g as defineCustomElement}

package/dist/components/sui-toggle-button.d.ts

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

package/dist/components/sui-toggle-button.js

@@ -0,0 +1 @@
+import{p as t,H as o,c as s,h as e,t as i}from"./p-CeVlau-G.js";import{d as n,F as r}from"./p-TBwsYzWO.js";import{u as l}from"./p-U06fVoGD.js";import{i as a,d as u,s as g,r as c}from"./p-BHB1Wprj.js";import{f as d}from"./p-CGWvlrv_.js";import{a as b}from"./p-BuyjS5bS.js";const h=["sm","md","lg"],f=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiChange=s(this,"suiChange",7),this.internals=this.attachInternals()}get host(){return this}internals;labelOn;labelOff;iconOn;iconOff;checked=!1;disabled=!1;readOnly=!1;size="md";invalid=!1;help;error;required=!1;name;value="on";suiChange;formDisabled=!1;get isDisabled(){return this.disabled||this.formDisabled}fieldId=l("sui-toggle-button");btn;initial=!1;connectedCallback(){a(this.host,this.internals),u(this.host,(()=>this.btn))}componentWillLoad(){this.initial=this.checked,this.syncForm()}componentDidRender(){this.syncForm()}syncForm(){g(this.internals,this.checked&&!this.isDisabled?this.value:null),c(this.internals,this.required&&!this.isDisabled&&!this.readOnly,!this.checked,this.onLabel(),this.btn,this.error)}componentDidLoad(){this.syncForm()}formResetCallback(){this.checked=this.initial}formDisabledCallback(t){this.formDisabled=d(this.host,this.disabled,t),this.syncForm()}async setFocus(){this.btn?.focus()}onLabel(){return b(void 0,"toggle-button.labelOn",this.labelOn,"On")}onClick=()=>{if(this.isDisabled||this.readOnly)return;const t=!this.checked;this.checked=t,this.suiChange.emit(t)};render(){const t=this.checked,o=t?this.iconOn:this.iconOff,s=this.invalid||!!this.error,i=h.includes(this.size)?this.size:"md";return e(r,{key:"155361652d30c5eed271c7321ba773daf99bf9e9",help:this.help,error:this.error,descId:this.fieldId},e("button",{key:"a5b2d09a7657aa801425c8ffe5a938756b709d5e",ref:t=>this.btn=t,type:"button",class:{"sui-toggle-btn":!0,[i]:!0,on:t,invalid:s,readonly:this.readOnly},"aria-pressed":t?"true":"false","aria-readonly":this.readOnly?"true":null,"aria-invalid":s?"true":null,"aria-describedby":n(this.fieldId,this.help,this.error),disabled:this.isDisabled,onClick:this.onClick},o?e("i",{class:o+" icon","aria-hidden":"true"}):null,e("span",{key:"8d0d24863b88e1b58c950888516ca278cbb86e9d",class:"lbl"},t?this.onLabel():b(void 0,"toggle-button.labelOff",this.labelOff,"Off"))))}static get formAssociated(){return!0}static get watchers(){return{checked:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],value:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],labelOn:[{syncForm:0}]}}static get style(){return".sc-sui-toggle-button-h{display:inline-block;vertical-align:middle;font-family:var(--font-sans)}.sui-field.sc-sui-toggle-button{align-items:flex-start}.sui-toggle-btn.sc-sui-toggle-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:var(--control-md);padding:0 14px;box-sizing:border-box;background:var(--surface);color:var(--ink);border:1px solid var(--control-border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:13px;font-weight:550;line-height:1;cursor:pointer;user-select:none;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-toggle-btn.sm.sc-sui-toggle-button{height:var(--control-sm)}.sui-toggle-btn.lg.sc-sui-toggle-button{height:var(--control-lg)}.sui-toggle-btn.sc-sui-toggle-button:hover{background:linear-gradient(var(--surface-hover) 0 0) var(--surface)}.sui-toggle-btn.on.sc-sui-toggle-button{background:var(--brand);color:var(--brand-contrast);border-color:var(--brand);font-weight:650}.sui-toggle-btn.on.sc-sui-toggle-button:hover{background:var(--brand-hover)}.sui-toggle-btn.invalid.sc-sui-toggle-button{border-color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}.sui-toggle-btn.invalid.sc-sui-toggle-button:focus-visible{outline-color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger), 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.sui-toggle-btn.sc-sui-toggle-button:disabled,.sui-toggle-btn.on.sc-sui-toggle-button:disabled{background:var(--disabled-bg);color:var(--disabled-ink);border-color:transparent;cursor:not-allowed}.sui-toggle-btn.sc-sui-toggle-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:0 0 0 3px var(--focus-halo)}.icon.sc-sui-toggle-button{font-size:12px}@media (forced-colors: active){.sui-toggle-btn.on.sc-sui-toggle-button,.sui-toggle-btn.on.sc-sui-toggle-button:hover{forced-color-adjust:none;background:Highlight;color:HighlightText;border-color:Highlight}.sui-toggle-btn.on.sc-sui-toggle-button:focus-visible{outline-color:CanvasText;box-shadow:none}.sui-toggle-btn.sc-sui-toggle-button:disabled,.sui-toggle-btn.on.sc-sui-toggle-button:disabled{background:Canvas;color:GrayText;border-color:GrayText}}.sui-field.sc-sui-toggle-button{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-toggle-button{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-toggle-button .sui-field-label.sc-sui-toggle-button{color:var(--danger)}.sui-field-req.sc-sui-toggle-button{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-toggle-button{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-toggle-button{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-toggle-button .sui-glyph.sc-sui-toggle-button{font-size:11px}"}},[578,"sui-toggle-button",{labelOn:[1,"label-on"],labelOff:[1,"label-off"],iconOn:[1,"icon-on"],iconOff:[1,"icon-off"],checked:[1540],disabled:[516],readOnly:[516,"readonly"],size:[513],invalid:[516],help:[1],error:[1],required:[516],name:[513],value:[1],formDisabled:[32],setFocus:[64]},void 0,{checked:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],value:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],labelOn:[{syncForm:0}]}]),m=f,v=function(){"undefined"!=typeof customElements&&["sui-toggle-button"].forEach((t=>{"sui-toggle-button"===t&&(customElements.get(i(t))||customElements.define(i(t),f))}))};export{m as SuiToggleButton,v as defineCustomElement}

package/dist/components/sui-toggle-switch.d.ts

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

package/dist/components/sui-toggle-switch.js

@@ -0,0 +1 @@
+import{p as s,H as i,c as t,h as e,t as o}from"./p-CeVlau-G.js";import{d as c,F as l}from"./p-TBwsYzWO.js";import{u as r}from"./p-U06fVoGD.js";import{i as a}from"./p-Cs2X0Kih.js";import{i as n,d as h,s as g,r as u}from"./p-BHB1Wprj.js";import{f as d}from"./p-CGWvlrv_.js";const b=s(class extends i{constructor(s){super(),!1!==s&&this.__registerHost(),this.suiChange=t(this,"suiChange",7),this.internals=this.attachInternals()}get host(){return this}internals;label;description;help;error;required=!1;checked=!1;disabled=!1;readOnly=!1;invalid=!1;size="md";labelPos="end";name;value="on";iconOn;iconOff;suiChange;hostLabel;formDisabled=!1;get isDisabled(){return this.disabled||this.formDisabled}fieldId=r("sui-switch");input;initial=!1;stopAria;connectedCallback(){n(this.host,this.internals),h(this.host,(()=>this.input)),this.stopAria?.(),this.stopAria=a(this.host,(s=>{this.hostLabel=s}))}componentWillLoad(){this.initial=this.checked,this.syncForm()}disconnectedCallback(){this.stopAria?.(),this.stopAria=void 0}componentDidRender(){this.syncForm()}syncForm(){g(this.internals,this.checked&&!this.isDisabled?this.value:null),u(this.internals,this.required&&!this.isDisabled&&!this.readOnly,!this.checked,this.label,this.input,this.error)}componentDidLoad(){this.syncForm()}formResetCallback(){this.checked=this.initial,this.input&&(this.input.checked=this.initial),this.syncForm()}formDisabledCallback(s){this.formDisabled=d(this.host,this.disabled,s),this.syncForm()}async setFocus(){this.input?.focus()}onClick=s=>{this.readOnly&&s.preventDefault()};onChange=s=>{if(this.isDisabled)return;if(this.readOnly)return void(s.target.checked=this.checked);const i=s.target.checked;this.checked=i,this.suiChange.emit(i)};render(){const s=this.checked,i=[this.description?this.fieldId+"-desc":null,c(this.fieldId,this.help,this.error)].filter(Boolean).join(" ")||null,t=function(s){if(!s||"string"!=typeof s)return null;const i=s.trim();return i?/\bfa-(solid|regular|brands|light)\b/.test(i)?i:"fa-solid "+(i.startsWith("fa-")?i:"fa-"+i):null}(s?this.iconOn:this.iconOff),o=this.invalid||!!this.error;return e(l,{key:"f30eec970970e0647fa2d1bfbb2212b531c62304",help:this.help,error:this.error,descId:this.fieldId},e("label",{key:"090041f4a2989ed3c3661257de78e4bc8cf01e00",class:{"sui-switch":!0,[this.size]:!0,on:s,disabled:this.isDisabled,readonly:this.readOnly,invalid:o,"has-desc":!!this.description,"label-start":"start"===this.labelPos,"has-knob-icon":!!t}},e("span",{key:"a08d9ed27d364c7b96ff40eb05609d6150075e51",class:"ctl"},e("input",{key:"72b5bb424f19bc76ae76b7c50a73376d0d98d043",ref:s=>this.input=s,id:this.fieldId,type:"checkbox",role:"switch",checked:s,disabled:this.isDisabled,required:this.required,"aria-checked":s?"true":"false","aria-label":this.label?null:this.hostLabel,"aria-invalid":o?"true":null,"aria-readonly":this.readOnly?"true":null,"aria-describedby":i,onClick:this.onClick,onChange:this.onChange}),e("span",{key:"bcb9772b44b3a214eb84074af20e9c21366a1324",class:"track","aria-hidden":"true"},e("span",{key:"e649105ce7a20007553efdcc695527b693748c65",class:"knob"},t?e("i",{class:t}):null))),this.label||this.description?e("span",{class:"text"},this.label?e("span",{class:"lbl"},this.label,this.required?e("span",{class:"sui-field-req","aria-hidden":"true"},"*"):null):null,this.description?e("span",{class:"desc",id:this.fieldId+"-desc"},this.description):null):null))}static get formAssociated(){return!0}static get watchers(){return{checked:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],value:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}static get style(){return".sc-sui-toggle-switch-h{display:inline-block;font-family:var(--font-sans)}.sui-field.sc-sui-toggle-switch{align-items:flex-start}.sui-switch.sc-sui-toggle-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none;font-family:var(--font-sans)}.sui-switch.has-desc.sc-sui-toggle-switch{align-items:flex-start}.sui-switch.label-start.sc-sui-toggle-switch{flex-direction:row-reverse}.sui-switch.disabled.sc-sui-toggle-switch{cursor:not-allowed}.sui-switch.readonly.sc-sui-toggle-switch{cursor:default}.ctl.sc-sui-toggle-switch{position:relative;display:inline-flex;flex-shrink:0}input.sc-sui-toggle-switch{position:absolute;inset:0;width:38px;height:21px;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.sm.sc-sui-toggle-switch input.sc-sui-toggle-switch{width:30px;height:17px}.track.sc-sui-toggle-switch{width:38px;height:21px;border-radius:21px;box-sizing:border-box;padding:3px;display:flex;justify-content:flex-start;background:var(--control-border);transition:background var(--duration-base) var(--ease-out)}.sm.sc-sui-toggle-switch .track.sc-sui-toggle-switch{width:30px;height:17px;border-radius:17px}.sc-sui-toggle-switch-h:hover .track.sc-sui-toggle-switch{background:color-mix(in srgb, var(--control-border) 60%, var(--ink))}.on.sc-sui-toggle-switch .track.sc-sui-toggle-switch,.sc-sui-toggle-switch-h:hover .on.sc-sui-toggle-switch .track.sc-sui-toggle-switch{background:var(--control-on)}.disabled.sc-sui-toggle-switch .track.sc-sui-toggle-switch{background:var(--border)}input.sc-sui-toggle-switch:focus-visible+.track.sc-sui-toggle-switch{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:0 0 0 3px var(--focus-halo)}.invalid.sc-sui-toggle-switch .track.sc-sui-toggle-switch{box-shadow:inset 0 0 0 2px var(--danger)}.invalid.sc-sui-toggle-switch input.sc-sui-toggle-switch:focus-visible+.track.sc-sui-toggle-switch{outline-color:var(--danger);box-shadow:inset 0 0 0 2px var(--danger), 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.knob.sc-sui-toggle-switch{width:15px;height:15px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ink-on-dark);box-shadow:0 1px 2px color-mix(in srgb, var(--brand) 25%, transparent);transform:translateX(0);transition:transform var(--duration-base) var(--ease-out)}.sm.sc-sui-toggle-switch .knob.sc-sui-toggle-switch{width:11px;height:11px}.on.sc-sui-toggle-switch .knob.sc-sui-toggle-switch{transform:translateX(17px)}.sm.on.sc-sui-toggle-switch .knob.sc-sui-toggle-switch{transform:translateX(13px)}.on.sc-sui-toggle-switch .knob.sc-sui-toggle-switch:dir(rtl){transform:translateX(-17px)}.sm.on.sc-sui-toggle-switch .knob.sc-sui-toggle-switch:dir(rtl){transform:translateX(-13px)}.knob.sc-sui-toggle-switch i.sc-sui-toggle-switch{font-size:8px;line-height:1;color:var(--brand);pointer-events:none}.sm.sc-sui-toggle-switch .knob.sc-sui-toggle-switch i.sc-sui-toggle-switch{font-size:6px}.disabled.sc-sui-toggle-switch .knob.sc-sui-toggle-switch i.sc-sui-toggle-switch{color:var(--disabled-ink)}.text.sc-sui-toggle-switch{display:flex;flex-direction:column;gap:2px;min-width:0}.lbl.sc-sui-toggle-switch{font-size:13px;font-weight:550;color:var(--ink);line-height:1.3}.disabled.sc-sui-toggle-switch .lbl.sc-sui-toggle-switch{color:var(--disabled-ink)}.desc.sc-sui-toggle-switch{font-size:12px;color:var(--ink-faint);line-height:1.4}@media (forced-colors: active){.track.sc-sui-toggle-switch{border:1px solid ButtonText;padding:2px}.invalid.sc-sui-toggle-switch .track.sc-sui-toggle-switch{border-width:2px;padding:1px}.knob.sc-sui-toggle-switch{background:ButtonText}.knob.sc-sui-toggle-switch i.sc-sui-toggle-switch{forced-color-adjust:none;color:ButtonFace}.on.sc-sui-toggle-switch .track.sc-sui-toggle-switch,.sc-sui-toggle-switch-h:hover .on.sc-sui-toggle-switch .track.sc-sui-toggle-switch{background:Highlight;border-color:Highlight}.on.sc-sui-toggle-switch .knob.sc-sui-toggle-switch{background:HighlightText}.on.sc-sui-toggle-switch .knob.sc-sui-toggle-switch i.sc-sui-toggle-switch{color:Highlight}.disabled.sc-sui-toggle-switch .track.sc-sui-toggle-switch{border-color:GrayText}.disabled.sc-sui-toggle-switch .knob.sc-sui-toggle-switch{background:GrayText}.disabled.sc-sui-toggle-switch .knob.sc-sui-toggle-switch i.sc-sui-toggle-switch{color:Canvas}.disabled.on.sc-sui-toggle-switch .track.sc-sui-toggle-switch,.sc-sui-toggle-switch-h:hover .disabled.on.sc-sui-toggle-switch .track.sc-sui-toggle-switch{background:GrayText;border-color:GrayText}.disabled.on.sc-sui-toggle-switch .knob.sc-sui-toggle-switch{background:Canvas}.disabled.on.sc-sui-toggle-switch .knob.sc-sui-toggle-switch i.sc-sui-toggle-switch{color:GrayText}.disabled.sc-sui-toggle-switch .lbl.sc-sui-toggle-switch,.disabled.sc-sui-toggle-switch .desc.sc-sui-toggle-switch{color:GrayText}input.sc-sui-toggle-switch:focus-visible+.track.sc-sui-toggle-switch{outline:2px solid Highlight;outline-offset:1px}}.sui-field.sc-sui-toggle-switch{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-toggle-switch{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-toggle-switch .sui-field-label.sc-sui-toggle-switch{color:var(--danger)}.sui-field-req.sc-sui-toggle-switch{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-toggle-switch{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-toggle-switch{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-toggle-switch .sui-glyph.sc-sui-toggle-switch{font-size:11px}"}},[578,"sui-toggle-switch",{label:[1],description:[1],help:[1],error:[1],required:[516],checked:[1540],disabled:[516],readOnly:[516,"readonly"],invalid:[516],size:[513],labelPos:[513,"label-pos"],name:[513],value:[1],iconOn:[1,"icon-on"],iconOff:[1,"icon-off"],hostLabel:[32],formDisabled:[32],setFocus:[64]},void 0,{checked:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],value:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}]),w=b,p=function(){"undefined"!=typeof customElements&&["sui-toggle-switch"].forEach((s=>{"sui-toggle-switch"===s&&(customElements.get(o(s))||customElements.define(o(s),b))}))};export{w as SuiToggleSwitch,p as defineCustomElement}

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

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

package/dist/components/sui-toolbar.js

@@ -0,0 +1 @@
+import{p as s,H as a,h as r,a as e,t}from"./p-CeVlau-G.js";import{d as o}from"./p-BHB1Wprj.js";import{r as i}from"./p-BnZU02lM.js";import{o as n}from"./p-BWkzTEZX.js";const c="button, a[href], select",d=["plain","card","flush"],l=["surface","canvas","sunken","brand"],u=s(class extends a{constructor(s){super(),!1!==s&&this.__registerHost()}get host(){return this}variant="plain";tone;sticky=!1;elevated=!1;landmark="toolbar";disposeRoving;disposeObserver;loaded=!1;connectedCallback(){o(this.host,(()=>this.tabStop())),this.loaded&&this.watch()}async setFocus(){this.tabStop()?.focus()}tabStop(){return Array.from(this.host.querySelectorAll(c)).find((s=>"0"===s.getAttribute("tabindex")))??null}componentDidLoad(){this.loaded=!0,this.watch()}disconnectedCallback(){this.disposeRoving?.(),this.disposeRoving=void 0,this.disposeObserver?.(),this.disposeObserver=void 0}watch(){this.arm(),this.disposeObserver?.(),this.disposeObserver=n(this.host,(()=>this.arm()))}arm(){this.disposeRoving?.(),this.disposeRoving=i(this.host,c,"horizontal")}render(){const s=d.includes(this.variant)?this.variant:"plain",a=this.tone&&l.includes(this.tone)?this.tone:void 0,t="brand"===a;return r(e,{key:"7706b83c5b35d2c8653a820441f08edba7599b17",role:"banner"===this.landmark||"region"===this.landmark?this.landmark:"toolbar",class:{card:"card"===s,flush:"flush"===s,surface:"surface"===a,canvas:"canvas"===a,sunken:"sunken"===a,brand:t,"sui-on-inverse":t,padded:"plain"!==s||!!a,sticky:this.sticky,elevated:this.elevated}},r("div",{key:"dabcfa8e9c7e9922b285cd8dd390b84469399269",class:"group start"},r("slot",{key:"c63539c53785636e378c560a13a85e25d3495a56",name:"start"})),r("div",{key:"56f73e1ac524f6ceee8acc5051b5f8256f3bbd64",class:"group center"},r("slot",{key:"2250492cd91dfd07af0eaf074e5d2116e61fe40d",name:"center"})),r("div",{key:"9a66ab6d730136429504897017d6800082ad5fcb",class:"group end"},r("slot",{key:"5941764e4556e760bcebdbd2717244d85c4813c3",name:"end"})))}static get style(){return".sc-sui-toolbar-h{display:flex;flex-wrap:wrap;align-items:center;gap:12px;box-sizing:border-box;font-family:var(--font-sans);color:var(--ink);padding:0;border:0 solid var(--border);border-radius:0}.padded.sc-sui-toolbar-h{padding:10px 14px}.card.sc-sui-toolbar-h{background:var(--surface);border-width:1px;border-radius:var(--radius-lg)}.flush.sc-sui-toolbar-h{border-bottom-width:1px}.surface.sc-sui-toolbar-h{background:var(--surface)}.canvas.sc-sui-toolbar-h{background:var(--canvas)}.sunken.sc-sui-toolbar-h{background:var(--surface-sunken)}.brand.sc-sui-toolbar-h{background:var(--surface-navy);color:var(--ink-inverse);border-color:var(--border-inverse);--focus-ring:var(--ink-inverse);--focus-shadow:none}.sticky.sc-sui-toolbar-h{position:sticky;top:0;z-index:var(--z-sticky)}.elevated.sc-sui-toolbar-h{box-shadow:var(--shadow-raised)}.group.sc-sui-toolbar{display:flex;align-items:center;gap:8px}.group.start.sc-sui-toolbar,.group.end.sc-sui-toolbar{flex-wrap:wrap}.group.center.sc-sui-toolbar{flex:1;justify-content:center}@media (forced-colors: active){.elevated.sc-sui-toolbar-h{border-bottom-width:1px;border-bottom-color:CanvasText}}"}},[774,"sui-toolbar",{variant:[513],tone:[513],sticky:[516],elevated:[516],landmark:[513],setFocus:[64]}]),b=u,h=function(){"undefined"!=typeof customElements&&["sui-toolbar"].forEach((s=>{"sui-toolbar"===s&&(customElements.get(t(s))||customElements.define(t(s),u))}))};export{b as SuiToolbar,h as defineCustomElement}

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

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

package/dist/components/sui-tooltip.js

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

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

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

package/dist/components/sui-tour.js

@@ -0,0 +1 @@
+import{p as t,H as s,c as i,f as o,h as e,a as r,t as a}from"./p-CeVlau-G.js";import{G as n,x as u}from"./p-DdsE4HI6.js";import{o as h}from"./p-BEa7fx4d.js";import{k as c,o as d,p as l,b as p,m as v,l as m}from"./p-CN5x4MC8.js";import{s as f,r as g}from"./p-DXIDl7cw.js";import{a as b,l as x}from"./p-BuyjS5bS.js";import{defineCustomElement as w}from"./p-DgXzRiP4.js";const y=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiClose=i(this,"suiClose",3),this.suiStepChange=i(this,"suiStepChange",3)}get host(){return this}open=!1;steps=[];step=0;target;suiClose;suiStepChange;measured;closing=!1;settling=!1;glide=!1;modal;escape=c((()=>this.requestClose("escape")));card;layer;spotEl;revealed;unwatch;cancelSettle;exit=d((()=>this.closing=!1));held;raised;demote;get current(){return this.open?(this.steps||[])[this.step]:void 0}get spotRect(){if(this.current)return this.current.target?this.measured:this.target}componentWillLoad(){this.clampStep(),this.resolveTarget()}clampStep(){const t=(this.steps||[]).length,s=t?Math.min(Math.max(0,Math.floor(Number(this.step)||0)),t-1):this.step;return s!==this.step&&(this.step=s,!0)}connectedCallback(){this.open&&this.escape.arm(),this.layer&&this.current&&o(this)}componentWillRender(){this.raised&&!this.drawn()&&this.lowerStage()}drawn(){return this.closing?!!this.held:!!this.current&&!this.settling}lowerStage(){const t=this.demote;this.demote=void 0,this.raised=void 0,t?.()}componentDidRender(){this.drawn()&&this.layer&&this.raised!==this.layer&&(this.lowerStage(),this.demote=l(this.layer),this.raised=this.layer),this.closing||(this.current&&this.card&&!this.modal?this.activate():!this.current&&this.modal&&this.deactivate(),this.placeCard())}disconnectedCallback(){this.escape.disarm(),this.deactivate(),this.stopSettling(),this.exit.cancel(),this.lowerStage(),this.closing=!1}onOpen(t){if(t)return this.escape.arm(),this.exit.cancel(),this.closing=!1,void this.resolveTarget(!0);this.escape.disarm(),this.deactivate(),this.stopSettling(),this.closing=this.exit.begin(this.layer)}onStep(){this.clampStep()||this.resolveTarget(!0)}onSteps(){this.clampStep()||this.resolveTarget(!0)}activate(){this.card&&!this.modal&&this.host.isConnected&&(this.modal=h(this.card),this.unwatch=p((()=>this.follow())))}deactivate(){this.modal?.release(),this.modal=void 0,this.unwatch?.(),this.unwatch=void 0,this.revealed=void 0}follow(){this.glide=!1,this.remeasure()}stopSettling(){this.cancelSettle?.(),this.cancelSettle=void 0,this.settling=!1}outOfView(t){if("undefined"==typeof window||"function"!=typeof t.getBoundingClientRect)return!1;const s=t.getBoundingClientRect(),i=window.innerHeight||0,o=window.innerWidth||0;if(!i||!o)return!1;const e=t=>s.top<t.top||s.left<t.left||s.right>t.right||s.bottom>t.bottom&&s.height<=t.bottom-t.top;if(e({top:0,left:0,right:o,bottom:i}))return!0;if("function"!=typeof getComputedStyle)return!1;for(let s=t.parentElement;s&&s!==document.body&&s!==document.documentElement;s=s.parentElement){const t=getComputedStyle(s);if(/(auto|scroll|hidden|clip)/.test(`${t.overflowX} ${t.overflowY}`)&&e(s.getBoundingClientRect()))return!0}return!1}resolveTarget(t=!1){this.stopSettling();const s=this.current?.target,i=s?document.querySelector(s):null,o=t&&!!i&&i!==this.revealed,e=!!this.revealed;if(this.revealed=i||void 0,o&&this.outOfView(i)&&"function"==typeof i.scrollIntoView){if(i.scrollIntoView({block:"nearest",behavior:f()}),this.glide=!1,!e&&!g())return this.settling=!0,void this.awaitScroll((()=>{this.settling=!1,this.remeasure()}))}else o&&e&&(this.glide=!0);this.remeasure()}awaitScroll(t){let s,i=!1;const o=()=>{i||(i=!0,a(),t())},e=()=>{clearTimeout(s),s=setTimeout(o,100)},r=setTimeout(o,600),a=()=>{clearTimeout(s),clearTimeout(r),window.removeEventListener("scroll",e,!0),window.removeEventListener("scrollend",o,!0)};window.addEventListener("scroll",e,!0),window.addEventListener("scrollend",o,!0),e(),this.cancelSettle=()=>{i=!0,a()}}remeasure(){const t=this.revealed;if(!t||!t.isConnected)return void this.setMeasured(void 0);const s=t.getBoundingClientRect();this.setMeasured({top:s.top+"px",left:s.left+"px",width:s.width+"px",height:s.height+"px"})}setMeasured(t){const s=this.measured;(s||t)&&(s&&t&&s.top===t.top&&s.left===t.left&&s.width===t.width&&s.height===t.height||(this.measured=t))}placeCard(){const t=this.card;if(t)return this.spotRect&&this.spotEl?void v(t,m(this.spotEl,t,"bottom",14,"start")):(t.style.position="",t.style.top="",t.style.left="",void t.removeAttribute("data-side"))}requestClose(t){this.suiClose.emit(t).defaultPrevented||(this.open=!1)}onStagePress=t=>{this.card&&this.card.contains(t.target)||t.preventDefault()};go(t){t<0||t>=(this.steps||[]).length||t===this.step||(this.step=t,this.suiStepChange.emit(t),requestAnimationFrame((()=>this.modal?.refocus())))}forward=()=>{this.step>=(this.steps||[]).length-1?this.requestClose("pick"):this.go(this.step+1)};render(){const t=this.current,s=t||(this.closing?this.held?.step:void 0);if(!s||this.settling&&!this.closing)return e(r,null);const i=t?this.spotRect:this.held?.rect;t&&(this.held={step:t,rect:i});const o=this.steps.length,a=this.step===o-1;return e(r,null,e("div",{class:{layer:!0,closing:this.closing,glide:this.glide&&!this.closing},inert:this.closing,ref:t=>this.layer=t,onMouseDown:this.onStagePress},i?null:e("div",{class:"scrim"}),i?e("div",{ref:t=>this.spotEl=t,class:"spot",style:{top:i.top,left:i.left,width:i.width,height:i.height},"aria-hidden":"true"}):null,e("div",{ref:t=>this.card=t,class:{card:!0,centered:!i},role:"dialog","aria-label":b(void 0,"tour.productTour",void 0,"Product tour")},e("div",{class:"top"},e("span",{class:"eyebrow"},x(void 0,"tour.stepOf",void 0,"Step {n} of {count}",{n:this.step+1+"",count:o+""})),e("span",{class:"grow"}),e("button",{type:"button",class:"end","aria-label":b(void 0,"tour.endTour",void 0,"End tour"),onClick:()=>this.requestClose("close-button")},e(n,{glyph:u}))),e("div",{class:"heading"},s.heading),e("div",{class:"body"},s.body),e("div",{class:"progress","aria-hidden":"true"},this.steps.map(((t,s)=>e("span",{class:{bar:!0,done:s<=this.step}})))),e("div",{class:"actions"},e("sui-button",{size:"sm",variant:"outline",label:b(void 0,"tour.back",void 0,"Back"),disabled:0===this.step,onClick:()=>this.go(this.step-1)}),e("span",{class:"grow"}),e("sui-button",{size:"sm",variant:"outline",label:b(void 0,"tour.skip",void 0,"Skip"),onClick:()=>this.requestClose("cancel")}),e("sui-button",{size:"sm",variant:"accent",label:a?b(void 0,"tour.finish",void 0,"Finish"):b(void 0,"tour.next",void 0,"Next"),onClick:this.forward})))))}static get watchers(){return{open:[{onOpen:0}],step:[{onStep:0}],steps:[{onSteps:0}]}}static get style(){return".sc-sui-tour-h{display:contents;font-family:var(--font-sans)}.layer.sc-sui-tour{position:fixed;inset:0;z-index:var(--z-dialog)}.scrim.sc-sui-tour{position:absolute;inset:0;background:var(--scrim);animation:sui-tour-fade var(--duration-slow) var(--ease-out)}.spot.sc-sui-tour{position:absolute;border-radius:var(--radius-md);background:transparent;pointer-events:none;box-shadow:0 0 0 3px var(--accent), 0 0 0 200vmax var(--scrim);animation:sui-tour-fade var(--duration-slow) var(--ease-out)}.card.sc-sui-tour{position:absolute;box-sizing:border-box;width:300px;padding:16px 18px;background:var(--surface);color:var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);animation:sui-tour-in var(--duration-slow) var(--ease-out)}.card.centered.sc-sui-tour{inset:0;margin:auto;height:max-content;animation-name:sui-tour-in-centered}.card.sc-sui-tour:focus{outline:none}.layer.glide.sc-sui-tour .spot.sc-sui-tour{transition:top var(--duration-base) var(--ease-out), left var(--duration-base) var(--ease-out), width var(--duration-base) var(--ease-out), height var(--duration-base) var(--ease-out)}.layer.glide.sc-sui-tour .card.sc-sui-tour{transition:top var(--duration-base) var(--ease-out), left var(--duration-base) var(--ease-out)}.layer.closing.sc-sui-tour{pointer-events:none}.layer.closing.sc-sui-tour .scrim.sc-sui-tour,.layer.closing.sc-sui-tour .spot.sc-sui-tour,.layer.closing.sc-sui-tour .card.sc-sui-tour{animation:sui-tour-out var(--duration-fast) var(--ease-out) forwards}.top.sc-sui-tour{display:flex;align-items:center;gap:8px;margin-bottom:8px}.eyebrow.sc-sui-tour{font-size:10.5px;font-weight:720;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent-ink);font-feature-settings:'tnum'}.grow.sc-sui-tour{flex:1}.end.sc-sui-tour{border:none;background:transparent;color:var(--ink-faint);cursor:pointer;padding:2px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-xs)}.end.sc-sui-tour .sui-glyph.sc-sui-tour{font-size:12px}.end.sc-sui-tour:hover{color:var(--ink)}.end.sc-sui-tour:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.heading.sc-sui-tour{font-size:14px;font-weight:720}.body.sc-sui-tour{font-size:12.5px;color:var(--ink-muted);line-height:1.5;margin:5px 0 12px}.progress.sc-sui-tour{display:flex;gap:4px;margin-bottom:12px}.bar.sc-sui-tour{flex:1;height:3px;border-radius:2px;background:var(--brand-soft)}.bar.done.sc-sui-tour{background:var(--accent)}.actions.sc-sui-tour{display:flex;align-items:center;gap:8px}@keyframes sui-tour-fade{from{opacity:0}}@keyframes sui-tour-in{from{opacity:0;margin-top:4px}}@keyframes sui-tour-in-centered{from{opacity:0;top:4px}}@keyframes sui-tour-out{to{opacity:0}}@media (forced-colors: active){.spot.sc-sui-tour{outline:3px solid Highlight}.card.sc-sui-tour{border:1px solid CanvasText}.bar.sc-sui-tour{background:Canvas;border-bottom:1px solid CanvasText;box-sizing:border-box}.bar.done.sc-sui-tour{background:Highlight;border-bottom-color:Highlight}}"}},[514,"sui-tour",{open:[1540],steps:[16],step:[1026],target:[16],measured:[32],closing:[32],settling:[32],glide:[32]},void 0,{open:[{onOpen:0}],step:[{onStep:0}],steps:[{onSteps:0}]}]),k=y,C=function(){"undefined"!=typeof customElements&&["sui-tour","sui-button"].forEach((t=>{switch(t){case"sui-tour":customElements.get(a(t))||customElements.define(a(t),y);break;case"sui-button":customElements.get(a(t))||w()}}))};export{k as SuiTour,C as defineCustomElement}

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

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

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

@@ -0,0 +1 @@
+import{p as e,H as s,c as i,f as t,h as r,t as o}from"./p-CeVlau-G.js";import{d as l,F as n}from"./p-TBwsYzWO.js";import{P as a,a as c,b as u}from"./p-D0KZcTn9.js";import{G as h,q as d,k as p,x as f,a as v,y as g,z as m}from"./p-DdsE4HI6.js";import{i as x}from"./p-Cs2X0Kih.js";import{u as b}from"./p-U06fVoGD.js";import{i as k,d as y,s as w,r as z}from"./p-BHB1Wprj.js";import{f as C}from"./p-CGWvlrv_.js";import{m as F}from"./p-BE4gZZNA.js";import{s as T,l as A,h as j,n as S,k as D}from"./p-M0fYQCIv.js";import{q as E,m as q,l as O}from"./p-CN5x4MC8.js";import{p as G,f as K}from"./p-CDJMRbCX.js";import{k as H}from"./p-CYlxvoVo.js";import{S as V,r as B,f as I,s as M}from"./p-Btp15dVO.js";import{l as N,a as P}from"./p-BuyjS5bS.js";import{i as L}from"./p-GAnFXayY.js";import{d as R,p as Y}from"./p-Bt5Kx3zM.js";import{defineCustomElement as X}from"./p-BioVIgkG.js";const W=["sm","md","lg"],$=e=>Array.isArray(e.children)?e.children:[],Q=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.suiChange=i(this,"suiChange",7),this.suiExpandedChange=i(this,"suiExpandedChange",3),this.suiOpen=i(this,"suiOpen",3),this.suiClose=i(this,"suiClose",3),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;options=[];placeholder;value;multiple=!1;filter=!1;emptyMessage;emptyFilterMessage;loading=!1;loadingMessage;clearable=!1;size="md";variant="default";tone;virtualScrollThreshold=200;disabled=!1;readOnly=!1;invalid=!1;open=!1;expanded=[];required=!1;name;suiChange;suiExpandedChange;suiOpen;suiClose;activeKey;keyNav=!1;pointerAt="";onKeyNav(e){R(e)&&(this.keyNav=!0)}onPointerNav(e){const s=Y(e);s!==this.pointerAt&&(this.pointerAt=s,this.keyNav=!1)}onPointerPress(){this.keyNav=!1}focused=!1;hostLabel;stopAria;query="";panelScrollTop=0;formDisabled=!1;get isDisabled(){return this.disabled||this.formDisabled}get isQuiet(){return"quiet"===this.variant}fieldId=b("sui-tree-select");trigger;panel;filterInput;scrollFrame;initial;metrics=new V;windowed=!1;closing=!1;popup=G({host:()=>this.host,place:()=>this.reposition(),outside:()=>this.requestClose("outside"),exited:()=>this.closing=!1});connectedCallback(){k(this.host,this.internals),y(this.host,(()=>this.trigger)),this.stopAria?.(),this.stopAria=x(this.host,(e=>{this.hostLabel=e})),this.open&&this.panel&&t(this)}componentWillLoad(){this.initial=Array.isArray(this.value)?[...this.value]:this.value,this.open&&(this.activeKey=this.initialActive()),this.syncForm()}componentDidRender(){this.syncForm(),this.open&&this.afterOpen(),this.untabRowBoxes(),this.remeasure()}untabRowBoxes(){this.panel?.querySelectorAll("sui-checkbox").forEach((e=>{const s=()=>e.querySelector("input")?.setAttribute("tabindex","-1");e.querySelector("input")?s():e.componentOnReady?.().then(s)}))}remeasure(){if(!this.open||!this.panel)return;const e=this.panel.querySelector('.sui-popup-spacer[data-edge="top"]');if(!e)return;const s=this.panel.querySelector('[role="treeitem"]'),i=s?.querySelector("sui-checkbox");!i||i.querySelector("input")?this.metrics.measure(this.panel,s,e)&&t(this):i.componentOnReady?.().then((()=>{this.open&&t(this)}))}onPanelScroll=e=>{this.windowed&&(this.panelScrollTop=e.target.scrollTop||0)};resetScroll(){this.panelScrollTop=0,this.panel&&(this.panel.scrollTop=0)}windowFor(e){const s=this.virtualScrollThreshold;return!(s>0)||e<s?null:B(I(e),this.metrics.at(this.panelScrollTop,4))}scrollIndexIntoView(e,s){if(!this.windowed||!this.panel||s<0)return;const i=M(I(e.length),this.metrics.at(this.panelScrollTop,4),s,this.metrics.rowsTop);null!=i&&(this.panel.scrollTop=i,this.panelScrollTop=this.panel.scrollTop)}disconnectedCallback(){this.teardown(),this.popup.disconnect()&&(this.closing=!1),this.stopAria?.()}componentDidLoad(){this.syncForm()}syncForm(){const e=this.selected();w(this.internals,this.isDisabled?null:this.multiple?F(this.name,e)??(e.length?e.join(","):null):e.length?D(e[0]):""),z(this.internals,this.required&&!this.isDisabled&&!this.readOnly,0===e.length,this.label,this.trigger,this.error)}onTreeChange(){this.open&&!this.flat().some((e=>e.n.key===this.activeKey))&&(this.activeKey=this.initialActive())}onValueChange(){if(this.open&&!this.multiple){const e=this.selected()[0],s=null==e?void 0:this.flat().find((s=>T(s.n.key,e)));s&&(this.activeKey=s.n.key)}}onOpenChange(e){this.panelScrollTop=0,this.metrics.reset(),e?(this.popup.reopen(),this.closing=!1,this.activeKey=this.initialActive()):(this.teardown(),this.activeKey=void 0,this.query="",this.windowed=!1,this.closing=this.popup.close())}formResetCallback(){this.value=Array.isArray(this.initial)?[...this.initial]:this.initial}formDisabledCallback(e){this.formDisabled=C(this.host,this.disabled,e),this.syncForm()}async setFocus(){this.trigger?.focus()}afterOpen(){this.open&&this.trigger&&this.popup.open(this.panel)&&(this.filter&&K((()=>this.filterInput),(()=>this.open)),this.scrollActiveIntoView())}reposition(){this.trigger&&this.panel&&(E(this.trigger,this.panel,this.isQuiet?200:0),q(this.panel,O(this.trigger,this.panel,"bottom",6,"start")))}teardown(){null!=this.scrollFrame&&"undefined"!=typeof cancelAnimationFrame&&cancelAnimationFrame(this.scrollFrame),this.scrollFrame=void 0}show(){this.open||this.isDisabled||this.readOnly||(this.open=!0,H(this.host,this.trigger),this.suiOpen.emit())}requestClose(e,s=!1){return!!this.open&&!this.suiClose.emit(e).defaultPrevented&&(this.open=!1,s&&this.trigger?.focus(),!0)}roots(){return A(this.options,this.host,"options").filter((e=>null!=e))}initialActive(){const e=this.flat(),s=this.selected();return(e.find((e=>j(s,e.n.key)))||e[0])?.n.key}selected(){return Array.isArray(this.value)?this.value:S(this.value)?[]:[this.value]}isSel(e){return j(this.selected(),e.key)}filterView(){const e=this.filter?this.query.trim().toLowerCase():"";if(!e)return null;const s=new Set,i=new Set,t=(r,o)=>{let l=!1;return r.forEach((r=>{const n=r.label.toLowerCase().includes(e),a=t($(r),o||n);(n||a||o)&&s.add(r.key),a&&i.add(r.key),l=l||n||a})),l};return t(this.roots(),!1),{keep:s,auto:i}}isOpen(e,s){return!!s?.auto.has(e.key)||j(this.expanded||[],e.key)}kidsOf(e,s){const i=$(e);return s?i.filter((e=>s.keep.has(e.key))):i}flat(e=this.filterView()){const s=[];if(this.loading)return s;const i=(t,r,o)=>{const l=e?t.filter((s=>e.keep.has(s.key))):t;l.forEach(((t,n)=>{const a=this.kidsOf(t,e),c=a.length>0&&this.isOpen(t,e);s.push({n:t,depth:r,parent:o,hasKids:a.length>0,open:c,pos:n+1,size:l.length}),c&&i(a,r+1,t.key)}))};return i(this.roots(),0),s}all(){const e=[],s=i=>i.forEach((i=>{e.push(i),s($(i))}));return s(this.roots()),e}toggleExpand(e){const s=this.expanded||[];this.expanded=j(s,e)?s.filter((s=>!T(s,e))):s.concat(e),this.suiExpandedChange.emit(this.expanded)}pick(e){if(!this.isDisabled&&!this.readOnly)if(this.activeKey=e.key,this.multiple){const s=this.selected(),i=j(s,e.key)?s.filter((s=>!T(s,e.key))):s.concat(e.key);this.value=i,this.suiChange.emit(i)}else{const s=Array.isArray(this.value)||!T(this.value,e.key);this.value=e.key,this.requestClose("pick",!0),s&&this.suiChange.emit(e.key)}}clearValue(){this.isDisabled||this.readOnly||0===this.selected().length||(this.multiple?(this.value=[],this.suiChange.emit([])):(this.value="",this.suiChange.emit("")),this.trigger?.focus())}clear=e=>{e.stopPropagation(),e.preventDefault(),this.clearValue()};onQuery(e){this.query=e,this.resetScroll();const s=this.flat();s.some((e=>e.n.key===this.activeKey))||(this.activeKey=s[0]?.n.key)}setActive(e,s){s<0||s>=e.length||(this.activeKey=e[s].n.key,this.scrollActiveIntoView(e,s))}scrollActiveIntoView(e,s){"undefined"!=typeof requestAnimationFrame&&(null!=this.scrollFrame&&cancelAnimationFrame(this.scrollFrame),this.scrollFrame=requestAnimationFrame((()=>{this.scrollFrame=void 0;const i=this.panel?.querySelector(".row.active");if(i)return void i.scrollIntoView?.({block:"nearest"});const t=e||this.flat(),r=null!=s?s:t.findIndex((e=>e.n.key===this.activeKey));this.scrollIndexIntoView(t,r)})))}onKeyDown=e=>{this.panel&&this.panel.contains(e.target)||this.onKey(e)};onPanelKey=e=>{this.popup.tab(e,(()=>this.requestClose("outside")))||this.onKey(e)};onKey(e){if(this.isDisabled||this.readOnly)return;if("Escape"===e.key)return void(this.open&&(e.preventDefault(),e.stopPropagation(),this.requestClose("escape",!0)));if("Tab"===e.key)return void(this.open&&this.requestClose("outside"));if("Delete"===e.key||"Backspace"===e.key)return void(this.clearable&&e.target===this.trigger&&this.selected().length&&(e.preventDefault(),this.clearValue()));if(!this.open)return void(["ArrowDown","ArrowUp","Enter"," "].includes(e.key)&&(e.preventDefault(),this.show()));if(this.filterInput&&e.target===this.filterInput&&("Home"===e.key||"End"===e.key||" "===e.key))return;const s=this.flat();if(!s.length)return;let i=s.findIndex((e=>e.n.key===this.activeKey));i<0&&(i=0);const t=s[i],r=L(this.host)?"ArrowLeft":"ArrowRight";switch(e.key){case"ArrowDown":e.preventDefault(),this.setActive(s,i+1);break;case"ArrowUp":e.preventDefault(),this.setActive(s,i-1);break;case"Home":e.preventDefault(),this.setActive(s,0);break;case"End":e.preventDefault(),this.setActive(s,s.length-1);break;case r:e.preventDefault(),t.hasKids&&!t.open?(this.activeKey=t.n.key,this.toggleExpand(t.n.key)):t.hasKids&&t.open&&this.setActive(s,i+1);break;case"ArrowLeft"===r?"ArrowRight":"ArrowLeft":e.preventDefault(),t.hasKids&&t.open?(this.activeKey=t.n.key,this.toggleExpand(t.n.key)):t.parent&&this.setActive(s,s.findIndex((e=>e.n.key===t.parent)));break;case"Enter":case" ":e.preventDefault(),this.pick(t.n)}}renderNode(e){const{n:s,depth:i,hasKids:t,open:o}=e,l=this.isSel(s);return r("div",{role:"treeitem",id:`${this.fieldId}-${s.key}`,key:s.key,"data-key":s.key,"aria-level":i+1,"aria-posinset":e.pos,"aria-setsize":e.size,"aria-label":s.label,"aria-expanded":t?o?"true":"false":null,"aria-selected":this.multiple?null:l?"true":"false","aria-checked":this.multiple?l?"true":"false":null},r("div",{class:{row:!0,sel:l&&!this.multiple,active:s.key===this.activeKey,keynav:this.keyNav&&s.key===this.activeKey},style:{paddingInlineStart:8+18*i+"px"},onMouseEnter:()=>this.activeKey=s.key,onClick:()=>this.pick(s)},r("span",{class:{exp:!0,leaf:!t,open:o},role:t?"button":void 0,"aria-label":t?o?N(void 0,"tree-select.collapse",void 0,"Collapse {item}",{item:s.label}):N(void 0,"tree-select.expand",void 0,"Expand {item}",{item:s.label}):null,onClick:e=>{e.stopPropagation(),t&&this.toggleExpand(s.key)}},r(h,{glyph:d})),this.multiple?r("sui-checkbox",{size:"sm",label:s.label,checked:l,disabled:this.isDisabled}):[s.icon?r("i",{class:s.icon+" icon","aria-hidden":"true"}):null,r("span",{class:"label"},s.label),l?r(h,{glyph:p,class:"chk"}):null]))}renderRows(e,s){const i=[];s&&i.push(r(u,{height:s.padTop,edge:"top"}));const t=s?s.end:e.length;for(let r=s?s.start:0;r<t;r++)i.push(this.renderNode(e[r]));return s&&i.push(r(u,{height:s.padBottom,edge:"bottom"})),i}render(){const e=this.selected(),s=this.all().filter((s=>j(e,s.key))).map((e=>e.label)).join(", "),i=this.open&&null!=this.activeKey?`${this.fieldId}-${this.activeKey}`:void 0,t=this.invalid||!!this.error,o=W.includes(this.size)?this.size:"md",u=this.clearable&&e.length>0&&!this.isDisabled&&!this.readOnly,d=this.open?this.filterView():null,p=this.open?this.flat(d):[],x=this.open?this.windowFor(p.length):null;this.windowed=!!x;const b=this.open&&!this.loading&&(d?0===d.keep.size:0===this.roots().length),k=this.isQuiet,y=P(void 0,"tree-select.loading",this.loadingMessage,"Loading"),w=this.query.trim()?P(void 0,"tree-select.emptyFilter",this.emptyFilterMessage,"No matches."):P(void 0,"tree-select.empty",this.emptyMessage,"Nothing here yet.");return r(n,{key:"6dbc7900d126a08175a78520e7e930380c5fff4e",label:k?void 0:this.label,required:this.required,help:this.help,error:this.error,htmlFor:this.fieldId,descId:this.fieldId},r("div",{key:"323e1f84f08796f4ad045844db11bad6ed0d18ba",class:{"sui-tree-select":!0,open:this.open,inline:k},onKeyDown:this.onKeyDown},r("button",{key:"a87db84e97eaa536d5d45092f60b58753a26432e",ref:e=>this.trigger=e,id:this.fieldId,type:"button",class:k?{"sui-inline":!0,[o]:!0,open:this.open,shell:this.open,invalid:t,placeholder:!s,readonly:this.readOnly,inverse:"inverse"===this.tone}:{"sui-popup-trigger":!0,"sui-frame":!0,trigger:!0,[o]:!0,focus:this.focused,open:this.open,invalid:t,placeholder:!s,readonly:this.readOnly},disabled:this.isDisabled,role:"combobox","aria-label":k?this.label||this.hostLabel:this.label?void 0:this.hostLabel,"aria-haspopup":"tree","aria-expanded":this.open?"true":"false","aria-controls":this.fieldId+"-tree","aria-activedescendant":i,"aria-invalid":t?"true":null,"aria-describedby":l(this.fieldId,this.help,this.error),"aria-required":this.required?"true":null,"aria-readonly":this.readOnly?"true":null,"aria-keyshortcuts":u?"Delete":null,"aria-busy":this.loading?"true":null,onClick:()=>this.open?this.requestClose("trigger"):this.show(),onFocus:()=>this.focused=!0,onBlur:()=>this.focused=!1},r("span",{key:"c27ba4253aa271fd1ea1ac9b2f3d51097330bf57",class:"val"},s||P(void 0,"tree-select.placeholder",this.placeholder,"Select")),u?r("span",{class:"clear","aria-hidden":"true",onClick:this.clear},r(h,{glyph:f})):null,r(h,this.loading?{glyph:v,class:"spin sui-popup-spin"}:{glyph:g,class:"chev"})),this.open||this.closing?r("div",{key:"panel",ref:e=>this.panel=e,class:{"sui-popup-panel":!0,panel:!0,closing:this.closing},inert:this.closing,role:"presentation",onScroll:this.onPanelScroll,onKeyDown:this.onPanelKey,onSuiChange:e=>e.stopPropagation()},this.filter?r("div",{class:"sui-popup-search"},r("div",{class:"sui-popup-search-box sui-frame"},r(h,{glyph:m}),r("input",{ref:e=>this.filterInput=e,type:"text",placeholder:P(void 0,"tree-select.search",void 0,"Search"),"aria-label":P(void 0,"tree-select.searchOptions",void 0,"Search options"),"aria-controls":this.fieldId+"-tree","aria-activedescendant":i,value:this.query,onInput:e=>this.onQuery(e.target.value)}))):null,this.loading?r(a,{message:y}):null,b?r("div",{key:"empty",class:"sui-popup-empty"},w):null,r("div",{key:"tree",id:this.fieldId+"-tree",role:"tree","aria-label":this.label||this.hostLabel,"aria-multiselectable":this.multiple?"true":null,"aria-busy":this.loading?"true":null},this.loading?null:this.renderRows(p,x))):null,r(c,{key:"9e12e04e58ee21ea38adb7734cd264cbbb4f7a12",message:this.open?this.loading?y:b?w:"":""})))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0},{onValueChange:0}],required:[{syncForm:0}],name:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],multiple:[{syncForm:0}],options:[{onTreeChange:0}],expanded:[{onTreeChange:0}],loading:[{onTreeChange:0}],open:[{onOpenChange:0}]}}static get style(){return".sc-sui-tree-select-h{display:block;font-family:var(--font-sans);min-width:0}.sui-popup-trigger.readonly.sc-sui-tree-select:not(:disabled){cursor:default}.sui-tree-select.sc-sui-tree-select{position:relative}.sui-tree-select.inline.sc-sui-tree-select{display:flex;align-items:flex-start}.row.sc-sui-tree-select{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:var(--radius-sm);font-size:13px;font-weight:460;color:var(--ink);background:transparent;cursor:pointer}.row.active.sc-sui-tree-select{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.row.sel.sc-sui-tree-select{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.row.sel.active.sc-sui-tree-select{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.row.keynav.sc-sui-tree-select{outline:2px solid var(--focus-ring);outline-offset:-2px}.exp.sc-sui-tree-select{width:14px;flex-shrink:0;display:inline-flex;justify-content:center;color:var(--ink-faint);font-size:9px}.exp.leaf.sc-sui-tree-select{visibility:hidden}.exp.sc-sui-tree-select .sui-glyph.sc-sui-tree-select{transition:transform var(--duration-base) var(--ease-out)}.exp.open.sc-sui-tree-select .sui-glyph.sc-sui-tree-select{transform:rotate(90deg)}.exp.sc-sui-tree-select .sui-glyph.sc-sui-tree-select:dir(rtl){transform:scaleX(-1) rotate(0deg)}.exp.open.sc-sui-tree-select .sui-glyph.sc-sui-tree-select:dir(rtl){transform:scaleX(-1) rotate(90deg)}.icon.sc-sui-tree-select{font-size:12px;color:var(--ink-muted)}.label.sc-sui-tree-select{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row.sc-sui-tree-select .chk.sc-sui-tree-select{margin-inline-start:auto;flex-shrink:0;font-size:11px;color:var(--brand-soft-ink)}.row.sc-sui-tree-select sui-checkbox.sc-sui-tree-select{pointer-events:none;display:flex}@media (forced-colors: active){.row.active.sc-sui-tree-select{outline:2px solid CanvasText;outline-offset:-2px}.row.sel.sc-sui-tree-select{forced-color-adjust:none;background:Highlight;color:HighlightText}.row.sel.sc-sui-tree-select .exp.sc-sui-tree-select,.row.sel.sc-sui-tree-select .icon.sc-sui-tree-select,.row.sel.sc-sui-tree-select .chk.sc-sui-tree-select{color:HighlightText}}.sui-field.sc-sui-tree-select{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-tree-select{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-tree-select .sui-field-label.sc-sui-tree-select{color:var(--danger)}.sui-field-req.sc-sui-tree-select{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-tree-select{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-tree-select{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-tree-select .sui-glyph.sc-sui-tree-select{font-size:11px}.sui-frame.sc-sui-tree-select{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-tree-select:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-tree-select,.sui-frame.readonly.sc-sui-tree-select{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-tree-select:focus-within,.sui-frame.focus.sc-sui-tree-select,.sui-frame.open.sc-sui-tree-select{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-tree-select{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-tree-select:focus-within,.sui-frame.invalid.focus.sc-sui-tree-select,.sui-frame.invalid.open.sc-sui-tree-select{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-tree-select:disabled,.sui-frame.disabled.sc-sui-tree-select{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-tree-select{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-tree-select::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-tree-select{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-tree-select{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-tree-select{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-tree-select:focus-within,.sui-frame.focus.sc-sui-tree-select,.sui-frame.open.sc-sui-tree-select{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-tree-select:disabled,.sui-frame.disabled.sc-sui-tree-select{color:GrayText;border-color:GrayText}}.sui-popup-trigger.sc-sui-tree-select{box-sizing:border-box;width:100%;height:var(--sui-field-height, var(--control-md));display:flex;align-items:center;gap:8px;padding-block:0;padding-inline:12px 10px;color:var(--ink);font-size:13px;font-family:var(--font-sans);font-weight:460;cursor:pointer;user-select:none;text-align:start}.sui-popup-trigger.sc-sui-tree-select:disabled,.sui-popup-trigger.disabled.sc-sui-tree-select{cursor:not-allowed}.sui-popup-trigger.sc-sui-tree-select .val.sc-sui-tree-select{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-trigger.placeholder.sc-sui-tree-select .val.sc-sui-tree-select{color:var(--ink-placeholder)}.sui-popup-trigger.sc-sui-tree-select .clear.sc-sui-tree-select{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px}.sui-popup-trigger.sc-sui-tree-select .clear.sc-sui-tree-select:hover{color:var(--ink)}.sui-popup-trigger.sc-sui-tree-select .chev.sc-sui-tree-select{display:var(--sui-field-chevron, inline-block);font-size:10px;color:var(--ink-faint);transition:transform var(--duration-fast) var(--ease-out)}.sui-popup-trigger.open.sc-sui-tree-select .chev.sc-sui-tree-select{transform:rotate(180deg)}.sui-popup-trigger.readonly.sc-sui-tree-select .chev.sc-sui-tree-select{opacity:0.4}.sui-popup-trigger.sc-sui-tree-select .spin.sc-sui-tree-select{font-size:11px;color:var(--ink-faint)}.sui-popup-trigger.sm.sc-sui-tree-select{height:var(--sui-field-height, var(--control-sm));font-size:12.5px}.sui-popup-trigger.md.sc-sui-tree-select{height:var(--sui-field-height, var(--control-md));font-size:13px}.sui-popup-trigger.lg.sc-sui-tree-select{height:var(--sui-field-height, var(--control-lg));font-size:14px}.sui-popup-panel.sc-sui-tree-select{position:fixed;z-index:var(--z-dropdown);box-sizing:border-box;min-width:100%;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:5px;max-height:260px;overflow-y:auto;animation:sui-popup-in var(--duration-overlay) var(--ease-out)}.sui-popup-panel[data-side='top'].sc-sui-tree-select{animation-name:sui-popup-in-top}.sui-popup-panel.closing.sc-sui-tree-select{animation:sui-popup-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}@keyframes sui-popup-in{from{opacity:0;transform:translateY(-4px)}}@keyframes sui-popup-in-top{from{opacity:0;transform:translateY(4px)}}@keyframes sui-popup-out{to{opacity:0}}.sui-popup-search.sc-sui-tree-select{padding:3px 3px 7px;border-bottom:1px solid var(--hairline);margin-bottom:4px}.sui-popup-search-box.sc-sui-tree-select{display:flex;align-items:center;gap:7px;height:30px;padding:0 9px}.sui-popup-search-box.sc-sui-tree-select .sui-glyph.sc-sui-tree-select{font-size:11px;color:var(--ink-faint)}.sui-popup-search-box.sc-sui-tree-select input.sc-sui-tree-select{flex:1;min-width:0;border:none;outline:none;background:transparent;font:460 12.5px var(--font-sans);color:var(--ink)}.sui-popup-empty.sc-sui-tree-select{padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-group.sc-sui-tree-select{padding:8px 10px 4px;font-size:10.5px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint);user-select:none}.sui-popup-status.sc-sui-tree-select{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.sui-popup-loading.sc-sui-tree-select{display:flex;align-items:center;gap:8px;padding:10px;font-size:12.5px;color:var(--ink-faint)}.sui-popup-loading.sc-sui-tree-select .sui-glyph.sc-sui-tree-select{font-size:11px;color:var(--brand)}.sui-popup-spin.sc-sui-tree-select{animation:sb-spin 0.8s linear infinite}@media (prefers-reduced-motion: reduce){.sui-popup-spin.sc-sui-tree-select{animation-duration:2s}}.sui-popup-spacer.sc-sui-tree-select{flex:none;pointer-events:none}.sui-popup-option.sc-sui-tree-select{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;font-size:13px;font-weight:460;color:var(--ink);cursor:pointer;background:transparent}.sui-popup-option-label.sc-sui-tree-select{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-popup-option.hover.sc-sui-tree-select{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-popup-option.selected.sc-sui-tree-select{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.sui-popup-option.selected.hover.sc-sui-tree-select{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.sui-popup-option.keynav.sc-sui-tree-select{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-popup-option.disabled.sc-sui-tree-select{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.sui-popup-option.sc-sui-tree-select .sui-glyph.sc-sui-tree-select{font-size:11px;color:var(--brand-soft-ink)}@media (forced-colors: active){.sui-popup-trigger.placeholder.sc-sui-tree-select .val.sc-sui-tree-select{color:GrayText}.sui-popup-option.hover.sc-sui-tree-select{outline:2px solid CanvasText;outline-offset:-2px}.sui-popup-option.selected.sc-sui-tree-select{forced-color-adjust:none;background:Highlight;color:HighlightText}.sui-popup-option.selected.sc-sui-tree-select .sui-glyph.sc-sui-tree-select{color:HighlightText}.sui-popup-option.disabled.sc-sui-tree-select{color:GrayText}}.sui-inline.sc-sui-tree-select{box-sizing:border-box;display:inline-flex;align-items:center;align-self:flex-start;gap:8px;max-width:calc(100% + 18px);min-height:var(--control-md);padding:2px 8px;margin:-3px -9px;background:transparent;color:var(--ink);border:1px solid transparent;border-radius:var(--radius-md);box-shadow:none;font:inherit;cursor:pointer;user-select:none;text-align:start;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-inline.sm.sc-sui-tree-select{min-height:var(--control-sm)}.sui-inline.md.sc-sui-tree-select{min-height:var(--control-md)}.sui-inline.lg.sc-sui-tree-select{min-height:var(--control-lg)}.sui-inline.text.sc-sui-tree-select{cursor:text;user-select:auto}.sui-inline.text.readonly.sc-sui-tree-select{cursor:default}.sui-inline.sc-sui-tree-select:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-inline.sc-sui-tree-select:focus{outline:none}.sui-inline.sc-sui-tree-select:focus-visible:not(.shell){outline:2px solid var(--sui-inline-ring, var(--focus-ring));outline-offset:1px;box-shadow:var(--sui-inline-halo, var(--focus-shadow))}.sui-inline.shell.sc-sui-tree-select{border-color:var(--focus-ring);outline:1px solid var(--focus-ring);outline-offset:-2px;background:var(--surface);box-shadow:0 0 0 3px var(--focus-halo)}.sui-inline.invalid.sc-sui-tree-select{border-color:var(--danger);--sui-inline-ring:var(--danger);--sui-inline-halo:0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.sui-inline.invalid.shell.sc-sui-tree-select{border-color:var(--danger);outline:2px solid var(--danger);outline-offset:-3px;box-shadow:var(--sui-inline-halo)}.sui-inline.sc-sui-tree-select:disabled,.sui-inline.disabled.sc-sui-tree-select{color:var(--disabled-ink);cursor:not-allowed}.sui-inline.sc-sui-tree-select .icon.sc-sui-tree-select,.sui-inline.sc-sui-tree-select .lead.sc-sui-tree-select{font-size:12px;width:15px;text-align:center;color:var(--ink-muted);flex-shrink:0}.sui-inline.sc-sui-tree-select:disabled .icon.sc-sui-tree-select,.sui-inline.disabled.sc-sui-tree-select .icon.sc-sui-tree-select,.sui-inline.disabled.sc-sui-tree-select .lead.sc-sui-tree-select{color:var(--ink-placeholder)}.sui-inline.sc-sui-tree-select .val.sc-sui-tree-select{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-inline.placeholder.sc-sui-tree-select .val.sc-sui-tree-select{color:var(--ink-muted)}.sui-inline.sc-sui-tree-select:disabled.placeholder .val.sc-sui-tree-select,.sui-inline.disabled.placeholder.sc-sui-tree-select .val.sc-sui-tree-select{color:var(--ink-placeholder)}.sui-inline.sc-sui-tree-select .fit.sc-sui-tree-select{display:inline-grid;align-items:stretch;min-width:0;max-width:100%}.sui-inline.sc-sui-tree-select .fit.sc-sui-tree-select::after{content:attr(data-value);grid-area:1 / 1;visibility:hidden;white-space:pre;font:inherit}.sui-inline.sc-sui-tree-select .fit.sc-sui-tree-select input.sc-sui-tree-select{grid-area:1 / 1;width:0;min-width:100%;padding:0;margin:0;border:none;outline:none;background:transparent;color:inherit;font:inherit;text-align:start;text-overflow:ellipsis}.sui-inline.sc-sui-tree-select .fit.sc-sui-tree-select input.sc-sui-tree-select::placeholder{color:var(--ink-muted)}.sui-inline.sc-sui-tree-select .fit.sc-sui-tree-select input.sc-sui-tree-select:disabled{cursor:not-allowed}.sui-inline.sc-sui-tree-select .fit.sc-sui-tree-select input.sc-sui-tree-select:disabled::placeholder{color:var(--ink-placeholder)}.sui-inline.sc-sui-tree-select .clear.sc-sui-tree-select{display:inline-flex;padding:2px;color:var(--ink-faint);font-size:11px;cursor:pointer;border-radius:4px;visibility:hidden}.sui-inline.sc-sui-tree-select .clear.sc-sui-tree-select:hover{color:var(--ink)}.sui-inline.sc-sui-tree-select .chev.sc-sui-tree-select{font-size:10px;color:var(--ink-faint);visibility:hidden;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.open.sc-sui-tree-select .chev.sc-sui-tree-select{transform:rotate(180deg)}.sui-inline.sc-sui-tree-select:hover .clear.sc-sui-tree-select,.sui-inline.sc-sui-tree-select:focus-visible .clear.sc-sui-tree-select,.sui-inline.shell.sc-sui-tree-select .clear.sc-sui-tree-select,.sui-inline.sc-sui-tree-select:hover .chev.sc-sui-tree-select,.sui-inline.sc-sui-tree-select:focus-visible .chev.sc-sui-tree-select,.sui-inline.shell.sc-sui-tree-select .chev.sc-sui-tree-select{visibility:visible}.sui-inline.sc-sui-tree-select .spin.sc-sui-tree-select{font-size:11px;color:var(--ink-faint)}.sui-inline.text.sc-sui-tree-select .clear.sc-sui-tree-select,.sui-inline.text.sc-sui-tree-select .chev.sc-sui-tree-select{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:var(--radius-xs);background:transparent;color:var(--ink-faint);cursor:pointer;visibility:visible;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-inline.text.sc-sui-tree-select .clear.sc-sui-tree-select .sui-glyph.sc-sui-tree-select{font-size:11px}.sui-inline.text.sc-sui-tree-select .chev.sc-sui-tree-select .sui-glyph.sc-sui-tree-select{font-size:10px;transition:transform var(--duration-fast) var(--ease-out)}.sui-inline.text.sc-sui-tree-select .clear.sc-sui-tree-select:hover:not(:disabled),.sui-inline.text.sc-sui-tree-select .chev.sc-sui-tree-select:hover:not(:disabled){color:var(--ink)}.sui-inline.text.sc-sui-tree-select .clear.sc-sui-tree-select:focus-visible,.sui-inline.text.sc-sui-tree-select .chev.sc-sui-tree-select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-inline.text.sc-sui-tree-select .clear.sc-sui-tree-select:disabled,.sui-inline.text.sc-sui-tree-select .chev.sc-sui-tree-select:disabled{color:var(--ink-placeholder);cursor:not-allowed}.sui-inline.text.sc-sui-tree-select:hover .clear.sc-sui-tree-select,.sui-inline.text.sc-sui-tree-select:focus-within .clear.sc-sui-tree-select,.sui-inline.text.shell.sc-sui-tree-select .clear.sc-sui-tree-select,.sui-inline.text.sc-sui-tree-select:hover .chev.sc-sui-tree-select,.sui-inline.text.sc-sui-tree-select:focus-within .chev.sc-sui-tree-select,.sui-inline.text.shell.sc-sui-tree-select .chev.sc-sui-tree-select{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-tree-select:not(.shell){--ink:var(--ink-inverse);--ink-muted:var(--ink-inverse-muted);--ink-faint:var(--ink-inverse-muted);--ink-placeholder:var(--ink-inverse-faint);--disabled-ink:var(--ink-inverse-faint);--surface-hover:color-mix(in srgb, var(--ink-inverse) 8%, transparent);--focus-ring:var(--ink-inverse);--focus-shadow:none}.sui-inline.inverse.sc-sui-tree-select .chev.sc-sui-tree-select{visibility:visible}.sui-inline.inverse.text.sc-sui-tree-select .chev.sc-sui-tree-select{opacity:1;pointer-events:auto}.sui-inline.inverse.sc-sui-tree-select:not(.shell) sui-chip.sc-sui-tree-select{--brand-soft:color-mix(in srgb, var(--ink-inverse) 16%, transparent)}@media (forced-colors: active){.sui-inline.sc-sui-tree-select{border-color:CanvasText}.sui-inline.sc-sui-tree-select:hover:not(:disabled):not(.disabled):not(.readonly):not(.shell){border-color:Highlight}.sui-inline.shell.sc-sui-tree-select{border-color:CanvasText;outline:2px solid Highlight;outline-offset:1px}.sui-inline.sc-sui-tree-select:disabled,.sui-inline.disabled.sc-sui-tree-select{color:GrayText;border-color:GrayText}.sui-inline.sc-sui-tree-select:disabled .icon.sc-sui-tree-select,.sui-inline.disabled.sc-sui-tree-select .icon.sc-sui-tree-select,.sui-inline.disabled.sc-sui-tree-select .lead.sc-sui-tree-select{color:GrayText}.sui-inline.placeholder.sc-sui-tree-select .val.sc-sui-tree-select{color:GrayText}}"}},[578,"sui-tree-select",{label:[1],help:[1],error:[1],options:[16],placeholder:[1],value:[1032],multiple:[516],filter:[516],emptyMessage:[1,"empty-message"],emptyFilterMessage:[1,"empty-filter-message"],loading:[516],loadingMessage:[1,"loading-message"],clearable:[516],size:[513],variant:[513],tone:[513],virtualScrollThreshold:[2,"virtual-scroll-threshold"],disabled:[516],readOnly:[516,"readonly"],invalid:[516],open:[1540],expanded:[1040],required:[516],name:[513],activeKey:[32],keyNav:[32],focused:[32],hostLabel:[32],query:[32],panelScrollTop:[32],formDisabled:[32],closing:[32],setFocus:[64]},[[0,"keydown","onKeyNav"],[1,"pointermove","onPointerNav"],[1,"pointerdown","onPointerPress"]],{value:[{syncForm:0},{onValueChange:0}],required:[{syncForm:0}],name:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}],multiple:[{syncForm:0}],options:[{onTreeChange:0}],expanded:[{onTreeChange:0}],loading:[{onTreeChange:0}],open:[{onOpenChange:0}]}]),U=Q,Z=function(){"undefined"!=typeof customElements&&["sui-tree-select","sui-checkbox"].forEach((e=>{switch(e){case"sui-tree-select":customElements.get(o(e))||customElements.define(o(e),Q);break;case"sui-checkbox":customElements.get(o(e))||X()}}))};export{U as SuiTreeSelect,Z as defineCustomElement}

package/dist/components/sui-tree-table.d.ts

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

package/dist/components/sui-tree-table.js

@@ -0,0 +1 @@
+import{p as t,H as s,c as e,h as i,t as o}from"./p-CeVlau-G.js";import{i as n,a as r}from"./p-Cs2X0Kih.js";import{B as l,C as h}from"./p-mF7K10Wh.js";import{k as a,b as c}from"./p-D_hGdmbW.js";import{d}from"./p-BHB1Wprj.js";import{a as f}from"./p-BuyjS5bS.js";import{defineCustomElement as u}from"./p-BioVIgkG.js";import{d as p}from"./p-B0NNDkks.js";const m=t=>t.children?t.children.length>0:!1===t.leaf;function b(t,s=!1){const e=[],i=t=>{for(const o of t)s&&!m(o)||e.push(o.key),o.children&&i(o.children)};return i(t||[]),e}function y(t,s){const e=new Set,i=(t,o)=>{let n=!1;for(const r of t){const t=s.has(r.key),l=!!r.children&&i(r.children,o.concat(r.key));if(t||l){for(const t of o)e.add(t);l&&e.add(r.key),n=!0}}return n};return i(t||[],[]),e}function g(t,s,e,i){const o=new Set(i),n=t=>{for(const e of t){if(e.key===s)return e;const t=e.children?n(e.children):void 0;if(t)return t}},r=n(t||[]);if(!r)return o;const l=t=>{e?o.add(t.key):o.delete(t.key);for(const s of t.children||[])l(s)};return l(r),o}const w=new Set,S=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiExpandedChange=e(this,"suiExpandedChange",3),this.suiSelectionChange=e(this,"suiSelectionChange",3),this.suiLoad=e(this,"suiLoad",7),this.suiSort=e(this,"suiSort",3),this.suiFilter=e(this,"suiFilter",3)}get host(){return this}columns=[];nodes=[];expanded=[];selectionMode="none";selection=[];sorts=[];sortMode="single";sortIndicator="sorted";nullOrder="last";filterDisplay="none";filterModel;globalFilter;globalFilterFields;filterMode="lenient";density="standard";striped=!1;gridlines=!1;loading=!1;emptyMessage;emptyFilterMessage;suiExpandedChange;suiSelectionChange;suiLoad;suiSort;suiFilter;viewMemo;selMemo;hostLabel;hostLabelledby;stopHostLabel;stopHostLabelledby;tableEl;connectedCallback(){this.stopHostLabel?.(),this.stopHostLabel=n(this.host,(t=>{this.hostLabel=t})),this.stopHostLabelledby?.(),this.stopHostLabelledby=r(this.host,(t=>{this.hostLabelledby=t})),d(this.host,(()=>this.tableEl))}disconnectedCallback(){this.stopHostLabel?.(),this.stopHostLabel=void 0,this.stopHostLabelledby?.(),this.stopHostLabelledby=void 0}async setFocus(){await(this.tableEl?.setFocus())}async expandAll(){this.expanded=b(this.nodes,!0),this.suiExpandedChange.emit(this.expanded)}async collapseAll(){0!==(this.expanded||[]).length&&(this.expanded=[],this.suiExpandedChange.emit(this.expanded))}effectiveFilter(){const t=(this.globalFilter||"").trim(),s=this.filterModel?.rules;let e=this.filterModel?.global;return t&&(e={value:t,keys:this.globalFilterFields&&this.globalFilterFields.length?this.globalFilterFields:(this.columns||[]).map((t=>t.key))}),s||e?{rules:s,global:e}:void 0}view(){const t=[this.nodes,this.expanded,this.sorts,this.nullOrder,this.columns,this.filterModel,this.globalFilter,this.globalFilterFields,this.filterMode],s=this.viewMemo;if(s&&s.deps.every(((s,e)=>s===t[e])))return s.view;const e=this.columns||[];let i=this.nodes||[],o=w;const n=this.effectiveFilter();if(n){const t=[],s=e=>{for(const i of e)t.push(i.data),i.children&&s(i.children)};s(i);const r=h(t,n,e);if(r!==t){const t=new Set(r),s=new Set,e=i=>{for(const o of i)t.has(o.data)&&s.add(o.key),o.children&&e(o.children)};e(i),o=y(i,s),i=function(t,s,e="lenient"){const i=t=>{const o=[];for(const n of t){const t=s(n);if(t&&"lenient"===e){o.push(n);continue}const r=n.children?i(n.children):[];(t||r.length>0)&&o.push(r.length||n.children?{...n,children:r}:n)}return o};return i(t||[])}(i,(s=>t.has(s.data)),this.filterMode)}}i=function(t,s,e,i){if(!s||0===s.length)return(t||[]).slice();const o=t=>{const n=new Map;for(const s of t)n.set(s.data,s);return l(t.map((t=>t.data)),s,e,{nullOrder:i}).map((t=>{const s=n.get(t);return s.children?{...s,children:o(s.children)}:s}))};return o(t||[])}(i,this.sorts,e,this.nullOrder);const r=0===o.size?this.expanded||[]:Array.from(new Set([...this.expanded||[],...o])),a=function(t,s){const e=[],i=(t,o,n)=>{for(const r of t){const t=m(r),l=t&&s.has(r.key);e.push({node:r,key:r.key,data:r.data,depth:o,parent:n,hasChildren:t,expanded:l,loading:!!r.loading}),l&&r.children&&i(r.children,o+1,r.key)}};return i(t||[],0),e}(i,new Set(r)),c=new Map;for(const t of a)c.set(t.parent,(c.get(t.parent)||0)+1);const d=new Map,f=Array(a.length),u=new Map;for(let t=0;t<a.length;t++){const s=a[t],e=(d.get(s.parent)||0)+1;d.set(s.parent,e),f[t]=s.data,u.set(s.key,{level:s.depth,expandable:s.hasChildren,loading:s.loading,size:c.get(s.parent),pos:e})}const p={nodes:i,flat:a,rows:f,meta:u,open:r};return this.viewMemo={deps:t,view:p},p}resolved(){const t=this.view(),s=[t.nodes,this.selection,this.selectionMode],e=this.selMemo;if(e&&e.deps.every(((t,e)=>t===s[e])))return e.sel;const i=new Set(this.selection||[]),o="checkbox"===this.selectionMode?function(t,s){const e=new Set,i=new Set,o=t=>{const n=t.children||[];if(0===n.length){const i=s.has(t.key);return i&&e.add(t.key),i?"all":"none"}let r=!0,l=!1;for(const t of n){const s=o(t);"all"!==s&&(r=!1),"none"!==s&&(l=!0)}return r?(e.add(t.key),"all"):l?(i.add(t.key),"some"):"none"};for(const s of t||[])o(s);return{selected:e,partial:i}}(t.nodes,i):{selected:i,partial:w},n={full:o.selected,partial:o.partial,model:a(c(),o.selected,!0)};return this.selMemo={deps:s,sel:n},n}rowKeyAt=(t,s)=>this.view().flat[s]?.key??s;findNode(t,s){for(const e of t){if(e.key===s)return e;const t=e.children?this.findNode(e.children,s):void 0;if(t)return t}}stopInner=t=>t.stopPropagation();onRowExpand=t=>{const s=this.view().open,e=t.detail||[],i=e.find((t=>s.indexOf(t)<0)),o=void 0!==i?i:s.find((t=>e.indexOf(t)<0));if(void 0===o)return;const n=void 0!==i,r=this.expanded||[];n!==r.indexOf(o)>=0?(this.expanded=n?r.concat([o]):r.filter((t=>t!==o)),this.suiExpandedChange.emit(this.expanded)):n||(this.expanded=r.slice()),n&&this.askForChildren(o)};askForChildren(t){const s=this.findNode(this.nodes||[],t);!s||!1!==s.leaf||(s.children||[]).length>0||s.loading||this.suiLoad.emit(s)}onSelect=t=>{const s=this.selectionMode,e=t.detail;if("none"===s||!e)return;if("single"===s)return this.selection="include"===e.mode?Array.from(e.keys):[],void this.suiSelectionChange.emit(this.selection);const i=this.resolved().full;let o=new Set(this.selection||[]);if("exclude"===e.mode||0===e.keys.size){const t=b(this.view().nodes);if("exclude"===e.mode)for(const s of t)o.add(s);else for(const s of t)o.delete(s)}else{for(const t of Array.from(e.keys))i.has(t)||(o=g(this.nodes,t,!0,o));for(const t of Array.from(i))if(!e.keys.has(t)){o=g(this.nodes,t,!1,o);for(const s of Array.from(y(this.nodes,new Set([t]))))o.delete(s)}}this.selection=Array.from(o),this.suiSelectionChange.emit(this.selection)};onSort=t=>{this.sorts=t.detail,this.suiSort.emit(this.sorts)};async setFilter(t){this.filterModel=t,this.suiFilter.emit(t)}onFilter=t=>{this.filterModel=t.detail,this.suiFilter.emit(this.filterModel)};render(){const t=this.view(),s=this.resolved();return i("sui-data-table",{key:"b3760610df8b06e19db8b4d99b462d8ce417da45",ref:t=>this.tableEl=t,class:"tt","aria-label":this.hostLabel,"aria-labelledby":this.hostLabelledby,columns:this.columns,rows:t.rows,rowKey:this.rowKeyAt,rowTree:t.meta,rowPartial:s.partial,expandedRows:t.open,lazy:!0,totalRecords:t.rows.length,sorts:this.sorts,sortMode:this.sortMode,sortIndicator:this.sortIndicator,filterDisplay:this.filterDisplay,filterModel:this.filterModel,globalFilter:this.globalFilter,globalFilterFields:this.globalFilterFields,selectionMode:this.selectionMode,selection:s.model,density:this.density,striped:this.striped,gridlines:this.gridlines,loading:this.loading,emptyMessage:""===this.emptyMessage?"":f(void 0,"tree-table.empty",this.emptyMessage,"Nothing here yet."),emptyFilterMessage:""===this.emptyFilterMessage?"":f(void 0,"tree-table.emptyFilter",this.emptyFilterMessage,"No matches."),onSuiExpandedRowsChange:this.onRowExpand,onSuiSelectionChange:this.onSelect,onSuiSort:this.onSort,onSuiFilter:this.onFilter,onSuiRowClick:this.stopInner,onSuiRowContextMenu:this.stopInner})}static get style(){return".sc-sui-tree-table-h{display:flex;min-width:0;flex-direction:column;font-family:var(--font-sans);color:var(--ink)}sui-data-table.sc-sui-tree-table{flex:1;min-height:0}"}},[514,"sui-tree-table",{columns:[16],nodes:[16],expanded:[1040],selectionMode:[513,"selection-mode"],selection:[1040],sorts:[1040],sortMode:[513,"sort-mode"],sortIndicator:[513,"sort-indicator"],nullOrder:[513,"null-order"],filterDisplay:[513,"filter-display"],filterModel:[1040],globalFilter:[1025,"global-filter"],globalFilterFields:[16],filterMode:[513,"filter-mode"],density:[513],striped:[516],gridlines:[516],loading:[516],emptyMessage:[1,"empty-message"],emptyFilterMessage:[1,"empty-filter-message"],hostLabel:[32],hostLabelledby:[32],setFocus:[64],expandAll:[64],collapseAll:[64],setFilter:[64]}]),F=S,M=function(){"undefined"!=typeof customElements&&["sui-tree-table","sui-checkbox","sui-data-table"].forEach((t=>{switch(t){case"sui-tree-table":customElements.get(o(t))||customElements.define(o(t),S);break;case"sui-checkbox":customElements.get(o(t))||u();break;case"sui-data-table":customElements.get(o(t))||p()}}))};export{F as SuiTreeTable,M as defineCustomElement}

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

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