@shineuix/core 1.0.0 → 1.0.1

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

@@ -1 +1 @@
-import{p as t,H as e,c as i,f as s,h as o,a as r,t as a}from"./p-DQ8DrIvI.js";import{G as n,a9 as c,aa as h,ab as u,ac as l,y as d,ad as p,ae as m,Z as f}from"./p-BJFE-_50.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 A}from"./p-CnbXPlor.js";import{s as z,d as P,S as T,p as E,f as j,m as D,P as H,N as I,t as L,e as O,i as N,n as F,g as U,j as B}from"./p-l4ru8vIR.js";import{a as K}from"./p-BuyjS5bS.js";import{defineCustomElement as W}from"./p-EDmBLID6.js";import{d as G}from"./p-DQm16ehN.js";import{d as R}from"./p-DpsZW1vZ.js";import{d as $}from"./p-D2gU43E0.js";import{defineCustomElement as Z}from"./p-BvdUUYyb.js";import{d as J}from"./p-BcT2SO9I.js";import{d as Q}from"./p-DHkfcILx.js";const X=["light","dark","system"],_=["brand","semantic"],q=["dark","light"],V=[...I,"custom"],Y="(prefers-color-scheme: dark)",tt=["primary","accent","neutral","positive","warn","alert"],et=T.shineui;let it=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(Y).matches?"dark":"light":"dark"===t?"dark":"light"}function rt(t){return"custom"===t||!H.includes(t)}function at(t,e){return"semantic"!==t?{mode:"brand"}:{mode:"semantic",positive:E(e?.positive)||null,warn:E(e?.warn)||null,alert:E(e?.alert)||null}}function nt(t,e=!0){if("undefined"==typeof document)return;const i=Array.from(document.querySelectorAll("style[data-sui-custom-theme]")).find((e=>{const i=e.textContent||"";return!i||i.indexOf(t)>=0}));if(i||!e)return i;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 e=Array.from(document.querySelectorAll("style[nonce]")).find((t=>!!t.nonce));return e?e.nonce:void 0}();return o&&(s.nonce=o),document.head.appendChild(s),s}function ct(t,e){"shineui"===e.preset?t.removeAttribute("data-sui-preset"):t.setAttribute("data-sui-preset",e.preset),"dark"===e.mode?t.setAttribute("data-sui-theme","dark"):t.removeAttribute("data-sui-theme"),"semantic"===e.status?t.setAttribute("data-sui-status","semantic"):t.removeAttribute("data-sui-status"),"light"===e.code?t.setAttribute("data-sui-code","light"):t.removeAttribute("data-sui-code")}function ht(t){const e=st().get(t);e&&(e.sheet?.remove(),e.sheet=void 0,e.css="")}function ut(t){const e=st().get(t);e&&e.stop&&(e.stop(),e.stop=void 0)}function lt(t,e){const i=st();ut(t);const s=i.get(t);s&&"system"===s.state.mode&&(s.stop=function(){if("undefined"==typeof matchMedia)return()=>{};const s=matchMedia(Y);if(!s||"function"!=typeof s.addEventListener)return()=>{};const o=()=>(s=>{const o=i.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}),e?.(o.state.resolvedMode))})(!!s.matches);return s.addEventListener("change",o),()=>s.removeEventListener("change",o)}())}function dt(t,e){let i="";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=e&&/[0-9]/.test(o)&&(0===s||1===s&&"-"===t.charAt(0));i+=!a||n||e&&"-"===t?`\\${(r||65533).toString(16)} `:o}return i}function pt(t){if("HTML"===t.nodeName)return"html";const e=t.getAttribute("id");if(e)return"#"+dt(e,!0);const i=t.getAttribute("data-sui-scope");return i?`[data-sui-scope="${dt(i,!1)}"]`:null}function mt(t){const e=pt(t);if(e)return e;it+=1;const i="sui-theme-"+it.toString(36);return t.setAttribute("data-sui-scope",i),`[data-sui-scope="${i}"]`}function ft(t){if("undefined"==typeof document)return{node:null,sel:"html"};if(t&&"object"==typeof t)return{node:t,sel:mt(t)};const e=(null==t?"":t+"").trim()||"html";if("html"===e)return{node:document.documentElement,sel:e};let i=null;try{i=document.querySelector(e)}catch(t){i=null}return i?{node:i,sel:e}:{node:document.documentElement,sel:"html"}}function vt(t,e){const i=st(),s=i.get(t);ct(t,{preset:e.preset,mode:e.resolvedMode,status:e.status,code:e.code});const o=mt(t),r=z(o,t,e.preset);let a,n={},c={},h="";if(rt(e.preset)){const t=function(t,e,i,s,o){const r=P(e,i,s,o,!1).T,a=P(e,i,s,o,!0).T,n=`${t}[data-sui-theme="dark"], ${t} [data-sui-theme="dark"]`,c={"--sui-theme-primary":e,"--sui-theme-accent":i,"--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,e.primary,e.accent,e.neutral,at(e.status,e.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 e=s?.sheet||nt(z(o,t,"custom"),!1);e?.remove()}return i.set(t,{state:{...e},selector:r,css:h,sheet:a,stop:s?.stop}),{state:{...e},selector:r,light:n,dark:c,css:h,sheet:a}}function kt(t,e){const i=function(t){const e=t||{},i=e.preset&&"custom"!==e.preset?T[e.preset]:void 0,s=void 0!==e.primary||void 0!==e.accent,o=i&&!s?i.brand:E(e.primary,et.brand),r=i&&!s?i.accent:E(e.accent,et.accent),a=j.includes(e.neutral)?e.neutral:i&&void 0===e.neutral?i.neutral:"tint",n=X.includes(e.mode)?e.mode:"light",c=_.includes(e.status)?e.status:"brand",h=q.includes(e.code)?e.code:"dark",u={preset:D(o,r,a)||"custom",primary:o,accent:r,neutral:a,mode:n,resolvedMode:ot(n),status:c,code:h},l=e.statusColors;if("semantic"===c&&l){const t={};E(l.positive)&&(t.positive=E(l.positive)),E(l.warn)&&(t.warn=E(l.warn)),E(l.alert)&&(t.alert=E(l.alert)),Object.keys(t).length&&(u.statusColors=t)}return u}(e),{node:s,sel:o}=ft(t);if(!s)return{...i,selector:z(o,null,i.preset),light:{},dark:{},css:"",dispose(){}};const r=vt(s,i);lt(s);let a=r.light,n=r.dark;if(!r.css&&"custom"!==i.preset){const t=T[i.preset],e=at(i.status,i.statusColors);a=P(t.brand,t.accent,t.neutral,e,!1).T,n=P(t.brand,t.accent,t.neutral,e,!0).T}return{...r.state,selector:r.selector,light:a,dark:n,css:r.css,dispose:()=>ut(s)}}function bt(t){const{node:e,sel:i}=ft(t),s={preset:"shineui",primary:et.brand,accent:et.accent,neutral:"tint",mode:"light",resolvedMode:"light",status:"brand",code:"dark"};if(!e)return s;const o="dark"===e.getAttribute("data-sui-theme"),r=st().get(e);if(r){const t={...r.state,resolvedMode:o?"dark":"light"};return r.state.statusColors&&(t.statusColors={...r.state.statusColors}),t}const a=e.getAttribute("data-sui-preset"),n=a&&V.includes(a)?a:"shineui",c={...s,preset:n,mode:o?"dark":"light",resolvedMode:o?"dark":"light",status:"semantic"===e.getAttribute("data-sui-status")?"semantic":"brand",code:"light"===e.getAttribute("data-sui-code")?"light":"dark"},h=rt(n)?function(t,e,i){const s={};let o;try{o=z(pt(t)||e,t,i)}catch(t){return s}const r=nt(o,!1),a=r?.textContent||"";if(!a)return s;for(const t of tt){const e=RegExp("--sui-theme-"+t+":\\s*([^;\\s]+)").exec(a);e&&(s[t]=e[1])}return s}(e,i,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,et.brand),c.accent=E(h.accent,et.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=X,yt=["brand","semantic","custom"],wt=["dark","light","auto"],Ct=["primary","accent","surface","status"],Mt=["auto","primary","custom"],St=["compact","panel"],At="sui-theme",zt=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 e{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiThemeChange=i(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:K(void 0,"theme-picker.brand",void 0,"Brand"),value:"brand"},{label:K(void 0,"theme-picker.semantic",void 0,"Semantic"),value:"semantic"},{label:K(void 0,"theme-picker.custom",void 0,"Custom"),value:"custom"}]}codeItems(){return[{label:K(void 0,"theme-picker.dark",void 0,"Dark"),value:"dark"},{label:K(void 0,"theme-picker.light",void 0,"Light"),value:"light"},{label:K(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((e=>e.el===t))&&this.raised.push({el:t,down:g(t)})}lowerOuts(t=[]){this.raised=this.raised.filter((e=>!!t.includes(e.el)||(e.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 e=Array.from(this.flyEl.querySelectorAll(".opt:not([disabled])"));if(!e.length)return;const i=e.indexOf(document.activeElement),s=i=>{t.preventDefault(),t.stopPropagation(),e[(i+e.length)%e.length].focus({preventScroll:!0})};if("ArrowDown"===t.key)return s(i+1);if("ArrowUp"===t.key)return s(i-1);if("Home"===t.key)return s(0);if("End"===t.key)return s(e.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<=e.length;t++){const r=(i+t)%e.length;if((e[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&&(ut(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,e){if(t||!e||"undefined"==typeof document)return;const i=document.activeElement;this.editorEl&&i&&this.editorEl.contains(i)&&this.wellBtns[e]?.focus({preventScroll:!0})}onMenuChange(t,e){if(t)this.menuFocusPending=!0;else if(e&&"undefined"!=typeof document){const t="preset"===e?this.presetAnchor:this.surfaceAnchor,i=document.activeElement;t&&(!i||i===document.body||this.flyEl&&this.flyEl.contains(i))&&(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 e=this.normalizeCurrent();this.commit(this.mergePatch({preset:"shineui",mode:"light",status:t.status?e.status:"brand",code:"dark",primary:t.primary?e.primary:zt.brand,accent:t.accent?e.accent:zt.accent,accentMode:t.accent?e.accentMode:"custom",neutral:t.surface?e.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,zt.brand)}accentHex(){return O(this.primaryHex(),E(this.accentColor,zt.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 e=void 0!==t.preset?this.resolvedPreset(t.preset):this.resolvedPreset();const i=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,zt.brand):this.primaryHex(),c=E(void 0!==t.accent?t.accent:this.accentColor,zt.accent);if("custom"!==e&&T[e]){const i=T[e];void 0!==t.primary||void 0!==t.accent||(n=i.brand,c=i.accent,r="custom"),t.preset&&void 0===t.neutral&&(a=i.neutral)}const h=O(n,c,r,this.accentIdx),u=D(n,h,a);return"custom"===e||u||(e="custom"),"custom"!==e&&u&&(e=u,n=T[u].brand,c=T[u].accent),{preset:e,mode:i,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){ut(t),ht(t),function(t){["data-sui-preset","data-sui-theme","data-sui-status","data-sui-code"].forEach((e=>t.removeAttribute(e)))}(t),st().delete(t)}(this.lastTarget),this.lastTarget=t;const e=this.normalizeCurrent(),i=vt(t,{preset:e.preset,primary:e.primary,accent:e.accent,neutral:e.neutral,mode:e.mode,resolvedMode:ot(e.mode),status:"custom"===e.status?"semantic":e.status,code:this.paintedCode(),statusColors:this.statusColors()});this.lastCss=i.css,lt(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 e=this.normalizeCurrent();try{t.setItem(At,JSON.stringify({preset:e.preset,mode:e.mode,status:e.status,code:e.code,primary:e.primary,accent:e.accent,accentMode:e.accentMode,accentIdx:this.accentIdx,neutral:e.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 e=t.getItem(At);if(!e)return;const i=JSON.parse(e);if(!i||"object"!=typeof i)return;gt.includes(i.preset)&&(this.preset=i.preset),xt.includes(i.mode)&&(this.mode=i.mode),yt.includes(i.status)&&(this.status=i.status),wt.includes(i.code)&&(this.code=i.code),E(i.primary)&&(this.primary=E(i.primary)),E(i.accent)&&(this.accentColor=E(i.accent)),Mt.includes(i.accentMode)&&(this.accentMode=i.accentMode),Number.isFinite(i.accentIdx)&&(this.accentIdx=Number(i.accentIdx)),j.includes(i.neutral)&&(this.neutral=i.neutral),"boolean"==typeof i.positiveAuto&&(this.positiveAuto=i.positiveAuto),"boolean"==typeof i.warnAuto&&(this.warnAuto=i.warnAuto),"boolean"==typeof i.alertAuto&&(this.alertAuto=i.alertAuto),E(i.positive)&&(this.positiveHex=E(i.positive)),E(i.warn)&&(this.warnHex=E(i.warn)),E(i.alert)&&(this.alertHex=E(i.alert)),i.locks&&"object"==typeof i.locks&&(this.locks=Ct.reduce(((t,e)=>({...t,[e]:!0===i.locks[e]})),{primary:!1,accent:!1,surface:!1,status:!1}))}catch(t){}}commit(t,e){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(),e&&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,e=t?"custom":"custom"===this.resolvedStatus()?"semantic":this.resolvedStatus();this.commit(this.mergePatch(t?{preset:"custom",status:e}:{status:e}),!0)}enterCustom(t,e){const i=this.statusHexes();this.positiveAuto&&(this.positiveHex=i.positive),this.warnAuto&&(this.warnHex=i.warn),this.alertAuto&&(this.alertHex=i.alert),"positive"===t&&e?this.positiveHex=e:"warn"===t&&e?this.warnHex=e:"alert"===t&&e&&(this.alertHex=e),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,e){switch(t){case"primary":return e?K(void 0,"theme-picker.unlockPrimary",void 0,"Unlock primary"):K(void 0,"theme-picker.lockPrimary",void 0,"Lock primary");case"accent":return e?K(void 0,"theme-picker.unlockAccent",void 0,"Unlock accent"):K(void 0,"theme-picker.lockAccent",void 0,"Lock accent");case"surface":return e?K(void 0,"theme-picker.unlockSurface",void 0,"Unlock surface"):K(void 0,"theme-picker.lockSurface",void 0,"Lock surface");default:return e?K(void 0,"theme-picker.unlockStatus",void 0,"Unlock status"):K(void 0,"theme-picker.lockStatus",void 0,"Lock status")}}lockBtn(t){const e=this.locks[t],i=this.lockLabel(t,e);return o("sui-tooltip",{content:i,position:"top"},o("button",{type:"button",class:{lockb:!0,on:e},"aria-pressed":e?"true":"false","aria-label":i,disabled:this.disabled,onClick:()=>this.toggleLock(t)},o(n,{glyph:e?c:h})))}pickNamed(t){if(this.disabled)return;const e=T[t],i=this.locks;i.accent||(this.accentIdx=0),i.status||this.clearStatus(),this.menu=null,this.commit(this.mergePatch({preset:t,primary:i.primary?this.primaryHex():e.brand,accent:i.accent?this.accentHex():e.accent,accentMode:i.accent?this.resolvedAccentMode():"custom",neutral:i.surface?this.resolvedNeutral():e.neutral}),!0)}pickNeutral(t){if(this.disabled)return;this.menu=null;const e=this.mergePatch({neutral:t});this.commit(e,!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 e={accentMode:t};"custom"===t&&(e.accent=this.accentHex()),this.leavePair(e)}pickAccentIdx(t){this.disabled||(this.accentIdx=t,this.leavePair({accentMode:"auto"}))}setWell(t,e){if(this.disabled)return;const i=E(e);i&&("primary"===t?this.leavePair({primary:i}):"accent"===t?this.leavePair({accent:i,accentMode:"custom"}):this.enterCustom(t,i))}swap=()=>{if(this.disabled||this.locks.primary||this.locks.accent)return;const t=this.primaryHex(),e=this.accentHex();let i=this.resolvedNeutral();this.locks.surface||("tint"===i?i="tintA":"tintA"===i&&(i="tint")),this.locks.status||this.clearStatus(),this.leavePair({primary:e,accent:t,accentMode:"custom",neutral:i})};surprise=()=>{if(this.disabled)return;const t=N(),e=this.locks;e.accent||(this.accentIdx=t.accentIdx),e.status||this.clearStatus(),this.leavePair({status:e.status?this.resolvedStatus():Math.random()<.5?"brand":"semantic",primary:e.primary?this.primaryHex():t.primary,accent:e.accent?this.accentHex():t.accent,accentMode:e.accent?this.resolvedAccentMode():t.accentMode,neutral:e.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(),e=Math.floor(window.innerHeight-t.top-8);t.bottom>window.innerHeight-8&&e>=160&&(this.bodyEl.style.maxHeight=e+"px");const i=this.bodyEl.getBoundingClientRect(),s=Math.max(8,window.innerWidth-Math.max(i.width,320)-8),o=Math.min(Math.max(8,i.left),s);Math.abs(o-i.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 e=this.host?.querySelector(".dark-mode button");e&&e.setAttribute("aria-pressed","dark"===this.paintedMode()?"true":"false")}hasColorEditor(){return"undefined"!=typeof customElements&&!!customElements.get("sui-color-editor")}openWell(t,e){if(!this.disabled)return this.hasColorEditor()?(this.editor=this.editor===t?null:t,void(this.menu=null)):void e?.click()}onEditorKey=t=>{const e=this.editor;e&&this.editorEl&&A(t,this.editorEl,(()=>{this.editor=null,this.wellBtns[e]?.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 e="function"==typeof t.composedPath?t.composedPath()[0]:t.target;[this.flyEl,this.editorEl].some((t=>!!t&&!!e&&t.contains(e)))||A(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 e=this.normalizeCurrent();return P(e.primary,e.accent,e.neutral,"brand"!==(t||e.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(e.mode))}semanticHexes(){const t=this.normalizeCurrent(),e=this.preview("semantic"),i=this.positiveAuto?e.suggestedPositive||"":E(this.positiveHex,e.suggestedPositive||""),s=this.warnAuto?e.suggestedWarn||"":E(this.warnHex,e.suggestedWarn||""),o=this.alertAuto?e.suggestedAlert||"":E(this.alertHex,e.suggestedAlert||"");return{positive:i||t.primary,warn:s||t.primary,alert:o||t.accent,preview:e}}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(),e=this.statusHexes();return"accent"===this.editor?t.accent:"positive"===this.editor?e.positive:"warn"===this.editor?e.warn:"alert"===this.editor?e.alert:t.primary}modeLabel(){return"dark"===this.paintedMode()?K(void 0,"theme-picker.lightMode",void 0,"Light mode"):K(void 0,"theme-picker.darkMode",void 0,"Dark mode")}modeIcon(){return"dark"===this.paintedMode()?u:l}dots(t,e=!1){const i=t&&"custom"!==t?T[t]:void 0;return e||!i?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":i.brand}}),o("i",{class:"dot tone",style:{"--tone":i.accent}}))}toneDots(t,e){return o("span",{class:"dots","aria-hidden":"true"},o("i",{class:"dot tone",style:{"--tone":t}}),o("i",{class:"dot tone",style:{"--tone":e}}))}wellRow(t,e,i,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:e=>{e&&(this.wellBtns[t]=e)},style:{"--well":e},"aria-label":i,disabled:c,onClick:()=>this.openWell(t,a)}),this.editor===t?this.renderEditorFly():null,o("input",{ref:t=>a=t,class:"natv",type:"color",value:e.toLowerCase(),tabindex:-1,"aria-hidden":"true",disabled:c||s,onInput:e=>this.setWell(t,e.target.value)}),o("input",{class:"hex sui-frame",value:e,spellcheck:!1,"aria-label":i+" hex",disabled:c||s,onChange:e=>this.setWell(t,e.target.value)}),r?o("sui-tooltip",{content:K(void 0,"theme-picker.copyHex",void 0,"Copy hex"),position:"top",tone:n},o("sui-copy-button",{value:e,size:"sm",variant:"ghost",feedback:"icon",disabled:this.disabled,"aria-label":K(void 0,"theme-picker.copyHex",void 0,"Copy hex"),onSuiCopy:this.stopInner})):null)}copyBtn(t){const e="dark"===this.paintedMode()?"light":"brand";return o("sui-tooltip",{content:K(void 0,"theme-picker.copyHex",void 0,"Copy hex"),position:"top",tone:e},o("sui-copy-button",{value:t,size:"sm",variant:"ghost",feedback:"icon",disabled:this.disabled,"aria-label":K(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":K(void 0,"theme-picker.preset",void 0,"Preset"),ref:t=>this.flyEl=t,onKeyDown:this.onListKey},I.map((e=>o("button",{type:"button",class:{opt:!0,on:t.preset===e},role:"option","aria-selected":t.preset===e?"true":"false",disabled:this.disabled,onClick:()=>this.pickNamed(e)},this.dots(e),T[e].name))));const e=F(t.primary,t.accent);return o("div",{key:"list",class:"fly list","data-sui-fly":"menu",role:"listbox","aria-label":K(void 0,"theme-picker.surface",void 0,"Surface"),ref:t=>this.flyEl=t,onKeyDown:this.onListKey},j.map((i=>o("button",{type:"button",class:{opt:!0,on:t.neutral===i},role:"option","aria-selected":t.neutral===i?"true":"false",disabled:this.disabled,onClick:()=>this.pickNeutral(i)},this.toneDots(e[i][0],e[i][1]),U[i].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:e=>{e.stopPropagation();const i=E(e.detail?.hex);i&&i!==t&&this.editor&&this.setWell(this.editor,i)}}))}renderControls(){const t=this.normalizeCurrent(),e=this.statusHexes(),i=this.locks,s=F(t.primary,t.accent),r=B(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":K(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":K(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":K(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"},K(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"},K(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||i.accent,items:this.accentItems,"aria-label":K(void 0,"theme-picker.accent",void 0,"Accent"),onSuiActiveChange:this.onAccentGroupChange,onSuiPick:this.stopInner}),"auto"===t.accentMode?o("div",{class:"chips"},r.map(((t,e)=>o("button",{type:"button",class:{chip:!0,on:this.accentIdx===e},style:{"--well":t},"aria-label":"Accent option "+(e+1),"aria-pressed":this.accentIdx===e?"true":"false",disabled:this.disabled||i.accent,onClick:()=>this.pickAccentIdx(e)}))),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"},K(void 0,"theme-picker.surface",void 0,"Surface")),this.lockBtn("surface")),o("sui-button",{variant:"outline",size:"md",block:!0,disabled:this.disabled||i.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"},U[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"},K(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||i.status,items:this.statusItems(),"aria-label":K(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"},K(void 0,"theme-picker.success",void 0,"Success")),this.wellRow("positive",e.positive,"Success color",this.positiveAuto,!0),o("sui-button",{variant:this.positiveAuto?"brand":"ghost",size:"sm",pill:!0,label:K(void 0,"theme-picker.auto",void 0,"Auto"),disabled:this.disabled||i.status,"aria-pressed":this.positiveAuto?"true":"false",onClick:()=>{this.disabled||i.status||(this.positiveAuto?this.enterCustom("positive",e.positive):(this.positiveAuto=!0,this.commitStatus()))}})),o("div",{class:"semrow"},o("span",{class:"nm"},K(void 0,"theme-picker.warning",void 0,"Warning")),this.wellRow("warn",e.warn,"Warning color",this.warnAuto,!0),o("sui-button",{variant:this.warnAuto?"brand":"ghost",size:"sm",pill:!0,label:K(void 0,"theme-picker.auto",void 0,"Auto"),disabled:this.disabled||i.status,"aria-pressed":this.warnAuto?"true":"false",onClick:()=>{this.disabled||i.status||(this.warnAuto?this.enterCustom("warn",e.warn):(this.warnAuto=!0,this.commitStatus()))}})),o("div",{class:"semrow"},o("span",{class:"nm"},K(void 0,"theme-picker.alert",void 0,"Alert")),this.wellRow("alert",e.alert,"Alert color",this.alertAuto,!0),o("sui-button",{variant:this.alertAuto?"brand":"ghost",size:"sm",pill:!0,label:K(void 0,"theme-picker.auto",void 0,"Auto"),disabled:this.disabled||i.status,"aria-pressed":this.alertAuto?"true":"false",onClick:()=>{this.disabled||i.status||(this.alertAuto?this.enterCustom("alert",e.alert):(this.alertAuto=!0,this.commitStatus()))}})))),o("div",{class:"row"},o("span",{class:"k"},o("span",{class:"kt"},K(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":K(void 0,"theme-picker.code",void 0,"Code"),onSuiActiveChange:this.onCodeGroupChange,onSuiPick:this.stopInner})))}render(){const t="compact"===this.resolvedAppearance(),e=this.normalizeCurrent(),i=!!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(e.preset,!0),i?o("span",{class:"grow"},this.namedOf(e.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))||W();break;case"sui-button-group":customElements.get(a(t))||G();break;case"sui-color-editor":customElements.get(a(t))||R();break;case"sui-copy-button":customElements.get(a(t))||$();break;case"sui-icon-button":customElements.get(a(t))||Z();break;case"sui-select-button":customElements.get(a(t))||J();break;case"sui-tooltip":customElements.get(a(t))||Q()}}))};export{Et as SuiThemePicker,kt as a,jt as defineCustomElement,bt as r}
+import{p as t,H as e,c as i,f as s,h as o,a as r,t as a}from"./p-DQ8DrIvI.js";import{G as n,a9 as c,aa as h,ab as u,ac as l,y as d,ad as p,ae as m,Z as f}from"./p-B-Bh5OXe.js";import{i as v}from"./p-wknHx00K.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 A}from"./p-B2OoQiUx.js";import{s as z,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 B,n as N,g as U,j as F}from"./p-C-tuu2jV.js";import{a as K}from"./p-BuyjS5bS.js";import{defineCustomElement as W}from"./p-D4DWEltI.js";import{d as G}from"./p-D0AbVtdE.js";import{d as R}from"./p-lSe7zWdw.js";import{d as $}from"./p-BAvMHJlT.js";import{defineCustomElement as J}from"./p-B9Up7ULt.js";import{d as V}from"./p-Brw8aym4.js";import{d as Q}from"./p-Bppdhan-.js";const Z=["light","dark","system"],q=["brand","semantic"],X=["dark","light"],_=[...I,"custom"],Y="(prefers-color-scheme: dark)",tt=["primary","accent","neutral","positive","warn","alert"],et=T.shineui;let it=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(Y).matches?"dark":"light":"dark"===t?"dark":"light"}function rt(t){return"custom"===t||!D.includes(t)}function at(t,e){return"semantic"!==t?{mode:"brand"}:{mode:"semantic",positive:E(e?.positive)||null,warn:E(e?.warn)||null,alert:E(e?.alert)||null}}function nt(t,e=!0){if("undefined"==typeof document)return;const i=Array.from(document.querySelectorAll("style[data-sui-custom-theme]")).find((e=>{const i=e.textContent||"";return!i||i.indexOf(t)>=0}));if(i||!e)return i;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 e=Array.from(document.querySelectorAll("style[nonce]")).find((t=>!!t.nonce));return e?e.nonce:void 0}();return o&&(s.nonce=o),document.head.appendChild(s),s}function ct(t,e){"shineui"===e.preset?t.removeAttribute("data-sui-preset"):t.setAttribute("data-sui-preset",e.preset),"dark"===e.mode?t.setAttribute("data-sui-theme","dark"):t.removeAttribute("data-sui-theme"),"semantic"===e.status?t.setAttribute("data-sui-status","semantic"):t.removeAttribute("data-sui-status"),"light"===e.code?t.setAttribute("data-sui-code","light"):t.removeAttribute("data-sui-code")}function ht(t){const e=st().get(t);e&&(e.sheet?.remove(),e.sheet=void 0,e.css="")}function ut(t){const e=st().get(t);e&&e.stop&&(e.stop(),e.stop=void 0)}function lt(t,e){const i=st();ut(t);const s=i.get(t);s&&"system"===s.state.mode&&(s.stop=function(){if("undefined"==typeof matchMedia)return()=>{};const s=matchMedia(Y);if(!s||"function"!=typeof s.addEventListener)return()=>{};const o=()=>(s=>{const o=i.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}),e?.(o.state.resolvedMode))})(!!s.matches);return s.addEventListener("change",o),()=>s.removeEventListener("change",o)}())}function dt(t,e){let i="";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=e&&/[0-9]/.test(o)&&(0===s||1===s&&"-"===t.charAt(0));i+=!a||n||e&&"-"===t?`\\${(r||65533).toString(16)} `:o}return i}function pt(t){if("HTML"===t.nodeName)return"html";const e=t.getAttribute("id");if(e)return"#"+dt(e,!0);const i=t.getAttribute("data-sui-scope");return i?`[data-sui-scope="${dt(i,!1)}"]`:null}function mt(t){const e=pt(t);if(e)return e;it+=1;const i="sui-theme-"+it.toString(36);return t.setAttribute("data-sui-scope",i),`[data-sui-scope="${i}"]`}function ft(t){if("undefined"==typeof document)return{node:null,sel:"html"};if(t&&"object"==typeof t)return{node:t,sel:mt(t)};const e=(null==t?"":t+"").trim()||"html";if("html"===e)return{node:document.documentElement,sel:e};let i=null;try{i=document.querySelector(e)}catch(t){i=null}return i?{node:i,sel:e}:{node:document.documentElement,sel:"html"}}function vt(t,e){const i=st(),s=i.get(t);ct(t,{preset:e.preset,mode:e.resolvedMode,status:e.status,code:e.code});const o=mt(t),r=z(o,t,e.preset);let a,n={},c={},h="";if(rt(e.preset)){const t=function(t,e,i,s,o){const r=P(e,i,s,o,!1).T,a=P(e,i,s,o,!0).T,n=`${t}[data-sui-theme="dark"], ${t} [data-sui-theme="dark"]`,c={"--sui-theme-primary":e,"--sui-theme-accent":i,"--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,e.primary,e.accent,e.neutral,at(e.status,e.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 e=s?.sheet||nt(z(o,t,"custom"),!1);e?.remove()}return i.set(t,{state:{...e},selector:r,css:h,sheet:a,stop:s?.stop}),{state:{...e},selector:r,light:n,dark:c,css:h,sheet:a}}function kt(t,e){const i=function(t){const e=t||{},i=e.preset&&"custom"!==e.preset?T[e.preset]:void 0,s=void 0!==e.primary||void 0!==e.accent,o=i&&!s?i.brand:E(e.primary,et.brand),r=i&&!s?i.accent:E(e.accent,et.accent),a=j.includes(e.neutral)?e.neutral:i&&void 0===e.neutral?i.neutral:"tint",n=Z.includes(e.mode)?e.mode:"light",c=q.includes(e.status)?e.status:"brand",h=X.includes(e.code)?e.code:"dark",u={preset:H(o,r,a)||"custom",primary:o,accent:r,neutral:a,mode:n,resolvedMode:ot(n),status:c,code:h},l=e.statusColors;if("semantic"===c&&l){const t={};E(l.positive)&&(t.positive=E(l.positive)),E(l.warn)&&(t.warn=E(l.warn)),E(l.alert)&&(t.alert=E(l.alert)),Object.keys(t).length&&(u.statusColors=t)}return u}(e),{node:s,sel:o}=ft(t);if(!s)return{...i,selector:z(o,null,i.preset),light:{},dark:{},css:"",dispose(){}};const r=vt(s,i);lt(s);let a=r.light,n=r.dark;if(!r.css&&"custom"!==i.preset){const t=T[i.preset],e=at(i.status,i.statusColors);a=P(t.brand,t.accent,t.neutral,e,!1).T,n=P(t.brand,t.accent,t.neutral,e,!0).T}return{...r.state,selector:r.selector,light:a,dark:n,css:r.css,dispose:()=>ut(s)}}function bt(t){const{node:e,sel:i}=ft(t),s={preset:"shineui",primary:et.brand,accent:et.accent,neutral:"tint",mode:"light",resolvedMode:"light",status:"brand",code:"dark"};if(!e)return s;const o="dark"===e.getAttribute("data-sui-theme"),r=st().get(e);if(r){const t={...r.state,resolvedMode:o?"dark":"light"};return r.state.statusColors&&(t.statusColors={...r.state.statusColors}),t}const a=e.getAttribute("data-sui-preset"),n=a&&_.includes(a)?a:"shineui",c={...s,preset:n,mode:o?"dark":"light",resolvedMode:o?"dark":"light",status:"semantic"===e.getAttribute("data-sui-status")?"semantic":"brand",code:"light"===e.getAttribute("data-sui-code")?"light":"dark"},h=rt(n)?function(t,e,i){const s={};let o;try{o=z(pt(t)||e,t,i)}catch(t){return s}const r=nt(o,!1),a=r?.textContent||"";if(!a)return s;for(const t of tt){const e=RegExp("--sui-theme-"+t+":\\s*([^;\\s]+)").exec(a);e&&(s[t]=e[1])}return s}(e,i,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,et.brand),c.accent=E(h.accent,et.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=Z,yt=["brand","semantic","custom"],wt=["dark","light","auto"],Ct=["primary","accent","surface","status"],Mt=["auto","primary","custom"],St=["compact","panel"],At="sui-theme",zt=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 e{constructor(t){super(),!1!==t&&this.__registerHost(),this.suiThemeChange=i(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:K(void 0,"theme-picker.brand",void 0,"Brand"),value:"brand"},{label:K(void 0,"theme-picker.semantic",void 0,"Semantic"),value:"semantic"},{label:K(void 0,"theme-picker.custom",void 0,"Custom"),value:"custom"}]}codeItems(){return[{label:K(void 0,"theme-picker.dark",void 0,"Dark"),value:"dark"},{label:K(void 0,"theme-picker.light",void 0,"Light"),value:"light"},{label:K(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((e=>e.el===t))&&this.raised.push({el:t,down:g(t)})}lowerOuts(t=[]){this.raised=this.raised.filter((e=>!!t.includes(e.el)||(e.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 e=Array.from(this.flyEl.querySelectorAll(".opt:not([disabled])"));if(!e.length)return;const i=e.indexOf(document.activeElement),s=i=>{t.preventDefault(),t.stopPropagation(),e[(i+e.length)%e.length].focus({preventScroll:!0})};if("ArrowDown"===t.key)return s(i+1);if("ArrowUp"===t.key)return s(i-1);if("Home"===t.key)return s(0);if("End"===t.key)return s(e.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<=e.length;t++){const r=(i+t)%e.length;if((e[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&&(ut(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,e){if(t||!e||"undefined"==typeof document)return;const i=document.activeElement;this.editorEl&&i&&this.editorEl.contains(i)&&this.wellBtns[e]?.focus({preventScroll:!0})}onMenuChange(t,e){if(t)this.menuFocusPending=!0;else if(e&&"undefined"!=typeof document){const t="preset"===e?this.presetAnchor:this.surfaceAnchor,i=document.activeElement;t&&(!i||i===document.body||this.flyEl&&this.flyEl.contains(i))&&(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 e=this.normalizeCurrent();this.commit(this.mergePatch({preset:"shineui",mode:"light",status:t.status?e.status:"brand",code:"dark",primary:t.primary?e.primary:zt.brand,accent:t.accent?e.accent:zt.accent,accentMode:t.accent?e.accentMode:"custom",neutral:t.surface?e.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,zt.brand)}accentHex(){return O(this.primaryHex(),E(this.accentColor,zt.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 e=void 0!==t.preset?this.resolvedPreset(t.preset):this.resolvedPreset();const i=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,zt.brand):this.primaryHex(),c=E(void 0!==t.accent?t.accent:this.accentColor,zt.accent);if("custom"!==e&&T[e]){const i=T[e];void 0!==t.primary||void 0!==t.accent||(n=i.brand,c=i.accent,r="custom"),t.preset&&void 0===t.neutral&&(a=i.neutral)}const h=O(n,c,r,this.accentIdx),u=H(n,h,a);return"custom"===e||u||(e="custom"),"custom"!==e&&u&&(e=u,n=T[u].brand,c=T[u].accent),{preset:e,mode:i,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){ut(t),ht(t),function(t){["data-sui-preset","data-sui-theme","data-sui-status","data-sui-code"].forEach((e=>t.removeAttribute(e)))}(t),st().delete(t)}(this.lastTarget),this.lastTarget=t;const e=this.normalizeCurrent(),i=vt(t,{preset:e.preset,primary:e.primary,accent:e.accent,neutral:e.neutral,mode:e.mode,resolvedMode:ot(e.mode),status:"custom"===e.status?"semantic":e.status,code:this.paintedCode(),statusColors:this.statusColors()});this.lastCss=i.css,lt(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 e=this.normalizeCurrent();try{t.setItem(At,JSON.stringify({preset:e.preset,mode:e.mode,status:e.status,code:e.code,primary:e.primary,accent:e.accent,accentMode:e.accentMode,accentIdx:this.accentIdx,neutral:e.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 e=t.getItem(At);if(!e)return;const i=JSON.parse(e);if(!i||"object"!=typeof i)return;gt.includes(i.preset)&&(this.preset=i.preset),xt.includes(i.mode)&&(this.mode=i.mode),yt.includes(i.status)&&(this.status=i.status),wt.includes(i.code)&&(this.code=i.code),E(i.primary)&&(this.primary=E(i.primary)),E(i.accent)&&(this.accentColor=E(i.accent)),Mt.includes(i.accentMode)&&(this.accentMode=i.accentMode),Number.isFinite(i.accentIdx)&&(this.accentIdx=Number(i.accentIdx)),j.includes(i.neutral)&&(this.neutral=i.neutral),"boolean"==typeof i.positiveAuto&&(this.positiveAuto=i.positiveAuto),"boolean"==typeof i.warnAuto&&(this.warnAuto=i.warnAuto),"boolean"==typeof i.alertAuto&&(this.alertAuto=i.alertAuto),E(i.positive)&&(this.positiveHex=E(i.positive)),E(i.warn)&&(this.warnHex=E(i.warn)),E(i.alert)&&(this.alertHex=E(i.alert)),i.locks&&"object"==typeof i.locks&&(this.locks=Ct.reduce(((t,e)=>({...t,[e]:!0===i.locks[e]})),{primary:!1,accent:!1,surface:!1,status:!1}))}catch(t){}}commit(t,e){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(),e&&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,e=t?"custom":"custom"===this.resolvedStatus()?"semantic":this.resolvedStatus();this.commit(this.mergePatch(t?{preset:"custom",status:e}:{status:e}),!0)}enterCustom(t,e){const i=this.statusHexes();this.positiveAuto&&(this.positiveHex=i.positive),this.warnAuto&&(this.warnHex=i.warn),this.alertAuto&&(this.alertHex=i.alert),"positive"===t&&e?this.positiveHex=e:"warn"===t&&e?this.warnHex=e:"alert"===t&&e&&(this.alertHex=e),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,e){switch(t){case"primary":return e?K(void 0,"theme-picker.unlockPrimary",void 0,"Unlock primary"):K(void 0,"theme-picker.lockPrimary",void 0,"Lock primary");case"accent":return e?K(void 0,"theme-picker.unlockAccent",void 0,"Unlock accent"):K(void 0,"theme-picker.lockAccent",void 0,"Lock accent");case"surface":return e?K(void 0,"theme-picker.unlockSurface",void 0,"Unlock surface"):K(void 0,"theme-picker.lockSurface",void 0,"Lock surface");default:return e?K(void 0,"theme-picker.unlockStatus",void 0,"Unlock status"):K(void 0,"theme-picker.lockStatus",void 0,"Lock status")}}lockBtn(t){const e=this.locks[t],i=this.lockLabel(t,e);return o("sui-tooltip",{content:i,position:"top"},o("button",{type:"button",class:{lockb:!0,on:e},"aria-pressed":e?"true":"false","aria-label":i,disabled:this.disabled,onClick:()=>this.toggleLock(t)},o(n,{glyph:e?c:h})))}pickNamed(t){if(this.disabled)return;const e=T[t],i=this.locks;i.accent||(this.accentIdx=0),i.status||this.clearStatus(),this.menu=null,this.commit(this.mergePatch({preset:t,primary:i.primary?this.primaryHex():e.brand,accent:i.accent?this.accentHex():e.accent,accentMode:i.accent?this.resolvedAccentMode():"custom",neutral:i.surface?this.resolvedNeutral():e.neutral}),!0)}pickNeutral(t){if(this.disabled)return;this.menu=null;const e=this.mergePatch({neutral:t});this.commit(e,!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 e={accentMode:t};"custom"===t&&(e.accent=this.accentHex()),this.leavePair(e)}pickAccentIdx(t){this.disabled||(this.accentIdx=t,this.leavePair({accentMode:"auto"}))}setWell(t,e){if(this.disabled)return;const i=E(e);i&&("primary"===t?this.leavePair({primary:i}):"accent"===t?this.leavePair({accent:i,accentMode:"custom"}):this.enterCustom(t,i))}swap=()=>{if(this.disabled||this.locks.primary||this.locks.accent)return;const t=this.primaryHex(),e=this.accentHex();let i=this.resolvedNeutral();this.locks.surface||("tint"===i?i="tintA":"tintA"===i&&(i="tint")),this.locks.status||this.clearStatus(),this.leavePair({primary:e,accent:t,accentMode:"custom",neutral:i})};surprise=()=>{if(this.disabled)return;const t=B(),e=this.locks;e.accent||(this.accentIdx=t.accentIdx),e.status||this.clearStatus(),this.leavePair({status:e.status?this.resolvedStatus():Math.random()<.5?"brand":"semantic",primary:e.primary?this.primaryHex():t.primary,accent:e.accent?this.accentHex():t.accent,accentMode:e.accent?this.resolvedAccentMode():t.accentMode,neutral:e.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(),e=Math.floor(window.innerHeight-t.top-8);t.bottom>window.innerHeight-8&&e>=160&&(this.bodyEl.style.maxHeight=e+"px");const i=this.bodyEl.getBoundingClientRect(),s=Math.max(8,window.innerWidth-Math.max(i.width,320)-8),o=Math.min(Math.max(8,i.left),s);Math.abs(o-i.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 e=this.host?.querySelector(".dark-mode button");e&&e.setAttribute("aria-pressed","dark"===this.paintedMode()?"true":"false")}hasColorEditor(){return"undefined"!=typeof customElements&&!!customElements.get("sui-color-editor")}openWell(t,e){if(!this.disabled)return this.hasColorEditor()?(this.editor=this.editor===t?null:t,void(this.menu=null)):void e?.click()}onEditorKey=t=>{const e=this.editor;e&&this.editorEl&&A(t,this.editorEl,(()=>{this.editor=null,this.wellBtns[e]?.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 e="function"==typeof t.composedPath?t.composedPath()[0]:t.target;[this.flyEl,this.editorEl].some((t=>!!t&&!!e&&t.contains(e)))||A(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 e=this.normalizeCurrent();return P(e.primary,e.accent,e.neutral,"brand"!==(t||e.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(e.mode))}semanticHexes(){const t=this.normalizeCurrent(),e=this.preview("semantic"),i=this.positiveAuto?e.suggestedPositive||"":E(this.positiveHex,e.suggestedPositive||""),s=this.warnAuto?e.suggestedWarn||"":E(this.warnHex,e.suggestedWarn||""),o=this.alertAuto?e.suggestedAlert||"":E(this.alertHex,e.suggestedAlert||"");return{positive:i||t.primary,warn:s||t.primary,alert:o||t.accent,preview:e}}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(),e=this.statusHexes();return"accent"===this.editor?t.accent:"positive"===this.editor?e.positive:"warn"===this.editor?e.warn:"alert"===this.editor?e.alert:t.primary}modeLabel(){return"dark"===this.paintedMode()?K(void 0,"theme-picker.lightMode",void 0,"Light mode"):K(void 0,"theme-picker.darkMode",void 0,"Dark mode")}modeIcon(){return"dark"===this.paintedMode()?u:l}dots(t,e=!1){const i=t&&"custom"!==t?T[t]:void 0;return e||!i?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":i.brand}}),o("i",{class:"dot tone",style:{"--tone":i.accent}}))}toneDots(t,e){return o("span",{class:"dots","aria-hidden":"true"},o("i",{class:"dot tone",style:{"--tone":t}}),o("i",{class:"dot tone",style:{"--tone":e}}))}wellRow(t,e,i,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:e=>{e&&(this.wellBtns[t]=e)},style:{"--well":e},"aria-label":i,disabled:c,onClick:()=>this.openWell(t,a)}),this.editor===t?this.renderEditorFly():null,o("input",{ref:t=>a=t,class:"natv",type:"color",value:e.toLowerCase(),tabindex:-1,"aria-hidden":"true",disabled:c||s,onInput:e=>this.setWell(t,e.target.value)}),o("input",{class:"hex sui-frame",value:e,spellcheck:!1,"aria-label":i+" hex",disabled:c||s,onChange:e=>this.setWell(t,e.target.value)}),r?o("sui-tooltip",{content:K(void 0,"theme-picker.copyHex",void 0,"Copy hex"),position:"top",tone:n},o("sui-copy-button",{value:e,size:"sm",variant:"ghost",feedback:"icon",disabled:this.disabled,"aria-label":K(void 0,"theme-picker.copyHex",void 0,"Copy hex"),onSuiCopy:this.stopInner})):null)}copyBtn(t){const e="dark"===this.paintedMode()?"light":"brand";return o("sui-tooltip",{content:K(void 0,"theme-picker.copyHex",void 0,"Copy hex"),position:"top",tone:e},o("sui-copy-button",{value:t,size:"sm",variant:"ghost",feedback:"icon",disabled:this.disabled,"aria-label":K(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":K(void 0,"theme-picker.preset",void 0,"Preset"),ref:t=>this.flyEl=t,onKeyDown:this.onListKey},I.map((e=>o("button",{type:"button",class:{opt:!0,on:t.preset===e},role:"option","aria-selected":t.preset===e?"true":"false",disabled:this.disabled,onClick:()=>this.pickNamed(e)},this.dots(e),T[e].name))));const e=N(t.primary,t.accent);return o("div",{key:"list",class:"fly list","data-sui-fly":"menu",role:"listbox","aria-label":K(void 0,"theme-picker.surface",void 0,"Surface"),ref:t=>this.flyEl=t,onKeyDown:this.onListKey},j.map((i=>o("button",{type:"button",class:{opt:!0,on:t.neutral===i},role:"option","aria-selected":t.neutral===i?"true":"false",disabled:this.disabled,onClick:()=>this.pickNeutral(i)},this.toneDots(e[i][0],e[i][1]),U[i].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:e=>{e.stopPropagation();const i=E(e.detail?.hex);i&&i!==t&&this.editor&&this.setWell(this.editor,i)}}))}renderControls(){const t=this.normalizeCurrent(),e=this.statusHexes(),i=this.locks,s=N(t.primary,t.accent),r=F(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":K(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":K(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":K(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"},K(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"},K(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||i.accent,items:this.accentItems,"aria-label":K(void 0,"theme-picker.accent",void 0,"Accent"),onSuiActiveChange:this.onAccentGroupChange,onSuiPick:this.stopInner}),"auto"===t.accentMode?o("div",{class:"chips"},r.map(((t,e)=>o("button",{type:"button",class:{chip:!0,on:this.accentIdx===e},style:{"--well":t},"aria-label":"Accent option "+(e+1),"aria-pressed":this.accentIdx===e?"true":"false",disabled:this.disabled||i.accent,onClick:()=>this.pickAccentIdx(e)}))),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"},K(void 0,"theme-picker.surface",void 0,"Surface")),this.lockBtn("surface")),o("sui-button",{variant:"outline",size:"md",block:!0,disabled:this.disabled||i.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"},U[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"},K(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||i.status,items:this.statusItems(),"aria-label":K(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"},K(void 0,"theme-picker.success",void 0,"Success")),this.wellRow("positive",e.positive,"Success color",this.positiveAuto,!0),o("sui-button",{variant:this.positiveAuto?"brand":"ghost",size:"sm",pill:!0,label:K(void 0,"theme-picker.auto",void 0,"Auto"),disabled:this.disabled||i.status,"aria-pressed":this.positiveAuto?"true":"false",onClick:()=>{this.disabled||i.status||(this.positiveAuto?this.enterCustom("positive",e.positive):(this.positiveAuto=!0,this.commitStatus()))}})),o("div",{class:"semrow"},o("span",{class:"nm"},K(void 0,"theme-picker.warning",void 0,"Warning")),this.wellRow("warn",e.warn,"Warning color",this.warnAuto,!0),o("sui-button",{variant:this.warnAuto?"brand":"ghost",size:"sm",pill:!0,label:K(void 0,"theme-picker.auto",void 0,"Auto"),disabled:this.disabled||i.status,"aria-pressed":this.warnAuto?"true":"false",onClick:()=>{this.disabled||i.status||(this.warnAuto?this.enterCustom("warn",e.warn):(this.warnAuto=!0,this.commitStatus()))}})),o("div",{class:"semrow"},o("span",{class:"nm"},K(void 0,"theme-picker.alert",void 0,"Alert")),this.wellRow("alert",e.alert,"Alert color",this.alertAuto,!0),o("sui-button",{variant:this.alertAuto?"brand":"ghost",size:"sm",pill:!0,label:K(void 0,"theme-picker.auto",void 0,"Auto"),disabled:this.disabled||i.status,"aria-pressed":this.alertAuto?"true":"false",onClick:()=>{this.disabled||i.status||(this.alertAuto?this.enterCustom("alert",e.alert):(this.alertAuto=!0,this.commitStatus()))}})))),o("div",{class:"row"},o("span",{class:"k"},o("span",{class:"kt"},K(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":K(void 0,"theme-picker.code",void 0,"Code"),onSuiActiveChange:this.onCodeGroupChange,onSuiPick:this.stopInner})))}render(){const t="compact"===this.resolvedAppearance(),e=this.normalizeCurrent(),i=!!this.showPresetName;return o(r,{key:"38dc813ca97274ababa46e58322819ce86d9b742",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(e.preset,!0),i?o("span",{class:"grow"},this.namedOf(e.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))||W();break;case"sui-button-group":customElements.get(a(t))||G();break;case"sui-color-editor":customElements.get(a(t))||R();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))||V();break;case"sui-tooltip":customElements.get(a(t))||Q()}}))};export{Et as SuiThemePicker,kt as a,jt as defineCustomElement,bt as r}

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

