@shineuix/ssr 0.0.0-stage → 1.0.1

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

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

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

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

package/dist/components/sui-paginator.js

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

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

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

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

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

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

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

package/dist/components/sui-panel.js

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

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

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

package/dist/components/sui-password.js

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

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

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

package/dist/components/sui-persona.js

@@ -0,0 +1 @@
+import{p as s,H as e,h as a,a as i,t as n}from"./p-CeVlau-G.js";import{d as t}from"./p-qtQ1008P.js";const r=["regular","medium","semibold","bold","heavy"],o=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}name="";secondary;initials;src;size="md";accent=!1;meta;inverse=!1;weight;render(){const s=this.weight&&r.includes(this.weight)?this.weight:void 0;return a(i,{key:"0f8845e5d581bdeb55462e9aa06c8e555c0d665c"},a("span",{key:"90765004dd88a79d87a9b68a967045c4c2e249fd",class:{"sui-persona":!0,inverse:this.inverse}},a("sui-avatar",{key:"ec1f4114b1a773f9b8cec64993d984926bfb9066",name:this.name,initials:this.initials,src:this.src,size:this.size,accent:this.accent}),a("span",{key:"42b9fe47624c97ca846ee20de0f30411e650a509",class:"text"},a("span",{key:"116558fe10ee2c695b50c0e7864c309f9714bac2",class:{name:!0,["weight-"+s]:!!s}},this.name),this.secondary?a("span",{class:"secondary"},this.secondary):null),this.meta?a("span",{class:"meta"},this.meta):null))}static get style(){return".sc-sui-persona-h{display:inline-flex;min-width:0;max-width:100%;vertical-align:middle;font-family:var(--font-sans)}.sui-persona.sc-sui-persona{display:inline-flex;align-items:center;gap:10px;min-width:0;max-width:100%}.text.sc-sui-persona{min-width:0}.name.sc-sui-persona{display:block;font-size:13.5px;font-weight:640;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.name.weight-regular.sc-sui-persona{font-weight:var(--w-regular)}.name.weight-medium.sc-sui-persona{font-weight:var(--w-medium)}.name.weight-semibold.sc-sui-persona{font-weight:var(--w-semibold)}.name.weight-bold.sc-sui-persona{font-weight:var(--w-bold)}.name.weight-heavy.sc-sui-persona{font-weight:var(--w-heavy)}.secondary.sc-sui-persona{display:block;font-size:12px;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta.sc-sui-persona{margin-inline-start:auto;padding-inline-start:10px;font-size:11.5px;color:var(--ink-faint);white-space:nowrap}.sui-persona.inverse.sc-sui-persona{--sui-avatar-bg:color-mix(in srgb, var(--ink-inverse) 16%, transparent);--sui-avatar-ink:var(--ink-inverse)}.sui-persona.inverse.sc-sui-persona .name.sc-sui-persona{color:var(--brand-contrast)}.sui-persona.inverse.sc-sui-persona .secondary.sc-sui-persona{color:var(--brand-contrast)}.sui-persona.inverse.sc-sui-persona .meta.sc-sui-persona{color:var(--ink-inverse-faint)}"}},[514,"sui-persona",{name:[1],secondary:[1],initials:[1],src:[1],size:[513],accent:[516],meta:[1],inverse:[516],weight:[513]}]),c=o,l=function(){"undefined"!=typeof customElements&&["sui-persona","sui-avatar"].forEach((s=>{switch(s){case"sui-persona":customElements.get(n(s))||customElements.define(n(s),o);break;case"sui-avatar":customElements.get(n(s))||t()}}))};export{c as SuiPersona,l as defineCustomElement}

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

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

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