@@ -1 +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-DQ8DrIvI.js";import{n as o,N as a}from"./p-CMosOB_l.js";import{f as d,i as c,a as m}from"./p-CENCqhRM.js";import{l as h,p as l,h as p,m as f}from"./p-DucZ_I1e.js";import{b as v,p as x,a as g}from"./p-CnbXPlor.js";import{t as b}from"./p-zJY3XdX8.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,C=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,C as defineCustomElement}
+import{p as i,H as e,c as s,f as t,h as n,a as r,t as u}from"./p-DQ8DrIvI.js";import{n as o,N as a}from"./p-CxiKPsZq.js";import{f as d,i as c,a as m}from"./p-xL1CQMSR.js";import{l as h,p as l,h as p,m as f}from"./p-pmocrH9J.js";import{b as v,p as x,a as g}from"./p-B2OoQiUx.js";import{t as b}from"./p-B9w_Mzy2.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:"2e3528d3d2e424322a60e8cac19b7217138f44a1"},n("div",{key:"37e72a3c59f5f141c89e5d5207f7a813d9b4b64b",class:{root:!0,card:"card"===this.variant}},n(a,{key:"4a96397094cc36dc85725f72f1f7b35d9e590b0d",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.js

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

package/dist/components/sui-timeline.js

@@ -1 +1 @@
-import{p as i,H as e,h as t,a as s,t as n}from"./p-DQ8DrIvI.js";import{G as l,L as r}from"./p-BJFE-_50.js";import{S as a}from"./p-B_eRhN2r.js";import{S as o}from"./p-DRMr6xXH.js";import{c,m as u}from"./p-q0JbXN8q.js";import{d}from"./p-6YJ2naCL.js";const m=Symbol("threw"),v=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"]}]),p=v,f=function(){"undefined"!=typeof customElements&&["sui-timeline","sui-avatar"].forEach((i=>{switch(i){case"sui-timeline":customElements.get(n(i))||customElements.define(n(i),v);break;case"sui-avatar":customElements.get(n(i))||d()}}))};export{p as SuiTimeline,f as defineCustomElement}
+import{p as i,H as e,h as t,a as s,t as n}from"./p-DQ8DrIvI.js";import{G as l,L as r}from"./p-B-Bh5OXe.js";import{S as a}from"./p-B1B3zkzC.js";import{S as o}from"./p-DRMr6xXH.js";import{c,m as u}from"./p-q0JbXN8q.js";import{d}from"./p-PWh0XRW8.js";const m=Symbol("threw"),v=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)}[align].sc-sui-timeline-h{text-align:inherit}.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"]}]),p=v,f=function(){"undefined"!=typeof customElements&&["sui-timeline","sui-avatar"].forEach((i=>{switch(i){case"sui-timeline":customElements.get(n(i))||customElements.define(n(i),v);break;case"sui-avatar":customElements.get(n(i))||d()}}))};export{p as SuiTimeline,f as defineCustomElement}

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

@@ -1 +1 @@
-import{p as t,H as s,c as o,h as i,a,t as e}from"./p-DQ8DrIvI.js";import{r as n}from"./p-DRMr6xXH.js";import{G as c,x as r}from"./p-BJFE-_50.js";import{S as h}from"./p-B_eRhN2r.js";import{a as u}from"./p-BuyjS5bS.js";import{p as l,o as d}from"./p-CnbXPlor.js";import{h as p}from"./p-CI7gh4Gk.js";import{defineCustomElement as m}from"./p-BvdUUYyb.js";import{d as f}from"./p-DHkfcILx.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}
+import{p as t,H as s,c as o,h as i,a,t as e}from"./p-DQ8DrIvI.js";import{r as n}from"./p-DRMr6xXH.js";import{G as r,x as c}from"./p-B-Bh5OXe.js";import{S as h}from"./p-B1B3zkzC.js";import{a as u}from"./p-BuyjS5bS.js";import{p as l,o as d}from"./p-B2OoQiUx.js";import{h as p}from"./p-C1VtWIOq.js";import{defineCustomElement as m}from"./p-B9Up7ULt.js";import{d as f}from"./p-Bppdhan-.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:"8debd72bd4650f3bf27e220dd5da7f3800b81d68"},t.title),t.detail?i("div",null,t.detail):null);return i(a,{key:"fe55edb367d5c75d056fbc397d52a31b67f59e34"},i("div",{key:"65458211004f370dc879eead021c1109ffd5ef2c",class:"announce polite",role:"status","aria-live":"polite","aria-atomic":"false"},this.spoken.filter((t=>!t.critical)).map(s)),i("div",{key:"4908327fb8d5b0319435d390ff8204f1a4884628",class:"announce assertive",role:"alert","aria-live":"assertive","aria-atomic":"false"},this.spoken.filter((t=>t.critical)).map(s)),i("div",{key:"b41b0d5cb29284457cbe745a7401de1a15c822e4",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(r,{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(r,{glyph:c})))}))))}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.js