@@ -0,0 +1 @@
+import{p as i,H as s,c as t,h as e,a as r,t as o}from"./p-CeVlau-G.js";import{G as l,W as a,k as c,af as n,z as d,y as u,q as h,ao as p,r as v,w as k,f,an as g,o as b}from"./p-BeYfX4rQ.js";import{r as x,s as m,R as w}from"./p-BglXr2C4.js";import{u as y}from"./p-U06fVoGD.js";import{c as z}from"./p-qut9RP2y.js";import{a as H,l as j}from"./p-BuyjS5bS.js";import{i as S}from"./p-GAnFXayY.js";import{d as D}from"./p-BHB1Wprj.js";import{d as C}from"./p-qtQ1008P.js";const T=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiSourceChange=t(this,"suiSourceChange",3),this.suiTargetChange=t(this,"suiTargetChange",3),this.suiSelectionChange=t(this,"suiSelectionChange",3)}get host(){return this}sourceHeading;targetHeading;source=[];target=[];selection=[];height=240;noDrag=!1;dragOnly=!1;selectionMode="single";filter=!1;emptyMessage;emptyFilterMessage;loading=!1;breakpoint=640;suiSourceChange;suiTargetChange;suiSelectionChange;focused={s:-1,t:-1};drag=null;over=null;lifted=null;live="";query={s:"",t:""};stacked=!1;resizeObserver;fieldId=y("sui-pick-list");rowEls={s:[],t:[]};pendingFocus=null;snapshot;loaded=!1;onLists(){this.lifted&&this.lifted.idx>=this.listOf(this.lifted.side).length&&(this.lifted=null),["s","t"].forEach((i=>{const s=this.listOf(i).length;this.focused[i]>=s&&(this.focused={...this.focused,[i]:s?s-1:-1})}))}connectedCallback(){D(this.host,(()=>{const i=this.selSide()||"s";return this.rowEls[i][this.tabRow(i)]})),this.loaded&&this.watchWidth(!0)}componentDidLoad(){this.loaded=!0,this.watchWidth()}watchWidth(i=!1){if(this.resizeObserver?.disconnect(),this.resizeObserver=void 0,"undefined"==typeof ResizeObserver)return;const s=i=>{this.stacked=this.breakpoint>0&&i>0&&i<this.breakpoint};this.resizeObserver=new ResizeObserver((i=>s(i.length?i[0].contentRect.width:this.host.clientWidth||0))),this.resizeObserver.observe(this.host),i&&Promise.resolve().then((()=>{this.host.isConnected&&s(this.host.clientWidth||0)}))}disconnectedCallback(){this.resizeObserver?.disconnect(),this.resizeObserver=void 0}componentDidRender(){this.pendingFocus&&(this.focusRow(this.pendingFocus),this.pendingFocus=null)}async setFocus(){const i=this.selSide()||"s";this.focusRow({side:i,idx:this.tabRow(i)})}get boxes(){return"checkbox"===this.selectionMode}focusRow(i){const s=this.rowEls[i.side][i.idx];s&&"function"==typeof s.focus&&s.focus()}listOf(i){return("s"===i?this.source:this.target)||[]}nameOf(i){return"s"===i?H(void 0,"pick-list.sourceHeading",this.sourceHeading,"Available"):H(void 0,"pick-list.targetHeading",this.targetHeading,"Selected")}filtering(i){return this.filter&&this.query[i].trim().length>0}visible(i){const s=this.listOf(i),t=s.map(((i,s)=>s));if(!this.filtering(i))return t;const e=this.query[i].trim().toLowerCase();return t.filter((i=>x(s[i],e)))}holding(i){const s=this.selection||[];if(!s.length)return[];const t=[];return this.listOf(i).forEach(((i,e)=>{s.includes(i.value)&&t.push(e)})),t}selSide(){return this.holding("s").length?"s":this.holding("t").length?"t":null}picked(i){if(this.selSide()!==i)return[];const s=this.holding(i);return this.boxes?s:s.slice(0,1)}tabRow(i){const s=this.visible(i),t=this.picked(i),e=this.boxes||!t.length?this.focused[i]:t[0];return s.includes(e)?e:s.length?s[0]:0}setSel(i,s){const t=this.listOf(i),e=s.slice().sort(((i,s)=>i-s)).map((i=>t[i].value));m(e,this.selection)||(this.selection=e,this.suiSelectionChange.emit(e))}select(i,s){this.setSel(i,[s])}toggle(i,s){const t=this.picked(i);this.setSel(i,t.includes(s)?t.filter((i=>i!==s)):t.concat([s]))}toggleAll(i){const s=this.visible(i);if(!s.length)return;const t=this.picked(i),e=s.every((i=>t.includes(i)));this.setSel(i,e?t.filter((i=>!s.includes(i))):t.concat(s.filter((i=>!t.includes(i)))))}commit(i){const s=!this.same(i.s,this.listOf("s")),t=!this.same(i.t,this.listOf("t"));this.source=i.s,this.target=i.t,s&&this.suiSourceChange.emit(i.s),t&&this.suiTargetChange.emit(i.t)}same(i,s){return i.length===s.length&&i.every(((i,t)=>i===s[t]))}moveItem(i,s,t){const e={s:this.listOf("s").slice(),t:this.listOf("t").slice()},[r]=e[i.side].splice(i.idx,1),o=z(t,0,e[s].length);return e[s].splice(o,0,r),{lists:e,idx:o}}moveSel(i){const s=i>0?"s":"t",t=this.picked(s);if(!t.length)return;const e="s"===s?"t":"s",r=t.map((i=>this.listOf(s)[i])),o=this.listOf(s).filter(((i,s)=>!t.includes(s))),l=this.listOf(e).length,a=this.listOf(e).concat(r);this.commit("s"===s?{s:o,t:a}:{s:a,t:o}),this.live=1===r.length?j(void 0,"pick-list.movedTo",void 0,"{item} moved to {list}.",{item:r[0].label,list:this.nameOf(e)}):j(void 0,"pick-list.movedManyTo",void 0,"{n} rows moved to {list}.",{n:r.length,list:this.nameOf(e)}),this.focused={...this.focused,[e]:l},this.pendingFocus={side:e,idx:l}}moveAll(i){const s=i>0?"t":"s",t=this.listOf(s).length;this.commit(i>0?{s:[],t:this.listOf("t").concat(this.listOf("s"))}:{s:this.listOf("s").concat(this.listOf("t")),t:[]}),this.focused={...this.focused,[s]:t},this.pendingFocus={side:s,idx:t}}resetDrag=()=>{this.drag=null,this.over=null};onDragStart(i,s,t){if(this.drag={side:s,idx:t},this.focused={...this.focused,[s]:t},this.boxes||this.select(s,t),i.dataTransfer){i.dataTransfer.effectAllowed="move";try{i.dataTransfer.setData("text/plain",this.listOf(s)[t].label)}catch{}}}onRowDragOver(i,s,t){if(this.noDrag||this.filtering(s))return;i.preventDefault();const e=i.currentTarget.getBoundingClientRect();this.over={side:s,idx:i.clientY<e.top+e.height/2?t:t+1}}onShellDragOver(i,s){this.filtering(s)||(i.preventDefault(),this.over&&this.over.side===s||(this.over={side:s,idx:this.listOf(s).length}))}onDrop=i=>{i.preventDefault();const s=this.drag,t=this.over;if(this.resetDrag(),!s||!t)return;const e=s.side===t.side&&t.idx>s.idx?t.idx-1:t.idx;if(s.side===t.side&&e===s.idx)return void(this.boxes||this.select(s.side,s.idx));const r=this.moveItem(s,t.side,e);this.focused={...this.focused,[t.side]:r.idx},this.commit(r.lists)};onKey(i,s,t){const e=!!this.lifted&&this.lifted.side===s&&this.lifted.idx===t,r="s"===s?"t":"s",o=this.visible(s),l=o.indexOf(t),a=(r,a)=>{i.preventDefault(),this.stacked&&null==a&&("s"===s&&r>0&&l===o.length-1||"t"===s&&r<0&&0===l)?c():e?this.moveLifted(s,null!=a?a<0?0:this.listOf(s).length-1:t+r):this.focusAt(s,null!=a?a<0?o[0]:o[o.length-1]:o[l+r]??(r<0?o[0]:o[o.length-1]))},c=()=>{if(i.preventDefault(),e)this.moveLifted(r,this.listOf(r).length);else{const i=this.visible(r);if(!i.length)return;const s=this.tabRow(r);this.focusAt(r,i.includes(s)?s:i[0])}},n=()=>{i.preventDefault(),e?this.dropLifted():this.lift(s,t)};switch(i.key){case" ":case"Spacebar":i.preventDefault(),this.boxes?(this.focused={...this.focused,[s]:t},this.toggle(s,t)):n();break;case"Enter":n();break;case"ArrowDown":a(1);break;case"ArrowUp":a(-1);break;case"Home":a(0,-1);break;case"End":a(0,1);break;case"ArrowRight":s===(S(this.host)?"t":"s")&&c();break;case"ArrowLeft":s===(S(this.host)?"s":"t")&&c();break;case"Escape":e&&(i.preventDefault(),this.cancelLift())}}focusAt(i,s){null!=s&&(this.focused={...this.focused,[i]:s},this.boxes||this.select(i,s),this.focusRow({side:i,idx:s}))}lift(i,s){this.filtering(i)?this.live=j(void 0,"pick-list.paneFilterHeld",void 0,"Clear the {list} filter to move rows inside it.",{list:this.nameOf(i)}):(this.lifted={side:i,idx:s},this.focused={...this.focused,[i]:s},this.boxes||this.select(i,s),this.snapshot={s:this.listOf("s").slice(),t:this.listOf("t").slice()},this.live=j(void 0,"pick-list.lifted",void 0,"{item} lifted. Use the arrow keys to move it, then drop it.",{item:this.listOf(i)[s].label}))}moveLifted(i,s){const t=this.lifted,e=this.listOf(t.side)[t.idx].label;if(i===t.side){const r=this.listOf(t.side).length,o=z(s,0,r-1);if(o===t.idx)return void(this.live=0===o?j(void 0,"pick-list.atTop",void 0,"{item} is already at the top.",{item:e}):j(void 0,"pick-list.atBottom",void 0,"{item} is already at the bottom.",{item:e}));const l=this.moveItem(t,i,o),a={side:i,idx:l.idx};return this.commit(l.lists),this.lifted=a,this.pendingFocus=a,this.focused={...this.focused,[i]:a.idx},void(this.live=j(void 0,"pick-list.moved",void 0,"{item} moved to position {n} of {count}.",{item:e,n:l.idx+1,count:r}))}const r=this.moveItem(t,i,s),o={side:i,idx:r.idx};this.commit(r.lists),this.lifted=o,this.pendingFocus=o,this.focused={...this.focused,[i]:o.idx},this.live=j(void 0,"pick-list.movedAcross",void 0,"{item} moved to {list}, position {n} of {count}.",{item:e,list:this.nameOf(i),n:r.idx+1,count:this.listOf(i).length})}dropLifted(){const i=this.lifted;this.lifted=null,this.snapshot=void 0,this.live=j(void 0,"pick-list.droppedIn",void 0,"{item} dropped in {list} at position {n} of {count}.",{item:this.listOf(i.side)[i.idx].label,list:this.nameOf(i.side),n:i.idx+1,count:this.listOf(i.side).length})}cancelLift(){const i=this.lifted,s=this.snapshot,t=this.listOf(i.side)[i.idx];let e=i.side;if(this.lifted=null,this.snapshot=void 0,s&&(!this.same(s.s,this.listOf("s"))||!this.same(s.t,this.listOf("t")))){e=s.s.includes(t)?"s":"t";const i={side:e,idx:Math.max(0,s[e].indexOf(t))};this.pendingFocus=i,this.focused={...this.focused,[e]:i.idx},this.commit(s)}this.live=j(void 0,"pick-list.canceledTo",void 0,"Move canceled. {item} returned to {list}.",{item:t.label,list:this.nameOf(e)})}ctrl(i,s,t,r){return e("button",{type:"button",class:"sui-rl-ctrl","aria-label":s,disabled:r,onClick:t},e(l,{glyph:i}))}onRowClick(i,s){this.focused={...this.focused,[i]:s},this.boxes?this.toggle(i,s):this.select(i,s)}pane(i){const s=this.listOf(i),t=`${this.fieldId}-${i}`,r=this.visible(i),o=this.tabRow(i),u=!this.noDrag,h=!!this.drag&&!!this.over&&this.over.side===i,p=this.picked(i),v=r.filter((i=>p.includes(i))).length,k=r.length>0&&v===r.length,f=v>0&&!k,g={},b=[],x=this.filtering(i),m=this.nameOf(i),y=this.loading?H(void 0,"pick-list.loading",void 0,"Loading"):0!==r.length||this.drag?"":x?H(void 0,"pick-list.emptyFilter",this.emptyFilterMessage,"No matches."):H(void 0,"pick-list.empty",this.emptyMessage,"Nothing here yet.");return this.rowEls[i]=[],this.loading||r.forEach((t=>{const r=s[t];h&&this.over.idx===t&&b.push(e("li",{class:"sui-rl-dropline",role:"presentation",key:`${i}dl${t}`}));const n=r.value+"",d=g[n]=(g[n]||0)+1,v=p.includes(t);b.push(e("li",{key:d>1?`${n}#${d}`:n,ref:s=>{s&&(this.rowEls[i][t]=s)},class:{"sui-rl-row":!0,selected:v,dragging:!!this.drag&&this.drag.side===i&&this.drag.idx===t,lifted:!!this.lifted&&this.lifted.side===i&&this.lifted.idx===t,static:!u||x},role:"option","aria-selected":v?"true":"false",tabIndex:t===o?0:-1,draggable:u&&!x,onClick:()=>this.onRowClick(i,t),onKeyDown:s=>this.onKey(s,i,t),onDragStart:s=>this.onDragStart(s,i,t),onDragEnd:this.resetDrag,onDragOver:s=>this.onRowDragOver(s,i,t)},this.boxes?e("span",{class:{"sui-rl-box":!0,on:v},"aria-hidden":"true"},v?e(l,{glyph:c}):null):null,e(l,{glyph:a,class:"grip"}),e(w,{item:r,avatar:r.avatar||r.initials?e("sui-avatar",{class:"sui-list-avatar",src:r.avatar,initials:r.initials,size:"sm","aria-hidden":"true"}):void 0})))})),h&&this.over.idx===s.length&&r.length>0&&b.push(e("li",{class:"sui-rl-dropline",role:"presentation",key:i+"dlend"})),e("div",{class:{pane:!0,["s"===i?"source":"target"]:!0}},e("div",{class:"sui-rl-header",id:t},this.nameOf(i),e("span",{class:"count"},"(",s.length,")")),this.filter?e("div",{class:"sui-rl-filter sui-frame"},e(l,{glyph:d}),e("input",{type:"text",placeholder:H(void 0,"pick-list.filterPlaceholder",void 0,"Filter"),"aria-label":j(void 0,"pick-list.filter",void 0,"Filter {list}",{list:m}),value:this.query[i],onInput:s=>this.query={...this.query,[i]:s.target.value}})):null,this.boxes?e("button",{type:"button",class:"sui-rl-all",role:"checkbox","aria-checked":k?"true":f?"mixed":"false","aria-label":j(void 0,"pick-list.selectAllIn",void 0,"Select all {list}",{list:m}),disabled:0===r.length||this.loading,onClick:()=>this.toggleAll(i)},e("span",{class:{"sui-rl-box":!0,on:k,mixed:f},"aria-hidden":"true"},k?e(l,{glyph:c}):null,f?e(l,{glyph:n}):null),e("span",null,H(void 0,"pick-list.selectAll",void 0,"Select all"))):null,e("ol",{class:"sui-rl-shell pane-list",role:"listbox","aria-multiselectable":this.boxes?"true":null,"aria-labelledby":t,"aria-describedby":y?`${this.fieldId}-${i}-empty ${this.fieldId}-hint`:this.fieldId+"-hint","aria-busy":this.loading?"true":null,style:{maxHeight:this.height+"px"},onDragOver:u&&!this.loading?s=>this.onShellDragOver(s,i):void 0,onDrop:u&&!this.loading?this.onDrop:void 0},y?e("li",{class:"sui-rl-empty empty",id:`${this.fieldId}-${i}-empty`,role:"presentation","aria-hidden":"true"},y):null,0===r.length&&this.drag?e("li",{class:{"drop-here":!0,over:h},role:"presentation","aria-hidden":"true"},H(void 0,"pick-list.dropHere",void 0,"Drop here")):null,b))}render(){const i=this.picked("s").length>0&&!this.loading,s=this.picked("t").length>0&&!this.loading,t=this.loading,o=this.stacked?{one:u,all:p}:{one:h,all:v},l=this.stacked?{one:k,all:g}:{one:f,all:b};return e(r,{key:"18fcc8f51cea3774bf06bc330ca3d546ca476693"},e("div",{key:"c805c7c1d32ce1715467d15c22d3b1c3d2c33590",class:{wrap:!0,stacked:this.stacked}},this.pane("s"),this.dragOnly?null:e("div",{class:"sui-rl-ctrls"},this.ctrl(o.one,H(void 0,"pick-list.moveToSelected",void 0,"Move to selected"),(()=>this.moveSel(1)),!i),this.ctrl(o.all,H(void 0,"pick-list.moveAll",void 0,"Move all"),(()=>this.moveAll(1)),t||0===this.listOf("s").length),this.ctrl(l.one,H(void 0,"pick-list.remove",void 0,"Remove"),(()=>this.moveSel(-1)),!s),this.ctrl(l.all,H(void 0,"pick-list.removeAll",void 0,"Remove all"),(()=>this.moveAll(-1)),t||0===this.listOf("t").length)),this.pane("t")),e("div",{key:"36c2eb060d54db1d933d3d2b7be75627ca3da7e7",class:"sui-rl-live",id:this.fieldId+"-hint"},this.boxes?H(void 0,"pick-list.hintBoxes",void 0,"Press Space to check a row, Enter to lift it, and the arrow keys to move it between and within the lists."):H(void 0,"pick-list.hint",void 0,"Press Space to lift a row, the arrow keys to move it between and within the lists, and Space to drop it.")),e("div",{key:"5842ece0d6ebd92ec0a4281d464eb5082bc541ed",class:"sui-rl-live","aria-live":"assertive","aria-atomic":"true"},this.live))}static get watchers(){return{source:[{onLists:0}],target:[{onLists:0}]}}static get style(){return".sc-sui-pick-list-h{display:block;position:relative;font-family:var(--font-sans);color:var(--ink)}.wrap.sc-sui-pick-list{display:flex;gap:12px;align-items:stretch}.wrap.stacked.sc-sui-pick-list{flex-direction:column}.wrap.stacked.sc-sui-pick-list .sui-rl-ctrls.sc-sui-pick-list{flex-direction:row;justify-content:center}.pane.sc-sui-pick-list{flex:1;min-width:0}.pane-list.sc-sui-pick-list{min-height:120px}.sui-rl-ctrl.sc-sui-pick-list .sui-glyph.sc-sui-pick-list:dir(rtl){transform:scaleX(-1)}.wrap.stacked.sc-sui-pick-list .sui-rl-ctrl.sc-sui-pick-list .sui-glyph.sc-sui-pick-list:dir(rtl){transform:none}.drop-here.sc-sui-pick-list{list-style:none;padding:14px 10px;margin:2px;font-size:12px;color:var(--accent-ink);text-align:center;border:1.5px dashed var(--accent);border-radius:var(--radius-md)}.drop-here.over.sc-sui-pick-list{background:var(--accent-soft);color:var(--accent-soft-ink)}@media (forced-colors: active){.drop-here.sc-sui-pick-list{border-color:Highlight}.drop-here.over.sc-sui-pick-list{forced-color-adjust:none;background:Highlight;color:HighlightText}}.sui-frame.sc-sui-pick-list{box-sizing:border-box;background:var(--sui-field-bg, var(--surface));border:1px solid var(--sui-field-border, var(--control-border));border-radius:var(--sui-field-radius, var(--radius-md));box-shadow:none;outline:none;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-frame.sc-sui-pick-list:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-pick-list,.sui-frame.readonly.sc-sui-pick-list{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-pick-list:focus-within,.sui-frame.focus.sc-sui-pick-list,.sui-frame.open.sc-sui-pick-list{border-color:var(--sui-field-border, var(--focus-ring));outline:var(--sui-field-edge, 1px solid var(--focus-ring));outline-offset:-2px;box-shadow:var(--sui-field-halo, 0 0 0 3px var(--focus-halo))}.sui-frame.invalid.sc-sui-pick-list{border-color:var(--sui-field-border, var(--danger));outline:var(--sui-field-edge, 1px solid var(--danger));outline-offset:-2px}.sui-frame.invalid.sc-sui-pick-list:focus-within,.sui-frame.invalid.focus.sc-sui-pick-list,.sui-frame.invalid.open.sc-sui-pick-list{outline-width:2px;outline-offset:-3px;box-shadow:var(--sui-field-halo, 0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent))}.sui-frame.sc-sui-pick-list:disabled,.sui-frame.disabled.sc-sui-pick-list{--ink-muted:var(--disabled-ink);--ink-faint:var(--disabled-ink);border-color:var(--sui-field-border, var(--border));outline:none;box-shadow:none;background:var(--sui-field-bg, var(--disabled-bg));color:var(--disabled-ink);cursor:not-allowed}.sui-input.sc-sui-pick-list{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-pick-list::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-pick-list{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-pick-list{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-pick-list{height:var(--sui-field-height, var(--control-lg));padding:0 var(--control-pad-x);font-size:14px}@media (forced-colors: active){.sui-frame.sc-sui-pick-list:focus-within,.sui-frame.focus.sc-sui-pick-list,.sui-frame.open.sc-sui-pick-list{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-pick-list:disabled,.sui-frame.disabled.sc-sui-pick-list{color:GrayText;border-color:GrayText}}.sev.sc-sui-pick-list{width:26px;height:26px;border-radius:50%;flex-shrink:0;margin-top:1px;display:inline-flex;align-items:center;justify-content:center}.sev.sc-sui-pick-list i.sc-sui-pick-list,.sev.sc-sui-pick-list .sui-glyph.sc-sui-pick-list{font-size:11px}.sev.positive.sc-sui-pick-list{background:var(--status-positive-bg);color:var(--status-positive-ink)}.sev.attention.sc-sui-pick-list{background:var(--status-attention-bg);color:var(--status-attention-ink)}.sev.critical.sc-sui-pick-list{background:var(--danger-soft);color:var(--danger)}.sev.info.sc-sui-pick-list{background:var(--surface-sunken);color:var(--ink-muted)}.sev.neutral.sc-sui-pick-list{background:var(--status-neutral-bg);color:var(--status-neutral-ink)}.sev.icon.sc-sui-pick-list{background:var(--surface-sunken);color:var(--ink-muted)}.sui-list-avatar.sc-sui-pick-list{flex-shrink:0;margin-top:1px}.text.sc-sui-pick-list{flex:1;min-width:0}.title-row.sc-sui-pick-list{display:flex;align-items:center;gap:6px;min-width:0}.title.sc-sui-pick-list{font-size:12.5px;font-weight:620;min-width:0}.unread.sc-sui-pick-list .title.sc-sui-pick-list{font-weight:700}.dot.sc-sui-pick-list{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-inline-start:auto}.meta.sc-sui-pick-list{flex-shrink:0;margin-inline-start:auto;font-size:11px;color:var(--ink-muted);font-feature-settings:'tnum';white-space:nowrap}.dot.sc-sui-pick-list+.sr-only.sc-sui-pick-list+.meta.sc-sui-pick-list,.dot.sc-sui-pick-list+.meta.sc-sui-pick-list{margin-inline-start:0}.detail.sc-sui-pick-list{display:block;font-size:11.5px;color:var(--ink-muted);line-height:1.45;margin-top:1px}.time.sc-sui-pick-list{display:block;font-size:10.5px;color:var(--ink-faint);margin-top:3px;font-feature-settings:'tnum'}.sr-only.sc-sui-pick-list{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (forced-colors: active){.sev.sc-sui-pick-list{box-sizing:border-box;border:1px solid CanvasText}.dot.sc-sui-pick-list{background:CanvasText}}.sui-rl-shell.sc-sui-pick-list{box-sizing:border-box;margin:0;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:5px;overflow-y:auto}.sui-rl-shell.sc-sui-pick-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-rl-empty.sc-sui-pick-list{list-style:none;padding:14px 10px;font-size:12px;color:var(--ink-faint);text-align:center}.sui-rl-row.sc-sui-pick-list{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-md);font-size:13px;font-weight:460;color:var(--ink);background:transparent;cursor:grab;user-select:none;-webkit-user-select:none;opacity:1;box-shadow:none;transition:background var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out)}.sui-rl-row.static.sc-sui-pick-list{cursor:pointer}.sui-rl-row.sc-sui-pick-list:hover{--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-rl-row.selected.sc-sui-pick-list{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.sui-rl-row.selected.sc-sui-pick-list:hover{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.sui-rl-row.dragging.sc-sui-pick-list{opacity:0.5;box-shadow:none;outline:1px dashed var(--ink-muted);outline-offset:-1px}.sui-rl-row.lifted.sc-sui-pick-list{box-shadow:var(--shadow-raised);background:var(--surface);position:relative;z-index:1}.sui-rl-row.sc-sui-pick-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-rl-row.lifted.sc-sui-pick-list:focus-visible{box-shadow:var(--shadow-raised)}.sui-rl-row.sc-sui-pick-list .grip.sc-sui-pick-list{font-size:10px;color:var(--ink-faint)}.sui-rl-row.static.sc-sui-pick-list .grip.sc-sui-pick-list{color:var(--border-strong)}.sui-rl-row.sc-sui-pick-list .label.sc-sui-pick-list{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sui-rl-row.sc-sui-pick-list .text.sc-sui-pick-list .label.sc-sui-pick-list{display:block}.sui-rl-row.sc-sui-pick-list .detail.sc-sui-pick-list{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:460}.sui-rl-row.sc-sui-pick-list .meta.sc-sui-pick-list{font-weight:460}.sui-rl-row.selected.sc-sui-pick-list .detail.sc-sui-pick-list,.sui-rl-row.selected.sc-sui-pick-list .meta.sc-sui-pick-list{color:var(--ink-muted)}.sui-rl-dropline.sc-sui-pick-list{height:2px;border-radius:1px;background:var(--accent-ink);margin:1px 6px;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-ink) 25%, transparent)}.sui-rl-ctrls.sc-sui-pick-list{display:flex;flex-direction:column;gap:6px;justify-content:center}.sui-rl-ctrl.sc-sui-pick-list{box-sizing:border-box;width:30px;height:30px;padding:0;margin:0;border:1px solid var(--control-border);border-radius:var(--radius-md);background:var(--surface);color:var(--ink-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out)}.sui-rl-ctrl.sc-sui-pick-list .sui-glyph.sc-sui-pick-list{font-size:11px}.sui-rl-ctrl.sc-sui-pick-list:hover:not(:disabled){background:linear-gradient(var(--surface-hover) 0 0) var(--surface)}.sui-rl-ctrl.sc-sui-pick-list:active:not(:disabled){background:linear-gradient(var(--surface-pressed) 0 0) var(--surface)}.sui-rl-ctrl.sc-sui-pick-list:disabled{color:var(--ink-placeholder);cursor:not-allowed}.sui-rl-ctrl.sc-sui-pick-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-rl-header.sc-sui-pick-list{font-size:12.5px;font-weight:650;color:var(--ink);margin-bottom:6px}.sui-rl-header.sc-sui-pick-list .count.sc-sui-pick-list{color:var(--ink-faint);font-weight:460;margin-inline-start:6px;font-feature-settings:'tnum'}.sui-rl-live.sc-sui-pick-list{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media (forced-colors: active){.sui-rl-row.selected.sc-sui-pick-list{forced-color-adjust:none;background:Highlight;color:HighlightText}.sui-rl-row.selected.sc-sui-pick-list .grip.sc-sui-pick-list{color:HighlightText}.sui-rl-row.selected.sc-sui-pick-list .sui-rl-box.sc-sui-pick-list{forced-color-adjust:auto}.sui-rl-row.selected.sc-sui-pick-list .detail.sc-sui-pick-list,.sui-rl-row.selected.sc-sui-pick-list .meta.sc-sui-pick-list{color:HighlightText}.sui-rl-row.selected.sc-sui-pick-list .sev.sc-sui-pick-list,.sui-rl-row.selected.sc-sui-pick-list .sui-list-avatar.sc-sui-pick-list{forced-color-adjust:auto}.sui-rl-row.selected.sc-sui-pick-list:focus-visible{outline-color:HighlightText;box-shadow:none}.sui-rl-row.lifted.sc-sui-pick-list{outline:2px dashed Highlight;outline-offset:-2px;box-shadow:none}.sui-rl-row.selected.lifted.sc-sui-pick-list{outline-color:HighlightText}.sui-rl-dropline.sc-sui-pick-list{background:Highlight;box-shadow:none}}.sui-rl-box.sc-sui-pick-list{width:18px;height:18px;box-sizing:border-box;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);border:1.5px solid color-mix(in srgb, var(--control-border) 75%, var(--ink));background:var(--surface);transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}.sui-rl-box.on.sc-sui-pick-list,.sui-rl-box.mixed.sc-sui-pick-list{border-color:var(--brand);background:var(--brand)}.sui-rl-box.sc-sui-pick-list .sui-glyph.sc-sui-pick-list{font-size:10px;color:var(--brand-contrast)}.sui-rl-all.sc-sui-pick-list{display:flex;align-items:center;gap:9px;width:100%;box-sizing:border-box;margin:0 0 6px;padding:5px 10px;border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;text-align:start;font:550 12.5px var(--font-sans);color:var(--ink);transition:background var(--duration-fast) var(--ease-out)}.sui-rl-all.sc-sui-pick-list:hover:not(:disabled){--ink-faint:var(--ink-muted);background:var(--surface-hover)}.sui-rl-all.sc-sui-pick-list:disabled{--ink-muted:var(--ink-placeholder);--ink-faint:var(--ink-placeholder);color:var(--disabled-ink);cursor:not-allowed}.sui-rl-all.sc-sui-pick-list:disabled .sui-rl-box.sc-sui-pick-list{background:var(--disabled-bg);border-color:var(--border-strong)}.sui-rl-all.sc-sui-pick-list:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-rl-filter.sc-sui-pick-list{display:flex;align-items:center;gap:7px;height:30px;padding:0 9px;margin-bottom:6px;box-sizing:border-box}.sui-rl-filter.sc-sui-pick-list .sui-glyph.sc-sui-pick-list{font-size:11px;color:var(--ink-faint)}.sui-rl-filter.sc-sui-pick-list input.sc-sui-pick-list{flex:1;min-width:0;border:none;outline:none;background:transparent;font:460 12.5px var(--font-sans);color:var(--ink)}.sui-rl-filter.sc-sui-pick-list input.sc-sui-pick-list::placeholder{color:var(--ink-placeholder)}"}},[514,"sui-pick-list",{sourceHeading:[1,"source-heading"],targetHeading:[1,"target-heading"],source:[1040],target:[1040],selection:[1040],height:[2],noDrag:[516,"no-drag"],dragOnly:[516,"drag-only"],selectionMode:[513,"selection-mode"],filter:[516],emptyMessage:[1,"empty-message"],emptyFilterMessage:[1,"empty-filter-message"],loading:[516],breakpoint:[2],focused:[32],drag:[32],over:[32],lifted:[32],live:[32],query:[32],stacked:[32],setFocus:[64]},void 0,{source:[{onLists:0}],target:[{onLists:0}]}]),A=T,R=function(){"undefined"!=typeof customElements&&["sui-pick-list","sui-avatar"].forEach((i=>{switch(i){case"sui-pick-list":customElements.get(o(i))||customElements.define(o(i),T);break;case"sui-avatar":customElements.get(o(i))||C()}}))};export{A as SuiPickList,R as defineCustomElement}

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

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

package/dist/components/sui-popover.js

@@ -0,0 +1 @@
+import{p as i,H as t,c as s,f as e,h as o,a as r,t as h}from"./p-CeVlau-G.js";import{k as n,o as a,i as p,p as l,a as u,b as c,m as d,l as m,g as v,t as f}from"./p-DsHK25q3.js";import{f as g}from"./p-BtgC2u2Q.js";import{i as y}from"./p-wknHx00K.js";import{u as b}from"./p-U06fVoGD.js";import{i as x}from"./p-GAnFXayY.js";const k=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiOpen=s(this,"suiOpen",3),this.suiClose=s(this,"suiClose",3)}get host(){return this}width=280;position="bottom";align="start";triggerOn="click";openDelay=350;closeDelay=200;hoverPersist=!1;flush=!1;menu=!1;open=!1;suiOpen;suiClose;fieldId=b("sui-popover");hostLabel;closing=!1;dropLabel;anchor;panel;disposers=[];escape=n((()=>this.requestClose("escape",!0)));demote;exit=a((()=>this.exited()));openTimer;closeTimer;overHeld=!1;openedByGesture=!1;openFromEnd=!1;connectedCallback(){this.dropLabel?.(),this.dropLabel=y(this.host,(i=>this.hostLabel=i)),this.open&&this.panel&&e(this)}componentDidLoad(){this.syncTrigger()}componentDidUpdate(){this.syncTrigger()}componentDidRender(){this.open&&this.afterOpen()}disconnectedCallback(){this.clearTimers(),this.teardown(),this.exit.cancel(),this.exited(),this.dropLabel?.()}onOpenChange(i){if(i)return this.escape.arm(),this.exit.cancel(),void(this.closing=!1);this.panelHasFocus()&&this.triggerEl()?.focus(),this.teardown(),this.exit.begin(this.panel)?this.closing=!0:this.exited()}exited(){this.demote?.(),this.demote=void 0,this.closing=!1}syncTrigger(){const i=this.triggerEl();i&&(i.setAttribute("aria-expanded",this.open?"true":"false"),i.setAttribute("aria-controls",this.fieldId+"-panel"),"click"===this.triggerOn&&i.setAttribute("aria-haspopup",this.menu?"menu":"dialog"))}menuRow(i){if(!this.panel)return null;const t=Array.from(this.panel.querySelectorAll('[role="menuitem"]')).filter((i=>"true"!==i.getAttribute("aria-disabled")));return("first"===i?t[0]:t[t.length-1])||null}triggerEl(){return this.anchor?g(this.anchor):null}within(i){return!!i&&(p(this.host,i)||!(!this.panel||!p(this.panel,i)))}afterOpen(){this.open&&this.anchor&&this.panel&&!this.disposers.length&&this.host.isConnected&&(this.demote||(this.demote=l(this.panel)),this.reposition(),this.disposers.push(u((()=>[this.host,this.panel]),(()=>this.requestClose("outside"))),c((()=>this.reposition()))),this.escape.arm(),"hover"===this.triggerOn&&(document.addEventListener("mouseover",this.onDocumentOver,!0),this.disposers.push((()=>{document.removeEventListener("mouseover",this.onDocumentOver,!0),this.overHeld=!1}))),this.openedByGesture&&((this.menu&&"click"===this.triggerOn?this.menuRow(this.openFromEnd?"last":"first"):null)||this.panel).focus({preventScroll:!0}))}alignFor(i){return"left"===i||"right"===i?"center":"left"===this.align||"right"===this.align?"right"===this.align!==x(this.host)?"end":"start":"end"===this.align?"end":"start"}reposition(){if(!this.anchor||!this.panel)return;const i=this.position;d(this.panel,m(this.anchor,this.panel,i,8,this.alignFor(i)))}teardown(){this.escape.disarm(),this.panel&&v(this.panel),this.disposers.forEach((i=>i())),this.disposers=[],this.openedByGesture=!1,this.openFromEnd=!1}clearTimers(){clearTimeout(this.openTimer),clearTimeout(this.closeTimer)}show(){this.open||(this.open=!0,this.suiOpen.emit())}panelHasFocus(){const i=document.activeElement;return!!i&&!!this.panel&&p(this.panel,i)}requestClose(i,t=!1){this.open&&(this.suiClose.emit(i).defaultPrevented||(this.open=!1,t&&this.triggerEl()?.focus()))}onPanelKey=i=>{"click"===this.triggerOn&&f(i,this.panel,(()=>this.requestClose("outside",!0)))};onTriggerClick=()=>{"click"===this.triggerOn&&(this.open?this.requestClose("trigger"):(this.openedByGesture=!0,this.show()))};onTriggerKey=i=>{if(!this.menu||"click"!==this.triggerOn||"ArrowDown"!==i.key&&"ArrowUp"!==i.key)return;i.preventDefault();const t="ArrowUp"===i.key;this.open?this.menuRow(t?"last":"first")?.focus({preventScroll:!0}):(this.openedByGesture=!0,this.openFromEnd=t,this.show())};onEnter=()=>{"hover"===this.triggerOn&&(this.clearTimers(),this.openTimer=setTimeout((()=>this.show()),this.openDelay))};onFocusIn=()=>{"hover"===this.triggerOn&&(this.clearTimers(),this.show())};onLeave=i=>{"hover"===this.triggerOn&&(i&&this.within(i.relatedTarget)||(clearTimeout(this.openTimer),this.hoverPersist||(clearTimeout(this.closeTimer),this.closeTimer=setTimeout((()=>{this.panelHasFocus()||this.requestClose("trigger")}),this.closeDelay))))};onDocumentOver=i=>{const t=i.target;if(t&&!this.host.contains(t))return this.within(t)?(this.overHeld=!0,void clearTimeout(this.closeTimer)):void(this.overHeld&&(this.overHeld=!1,this.onLeave()));this.overHeld=!1};onFocusOut=i=>{this.within(i.relatedTarget)||this.onLeave()};render(){const i="click"===this.triggerOn,t=i&&!this.menu;return o(r,{key:"84827ee8bc592ac8b56fcb51ac0a254eb281ecc8",onMouseEnter:this.onEnter,onMouseLeave:this.onLeave,onFocusin:this.onFocusIn,onFocusout:this.onFocusOut},o("span",{key:"51078e975c3ed40d6109d84459f80dbeb1d11879",ref:i=>this.anchor=i,id:this.fieldId+"-trigger",class:"trigger",onClick:this.onTriggerClick,onKeyDown:this.onTriggerKey},o("slot",{key:"680bf980cb1eff6c39508872b7ed7a27ba52d2b7",name:"trigger"})),this.open||this.closing?o("div",{ref:i=>this.panel=i,id:this.fieldId+"-panel",class:{panel:!0,padded:!this.flush,closing:this.closing},inert:this.closing,role:t?"dialog":void 0,"aria-label":t&&this.hostLabel?this.hostLabel:void 0,"aria-labelledby":t&&!this.hostLabel?this.fieldId+"-trigger":void 0,tabindex:i?"-1":void 0,style:{width:this.width+"px"},onKeyDown:this.onPanelKey},o("slot",null)):null)}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return".sc-sui-popover-h{display:inline-flex;position:relative;font-family:var(--font-sans)}[align].sc-sui-popover-h{text-align:inherit}.trigger.sc-sui-popover{display:inline-flex}.panel.sc-sui-popover{position:fixed;top:0;left:0;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:0;font-family:var(--font-sans);font-size:13.5px;line-height:1.5;animation:sui-popover-in var(--duration-overlay) var(--ease-out)}.panel[data-side='top'].sc-sui-popover{animation-name:sui-popover-in-top}.panel[data-side='left'].sc-sui-popover{animation-name:sui-popover-in-left}.panel[data-side='right'].sc-sui-popover{animation-name:sui-popover-in-right}.panel.closing.sc-sui-popover{animation:sui-popover-out var(--duration-fast) var(--ease-out) forwards;pointer-events:none}.panel.padded.sc-sui-popover{padding:14px 16px}.panel.sc-sui-popover:focus{outline:none}@keyframes sui-popover-in{from{opacity:0;margin-top:-4px}}@keyframes sui-popover-in-top{from{opacity:0;margin-top:4px}}@keyframes sui-popover-in-left{from{opacity:0;margin-left:4px}}@keyframes sui-popover-in-right{from{opacity:0;margin-left:-4px}}@keyframes sui-popover-out{to{opacity:0}}"}},[774,"sui-popover",{width:[2],position:[513],align:[513],triggerOn:[513,"trigger-on"],openDelay:[2,"open-delay"],closeDelay:[2,"close-delay"],hoverPersist:[516,"hover-persist"],flush:[516],menu:[516],open:[1540],hostLabel:[32],closing:[32]},void 0,{open:[{onOpenChange:0}]}]),w=k,D=function(){"undefined"!=typeof customElements&&["sui-popover"].forEach((i=>{"sui-popover"===i&&(customElements.get(h(i))||customElements.define(h(i),k))}))};export{w as SuiPopover,D as defineCustomElement}