@@ -1 +1 @@
-import{p as t,H as o,c as s,h as i,t as e}from"./p-DQ8DrIvI.js";import{d as n,F as r}from"./p-CvjYVNw7.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,e=h.includes(this.size)?this.size:"md";return i(r,{key:"155361652d30c5eed271c7321ba773daf99bf9e9",help:this.help,error:this.error,descId:this.fieldId},i("button",{key:"a5b2d09a7657aa801425c8ffe5a938756b709d5e",ref:t=>this.btn=t,type:"button",class:{"sui-toggle-btn":!0,[e]:!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?i("i",{class:o+" icon","aria-hidden":"true"}):null,i("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}]}]),v=f,m=function(){"undefined"!=typeof customElements&&["sui-toggle-button"].forEach((t=>{"sui-toggle-button"===t&&(customElements.get(e(t))||customElements.define(e(t),f))}))};export{v as SuiToggleButton,m as defineCustomElement}
+import{p as t,H as o,c as s,h as e,t as i}from"./p-DQ8DrIvI.js";import{d as n,F as r}from"./p-DWUWsh4I.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:"dc39e25791dccc9b7ae8a95c6acd092c4f4397e4",help:this.help,error:this.error,descId:this.fieldId},e("button",{key:"c4aed3b907c71e0d30d61284f9369eda830424ed",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:"a8607cfef732fab72a5bb2d6e921fb0764eeba68",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.js