package/dist/components/sui-progress-bar.d.ts

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

package/dist/components/sui-progress-bar.js

@@ -0,0 +1 @@
+import{p as s,H as e,h as t,a as i,t as a}from"./p-CeVlau-G.js";import{i as r}from"./p-wknHx00K.js";import{o,h as n}from"./p-BWkzTEZX.js";import{a as l}from"./p-qut9RP2y.js";const c=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}get host(){return this}value=0;label;showValue=!1;indeterminate=!1;height=8;accent=!1;hasValueSlot=!1;hostLabel;dispose;disposeLabel;loaded=!1;connectedCallback(){this.disposeLabel?.(),this.disposeLabel=r(this.host,(s=>this.hostLabel=s)),this.loaded&&this.watch(!0)}componentWillLoad(){this.readSlots()}componentDidLoad(){this.loaded=!0,this.watch()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0,this.disposeLabel?.()}watch(s=!1){this.dispose?.(),this.dispose=o(this.host,(()=>this.readSlots())),s&&Promise.resolve().then((()=>{this.host.isConnected&&this.readSlots()}))}readSlots(){this.hasValueSlot=n(this.host,"value")}render(){const s=Math.min(100,Math.max(0,Number(this.value)||0)),e=this.height/2+"px",a=this.showValue&&!this.indeterminate;return t(i,{key:"b3ee0e5d40f4a4a18b7205619c9018fc7cc5d699"},this.label||a?t("div",{class:"head"},t("span",{class:"label"},this.label),a?t("span",{class:"value"},this.hasValueSlot?null:l(Math.round(s)),t("slot",{name:"value"})):null):null,t("div",{key:"01e831c551455b1679f6c2bc0eb415197746e02c",class:"track",role:"progressbar","aria-valuenow":this.indeterminate?null:s,"aria-valuemin":"0","aria-valuemax":"100","aria-label":this.label||this.hostLabel||void 0,style:{height:this.height+"px",borderRadius:e}},t("div",this.indeterminate?{class:{sweep:!0,accent:this.accent},style:{borderRadius:e}}:{class:{fill:!0,accent:this.accent},style:{width:s+"%",borderRadius:e}})))}static get style(){return".sc-sui-progress-bar-h{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);color:var(--ink)}.head.sc-sui-progress-bar{display:flex;justify-content:space-between;font-size:12px}.label.sc-sui-progress-bar{font-weight:620}.value.sc-sui-progress-bar{font-weight:650;color:var(--ink-muted);font-feature-settings:'tnum'}.track.sc-sui-progress-bar{position:relative;background:var(--brand-soft);overflow:hidden}.fill.sc-sui-progress-bar{height:100%;background:var(--brand);transition:width var(--duration-slow) var(--ease-out)}.fill.accent.sc-sui-progress-bar{background:var(--accent)}.sweep.sc-sui-progress-bar{position:absolute;top:0;bottom:0;background:var(--brand);animation:sui-progress-sweep 1.6s var(--ease-in-out) infinite}.sweep.accent.sc-sui-progress-bar{background:var(--accent)}@keyframes sui-progress-sweep{0%{inset-inline-start:-35%;inset-inline-end:100%}60%{inset-inline-start:100%;inset-inline-end:-90%}100%{inset-inline-start:100%;inset-inline-end:-90%}}@media (prefers-reduced-motion: reduce){.sweep.sc-sui-progress-bar{animation-duration:3.2s}}@media (forced-colors: active){.track.sc-sui-progress-bar{border:1px solid CanvasText;box-sizing:border-box}.fill.sc-sui-progress-bar,.fill.accent.sc-sui-progress-bar,.sweep.sc-sui-progress-bar,.sweep.accent.sc-sui-progress-bar{background:Highlight}}"}},[774,"sui-progress-bar",{value:[2],label:[1],showValue:[516,"show-value"],indeterminate:[516],height:[2],accent:[516],hasValueSlot:[32],hostLabel:[32]}]),u=c,h=function(){"undefined"!=typeof customElements&&["sui-progress-bar"].forEach((s=>{"sui-progress-bar"===s&&(customElements.get(a(s))||customElements.define(a(s),c))}))};export{u as SuiProgressBar,h as defineCustomElement}

package/dist/components/sui-progress-ring.d.ts

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

package/dist/components/sui-progress-ring.js

@@ -0,0 +1 @@
+import{p as s,H as e,h as t,a as i,t as r}from"./p-CeVlau-G.js";import{i as a}from"./p-wknHx00K.js";import{o,h as n}from"./p-BWkzTEZX.js";import{a as c}from"./p-qut9RP2y.js";const l=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}get host(){return this}value=0;diameter=44;thickness=4;label;showValue=!1;accent=!1;hasValueSlot=!1;hostLabel;dispose;disposeLabel;loaded=!1;connectedCallback(){this.disposeLabel?.(),this.disposeLabel=a(this.host,(s=>this.hostLabel=s)),this.loaded&&this.watch(!0)}componentWillLoad(){this.readSlots()}componentDidLoad(){this.loaded=!0,this.watch()}disconnectedCallback(){this.dispose?.(),this.dispose=void 0,this.disposeLabel?.()}watch(s=!1){this.dispose?.(),this.dispose=o(this.host,(()=>this.readSlots())),s&&Promise.resolve().then((()=>{this.host.isConnected&&this.readSlots()}))}readSlots(){this.hasValueSlot=n(this.host,"value")}render(){const s=Math.min(100,Math.max(0,Number(this.value)||0)),e=Number(this.diameter)||44,r=Number(this.thickness)||4,a=(e-r)/2,o=2*Math.PI*a,n=o*(1-s/100),l=Math.max(10,e/4.2)+"px";return t(i,{key:"61c96a2e2743e3291de53d026396fdda05e2f1f1"},t("div",{key:"77913475262cc0fc6071d42da2425173fb48f0c9",class:{ring:!0,accent:this.accent},role:"progressbar","aria-valuenow":s,"aria-valuemin":"0","aria-valuemax":"100","aria-label":this.label||this.hostLabel||void 0,style:{width:e+"px",height:e+"px"}},t("svg",{key:"2b11d899dfc33e911e5d2511753d06361a60a0e6",viewBox:`0 0 ${e} ${e}`,width:e,height:e,"aria-hidden":"true",focusable:"false"},t("circle",{key:"5b8a67d521f5d2a7cef3fcc159e8964b1f695bf5",class:"track",cx:e/2,cy:e/2,r:a,fill:"none","stroke-width":r}),t("circle",{key:"3700ed04ea8dcc921a7224477433f6ac4c9f36bf",class:"arc",cx:e/2,cy:e/2,r:a,fill:"none","stroke-width":r,"stroke-dasharray":`${o} ${o}`,"stroke-dashoffset":n,transform:`rotate(-90 ${e/2} ${e/2})`})),this.showValue?t("span",{class:"value",style:{fontSize:l}},this.hasValueSlot?null:c(Math.round(s)),t("slot",{name:"value"})):null),this.label?t("span",{class:"label"},this.label):null)}static get style(){return".sc-sui-progress-ring-h{display:inline-flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--font-sans);color:var(--ink)}.ring.sc-sui-progress-ring{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%}.ring.sc-sui-progress-ring svg.sc-sui-progress-ring{position:absolute;inset:0;display:block}.track.sc-sui-progress-ring{stroke:var(--brand-soft)}.arc.sc-sui-progress-ring{stroke:var(--brand);transition:stroke-dashoffset var(--duration-slow) var(--ease-out)}.ring.accent.sc-sui-progress-ring .arc.sc-sui-progress-ring{stroke:var(--accent)}.value.sc-sui-progress-ring{position:relative;font-weight:720;font-feature-settings:'tnum';line-height:1}.label.sc-sui-progress-ring{font-size:12px;font-weight:620;color:var(--ink-muted)}@media (forced-colors: active){.track.sc-sui-progress-ring{stroke:CanvasText;stroke-width:1}.arc.sc-sui-progress-ring,.ring.accent.sc-sui-progress-ring .arc.sc-sui-progress-ring{stroke:Highlight}}"}},[774,"sui-progress-ring",{value:[2],diameter:[2],thickness:[2],label:[1],showValue:[516,"show-value"],accent:[516],hasValueSlot:[32],hostLabel:[32]}]),h=l,u=function(){"undefined"!=typeof customElements&&["sui-progress-ring"].forEach((s=>{"sui-progress-ring"===s&&(customElements.get(r(s))||customElements.define(r(s),l))}))};export{h as SuiProgressRing,u as defineCustomElement}

package/dist/components/sui-progress-spinner.d.ts

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

package/dist/components/sui-progress-spinner.js

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

package/dist/components/sui-qr-code.d.ts

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

package/dist/components/sui-qr-code.js