@@ -1 +1 @@
-import{p as s,H as i,c as t,h as e,t as o}from"./p-DQ8DrIvI.js";import{d as c,F as l}from"./p-CvjYVNw7.js";import{u as r}from"./p-U06fVoGD.js";import{i as n}from"./p-Cs2X0Kih.js";import{i as a,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(){a(this.host,this.internals),h(this.host,(()=>this.input)),this.stopAria?.(),this.stopAria=n(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}
+import{p as s,H as i,c as t,h as e,t as o}from"./p-DQ8DrIvI.js";import{d as c,F as l}from"./p-DWUWsh4I.js";import{u as r}from"./p-U06fVoGD.js";import{i as a}from"./p-wknHx00K.js";import{i as n,d as h,s as g,r as d}from"./p-BHB1Wprj.js";import{f as u}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),d(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=u(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:"f98662e910f898ab3b0b313891e523ddc5923522",help:this.help,error:this.error,descId:this.fieldId},e("label",{key:"2c97f07243a496dc38d63c7777b99789c5be3318",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:"c989fc44215ef128b38b0277b0d60d330602a9d2",class:"ctl"},e("input",{key:"26b6025c13ba9e694e3a384ba4b7a4ecbfa4ddb1",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:"0aa50a9f80eed31acd85ab4e8f8de1f58fdf57bb",class:"track","aria-hidden":"true"},e("span",{key:"bccece745a8a4dce7035b5de08816e049964c25f",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.js

@@ -1 +1 @@
-import{p as s,H as a,h as r,a as e,t}from"./p-DQ8DrIvI.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}
+import{p as s,H as a,h as e,a as r,t}from"./p-DQ8DrIvI.js";import{d as o}from"./p-BHB1Wprj.js";import{r as i}from"./p-BnZU02lM.js";import{o as d}from"./p-BWkzTEZX.js";const n="button, a[href], select",c=["plain","card","flush"],l=["surface","canvas","sunken","brand"],b=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(n)).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=d(this.host,(()=>this.arm()))}arm(){this.disposeRoving?.(),this.disposeRoving=i(this.host,n,"horizontal")}render(){const s=c.includes(this.variant)?this.variant:"plain",a=this.tone&&l.includes(this.tone)?this.tone:void 0,t="brand"===a;return e(r,{key:"2b80bae87a5d3ced2775416cc635354abd99b3ad",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}},e("div",{key:"44b050c9ffb512bd2439d6fed6708b57469fd9e5",class:"group start"},e("slot",{key:"6ddf2f3b9de4adffe21cd342274657ee9414db8f",name:"start"})),e("div",{key:"3a2b6e1acb2307c22e2b65902dc7f304d1afbfa1",class:"group center"},e("slot",{key:"40f9547184977e868aa9584e741668186165df15",name:"center"})),e("div",{key:"9faab94997bc17ad9dd94ebeead247cc4810405a",class:"group end"},e("slot",{key:"29a4d9bcb73988aed671f2247ae660ae4f7ceefa",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]}]),u=b,h=function(){"undefined"!=typeof customElements&&["sui-toolbar"].forEach((s=>{"sui-toolbar"===s&&(customElements.get(t(s))||customElements.define(t(s),b))}))};export{u as SuiToolbar,h as defineCustomElement}

package/dist/components/sui-tooltip.js

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