@@ -0,0 +1 @@
+import{p as e,H as t,c as i,h as s,a,t as r}from"./p-CeVlau-G.js";import{d as o}from"./p-BHB1Wprj.js";import{G as n,I as c}from"./p-BeYfX4rQ.js";import{p as d,c as l}from"./p-C-tuu2jV.js";import{l as u,a as f}from"./p-BuyjS5bS.js";import{defineCustomElement as p}from"./p-DquILvXX.js";const h="#121C4D",m="#FFFFFF",b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.suiRender=i(this,"suiRender",7)}get host(){return this}value="";width=128;ecLevel="M";label;caption;downloadable=!1;fileName="qr-code.png";suiRender;err=!1;canvas;drawId=0;connectedCallback(){o(this.host,(()=>this.downloadControl()))}componentDidLoad(){this.draw()}async setFocus(){this.downloadControl()?.focus()}downloadControl(){return this.host.querySelector(".sui-qr-download button")||void 0}redraw(){this.draw()}async download(){if(this.canvas&&!this.err)try{const e=document.createElement("a");e.href=this.canvas.toDataURL("image/png"),e.download=this.fileName||"qr-code.png",e.click()}catch{}}px(){return Math.max(96,Number(this.width)||128)}inkColor(){if("undefined"==typeof getComputedStyle||"undefined"==typeof document)return h;try{const e=d(getComputedStyle(document.documentElement).getPropertyValue("--ink"),"");return e&&l(e,m)>=4.5?e:h}catch{return h}}async draw(){if(!this.canvas)return;const e=++this.drawId;try{const t=await import("./p-CmqQjlaI.js").then((function(e){return e.b})),i=t&&"function"==typeof t.toCanvas?t:t?.default;if(!i||"function"!=typeof i.toCanvas)throw Error("QR encoder unavailable");if(e!==this.drawId||!this.canvas)return;if(await i.toCanvas(this.canvas,(this.value??"")+"",{width:this.px(),margin:4,errorCorrectionLevel:this.ecLevel,color:{dark:this.inkColor(),light:m}}),e!==this.drawId)return;this.err=!1,this.suiRender.emit()}catch{e===this.drawId&&(this.err=!0)}}render(){const e=this.px(),t={width:e+"px",height:e+"px"};return s(a,{key:"42b38a27c2e764d5a51e7fd840f80d9ea2cae90b"},s("figure",{key:"2f1af4a071dca2a60cd97d0ac29137ac0e596efe",class:"sui-qr"},this.label?s("span",{class:"sui-qr-label"},this.label):null,s("div",{key:"d43caf51bf3fe6a6bd0c6f238bb4ed9762860e12",class:"sui-qr-frame"},s("div",{key:"c04df3b5092ad1851b61ecf2d92b6a09e5b27af6",class:"sui-qr-stage",style:t},s("canvas",{key:"53361ce796358c9003b41acb54cfbd7def3d1c59",ref:e=>this.canvas=e,class:"sui-qr-canvas",width:e,height:e,style:t,role:"img","aria-label":u(void 0,"qr-code.label",void 0,"QR code: {value}",{value:this.value})}),this.err?s("div",{class:"sui-qr-error"},f(void 0,"qr-code.qrEncoderUnavailable",void 0,"QR encoder unavailable")):null),this.caption?s("figcaption",{class:"sui-qr-caption"},this.caption):null),this.downloadable&&!this.err?s("sui-button",{class:"sui-qr-download",variant:"outline",size:"sm",onClick:()=>this.download()},s(n,{glyph:c}),f(void 0,"qr-code.downloadPng",void 0,"Download PNG")):null))}static get watchers(){return{value:[{redraw:0}],width:[{redraw:0}],ecLevel:[{redraw:0}]}}static get style(){return".sc-sui-qr-code-h{display:inline-block;vertical-align:top;font-family:var(--font-sans);color:var(--ink)}.sui-qr.sc-sui-qr-code{margin:0;display:inline-flex;flex-direction:column;gap:6px;align-items:flex-start}.sui-qr-label.sc-sui-qr-code{font-size:12.5px;font-weight:620;font-family:var(--font-sans)}.sui-qr-frame.sc-sui-qr-code{background:var(--palette-white);border:1px solid var(--border);border-radius:var(--radius-md);padding:6px;display:inline-flex;flex-direction:column;align-items:center;gap:4px;box-sizing:content-box}.sui-qr-stage.sc-sui-qr-code{position:relative}.sui-qr-canvas.sc-sui-qr-code{display:block}.sui-qr-error.sc-sui-qr-code{position:absolute;inset:0;background:var(--palette-white);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--palette-deep-blue);font-family:var(--font-sans);text-align:center;padding:8px;box-sizing:border-box}.sui-qr-caption.sc-sui-qr-code{font-size:10.5px;color:var(--palette-deep-blue);font-family:var(--font-sans);padding:0 2px 2px}.sui-qr-download.sc-sui-qr-code .sui-glyph.sc-sui-qr-code{font-size:11px}"}},[514,"sui-qr-code",{value:[1],width:[2],ecLevel:[513,"ec-level"],label:[1],caption:[1],downloadable:[516],fileName:[1,"file-name"],err:[32],setFocus:[64],download:[64]},void 0,{value:[{redraw:0}],width:[{redraw:0}],ecLevel:[{redraw:0}]}]),v=b,q=function(){"undefined"!=typeof customElements&&["sui-qr-code","sui-button"].forEach((e=>{switch(e){case"sui-qr-code":customElements.get(r(e))||customElements.define(r(e),b);break;case"sui-button":customElements.get(r(e))||p()}}))};export{v as SuiQrCode,q as defineCustomElement}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+import{p as i,H as s,c as r,h as e,t}from"./p-CeVlau-G.js";import{d as o,F as a}from"./p-piEUki9n.js";import{u as l}from"./p-U06fVoGD.js";import{i as n,d,s as u,r as h,v as c}from"./p-BHB1Wprj.js";import{f as p}from"./p-CGWvlrv_.js";import{n as f,l as m,s as g,k as b}from"./p-M0fYQCIv.js";import{d as y}from"./p-BLxI_QCP.js";const v=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiChange=r(this,"suiChange",7),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;options=[];value;orientation="vertical";disabled=!1;readOnly=!1;invalid=!1;required=!1;name;suiChange;formDisabled=!1;get isDisabled(){return this.disabled||this.formDisabled}fieldId=l("sui-radio-group");initial;async setFocus(){this.focusRadio()?.focus()}focusRadio(){const i=Array.from(this.host.querySelectorAll("sui-radio-button")),s=i.filter((i=>!i.disabled));return(s.find((i=>i.checked))||s[0]||i[0])?.querySelector("input")}connectedCallback(){n(this.host,this.internals),d(this.host,(()=>this.focusRadio()))}componentWillLoad(){this.initial=this.value,this.syncForm()}componentDidLoad(){this.syncForm()}componentDidRender(){this.syncForm()}syncForm(){u(this.internals,this.isDisabled?null:b(this.value)),h(this.internals,this.required&&!this.isDisabled&&!this.readOnly,f(this.value),this.label,c(this.host),this.error)}formResetCallback(){this.value=this.initial}formDisabledCallback(i){this.formDisabled=p(this.host,this.disabled,i),this.syncForm()}norm(){return m(this.options,this.host,"options").filter((i=>null!=i)).map((i=>"string"==typeof i||"number"==typeof i?{label:i+"",value:i}:i))}onChildChange(i,s){i.stopPropagation(),this.readOnly||g(this.value,s)||(this.value=s,this.suiChange.emit(s))}render(){const i=this.label?this.fieldId+"-label":void 0;return e(a,{key:"69673e9b59975154a290f4c154fb307f4328e71d",help:this.help,error:this.error,descId:this.fieldId},this.label?e("div",{class:"sui-field-label",id:i},this.label,this.required?e("span",{class:"sui-field-req","aria-hidden":"true"},"*"):null):null,e("div",{key:"ae6fa957bb65aca52ef7f8eb133b23d33a464e32",class:{opts:!0,horizontal:"horizontal"===this.orientation},role:"radiogroup","aria-labelledby":i,"aria-describedby":o(this.fieldId,this.help,this.error),"aria-invalid":this.invalid||this.error?"true":null,"aria-required":this.required?"true":null,"aria-readonly":this.readOnly?"true":null},this.norm().map((i=>e("sui-radio-button",{key:i.value,name:this.name,label:i.label,description:i.description,value:b(i.value),checked:g(this.value,i.value),disabled:this.isDisabled||!!i.disabled,readOnly:this.readOnly,invalid:this.invalid||!!this.error,onSuiChange:s=>this.onChildChange(s,i.value)})))))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}static get style(){return".sc-sui-radio-group-h{display:block;font-family:var(--font-sans)}.opts.sc-sui-radio-group{display:flex;flex-direction:column;gap:9px;flex-wrap:wrap}.opts.horizontal.sc-sui-radio-group{flex-direction:row;gap:18px}.sui-field.sc-sui-radio-group{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-radio-group{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-radio-group .sui-field-label.sc-sui-radio-group{color:var(--danger)}.sui-field-req.sc-sui-radio-group{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-radio-group{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-radio-group{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-radio-group .sui-glyph.sc-sui-radio-group{font-size:11px}"}},[578,"sui-radio-group",{label:[1],help:[1],error:[1],options:[16],value:[1032],orientation:[513],disabled:[516],readOnly:[516,"readonly"],invalid:[516],required:[516],name:[513],formDisabled:[32],setFocus:[64]},void 0,{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}]),x=v,F=function(){"undefined"!=typeof customElements&&["sui-radio-group","sui-radio-button"].forEach((i=>{switch(i){case"sui-radio-group":customElements.get(t(i))||customElements.define(t(i),v);break;case"sui-radio-button":customElements.get(t(i))||y()}}))};export{x as SuiRadioGroup,F as defineCustomElement}

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

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

package/dist/components/sui-rating.js

@@ -0,0 +1 @@
+import{p as i,H as s,c as t,h as r,t as a}from"./p-CeVlau-G.js";import{d as e,F as n}from"./p-piEUki9n.js";import{G as o,a2 as l,a3 as h}from"./p-BeYfX4rQ.js";import{u as c}from"./p-U06fVoGD.js";import{i as u,d,s as f,r as g}from"./p-BHB1Wprj.js";import{f as p}from"./p-CGWvlrv_.js";import{i as m}from"./p-GAnFXayY.js";import{b}from"./p-qut9RP2y.js";import{l as v,a as y}from"./p-BuyjS5bS.js";const x=i(class extends s{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiChange=t(this,"suiChange",7),this.internals=this.attachInternals()}get host(){return this}internals;label;help;error;required=!1;count=5;value=0;allowHalf=!1;readOnly=!1;disabled=!1;showCount=!1;size="md";name;suiChange;hover=0;formDisabled=!1;fieldId=c("sui-rating");stars=[];pendingFocus=!1;initial=0;async setFocus(){this.stars[this.focusIndex()]?.focus()}connectedCallback(){u(this.host,this.internals),d(this.host,(()=>this.stars[this.focusIndex()]))}componentWillLoad(){this.initial=this.value,this.syncForm()}componentDidRender(){this.syncForm(),this.pendingFocus&&(this.pendingFocus=!1,this.stars[this.focusIndex()]?.focus())}syncForm(){f(this.internals,this.isDisabled?null:this.value>0?this.value+"":""),g(this.internals,this.required&&!this.isInert,this.value<=0,this.label,this.stars[this.focusIndex()],this.error)}componentDidLoad(){this.syncForm()}formResetCallback(){this.value=this.initial}formDisabledCallback(i){this.formDisabled=p(this.host,this.disabled,i),this.syncForm()}get isDisabled(){return this.disabled||this.formDisabled}get isInert(){return this.readOnly||this.isDisabled}get floor(){return this.allowHalf?.5:1}checkedIndex(){return Math.ceil(this.value)-1}focusIndex(){return this.value>0?Math.min(this.checkedIndex(),this.count-1):0}set(i){const s=Math.max(0,Math.min(this.count,this.allowHalf?Math.round(2*i)/2:i));s!==this.value&&(this.value=s,this.suiChange.emit(s))}pointerValue(i,s){if(!this.allowHalf)return i+1;const t=this.stars[i];if(!t||"number"!=typeof s.clientX)return i+1;const r=t.getBoundingClientRect(),a=m(t)?r.right-s.clientX:s.clientX-r.left;return r.width>0&&a<r.width/2?i+.5:i+1}onClick=i=>s=>{if(this.isInert)return;const t=s.detail?this.pointerValue(i,s):this.checkedIndex()===i?this.value:i+1;this.set(t===this.value?0:t)};onStarMove=i=>s=>{if(this.isInert)return;const t=this.pointerValue(i,s);t!==this.hover&&(this.hover=t)};onKeyDown=i=>{if(this.isInert)return;const s=this.floor,t=m(this.host)?"ArrowLeft":"ArrowRight";let r;switch(i.key){case t:case"ArrowUp":r=Math.min(this.count,this.value+s);break;case"ArrowLeft"===t?"ArrowRight":"ArrowLeft":case"ArrowDown":r=Math.max(s,this.value-s);break;case"Home":r=s;break;case"End":r=this.count;break;default:return}i.preventDefault(),this.pendingFocus=!0,this.set(r)};countText(i){return v(void 0,"rating.count",void 0,"{value} of {count}",{value:b(i),count:b(this.count)})}render(){const i=this.hover||this.value,s=this.focusIndex(),t=this.checkedIndex(),a=this.hover>0;return r(n,{key:"79477d06d86afcb6132f3dc879f9db5674c74b4c",help:this.help,error:this.error,descId:this.fieldId},r("div",{key:"6643c6a0d06cac9fb29a5a6055cb0975a45a0efa",class:{"sui-rating":!0,[this.size]:!0,disabled:this.isDisabled,"read-only":this.readOnly,invalid:!!this.error}},this.label?r("span",{class:"label"},this.label,this.required?r("span",{class:"sui-field-req","aria-hidden":"true"},"*"):null):null,r("div",{key:"982ad7748121040ad715874b16a63a95340ff600",class:"stars",role:"radiogroup","aria-label":this.label||y(void 0,"rating.label",void 0,"Rating"),"aria-disabled":this.isDisabled?"true":null,"aria-readonly":this.readOnly?"true":null,"aria-invalid":this.error?"true":null,"aria-describedby":e(this.fieldId,this.help,this.error),"aria-required":this.required?"true":null,onKeyDown:this.onKeyDown,onMouseLeave:()=>this.hover=0},Array.from({length:Math.max(0,this.count)},((e,n)=>{const c=i-n,u=c>=1||!this.allowHalf&&c>0,d=!u&&this.allowHalf&&c>0,f=n===t,g=n+1;return r("button",{key:n,ref:i=>this.stars[n]=i,type:"button",role:"radio",class:{star:!0,on:u,half:d,preview:a&&(u||d)},"aria-checked":f?"true":"false","aria-label":this.countText(f&&this.value!==g?this.value:g),tabIndex:this.isDisabled?-1:n===s?0:-1,disabled:this.isDisabled,onMouseEnter:this.isInert?void 0:this.onStarMove(n),onMouseMove:this.isInert||!this.allowHalf?void 0:this.onStarMove(n),onClick:this.onClick(n)},r(o,{glyph:u?l:h}),d?r(o,{glyph:l,class:"half-fill"}):null)}))),this.showCount?r("span",{class:"count"},this.countText(this.value)):null))}static get formAssociated(){return!0}static get watchers(){return{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}}static get style(){return".sc-sui-rating-h{display:inline-block;font-family:var(--font-sans)}.sui-rating.sc-sui-rating{display:flex;align-items:center;gap:10px}.label.sc-sui-rating{font-size:12.5px;font-weight:620;color:var(--ink)}.stars.sc-sui-rating{display:flex;gap:4px}.star.sc-sui-rating{position:relative;min-width:1em;min-height:1em;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border:none;background:transparent;line-height:1;color:var(--control-border);cursor:pointer;border-radius:var(--radius-xs);transition:color var(--duration-fast) var(--ease-out)}.star.on.sc-sui-rating{color:var(--accent)}.half-fill.sc-sui-rating{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);clip-path:inset(0 50% 0 0)}.half-fill.sc-sui-rating:dir(rtl){clip-path:inset(0 0 0 50%)}.sm.sc-sui-rating .star.sc-sui-rating{font-size:13px}.md.sc-sui-rating .star.sc-sui-rating{font-size:16px}.lg.sc-sui-rating .star.sc-sui-rating{font-size:20px}.star.sc-sui-rating:focus{outline:none}.star.sc-sui-rating:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.invalid.sc-sui-rating:not(.disabled) .star.sc-sui-rating:not(.on){color:var(--danger)}.invalid.sc-sui-rating .star.sc-sui-rating:focus-visible{outline-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger) 35%, transparent)}.read-only.sc-sui-rating .star.sc-sui-rating{cursor:default}.disabled.sc-sui-rating .star.sc-sui-rating{cursor:default}.disabled.sc-sui-rating .star.on.sc-sui-rating,.disabled.sc-sui-rating .half-fill.sc-sui-rating{color:var(--disabled-ink)}.count.sc-sui-rating{font-size:12.5px;color:var(--ink-faint);font-feature-settings:'tnum'}.sui-field.sc-sui-rating{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-rating{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-rating .sui-field-label.sc-sui-rating{color:var(--danger)}.sui-field-req.sc-sui-rating{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-rating{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-rating{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-rating .sui-glyph.sc-sui-rating{font-size:11px}"}},[578,"sui-rating",{label:[1],help:[1],error:[1],required:[516],count:[2],value:[1026],allowHalf:[516,"allow-half"],readOnly:[516,"readonly"],disabled:[516],showCount:[516,"show-count"],size:[513],name:[513],hover:[32],formDisabled:[32],setFocus:[64]},void 0,{value:[{syncForm:0}],required:[{syncForm:0}],error:[{syncForm:0}],disabled:[{syncForm:0}],readOnly:[{syncForm:0}],label:[{syncForm:0}]}]),w=x,k=function(){"undefined"!=typeof customElements&&["sui-rating"].forEach((i=>{"sui-rating"===i&&(customElements.get(a(i))||customElements.define(a(i),x))}))};export{w as SuiRating,k as defineCustomElement}

package/dist/components/sui-rich-text-editor.d.ts

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

package/dist/components/sui-rich-text-editor.js

@@ -0,0 +1 @@
+import{p as i,H as t,c as e,h as s,a as r,t as o}from"./p-CeVlau-G.js";import{d,F as c}from"./p-piEUki9n.js";import{e as n,c as a,E as u,w as h,a as l,s as x,t as p}from"./p-Cb50ss23.js";import{G as b,y as f,ap as v,aq as g,U as m,Z as k,ar as y,as as w,ak as M,a5 as P,at as C,aj as z,ai as L,ah as j,a9 as H}from"./p-BeYfX4rQ.js";import{a as D}from"./p-DsHK25q3.js";import{r as B}from"./p-BnZU02lM.js";import{i as I,d as q,s as E,r as F}from"./p-BHB1Wprj.js";import{u as T}from"./p-U06fVoGD.js";import{b as A}from"./p-qut9RP2y.js";import{a as R,l as U,u as S}from"./p-BuyjS5bS.js";import{i as O,a as K}from"./p-wknHx00K.js";import{f as V}from"./p-CGWvlrv_.js";import{defineCustomElement as G}from"./p-DquILvXX.js";import{d as W}from"./p-kDhmjEYc.js";import{d as X}from"./p-b5Ks_pUg.js";const Y=["p","h1","h2","h3","code"],Z=i=>{switch(i){case"h1":return R(void 0,"rich-text-editor.heading1",void 0,"Heading 1");case"h2":return R(void 0,"rich-text-editor.heading2",void 0,"Heading 2");case"h3":return R(void 0,"rich-text-editor.heading3",void 0,"Heading 3");case"code":return R(void 0,"rich-text-editor.codeBlock",void 0,"Code block");default:return R(void 0,"rich-text-editor.paragraph",void 0,"Paragraph")}},_=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.suiChange=e(this,"suiChange",7),this.suiSelection=e(this,"suiSelection",3),this.internals=this.attachInternals()}get host(){return this}hostLabel;hostLabelledby;stopAria;stopLabelledby;internals;label;help;error;variant="classic";html="";placeholder;readOnly=!1;disabled=!1;invalid=!1;required=!1;minHeight;name;mergeFields=[];suiChange;suiSelection;snap;ready=!1;focused=!1;editing=!1;popup=null;linkHref="https://";bubble=null;formDisabled=!1;fieldId=T("sui-rte");api;box;mount;toolbarEl;popupWrap;linkInput;initial="";lastHtml="";building=!1;loaded=!1;stopBubbleResize;linkFocusPending=!1;popupFocusPending=!1;fitPending=!1;disposeOutside;disposeRoving;rovingTarget;async getSnapshot(){return this.api?this.api.snapshot():this.snap}async setFocus(){this.api?.focus()}async exec(i,t,e){if(!this.api||this.locked)return;const s=this.api.cmd[i];s&&s(t,e)}connectedCallback(){I(this.host,this.internals),q(this.host,(()=>this.editable())),this.stopAria?.(),this.stopAria=O(this.host,(i=>{this.hostLabel=i})),this.stopLabelledby?.(),this.stopLabelledby=K(this.host,(i=>{this.hostLabelledby=i})),this.loaded&&(this.armRoving(),this.build())}componentWillLoad(){this.initial=this.html||"",this.lastHtml=this.initial}get isDisabled(){return this.disabled||this.formDisabled}post(i){E(this.internals,this.isDisabled?null:i||"");const t=this.required&&!this.locked;F(this.internals,t,t&&n(i),this.label,this.editable(),this.error)}editable(){return this.mount?.querySelector(".ProseMirror")||void 0}async componentDidLoad(){this.loaded=!0,this.post(this.html),await this.build()}async build(){if(this.mount&&!this.api&&!this.building){this.building=!0;try{const i=this.html,t=this.locked,e=await a(this.mount,{html:i,readOnly:t,onState:(i,t)=>this.onState(i,t)});if(!this.host.isConnected)return void e.destroy();if(this.api=e,(this.html||"")!==(i||"")&&e.setContent(this.html||""),this.locked!==t&&e.setReadOnly(this.locked),this.snap=e.snapshot(),this.ready=!0,this.syncEditorAria(),"undefined"!=typeof ResizeObserver&&this.box){const i=new ResizeObserver((()=>{this.bubble&&this.trackBubble()}));i.observe(this.box),this.stopBubbleResize=()=>i.disconnect()}}catch{}finally{this.building=!1}}}release(){this.stopBubbleResize?.(),this.stopBubbleResize=void 0;const i=this.api;this.api=void 0,this.ready=!1,i?.destroy()}syncEditorAria(){this.api?.setAttrs?.({role:"textbox","aria-multiline":"true","aria-label":this.label||(this.hostLabelledby?null:this.hostLabel)||null,"aria-labelledby":this.label?null:this.hostLabelledby||null,"aria-describedby":d(this.fieldId,this.help,this.error)||null,"aria-invalid":this.error||this.invalid?"true":null})}componentDidRender(){if(this.html!==this.lastHtml&&this.onHtmlChange(this.html),this.syncEditorAria(),this.armRoving(),this.fitPending&&this.popupWrap&&(this.fitPending=!1,this.fitPanel()),this.linkFocusPending&&this.linkInput&&(this.linkFocusPending=!1,this.linkInput.focus(),this.linkInput.select?.()),this.popupFocusPending&&this.popupWrap){this.popupFocusPending=!1;const i=this.popupWrap.querySelector(".sui-rte-option.selected")||this.popupWrap.querySelector(".sui-rte-option, .sui-rte-merge-row");i?.focus()}}disconnectedCallback(){this.stopAria?.(),this.stopLabelledby?.(),this.closePopup(),this.disposeRoving?.(),this.disposeRoving=void 0,this.rovingTarget=void 0,Promise.resolve().then((()=>{this.host.isConnected||this.release()}))}formResetCallback(){this.html=this.initial,this.lastHtml=this.initial,this.api?.setContent(this.initial),this.post(this.initial)}formDisabledCallback(i){this.formDisabled=V(this.host,this.disabled,i),this.post(this.html)}onHtmlChange(i){i!==this.lastHtml&&(this.lastHtml=i||"",this.api?.setContent(i||""),this.post(i))}onValidityInput(){this.post(this.html)}onLockChange(){this.api?.setReadOnly(this.locked),this.locked&&this.closePopup(),this.post(this.html)}get locked(){return this.readOnly||this.isDisabled}get full(){return"classic"===this.variant}onState(i,t){if(this.api){if(this.snap=i,t.docChanged){const t=this.api.toHTML();this.lastHtml=t,this.html=t,this.post(t),this.suiChange.emit({html:t,text:this.api.getText(),words:i.words,chars:i.chars})}this.suiSelection.emit(i),"bubble"===this.variant&&this.trackBubble()}}trackBubble(){const i=this.api?.selectionRect();if(i&&this.box){const t=this.box.getBoundingClientRect();this.bubble={x:(i.left+i.right)/2-t.left,y:i.top-t.top,width:t.width||400}}else this.bubble=null}armRoving(){this.toolbarEl!==this.rovingTarget&&(this.disposeRoving?.(),this.rovingTarget=this.toolbarEl,this.disposeRoving=this.toolbarEl?B(this.toolbarEl,".sui-tbtn, .sui-rte-block-trigger","horizontal"):void 0)}openPopup(i){this.popup!==i?(this.popup=i,this.fitPending=!0,"link"===i?(this.linkHref="https://",this.linkFocusPending=!0):this.popupFocusPending=!0,this.disposeOutside?.(),this.disposeOutside=D((()=>[this.popupWrap]),(()=>this.closePopup()))):this.closePopup()}fitPanel(){const i=this.popupWrap?.querySelector(".sui-rte-panel");if(!i||!this.box)return;const t=this.box.getBoundingClientRect();if(!t.width)return;const e=Math.max(t.left,8),s=Math.min(t.right,window.innerWidth-8);i.style.translate="",i.style.maxWidth=s>e?Math.floor(s-e)+"px":"";const r=i.getBoundingClientRect(),o=r.left<e?e-r.left:r.right>s?Math.max(s-r.right,e-r.left):0;o&&(i.style.translate=Math.round(o)+"px 0")}closePopup(i=!1){this.popup&&(this.popup=null,this.disposeOutside?.(),this.disposeOutside=void 0,i&&this.api?.focus())}run(i,t,e){this.api&&this.api.cmd[i](t,e)}onBoxKey=i=>{"Escape"===i.key&&this.popup&&(i.stopPropagation(),this.closePopup(!0))};inEditor(i){return!!i?.closest?.(".sb-editor-mount")}onFocusIn=i=>{this.focused=!0,this.editing=this.inEditor(i.target)};onFocusOut=i=>{const t=i.relatedTarget;t&&this.box?.contains(t)?this.editing=this.inEditor(t):(this.focused=!1,this.editing=!1)};onPopupKey=i=>{if("ArrowDown"!==i.key&&"ArrowUp"!==i.key&&"Home"!==i.key&&"End"!==i.key)return;const t=Array.from(this.popupWrap?.querySelectorAll(".sui-rte-option, .sui-rte-merge-row")||[]);if(!t.length)return;i.preventDefault();const e=t.indexOf(document.activeElement);let s=0;"ArrowDown"===i.key?s=e<0?0:(e+1)%t.length:"ArrowUp"===i.key?s=e<0?t.length-1:(e-1+t.length)%t.length:"End"===i.key&&(s=t.length-1),t[s].focus()};applyLink=()=>{const i=this.linkHref.trim();i&&"https://"!==i&&this.run("link",i),this.closePopup(!0)};toggleList(i){this.run(this.snap?.list===i?"outdent":"bullet"===i?"bulletList":"orderedList")}renderBlockPicker(){const i=this.snap?.block||"p",t="block"===this.popup,e=Z(Y.includes(i)?i:"p");return s("div",{class:"sui-rte-pop",ref:i=>{t&&(this.popupWrap=i)},onKeyDown:t?this.onPopupKey:void 0},s("button",{type:"button",class:{"sui-rte-block-trigger":!0,"sui-frame":!0,open:t},"aria-haspopup":"listbox","aria-expanded":t?"true":"false","aria-label":U(void 0,"rich-text-editor.blockTypeCurrent",void 0,"Block type: {type}",{type:e}),onMouseDown:i=>i.preventDefault(),onClick:()=>this.openPopup("block")},e,s(b,{glyph:f})),t?s("div",{class:"sui-rte-panel block",role:"listbox","aria-label":R(void 0,"rich-text-editor.blockType",void 0,"Block type")},Y.map((t=>s("button",{type:"button",role:"option","aria-selected":t===i?"true":"false",class:{"sui-rte-option":!0,selected:t===i,[t]:!0},onMouseDown:i=>i.preventDefault(),onClick:()=>{this.closePopup(),this.run("block",t)}},Z(t))))):null)}renderMergePicker(){const i="merge"===this.popup;return this.mergeFields&&this.mergeFields.length?s("div",{class:"sui-rte-pop",ref:t=>{i&&(this.popupWrap=t)},onKeyDown:i?this.onPopupKey:void 0},s(u,{glyph:v,label:R(void 0,"rich-text-editor.mergeField",void 0,"Merge field"),wide:!0,active:i,haspopup:"menu",title:R(void 0,"rich-text-editor.insertMergeField",void 0,"Insert merge field"),onClick:()=>this.openPopup("merge")}),i?s("div",{class:"sui-rte-panel merge",role:"menu","aria-label":R(void 0,"rich-text-editor.mergeFields",void 0,"Merge fields")},s("div",{class:"sui-rte-eyebrow",role:"presentation"},R(void 0,"rich-text-editor.resolvesAtSendTime",void 0,"Resolves at send time")),(this.mergeFields||[]).map((i=>s("button",{type:"button",role:"menuitem",class:"sui-rte-merge-row",onMouseDown:i=>i.preventDefault(),onClick:()=>{this.closePopup(),this.run("mergeField",i.token,i.label)}},s("span",null,i.label),s("code",null,`{{${i.token}}}`))))):null):null}renderLink(){const i=!!this.snap?.marks.link,t="link"===this.popup;return s("div",{class:"sui-rte-pop",ref:i=>{t&&(this.popupWrap=i)}},s(u,{glyph:g,active:i||t,haspopup:i?void 0:"dialog",title:i?R(void 0,"rich-text-editor.removeLink",void 0,"Remove link"):R(void 0,"rich-text-editor.addLink",void 0,"Add link"),onClick:()=>i?this.run("unlink"):this.openPopup("link")}),t?s("div",{class:"sui-rte-panel link",role:"dialog","aria-label":R(void 0,"rich-text-editor.addLink",void 0,"Add link")},s("input",{ref:i=>this.linkInput=i,class:"sui-rte-link-input sui-frame",type:"url","aria-label":R(void 0,"rich-text-editor.linkAddress",void 0,"Link address"),value:this.linkHref,onInput:i=>this.linkHref=i.target.value,onKeyDown:i=>{"Enter"===i.key&&(i.preventDefault(),this.applyLink())}}),s("sui-button",{variant:"brand",size:"sm",label:R(void 0,"rich-text-editor.link",void 0,"Link"),onClick:this.applyLink})):null)}renderToolbar(){const i=this.snap?.marks,t=this.snap,e=this.full;return s("div",{key:"toolbar",class:"sui-rte-toolbar",role:"toolbar","aria-label":R(void 0,"rich-text-editor.formatting",void 0,"Formatting"),ref:i=>this.toolbarEl=i},e?this.renderBlockPicker():null,e?s(l,null):null,s(u,{glyph:j,active:!!i?.bold,title:h(R(void 0,"rich-text-editor.bold",void 0,"Bold"),"B"),onClick:()=>this.run("bold")}),s(u,{glyph:L,active:!!i?.italic,title:h(R(void 0,"rich-text-editor.italic",void 0,"Italic"),"I"),onClick:()=>this.run("italic")}),s(u,{glyph:z,active:!!i?.underline,title:h(R(void 0,"rich-text-editor.underline",void 0,"Underline"),"U"),onClick:()=>this.run("underline")}),e?s(u,{glyph:C,active:!!i?.strike,title:R(void 0,"rich-text-editor.strikethrough",void 0,"Strikethrough"),onClick:()=>this.run("strike")}):null,e?s(u,{glyph:P,active:!!i?.code,title:R(void 0,"rich-text-editor.inlineCode",void 0,"Inline code"),onClick:()=>this.run("code")}):null,s(l,null),s(u,{glyph:M,active:"bullet"===t?.list,title:R(void 0,"rich-text-editor.bulletedList",void 0,"Bulleted list"),onClick:()=>this.toggleList("bullet")}),s(u,{glyph:w,active:"ordered"===t?.list,title:R(void 0,"rich-text-editor.numberedList",void 0,"Numbered list"),onClick:()=>this.toggleList("ordered")}),e?s(u,{glyph:y,active:!!t?.quote,title:R(void 0,"rich-text-editor.blockquote",void 0,"Blockquote"),onClick:()=>this.run(t?.quote?"unquote":"quote")}):null,s(l,null),this.renderLink(),e?this.renderMergePicker():null,s("span",{class:"sui-rte-spacer"}),s(u,{glyph:k,disabled:!t?.canUndo,title:h(R(void 0,"rich-text-editor.undo",void 0,"Undo"),"Z"),onClick:()=>this.run("undo")}),s(u,{glyph:m,disabled:!t?.canRedo,title:R(void 0,"rich-text-editor.redo",void 0,"Redo"),onClick:()=>this.run("redo")}))}renderBubble(){const i=this.snap?.marks,t=this.bubble;return s("sui-mini-toolbar",{key:"bubble",class:"sui-rte-bubble",open:!!t&&!this.locked,x:t?Math.max(120,Math.min(t.x,t.width-120)):0,y:t?t.y-44:0,"aria-label":R(void 0,"rich-text-editor.formatting",void 0,"Formatting")},s(u,{glyph:j,active:!!i?.bold,title:h(R(void 0,"rich-text-editor.bold",void 0,"Bold"),"B"),onClick:()=>this.run("bold")}),s(u,{glyph:L,active:!!i?.italic,title:h(R(void 0,"rich-text-editor.italic",void 0,"Italic"),"I"),onClick:()=>this.run("italic")}),s(u,{glyph:z,active:!!i?.underline,title:h(R(void 0,"rich-text-editor.underline",void 0,"Underline"),"U"),onClick:()=>this.run("underline")}),s(u,{glyph:C,active:!!i?.strike,title:R(void 0,"rich-text-editor.strikethrough",void 0,"Strikethrough"),onClick:()=>this.run("strike")}))}render(){const i=this.locked,t="bubble"===this.variant,e=this.minHeight??("compact"===this.variant?84:170),o=this.snap,d=this.ready&&!!o?.empty&&!i,n=this.ready?"":x(this.html||"");return s(r,{key:"f2d203ef4a5d0729bf496f9ecb0e8314a89f7784",class:{[this.variant]:!0,"read-only":i,disabled:this.isDisabled,focused:this.focused,ready:this.ready,invalid:this.invalid||!!this.error}},s(c,{key:"29fe86632f0aa40f64354551515e71fa0d8f5c2e",label:this.label,help:this.help,error:this.error,descId:this.fieldId},s("div",{key:"5e50036b9048d055b6510f525e68d9aaef437d1f",class:{"sui-rte-box":!0,"sui-frame":!0,"focus-own":!0,focus:this.editing,invalid:this.invalid||!!this.error,disabled:this.isDisabled,readonly:i&&!this.isDisabled},ref:i=>this.box=i,onFocusin:this.onFocusIn,onFocusout:this.onFocusOut,onKeyDown:this.onBoxKey},i||t?null:this.renderToolbar(),t?this.renderBubble():null,s("div",{key:"loading",class:"sui-rte-loading",hidden:this.ready||!!n},R(void 0,"rich-text-editor.loading",void 0,"Loading editor engine (ProseMirror)…")),s("div",{key:"body",class:"sui-rte-body"},n?s("div",{key:"static",class:"sb-editor-mount sui-rte-static sc-sui-rich-text-editor-s",style:{minHeight:e+"px"},innerHTML:p(n)}):null,s("div",{key:"mount",class:"sb-editor-mount sc-sui-rich-text-editor-s",hidden:!!n,ref:i=>this.mount=i,style:{minHeight:e+"px"}}),s("div",{key:"placeholder",class:"sui-rte-placeholder",hidden:!d,"aria-hidden":"true"},R(void 0,"rich-text-editor.placeholder",this.placeholder,"Write here…"))),s("div",{key:"status",class:"sui-rte-status"},i?s("span",{class:"sui-rte-lock"},s(b,{glyph:H}),this.isDisabled?R(void 0,"rich-text-editor.disabled",void 0,"Disabled"):R(void 0,"rich-text-editor.readOnly",void 0,"Read-only")):null,o||!n?s("span",{class:"sui-rte-count"},(i=>S(i,void 0,["rich-text-editor.word","rich-text-editor.words"])?U(void 0,"rich-text-editor.word",void 0,"{count} word",{count:A(i)}):U(void 0,"rich-text-editor.words",void 0,"{count} words",{count:A(i)}))(o?.words||0)," · ",(i=>S(i,void 0,["rich-text-editor.character","rich-text-editor.characters"])?U(void 0,"rich-text-editor.character",void 0,"{count} character",{count:A(i)}):U(void 0,"rich-text-editor.characters",void 0,"{count} characters",{count:A(i)}))(o?.chars||0)):null,s("span",{key:"1cbe0d58336947a6bf9f97b287c2ddc28a49139d",class:"sui-rte-spacer"}),s("slot",{key:"d253cf5b0893c41586ed5a30540959d7882a1bf2",name:"status"})))))}static get formAssociated(){return!0}static get watchers(){return{html:[{onHtmlChange:0}],required:[{onValidityInput:0}],error:[{onValidityInput:0}],label:[{onValidityInput:0}],readOnly:[{onLockChange:0}],disabled:[{onLockChange:0}],formDisabled:[{onLockChange:0}]}}static get style(){return".sc-sui-rich-text-editor-h{display:block;font-family:var(--font-sans);color:var(--ink)}.sui-rte-box.sc-sui-rich-text-editor{position:relative;box-sizing:border-box}.sui-frame.focus-own.sc-sui-rich-text-editor:focus-within:not(.focus){border-color:var(--control-border);outline:none;box-shadow:none}.sui-frame.focus-own.invalid.sc-sui-rich-text-editor:focus-within:not(.focus){border-color:var(--danger);outline:1px solid var(--danger);outline-offset:-2px;box-shadow:none}.sui-rte-toolbar.sc-sui-rich-text-editor{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:7px 9px;border-bottom:1px solid var(--hairline);background:var(--surface-sunken);border-radius:var(--radius-md) var(--radius-md) 0 0}.sui-rte-spacer.sc-sui-rich-text-editor{flex:1}.sui-rte-loading.sc-sui-rich-text-editor{padding:14px;font-size:12.5px;color:var(--ink-faint)}.sui-rte-loading[hidden].sc-sui-rich-text-editor{display:none}.sui-rte-body.sc-sui-rich-text-editor{position:relative}.sb-editor-mount.sc-sui-rich-text-editor{box-sizing:content-box;padding:12px 14px;font-size:13.5px;line-height:1.6;color:var(--ink);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.ready.sc-sui-rich-text-editor-h .sb-editor-mount.sc-sui-rich-text-editor{opacity:1}.sb-editor-mount.sui-rte-static.sc-sui-rich-text-editor{opacity:1}.sui-rte-placeholder.sc-sui-rich-text-editor{position:absolute;inset-inline-start:14px;top:12px;font-size:13.5px;line-height:1.6;color:var(--ink-placeholder);pointer-events:none}.sui-rte-placeholder[hidden].sc-sui-rich-text-editor{display:none}.sui-rte-status.sc-sui-rich-text-editor{display:flex;align-items:center;gap:12px;padding:6px 12px;border-top:1px solid var(--hairline);font-size:11px;color:var(--ink-faint);font-feature-settings:'tnum'}.sui-rte-lock.sc-sui-rich-text-editor{display:inline-flex;align-items:center;gap:5px;font-weight:650;white-space:nowrap}.sui-rte-lock.sc-sui-rich-text-editor .sui-glyph.sc-sui-rich-text-editor{font-size:9px}.sui-rte-bubble.sc-sui-rich-text-editor{transform:translateX(-50%)}.sui-rte-pop.sc-sui-rich-text-editor{position:relative;display:inline-flex}.sui-rte-panel.sc-sui-rich-text-editor{position:absolute;top:calc(100% + 5px);inset-inline-start:0;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);padding:4px;animation:sui-rte-pop-in var(--duration-overlay) var(--ease-out)}@keyframes sui-rte-pop-in{from{opacity:0;transform:translateY(4px)}}.sui-rte-panel.block.sc-sui-rich-text-editor{width:150px}.sui-rte-panel.merge.sc-sui-rich-text-editor{width:210px}.sui-rte-panel.link.sc-sui-rich-text-editor{inset-inline-start:-60px;display:flex;gap:6px;padding:8px}.sui-rte-block-trigger.sc-sui-rich-text-editor{height:28px;width:108px;padding-block:0;padding-inline:10px 8px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:space-between;gap:7px;color:var(--ink);font-size:12px;font-weight:620;font-family:var(--font-sans);cursor:pointer;white-space:nowrap}.sui-rte-block-trigger.sc-sui-rich-text-editor .sui-glyph.sc-sui-rich-text-editor{font-size:9px;color:var(--ink-faint)}.sui-rte-option.sc-sui-rich-text-editor{display:block;width:100%;text-align:start;padding:6px 9px;border-radius:5px;border:none;background:transparent;color:var(--ink);cursor:pointer;font-family:var(--font-sans);font-size:12.5px;font-weight:460;line-height:normal;transition:background var(--duration-fast) var(--ease-out)}.sui-rte-option.sc-sui-rich-text-editor:hover,.sui-rte-option.sc-sui-rich-text-editor:focus-visible{--ink-faint:var(--ink-muted);background:var(--surface-hover);outline:none}.sui-rte-option.sc-sui-rich-text-editor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sui-rte-option.selected.sc-sui-rich-text-editor{--ink-muted:var(--ink-muted-on-wash);--ink-faint:var(--ink-muted);background:var(--surface-selected);font-weight:650}.sui-rte-option.selected.sc-sui-rich-text-editor:hover,.sui-rte-option.selected.sc-sui-rich-text-editor:focus-visible{--ink-muted:var(--ink);--ink-faint:var(--ink);background:linear-gradient(var(--surface-hover) 0 0) var(--surface-selected)}.sui-rte-option.h1.sc-sui-rich-text-editor{font-size:15px;font-weight:700}.sui-rte-option.h2.sc-sui-rich-text-editor{font-size:13.5px;font-weight:700}.sui-rte-option.h3.sc-sui-rich-text-editor{font-weight:700}.sui-rte-option.code.sc-sui-rich-text-editor{font-family:var(--font-mono)}.sui-rte-eyebrow.sc-sui-rich-text-editor{padding:6px 9px 4px;font-size:10px;font-weight:650;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-faint)}.sui-rte-merge-row.sc-sui-rich-text-editor{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:6px 9px;border-radius:5px;border:none;background:transparent;color:var(--ink);cursor:pointer;font-family:var(--font-sans);text-align:start;transition:background var(--duration-fast) var(--ease-out)}.sui-rte-merge-row.sc-sui-rich-text-editor:hover,.sui-rte-merge-row.sc-sui-rich-text-editor:focus-visible{--ink-faint:var(--ink-muted);background:var(--surface-hover);outline:none}.sui-rte-merge-row.sc-sui-rich-text-editor span.sc-sui-rich-text-editor{font-size:12.5px;font-weight:600}.sui-rte-merge-row.sc-sui-rich-text-editor code.sc-sui-rich-text-editor{font-size:9.5px;color:var(--ink-faint);font-family:var(--font-mono)}.sui-rte-link-input.sc-sui-rich-text-editor{width:180px;min-width:0;height:28px;box-sizing:border-box;padding:0 9px;color:var(--ink);font-size:12px;font-family:var(--font-sans)}.sui-rte-link-input.sc-sui-rich-text-editor::placeholder{color:var(--ink-placeholder)}@media (forced-colors: active){.sui-rte-option.sc-sui-rich-text-editor:focus-visible,.sui-rte-merge-row.sc-sui-rich-text-editor:focus-visible{outline:2px solid CanvasText;outline-offset:-2px}.sui-rte-option.selected.sc-sui-rich-text-editor{forced-color-adjust:none;background:Highlight;color:HighlightText}}.sui-field.sc-sui-rich-text-editor{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}.sui-field-label.sc-sui-rich-text-editor{font-size:12.5px;font-weight:620;color:var(--ink);line-height:1.3}.sui-field.invalid.sc-sui-rich-text-editor .sui-field-label.sc-sui-rich-text-editor{color:var(--danger)}.sui-field-req.sc-sui-rich-text-editor{color:var(--danger);margin-inline-start:3px}.sui-field-help.sc-sui-rich-text-editor{font-size:12px;color:var(--ink-faint);line-height:1.4}.sui-field-error.sc-sui-rich-text-editor{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-rich-text-editor .sui-glyph.sc-sui-rich-text-editor{font-size:11px}.sui-frame.sc-sui-rich-text-editor{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-rich-text-editor:hover{border-color:var(--sui-field-border, color-mix(in srgb, var(--control-border) 55%, var(--ink)))}.sui-frame[readonly].sc-sui-rich-text-editor,.sui-frame.readonly.sc-sui-rich-text-editor{border-color:var(--sui-field-border, var(--control-border));background:var(--sui-field-bg, var(--surface-sunken))}.sui-frame.sc-sui-rich-text-editor:focus-within,.sui-frame.focus.sc-sui-rich-text-editor,.sui-frame.open.sc-sui-rich-text-editor{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-rich-text-editor{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-rich-text-editor:focus-within,.sui-frame.invalid.focus.sc-sui-rich-text-editor,.sui-frame.invalid.open.sc-sui-rich-text-editor{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-rich-text-editor:disabled,.sui-frame.disabled.sc-sui-rich-text-editor{--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-rich-text-editor{width:100%;color:var(--ink);font-family:var(--font-sans);font-weight:460}.sui-input.sc-sui-rich-text-editor::placeholder{color:var(--ink-placeholder)}.sui-input.sm.sc-sui-rich-text-editor{height:var(--sui-field-height, var(--control-sm));padding:0 10px;font-size:12.5px}.sui-input.md.sc-sui-rich-text-editor{height:var(--sui-field-height, var(--control-md));padding:0 var(--control-pad-x);font-size:13px}.sui-input.lg.sc-sui-rich-text-editor{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-rich-text-editor:focus-within,.sui-frame.focus.sc-sui-rich-text-editor,.sui-frame.open.sc-sui-rich-text-editor{outline:2px solid Highlight;outline-offset:1px}.sui-frame.sc-sui-rich-text-editor:disabled,.sui-frame.disabled.sc-sui-rich-text-editor{color:GrayText;border-color:GrayText}}.sui-tbtn.sc-sui-rich-text-editor{height:28px;min-width:28px;padding:0 5px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:6px;background:transparent;color:var(--ink-muted);font-size:12px;font-weight:650;font-family:var(--font-sans);line-height:1;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.sui-tbtn.wide.sc-sui-rich-text-editor{min-width:0;padding:0 9px}.sui-tbtn.sc-sui-rich-text-editor i.sc-sui-rich-text-editor,.sui-tbtn.sc-sui-rich-text-editor .sui-glyph.sc-sui-rich-text-editor{font-size:12px}.sui-tbtn.sc-sui-rich-text-editor:hover:not(:disabled){background:var(--surface-hover)}.sui-tbtn.active.sc-sui-rich-text-editor,.sui-tbtn.active.sc-sui-rich-text-editor:hover:not(:disabled){background:var(--surface-selected);color:var(--brand-soft-ink)}.sui-tbtn.sc-sui-rich-text-editor:disabled{color:var(--ink-placeholder);cursor:not-allowed;background:transparent}.sui-tbtn.sc-sui-rich-text-editor:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;box-shadow:var(--focus-shadow)}.sui-tbtn-sep.sc-sui-rich-text-editor{width:1px;height:18px;background:var(--hairline);margin:0 3px;flex-shrink:0}@media (forced-colors: active){.sui-tbtn.active.sc-sui-rich-text-editor,.sui-tbtn.active.sc-sui-rich-text-editor:hover:not(:disabled){forced-color-adjust:none;background:Highlight;color:HighlightText;outline-color:CanvasText;box-shadow:none}.sui-tbtn.sc-sui-rich-text-editor:disabled{forced-color-adjust:auto;background:transparent;color:GrayText}.sui-tbtn-sep.sc-sui-rich-text-editor{forced-color-adjust:none;background:CanvasText}}.sc-sui-rich-text-editor-s .ProseMirror,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor{outline:none;white-space:pre-wrap}.sc-sui-rich-text-editor-s.sb-editor-mount p,.sc-sui-rich-text-editor-s .ProseMirror p,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor p.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor p.sc-sui-rich-text-editor{margin:0 0 8px}.sc-sui-rich-text-editor-s.sb-editor-mount p:last-child,.sc-sui-rich-text-editor-s .ProseMirror p:last-child,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor p.sc-sui-rich-text-editor:last-child,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor p.sc-sui-rich-text-editor:last-child{margin-bottom:0}.sc-sui-rich-text-editor-s.sb-editor-mount h1,.sc-sui-rich-text-editor-s .ProseMirror h1,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor h1.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor h1.sc-sui-rich-text-editor{font-size:21px;font-weight:730;letter-spacing:-0.015em;margin:4px 0 10px}.sc-sui-rich-text-editor-s.sb-editor-mount h2,.sc-sui-rich-text-editor-s .ProseMirror h2,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor h2.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor h2.sc-sui-rich-text-editor{font-size:16.5px;font-weight:700;margin:10px 0 7px}.sc-sui-rich-text-editor-s.sb-editor-mount h3,.sc-sui-rich-text-editor-s .ProseMirror h3,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor h3.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor h3.sc-sui-rich-text-editor{font-size:14px;font-weight:700;margin:8px 0 6px}.sc-sui-rich-text-editor-s.sb-editor-mount ul,.sc-sui-rich-text-editor-s.sb-editor-mount ol,.sc-sui-rich-text-editor-s .ProseMirror ul,.sc-sui-rich-text-editor-s .ProseMirror ol,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor ul.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor ol.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor ul.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor ol.sc-sui-rich-text-editor{margin:0 0 8px;padding-inline-start:22px}.sc-sui-rich-text-editor-s.sb-editor-mount li,.sc-sui-rich-text-editor-s .ProseMirror li,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor li.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor li.sc-sui-rich-text-editor{margin-bottom:3px}.sc-sui-rich-text-editor-s.sb-editor-mount blockquote,.sc-sui-rich-text-editor-s .ProseMirror blockquote,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor blockquote.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor blockquote.sc-sui-rich-text-editor{margin:0 0 8px;padding:6px 14px;border-inline-start:3px solid var(--accent);background:var(--surface-sunken);border-start-start-radius:0;border-start-end-radius:6px;border-end-end-radius:6px;border-end-start-radius:0;color:var(--ink-muted)}.sc-sui-rich-text-editor-s.sb-editor-mount pre,.sc-sui-rich-text-editor-s .ProseMirror pre,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor pre.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor pre.sc-sui-rich-text-editor{background:var(--sui-code-dark-bg);color:color-mix(in srgb, var(--sui-code-dark-ink) 86%, var(--sui-code-dark-bg));font-family:var(--font-mono);font-size:12px;padding:10px 12px;border-radius:8px;margin:0 0 8px}.sc-sui-rich-text-editor-s.sb-editor-mount code,.sc-sui-rich-text-editor-s .ProseMirror code,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor code.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor code.sc-sui-rich-text-editor{background:var(--brand-soft);border-radius:4px;padding:1px 5px;font-family:var(--font-mono);font-size:12px}.sc-sui-rich-text-editor-s.sb-editor-mount pre code,.sc-sui-rich-text-editor-s .ProseMirror pre code,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor pre.sc-sui-rich-text-editor code.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor pre.sc-sui-rich-text-editor code.sc-sui-rich-text-editor{background:transparent;padding:0}.sc-sui-rich-text-editor-s.sb-editor-mount a,.sc-sui-rich-text-editor-s .ProseMirror a,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor a.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor a.sc-sui-rich-text-editor{color:var(--link);text-decoration:underline}.sc-sui-rich-text-editor-s .sb-merge,.sc-sui-edit-box-s.sc-sui-rich-text-editor .sb-merge.sc-sui-rich-text-editor{display:inline-block;background:var(--accent-soft);color:var(--accent-soft-ink);border:1px dashed var(--accent-deep);border-radius:5px;padding:0 6px;font-size:12px;font-weight:650;white-space:nowrap}.sc-sui-rich-text-editor-s .sb-merge.ProseMirror-selectednode,.sc-sui-edit-box-s.sc-sui-rich-text-editor .sb-merge.ProseMirror-selectednode.sc-sui-rich-text-editor{outline:2px solid var(--accent)}@media (forced-colors: active){.sc-sui-rich-text-editor-s.sb-editor-mount pre,.sc-sui-rich-text-editor-s .ProseMirror pre,.sc-sui-edit-box-s.sb-editor-mount.sc-sui-rich-text-editor pre.sc-sui-rich-text-editor,.sc-sui-edit-box-s.sc-sui-rich-text-editor .ProseMirror.sc-sui-rich-text-editor pre.sc-sui-rich-text-editor{border:1px solid CanvasText}.sc-sui-rich-text-editor-s .sb-merge.ProseMirror-selectednode,.sc-sui-edit-box-s.sc-sui-rich-text-editor .sb-merge.ProseMirror-selectednode.sc-sui-rich-text-editor{outline-color:Highlight}}"}},[838,"sui-rich-text-editor",{label:[1],help:[1],error:[1],variant:[513],html:[1025],placeholder:[1],readOnly:[516,"readonly"],disabled:[516],invalid:[516],required:[516],minHeight:[2,"min-height"],name:[513],mergeFields:[16],hostLabel:[32],hostLabelledby:[32],snap:[32],ready:[32],focused:[32],editing:[32],popup:[32],linkHref:[32],bubble:[32],formDisabled:[32],getSnapshot:[64],setFocus:[64],exec:[64]},void 0,{html:[{onHtmlChange:0}],required:[{onValidityInput:0}],error:[{onValidityInput:0}],label:[{onValidityInput:0}],readOnly:[{onLockChange:0}],disabled:[{onLockChange:0}],formDisabled:[{onLockChange:0}]}]),N=_,Q=function(){"undefined"!=typeof customElements&&["sui-rich-text-editor","sui-button","sui-mini-toolbar","sui-tooltip"].forEach((i=>{switch(i){case"sui-rich-text-editor":customElements.get(o(i))||customElements.define(o(i),_);break;case"sui-button":customElements.get(o(i))||G();break;case"sui-mini-toolbar":customElements.get(o(i))||W();break;case"sui-tooltip":customElements.get(o(i))||X()}}))};export{N as SuiRichTextEditor,Q as defineCustomElement}

package/dist/components/sui-save-status.d.ts

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

package/dist/components/sui-save-status.js

@@ -0,0 +1 @@
+import{p as s,H as t,h as a,a as e,t as i}from"./p-CeVlau-G.js";import{a as o,l as n}from"./p-BuyjS5bS.js";import{G as r,c as u,J as v,a as d,e as l}from"./p-BeYfX4rQ.js";const c={saved:{glyph:l},saving:{glyph:d,spin:!0},dirty:{glyph:v},error:{glyph:u}},p=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost()}state="idle";time;text(s){return"saving"===s?o(void 0,"save-status.saving",void 0,"Saving…"):"dirty"===s?o(void 0,"save-status.dirty",void 0,"Unsaved changes"):"error"===s?o(void 0,"save-status.error",void 0,"Autosave failed, retrying"):this.time?n(void 0,"save-status.saved",void 0,"Saved {time}",{time:this.time}):o(void 0,"save-status.savedJustNow",void 0,"Saved just now")}render(){const s=c[this.state]?this.state:null,t=s?c[s]:null;return a(e,{key:"e6b7c187d74595dabdc330a79178db005f7a8026",role:"status","aria-live":"polite"},s&&t?[a(r,{glyph:t.glyph,class:"icon",spin:t.spin}),a("span",{class:"text"},this.text(s))]:null)}static get style(){return'.sc-sui-save-status-h{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-sans);font-size:12px;font-weight:620;color:var(--ink-muted)}.icon.sc-sui-save-status{font-size:12px}[state="dirty"].sc-sui-save-status-h .icon.sc-sui-save-status{font-size:7px;color:var(--status-attention-accent)}[state="error"].sc-sui-save-status-h{color:var(--danger);font-weight:650}'}},[514,"sui-save-status",{state:[513],time:[1]}]),m=p,f=function(){"undefined"!=typeof customElements&&["sui-save-status"].forEach((s=>{"sui-save-status"===s&&(customElements.get(i(s))||customElements.define(i(s),p))}))};export{m as SuiSaveStatus,f as defineCustomElement}

package/dist/components/sui-scheduler-builder.d.ts

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