@squirrel-cloud/ui-vue 0.2.4 → 0.2.6

package/dist/squirrel-cloud-ui-vue.umd.cjs

@@ -1 +1 @@
-(function(k,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],s):(k=typeof globalThis<"u"?globalThis:k||self,s(k.SquirrelCloudUIVue={},k.Vue))})(this,(function(k,s){"use strict";const qt=(t,e)=>{const n=t.__vccOpts||t;for(const[o,i]of e)n[o]=i;return n},Nt={},Ft={class:"sq-icon is-loading","data-icon":"loading"};function It(t,e){return s.openBlock(),s.createElementBlock("span",Ft,e[0]||(e[0]=[s.createElementVNode("svg",{viewBox:"0 0 48 48",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[s.createElementVNode("circle",{cx:"24",cy:"24",r:"20"})],-1)]))}const Wt=qt(Nt,[["render",It]]),Ht=["disabled"],jt=s.defineComponent({__name:"SqButton",props:{type:{},round:{type:Boolean},text:{type:Boolean},icon:{},loading:{type:Boolean},disabled:{type:Boolean},size:{default:"md"}},setup(t){const e=t,n=s.computed(()=>{const r=[];return e.size!=="md"&&r.push(`sq-button--${e.size}`),e.type&&r.push(`is-${e.type}`),e.round&&r.push("is-round"),e.text&&r.push("is-text"),r}),o=s.computed(()=>e.loading?Wt:e.icon),i=s.computed(()=>e.loading||e.disabled);return(r,l)=>(s.openBlock(),s.createElementBlock("button",{class:s.normalizeClass(["sq-button",n.value]),disabled:i.value},[s.createVNode(s.unref(rt),{size:e.size},{default:s.withCtx(()=>[o.value?(s.openBlock(),s.createBlock(s.resolveDynamicComponent(o.value),{key:0})):s.createCommentVNode("",!0),s.renderSlot(r.$slots,"default")]),_:3},8,["size"])],10,Ht))}}),Xt={class:"sq-card"},Ut={key:0,class:"sq-card-header"},Yt=["textContent"],Kt={key:1,class:"sq-card-footer"},Gt=s.defineComponent({__name:"SqCard",props:{title:{},decorative:{type:Boolean,default:!1}},setup(t){const e=s.useSlots(),n=t;return(o,i)=>(s.openBlock(),s.createElementBlock("div",Xt,[n.title||s.unref(e).title?(s.openBlock(),s.createElementBlock("div",Ut,[s.createElementVNode("h2",{class:s.normalizeClass({"has-decorative":n.decorative}),textContent:s.toDisplayString(n.title)},null,10,Yt),s.renderSlot(o.$slots,"title")])):s.createCommentVNode("",!0),s.renderSlot(o.$slots,"default"),s.unref(e).footer?(s.openBlock(),s.createElementBlock("div",Kt,[s.renderSlot(o.$slots,"footer")])):s.createCommentVNode("",!0)]))}}),Jt={key:0,class:"sq-input-prefix"},Qt=["disabled","readonly"],Zt={key:1,class:"sq-input-suffix"},te=s.defineComponent({__name:"SqInput",props:s.mergeModels({status:{},round:{type:Boolean},showStatusIcon:{type:Boolean},prefixIcon:{},suffixIcon:{},disabled:{type:Boolean},readonly:{type:Boolean},size:{default:"md"}},{value:{type:String,default:""},valueModifiers:{}}),emits:s.mergeModels(["focus","blur","input","change"],["update:value"]),setup(t,{expose:e,emit:n}){const o=s.useSlots(),i=n,r=t,l=s.useModel(t,"value"),c=s.useTemplateRef("inputRef"),f=s.computed(()=>{const m=[];return r.size!=="md"&&m.push(`sq-input--${r.size}`),r.status&&m.push(`is-${r.status}`),r.round&&m.push("is-round"),r.disabled&&m.push("is-disabled"),m}),a=s.computed(()=>o.prefix||r.prefixIcon),d=s.computed(()=>{const m=r.showStatusIcon&&r.status;return o.suffix||m||r.suffixIcon}),p=s.computed(()=>r.suffixIcon);function h(){var m;(m=c.value)==null||m.focus()}function u(){var m;(m=c.value)==null||m.blur()}return e({focus:h,blur:u}),(m,g)=>(s.openBlock(),s.createElementBlock("section",{class:s.normalizeClass(["sq-input",f.value])},[a.value?(s.openBlock(),s.createElementBlock("span",Jt,[s.renderSlot(m.$slots,"prefix",{},()=>[(s.openBlock(),s.createBlock(s.resolveDynamicComponent(r.prefixIcon)))])])):s.createCommentVNode("",!0),s.withDirectives(s.createElementVNode("input",{"onUpdate:modelValue":g[0]||(g[0]=y=>l.value=y),class:"sq-input-inner",disabled:r.disabled,readonly:r.readonly,ref_key:"inputRef",ref:c,onFocus:g[1]||(g[1]=y=>i("focus",y)),onBlur:g[2]||(g[2]=y=>i("blur",y)),onInput:g[3]||(g[3]=y=>i("input",y)),onChange:g[4]||(g[4]=y=>i("change",y))},null,40,Qt),[[s.vModelText,l.value]]),d.value?(s.openBlock(),s.createElementBlock("span",Zt,[s.renderSlot(m.$slots,"suffix",{},()=>[(s.openBlock(),s.createBlock(s.resolveDynamicComponent(p.value)))])])):s.createCommentVNode("",!0)],2))}}),lt=Math.min,I=Math.max,J=Math.round,Q=Math.floor,A=t=>({x:t,y:t}),ee={left:"right",right:"left",bottom:"top",top:"bottom"},ne={start:"end",end:"start"};function ct(t,e){return typeof t=="function"?t(e):t}function W(t){return t.split("-")[0]}function Z(t){return t.split("-")[1]}function oe(t){return t==="x"?"y":"x"}function yt(t){return t==="y"?"height":"width"}const se=new Set(["top","bottom"]);function V(t){return se.has(W(t))?"y":"x"}function wt(t){return oe(V(t))}function ie(t,e,n){n===void 0&&(n=!1);const o=Z(t),i=wt(t),r=yt(i);let l=i==="x"?o===(n?"end":"start")?"right":"left":o==="start"?"bottom":"top";return e.reference[r]>e.floating[r]&&(l=tt(l)),[l,tt(l)]}function re(t){const e=tt(t);return[at(t),e,at(e)]}function at(t){return t.replace(/start|end/g,e=>ne[e])}const xt=["left","right"],bt=["right","left"],le=["top","bottom"],ce=["bottom","top"];function ae(t,e,n){switch(t){case"top":case"bottom":return n?e?bt:xt:e?xt:bt;case"left":case"right":return e?le:ce;default:return[]}}function fe(t,e,n,o){const i=Z(t);let r=ae(W(t),n==="start",o);return i&&(r=r.map(l=>l+"-"+i),e&&(r=r.concat(r.map(at)))),r}function tt(t){return t.replace(/left|right|bottom|top/g,e=>ee[e])}function ue(t){return{top:0,right:0,bottom:0,left:0,...t}}function de(t){return typeof t!="number"?ue(t):{top:t,right:t,bottom:t,left:t}}function et(t){const{x:e,y:n,width:o,height:i}=t;return{width:o,height:i,top:n,left:e,right:e+o,bottom:n+i,x:e,y:n}}function St(t,e,n){let{reference:o,floating:i}=t;const r=V(e),l=wt(e),c=yt(l),f=W(e),a=r==="y",d=o.x+o.width/2-i.width/2,p=o.y+o.height/2-i.height/2,h=o[c]/2-i[c]/2;let u;switch(f){case"top":u={x:d,y:o.y-i.height};break;case"bottom":u={x:d,y:o.y+o.height};break;case"right":u={x:o.x+o.width,y:p};break;case"left":u={x:o.x-i.width,y:p};break;default:u={x:o.x,y:o.y}}switch(Z(e)){case"start":u[l]-=h*(n&&a?-1:1);break;case"end":u[l]+=h*(n&&a?-1:1);break}return u}const pe=async(t,e,n)=>{const{placement:o="bottom",strategy:i="absolute",middleware:r=[],platform:l}=n,c=r.filter(Boolean),f=await(l.isRTL==null?void 0:l.isRTL(e));let a=await l.getElementRects({reference:t,floating:e,strategy:i}),{x:d,y:p}=St(a,o,f),h=o,u={},m=0;for(let g=0;g<c.length;g++){const{name:y,fn:w}=c[g],{x,y:S,data:R,reset:C}=await w({x:d,y:p,initialPlacement:o,placement:h,strategy:i,middlewareData:u,rects:a,platform:l,elements:{reference:t,floating:e}});d=x??d,p=S??p,u={...u,[y]:{...u[y],...R}},C&&m<=50&&(m++,typeof C=="object"&&(C.placement&&(h=C.placement),C.rects&&(a=C.rects===!0?await l.getElementRects({reference:t,floating:e,strategy:i}):C.rects),{x:d,y:p}=St(a,h,f)),g=-1)}return{x:d,y:p,placement:h,strategy:i,middlewareData:u}};async function me(t,e){var n;e===void 0&&(e={});const{x:o,y:i,platform:r,rects:l,elements:c,strategy:f}=t,{boundary:a="clippingAncestors",rootBoundary:d="viewport",elementContext:p="floating",altBoundary:h=!1,padding:u=0}=ct(e,t),m=de(u),y=c[h?p==="floating"?"reference":"floating":p],w=et(await r.getClippingRect({element:(n=await(r.isElement==null?void 0:r.isElement(y)))==null||n?y:y.contextElement||await(r.getDocumentElement==null?void 0:r.getDocumentElement(c.floating)),boundary:a,rootBoundary:d,strategy:f})),x=p==="floating"?{x:o,y:i,width:l.floating.width,height:l.floating.height}:l.reference,S=await(r.getOffsetParent==null?void 0:r.getOffsetParent(c.floating)),R=await(r.isElement==null?void 0:r.isElement(S))?await(r.getScale==null?void 0:r.getScale(S))||{x:1,y:1}:{x:1,y:1},C=et(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:x,offsetParent:S,strategy:f}):x);return{top:(w.top-C.top+m.top)/R.y,bottom:(C.bottom-w.bottom+m.bottom)/R.y,left:(w.left-C.left+m.left)/R.x,right:(C.right-w.right+m.right)/R.x}}const he=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var n,o;const{placement:i,middlewareData:r,rects:l,initialPlacement:c,platform:f,elements:a}=e,{mainAxis:d=!0,crossAxis:p=!0,fallbackPlacements:h,fallbackStrategy:u="bestFit",fallbackAxisSideDirection:m="none",flipAlignment:g=!0,...y}=ct(t,e);if((n=r.arrow)!=null&&n.alignmentOffset)return{};const w=W(i),x=V(c),S=W(c)===c,R=await(f.isRTL==null?void 0:f.isRTL(a.floating)),C=h||(S||!g?[tt(c)]:re(c)),P=m!=="none";!h&&P&&C.push(...fe(c,g,m,R));const b=[c,...C],E=await me(e,y),q=[];let X=((o=r.flip)==null?void 0:o.overflows)||[];if(d&&q.push(E[w]),p){const N=ie(i,l,R);q.push(E[N[0]],E[N[1]])}if(X=[...X,{placement:i,overflows:q}],!q.every(N=>N<=0)){var Dt,Mt;const N=(((Dt=r.flip)==null?void 0:Dt.index)||0)+1,gt=b[N];if(gt&&(!(p==="alignment"?x!==V(gt):!1)||X.every(O=>V(O.placement)===x?O.overflows[0]>0:!0)))return{data:{index:N,overflows:X},reset:{placement:gt}};let G=(Mt=X.filter(F=>F.overflows[0]<=0).sort((F,O)=>F.overflows[1]-O.overflows[1])[0])==null?void 0:Mt.placement;if(!G)switch(u){case"bestFit":{var Pt;const F=(Pt=X.filter(O=>{if(P){const z=V(O.placement);return z===x||z==="y"}return!0}).map(O=>[O.placement,O.overflows.filter(z=>z>0).reduce((z,tn)=>z+tn,0)]).sort((O,z)=>O[1]-z[1])[0])==null?void 0:Pt[0];F&&(G=F);break}case"initialPlacement":G=c;break}if(i!==G)return{reset:{placement:G}}}return{}}}},ge=new Set(["left","top"]);async function ye(t,e){const{placement:n,platform:o,elements:i}=t,r=await(o.isRTL==null?void 0:o.isRTL(i.floating)),l=W(n),c=Z(n),f=V(n)==="y",a=ge.has(l)?-1:1,d=r&&f?-1:1,p=ct(e,t);let{mainAxis:h,crossAxis:u,alignmentAxis:m}=typeof p=="number"?{mainAxis:p,crossAxis:0,alignmentAxis:null}:{mainAxis:p.mainAxis||0,crossAxis:p.crossAxis||0,alignmentAxis:p.alignmentAxis};return c&&typeof m=="number"&&(u=c==="end"?m*-1:m),f?{x:u*d,y:h*a}:{x:h*a,y:u*d}}const we=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){var n,o;const{x:i,y:r,placement:l,middlewareData:c}=e,f=await ye(e,t);return l===((n=c.offset)==null?void 0:n.placement)&&(o=c.arrow)!=null&&o.alignmentOffset?{}:{x:i+f.x,y:r+f.y,data:{...f,placement:l}}}}};function nt(){return typeof window<"u"}function D(t){return ft(t)?(t.nodeName||"").toLowerCase():"#document"}function B(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function T(t){var e;return(e=(ft(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function ft(t){return nt()?t instanceof Node||t instanceof B(t).Node:!1}function v(t){return nt()?t instanceof Element||t instanceof B(t).Element:!1}function _(t){return nt()?t instanceof HTMLElement||t instanceof B(t).HTMLElement:!1}function Ct(t){return!nt()||typeof ShadowRoot>"u"?!1:t instanceof ShadowRoot||t instanceof B(t).ShadowRoot}const xe=new Set(["inline","contents"]);function U(t){const{overflow:e,overflowX:n,overflowY:o,display:i}=L(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&!xe.has(i)}const be=new Set(["table","td","th"]);function Se(t){return be.has(D(t))}const Ce=[":popover-open",":modal"];function ot(t){return Ce.some(e=>{try{return t.matches(e)}catch{return!1}})}const Re=["transform","translate","scale","rotate","perspective"],ke=["transform","translate","scale","rotate","perspective","filter"],Be=["paint","layout","strict","content"];function ut(t){const e=dt(),n=v(t)?L(t):t;return Re.some(o=>n[o]?n[o]!=="none":!1)||(n.containerType?n.containerType!=="normal":!1)||!e&&(n.backdropFilter?n.backdropFilter!=="none":!1)||!e&&(n.filter?n.filter!=="none":!1)||ke.some(o=>(n.willChange||"").includes(o))||Be.some(o=>(n.contain||"").includes(o))}function Ee(t){let e=$(t);for(;_(e)&&!H(e);){if(ut(e))return e;if(ot(e))return null;e=$(e)}return null}function dt(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}const ve=new Set(["html","body","#document"]);function H(t){return ve.has(D(t))}function L(t){return B(t).getComputedStyle(t)}function st(t){return v(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function $(t){if(D(t)==="html")return t;const e=t.assignedSlot||t.parentNode||Ct(t)&&t.host||T(t);return Ct(e)?e.host:e}function Rt(t){const e=$(t);return H(e)?t.ownerDocument?t.ownerDocument.body:t.body:_(e)&&U(e)?e:Rt(e)}function Y(t,e,n){var o;e===void 0&&(e=[]),n===void 0&&(n=!0);const i=Rt(t),r=i===((o=t.ownerDocument)==null?void 0:o.body),l=B(i);if(r){const c=pt(l);return e.concat(l,l.visualViewport||[],U(i)?i:[],c&&n?Y(c):[])}return e.concat(i,Y(i,[],n))}function pt(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function kt(t){const e=L(t);let n=parseFloat(e.width)||0,o=parseFloat(e.height)||0;const i=_(t),r=i?t.offsetWidth:n,l=i?t.offsetHeight:o,c=J(n)!==r||J(o)!==l;return c&&(n=r,o=l),{width:n,height:o,$:c}}function mt(t){return v(t)?t:t.contextElement}function j(t){const e=mt(t);if(!_(e))return A(1);const n=e.getBoundingClientRect(),{width:o,height:i,$:r}=kt(e);let l=(r?J(n.width):n.width)/o,c=(r?J(n.height):n.height)/i;return(!l||!Number.isFinite(l))&&(l=1),(!c||!Number.isFinite(c))&&(c=1),{x:l,y:c}}const Le=A(0);function Bt(t){const e=B(t);return!dt()||!e.visualViewport?Le:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function Oe(t,e,n){return e===void 0&&(e=!1),!n||e&&n!==B(t)?!1:e}function M(t,e,n,o){e===void 0&&(e=!1),n===void 0&&(n=!1);const i=t.getBoundingClientRect(),r=mt(t);let l=A(1);e&&(o?v(o)&&(l=j(o)):l=j(t));const c=Oe(r,n,o)?Bt(r):A(0);let f=(i.left+c.x)/l.x,a=(i.top+c.y)/l.y,d=i.width/l.x,p=i.height/l.y;if(r){const h=B(r),u=o&&v(o)?B(o):o;let m=h,g=pt(m);for(;g&&o&&u!==m;){const y=j(g),w=g.getBoundingClientRect(),x=L(g),S=w.left+(g.clientLeft+parseFloat(x.paddingLeft))*y.x,R=w.top+(g.clientTop+parseFloat(x.paddingTop))*y.y;f*=y.x,a*=y.y,d*=y.x,p*=y.y,f+=S,a+=R,m=B(g),g=pt(m)}}return et({width:d,height:p,x:f,y:a})}function it(t,e){const n=st(t).scrollLeft;return e?e.left+n:M(T(t)).left+n}function Et(t,e){const n=t.getBoundingClientRect(),o=n.left+e.scrollLeft-it(t,n),i=n.top+e.scrollTop;return{x:o,y:i}}function Ae(t){let{elements:e,rect:n,offsetParent:o,strategy:i}=t;const r=i==="fixed",l=T(o),c=e?ot(e.floating):!1;if(o===l||c&&r)return n;let f={scrollLeft:0,scrollTop:0},a=A(1);const d=A(0),p=_(o);if((p||!p&&!r)&&((D(o)!=="body"||U(l))&&(f=st(o)),_(o))){const u=M(o);a=j(o),d.x=u.x+o.clientLeft,d.y=u.y+o.clientTop}const h=l&&!p&&!r?Et(l,f):A(0);return{width:n.width*a.x,height:n.height*a.y,x:n.x*a.x-f.scrollLeft*a.x+d.x+h.x,y:n.y*a.y-f.scrollTop*a.y+d.y+h.y}}function Te(t){return Array.from(t.getClientRects())}function _e(t){const e=T(t),n=st(t),o=t.ownerDocument.body,i=I(e.scrollWidth,e.clientWidth,o.scrollWidth,o.clientWidth),r=I(e.scrollHeight,e.clientHeight,o.scrollHeight,o.clientHeight);let l=-n.scrollLeft+it(t);const c=-n.scrollTop;return L(o).direction==="rtl"&&(l+=I(e.clientWidth,o.clientWidth)-i),{width:i,height:r,x:l,y:c}}const vt=25;function $e(t,e){const n=B(t),o=T(t),i=n.visualViewport;let r=o.clientWidth,l=o.clientHeight,c=0,f=0;if(i){r=i.width,l=i.height;const d=dt();(!d||d&&e==="fixed")&&(c=i.offsetLeft,f=i.offsetTop)}const a=it(o);if(a<=0){const d=o.ownerDocument,p=d.body,h=getComputedStyle(p),u=d.compatMode==="CSS1Compat"&&parseFloat(h.marginLeft)+parseFloat(h.marginRight)||0,m=Math.abs(o.clientWidth-p.clientWidth-u);m<=vt&&(r-=m)}else a<=vt&&(r+=a);return{width:r,height:l,x:c,y:f}}const ze=new Set(["absolute","fixed"]);function Ve(t,e){const n=M(t,!0,e==="fixed"),o=n.top+t.clientTop,i=n.left+t.clientLeft,r=_(t)?j(t):A(1),l=t.clientWidth*r.x,c=t.clientHeight*r.y,f=i*r.x,a=o*r.y;return{width:l,height:c,x:f,y:a}}function Lt(t,e,n){let o;if(e==="viewport")o=$e(t,n);else if(e==="document")o=_e(T(t));else if(v(e))o=Ve(e,n);else{const i=Bt(t);o={x:e.x-i.x,y:e.y-i.y,width:e.width,height:e.height}}return et(o)}function Ot(t,e){const n=$(t);return n===e||!v(n)||H(n)?!1:L(n).position==="fixed"||Ot(n,e)}function De(t,e){const n=e.get(t);if(n)return n;let o=Y(t,[],!1).filter(c=>v(c)&&D(c)!=="body"),i=null;const r=L(t).position==="fixed";let l=r?$(t):t;for(;v(l)&&!H(l);){const c=L(l),f=ut(l);!f&&c.position==="fixed"&&(i=null),(r?!f&&!i:!f&&c.position==="static"&&!!i&&ze.has(i.position)||U(l)&&!f&&Ot(t,l))?o=o.filter(d=>d!==l):i=c,l=$(l)}return e.set(t,o),o}function Me(t){let{element:e,boundary:n,rootBoundary:o,strategy:i}=t;const l=[...n==="clippingAncestors"?ot(e)?[]:De(e,this._c):[].concat(n),o],c=l[0],f=l.reduce((a,d)=>{const p=Lt(e,d,i);return a.top=I(p.top,a.top),a.right=lt(p.right,a.right),a.bottom=lt(p.bottom,a.bottom),a.left=I(p.left,a.left),a},Lt(e,c,i));return{width:f.right-f.left,height:f.bottom-f.top,x:f.left,y:f.top}}function Pe(t){const{width:e,height:n}=kt(t);return{width:e,height:n}}function qe(t,e,n){const o=_(e),i=T(e),r=n==="fixed",l=M(t,!0,r,e);let c={scrollLeft:0,scrollTop:0};const f=A(0);function a(){f.x=it(i)}if(o||!o&&!r)if((D(e)!=="body"||U(i))&&(c=st(e)),o){const u=M(e,!0,r,e);f.x=u.x+e.clientLeft,f.y=u.y+e.clientTop}else i&&a();r&&!o&&i&&a();const d=i&&!o&&!r?Et(i,c):A(0),p=l.left+c.scrollLeft-f.x-d.x,h=l.top+c.scrollTop-f.y-d.y;return{x:p,y:h,width:l.width,height:l.height}}function ht(t){return L(t).position==="static"}function At(t,e){if(!_(t)||L(t).position==="fixed")return null;if(e)return e(t);let n=t.offsetParent;return T(t)===n&&(n=n.ownerDocument.body),n}function Tt(t,e){const n=B(t);if(ot(t))return n;if(!_(t)){let i=$(t);for(;i&&!H(i);){if(v(i)&&!ht(i))return i;i=$(i)}return n}let o=At(t,e);for(;o&&Se(o)&&ht(o);)o=At(o,e);return o&&H(o)&&ht(o)&&!ut(o)?n:o||Ee(t)||n}const Ne=async function(t){const e=this.getOffsetParent||Tt,n=this.getDimensions,o=await n(t.floating);return{reference:qe(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Fe(t){return L(t).direction==="rtl"}const Ie={convertOffsetParentRelativeRectToViewportRelativeRect:Ae,getDocumentElement:T,getClippingRect:Me,getOffsetParent:Tt,getElementRects:Ne,getClientRects:Te,getDimensions:Pe,getScale:j,isElement:v,isRTL:Fe};function _t(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}function We(t,e){let n=null,o;const i=T(t);function r(){var c;clearTimeout(o),(c=n)==null||c.disconnect(),n=null}function l(c,f){c===void 0&&(c=!1),f===void 0&&(f=1),r();const a=t.getBoundingClientRect(),{left:d,top:p,width:h,height:u}=a;if(c||e(),!h||!u)return;const m=Q(p),g=Q(i.clientWidth-(d+h)),y=Q(i.clientHeight-(p+u)),w=Q(d),S={rootMargin:-m+"px "+-g+"px "+-y+"px "+-w+"px",threshold:I(0,lt(1,f))||1};let R=!0;function C(P){const b=P[0].intersectionRatio;if(b!==f){if(!R)return l();b?l(!1,b):o=setTimeout(()=>{l(!1,1e-7)},1e3)}b===1&&!_t(a,t.getBoundingClientRect())&&l(),R=!1}try{n=new IntersectionObserver(C,{...S,root:i.ownerDocument})}catch{n=new IntersectionObserver(C,S)}n.observe(t)}return l(!0),r}function He(t,e,n,o){o===void 0&&(o={});const{ancestorScroll:i=!0,ancestorResize:r=!0,elementResize:l=typeof ResizeObserver=="function",layoutShift:c=typeof IntersectionObserver=="function",animationFrame:f=!1}=o,a=mt(t),d=i||r?[...a?Y(a):[],...Y(e)]:[];d.forEach(w=>{i&&w.addEventListener("scroll",n,{passive:!0}),r&&w.addEventListener("resize",n)});const p=a&&c?We(a,n):null;let h=-1,u=null;l&&(u=new ResizeObserver(w=>{let[x]=w;x&&x.target===a&&u&&(u.unobserve(e),cancelAnimationFrame(h),h=requestAnimationFrame(()=>{var S;(S=u)==null||S.observe(e)})),n()}),a&&!f&&u.observe(a),u.observe(e));let m,g=f?M(t):null;f&&y();function y(){const w=M(t);g&&!_t(g,w)&&n(),g=w,m=requestAnimationFrame(y)}return n(),()=>{var w;d.forEach(x=>{i&&x.removeEventListener("scroll",n),r&&x.removeEventListener("resize",n)}),p==null||p(),(w=u)==null||w.disconnect(),u=null,f&&cancelAnimationFrame(m)}}const je=we,Xe=he,Ue=(t,e,n)=>{const o=new Map,i={platform:Ie,...n},r={...i.platform,_c:o};return pe(t,e,{...i,platform:r})};function Ye(t){return t!=null&&typeof t=="object"&&"$el"in t}function $t(t){if(Ye(t)){const e=t.$el;return ft(e)&&D(e)==="#comment"?null:e}return t}function K(t){return typeof t=="function"?t():s.unref(t)}function zt(t){return typeof window>"u"?1:(t.ownerDocument.defaultView||window).devicePixelRatio||1}function Vt(t,e){const n=zt(t);return Math.round(e*n)/n}function Ke(t,e,n){n===void 0&&(n={});const o=n.whileElementsMounted,i=s.computed(()=>{var b;return(b=K(n.open))!=null?b:!0}),r=s.computed(()=>K(n.middleware)),l=s.computed(()=>{var b;return(b=K(n.placement))!=null?b:"bottom"}),c=s.computed(()=>{var b;return(b=K(n.strategy))!=null?b:"absolute"}),f=s.computed(()=>{var b;return(b=K(n.transform))!=null?b:!0}),a=s.computed(()=>$t(t.value)),d=s.computed(()=>$t(e.value)),p=s.ref(0),h=s.ref(0),u=s.ref(c.value),m=s.ref(l.value),g=s.shallowRef({}),y=s.ref(!1),w=s.computed(()=>{const b={position:u.value,left:"0",top:"0"};if(!d.value)return b;const E=Vt(d.value,p.value),q=Vt(d.value,h.value);return f.value?{...b,transform:"translate("+E+"px, "+q+"px)",...zt(d.value)>=1.5&&{willChange:"transform"}}:{position:u.value,left:E+"px",top:q+"px"}});let x;function S(){if(a.value==null||d.value==null)return;const b=i.value;Ue(a.value,d.value,{middleware:r.value,placement:l.value,strategy:c.value}).then(E=>{p.value=E.x,h.value=E.y,u.value=E.strategy,m.value=E.placement,g.value=E.middlewareData,y.value=b!==!1})}function R(){typeof x=="function"&&(x(),x=void 0)}function C(){if(R(),o===void 0){S();return}if(a.value!=null&&d.value!=null){x=o(a.value,d.value,S);return}}function P(){i.value||(y.value=!1)}return s.watch([r,l,c,i],S,{flush:"sync"}),s.watch([a,d],C,{flush:"sync"}),s.watch(i,P,{flush:"sync"}),s.getCurrentScope()&&s.onScopeDispose(R),{x:s.shallowReadonly(p),y:s.shallowReadonly(h),strategy:s.shallowReadonly(u),placement:s.shallowReadonly(m),middlewareData:s.shallowReadonly(g),isPositioned:s.shallowReadonly(y),floatingStyles:w,update:S}}const Ge=s.defineComponent({__name:"SqPopover",props:s.mergeModels({placement:{default:"top"},offset:{default:10},teleported:{type:Boolean,default:!0},trigger:{default:"hover"},showAfter:{default:0},hideAfter:{default:300},disabled:{type:Boolean},popoverClass:{}},{visible:{type:Boolean,default:!1},visibleModifiers:{}}),emits:["update:visible"],setup(t){let e;const n=t,o=s.shallowRef(null),i=s.shallowRef(null),r=s.useModel(t,"visible"),{floatingStyles:l}=Ke(o,i,{placement:n.placement,whileElementsMounted:He,transform:!1,middleware:[je(n.offset),Xe()]});s.onBeforeUnmount(()=>{h(),document.removeEventListener("click",p)});function c(){n.trigger!=="hover"||n.disabled||(h(),e=setTimeout(()=>{d(!1)},n.showAfter))}function f(){n.trigger==="hover"&&(h(),e=setTimeout(()=>{p()},n.hideAfter))}function a(){n.trigger==="click"&&(r.value?p():n.disabled||d())}function d(u=!0){r.value=!0,u&&document.addEventListener("click",p)}function p(){r.value=!1,document.removeEventListener("click",p)}function h(){e&&(clearTimeout(e),e=void 0)}return(u,m)=>(s.openBlock(),s.createElementBlock(s.Fragment,null,[s.createElementVNode("span",{class:s.normalizeClass(["sq-popover-trigger",u.$attrs.class]),style:s.normalizeStyle(u.$attrs.style),ref_key:"triggerRef",ref:o,onMouseenter:c,onMouseleave:f,onClick:s.withModifiers(a,["stop"])},[s.renderSlot(u.$slots,"reference")],38),(s.openBlock(),s.createBlock(s.Teleport,{to:"body",disabled:!n.teleported},[s.createVNode(s.Transition,{name:"sq-fade"},{default:s.withCtx(()=>[s.withDirectives(s.createElementVNode("div",{class:s.normalizeClass(["sq-popover",u.popoverClass]),ref_key:"popverRef",ref:i,style:s.normalizeStyle(s.unref(l)),onClick:m[0]||(m[0]=s.withModifiers(()=>{},["stop"]))},[s.renderSlot(u.$slots,"default")],6),[[s.vShow,r.value]])]),_:3})],8,["disabled"]))],64))}}),Je=s.defineComponent({__name:"SqProgress",props:{value:{},min:{default:0},max:{default:100},color:{},type:{default:"primary"}},setup(t){const e=t,n=s.computed(()=>e.color?[]:[`is-${e.type}`]),o=s.computed(()=>{const r=e.max-e.min;return(e.value-e.min)*100/r}),i=s.computed(()=>{const r={};if(r["--progress-value"]=`${o.value}%`,e.color){const c=typeof e.color=="string"?e.color:e.color(o.value);r["--progress-color"]=c}return r});return(r,l)=>(s.openBlock(),s.createElementBlock("div",{class:s.normalizeClass(["sq-progress",n.value]),style:s.normalizeStyle(i.value)},null,6))}}),Qe=s.defineComponent({__name:"SqTag",props:{type:{},theme:{default:"materialize"},round:{type:Boolean},size:{default:"md"}},setup(t){const e=t,n=s.computed(()=>{const i=[];return e.size!=="md"&&i.push(`sq-tag--${e.size}`),e.theme!=="materialize"&&e.type&&i.push(`is-${e.theme}`),e.type&&i.push(`is-${e.type}`),e.round&&i.push("is-round"),i}),o=s.computed(()=>e.size==="lg"?"md":"sm");return(i,r)=>(s.openBlock(),s.createBlock(s.unref(rt),{class:s.normalizeClass(["sq-tag",n.value]),size:o.value},{default:s.withCtx(()=>[s.renderSlot(i.$slots,"default")]),_:3},8,["class","size"]))}}),Ze=s.defineComponent({__name:"SqCheckTag",props:{checked:{type:Boolean,default:!1},type:{default:"primary"},round:{type:Boolean},size:{default:"md"}},emits:["change"],setup(t,{emit:e}){const n=e,o=t,i=s.computed(()=>{const l=[];return o.size!=="md"&&l.push(`sq-tag--${o.size}`),o.type&&l.push(`is-${o.type}`),o.round&&l.push("is-round"),o.checked&&l.push("is-checked"),l}),r=s.computed(()=>o.size==="lg"?"md":"sm");return(l,c)=>(s.openBlock(),s.createBlock(s.unref(rt),{class:s.normalizeClass(["sq-check-tag",i.value]),size:r.value,onClick:c[0]||(c[0]=f=>n("change",!o.checked))},{default:s.withCtx(()=>[s.renderSlot(l.$slots,"default")]),_:3},8,["class","size"]))}}),rt=s.defineComponent({__name:"SqText",props:{rowNum:{default:1},ellipsis:{type:Boolean,default:!1},size:{default:"md"}},setup(t){const e=t,n=s.computed(()=>{const i=[];return e.size!=="md"&&i.push(`s-text--${e.size}`),e.ellipsis&&i.push(e.rowNum>1?"multi-line":"single-line"),i}),o=s.computed(()=>e.ellipsis?`--row-num: ${e.rowNum}`:"");return(i,r)=>(s.openBlock(),s.createElementBlock("span",{class:s.normalizeClass(["sq-text",n.value]),style:s.normalizeStyle(o.value)},[s.renderSlot(i.$slots,"default")],6))}});k.SqButton=jt,k.SqCard=Gt,k.SqCheckTag=Ze,k.SqInput=te,k.SqPopover=Ge,k.SqProgress=Je,k.SqTag=Qe,k.SqText=rt,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})}));
+(function(k,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(k=typeof globalThis<"u"?globalThis:k||self,n(k.SquirrelCloudUIVue={},k.Vue))})(this,(function(k,n){"use strict";const qt=(t,e)=>{const o=t.__vccOpts||t;for(const[s,i]of e)o[s]=i;return o},Ft={},It={class:"sq-icon is-loading","data-icon":"loading"};function Wt(t,e){return n.openBlock(),n.createElementBlock("span",It,e[0]||(e[0]=[n.createElementVNode("svg",{viewBox:"0 0 48 48",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},[n.createElementVNode("circle",{cx:"24",cy:"24",r:"20"})],-1)]))}const Ht=qt(Ft,[["render",Wt]]),yt=Symbol("button-group-context-keys"),jt=["disabled"],Xt=n.defineComponent({__name:"button",props:{type:{},round:{type:Boolean},text:{type:Boolean},icon:{},loading:{type:Boolean},disabled:{type:Boolean},size:{default:"md"}},setup(t){const e=n.inject(yt,void 0),o=t,s=n.computed(()=>{const a=[],u=r.value,p=c.value,h=f.value;return u!=="md"&&a.push(`sq-button--${u}`),p&&a.push(`is-${p}`),h&&a.push("is-round"),!(e!=null&&e.value)&&o.text&&a.push("is-text"),a}),i=n.computed(()=>o.loading?Ht:o.icon),l=n.computed(()=>o.loading||o.disabled),r=n.computed(()=>{var a;return((a=e==null?void 0:e.value)==null?void 0:a.size)??o.size}),c=n.computed(()=>{var a;return((a=e==null?void 0:e.value)==null?void 0:a.type)??o.type}),f=n.computed(()=>{var a;return((a=e==null?void 0:e.value)==null?void 0:a.round)??o.round});return(a,u)=>(n.openBlock(),n.createElementBlock("button",{class:n.normalizeClass(["sq-button",s.value]),disabled:l.value},[n.createVNode(n.unref(lt),{size:o.size},{default:n.withCtx(()=>[i.value?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(i.value),{key:0})):n.createCommentVNode("",!0),n.renderSlot(a.$slots,"default")]),_:3},8,["size"])],10,jt))}}),Ut={class:"sq-button-group"},Yt=n.defineComponent({__name:"button-group",props:{size:{default:"md"},type:{},round:{type:Boolean}},setup(t){const e=t;return n.provide(yt,n.ref({size:n.toRef(e,"size"),type:n.toRef(e,"type"),round:n.toRef(e,"round")})),(o,s)=>(n.openBlock(),n.createElementBlock("div",Ut,[n.renderSlot(o.$slots,"default")]))}}),Gt={class:"sq-card"},Kt={key:0,class:"sq-card-header"},Jt=["textContent"],Qt={key:1,class:"sq-card-footer"},Zt=n.defineComponent({__name:"card",props:{title:{},decorative:{type:Boolean,default:!1}},setup(t){const e=n.useSlots(),o=t;return(s,i)=>(n.openBlock(),n.createElementBlock("section",Gt,[o.title||n.unref(e).title?(n.openBlock(),n.createElementBlock("div",Kt,[n.createElementVNode("h2",{class:n.normalizeClass({"has-decorative":o.decorative}),textContent:n.toDisplayString(o.title)},null,10,Jt),n.renderSlot(s.$slots,"title")])):n.createCommentVNode("",!0),n.renderSlot(s.$slots,"default"),n.unref(e).footer?(n.openBlock(),n.createElementBlock("div",Qt,[n.renderSlot(s.$slots,"footer")])):n.createCommentVNode("",!0)]))}}),te={key:0,class:"sq-input-prefix"},ee=["disabled","readonly"],ne={key:1,class:"sq-input-suffix"},oe=n.defineComponent({__name:"input",props:n.mergeModels({status:{},round:{type:Boolean},showStatusIcon:{type:Boolean},prefixIcon:{},suffixIcon:{},disabled:{type:Boolean},readonly:{type:Boolean},size:{default:"md"}},{value:{type:String,default:""},valueModifiers:{}}),emits:n.mergeModels(["focus","blur","input","change"],["update:value"]),setup(t,{expose:e,emit:o}){const s=n.useSlots(),i=o,l=t,r=n.useModel(t,"value"),c=n.useTemplateRef("inputRef"),f=n.computed(()=>{const m=[];return l.size!=="md"&&m.push(`sq-input--${l.size}`),l.status&&m.push(`is-${l.status}`),l.round&&m.push("is-round"),l.disabled&&m.push("is-disabled"),m}),a=n.computed(()=>s.prefix||l.prefixIcon),u=n.computed(()=>{const m=l.showStatusIcon&&l.status;return s.suffix||m||l.suffixIcon}),p=n.computed(()=>l.suffixIcon);function h(){var m;(m=c.value)==null||m.focus()}function d(){var m;(m=c.value)==null||m.blur()}return e({focus:h,blur:d}),(m,g)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["sq-input",f.value])},[a.value?(n.openBlock(),n.createElementBlock("span",te,[n.renderSlot(m.$slots,"prefix",{},()=>[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(l.prefixIcon)))])])):n.createCommentVNode("",!0),n.withDirectives(n.createElementVNode("input",{"onUpdate:modelValue":g[0]||(g[0]=y=>r.value=y),class:"sq-input-inner",disabled:l.disabled,readonly:l.readonly,ref_key:"inputRef",ref:c,onFocus:g[1]||(g[1]=y=>i("focus",y)),onBlur:g[2]||(g[2]=y=>i("blur",y)),onInput:g[3]||(g[3]=y=>i("input",y)),onChange:g[4]||(g[4]=y=>i("change",y))},null,40,ee),[[n.vModelText,r.value]]),u.value?(n.openBlock(),n.createElementBlock("span",ne,[n.renderSlot(m.$slots,"suffix",{},()=>[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(p.value)))])])):n.createCommentVNode("",!0)],2))}}),rt=Math.min,I=Math.max,J=Math.round,Q=Math.floor,O=t=>({x:t,y:t}),se={left:"right",right:"left",bottom:"top",top:"bottom"},ie={start:"end",end:"start"};function ct(t,e){return typeof t=="function"?t(e):t}function W(t){return t.split("-")[0]}function Z(t){return t.split("-")[1]}function le(t){return t==="x"?"y":"x"}function wt(t){return t==="y"?"height":"width"}const re=new Set(["top","bottom"]);function v(t){return re.has(W(t))?"y":"x"}function xt(t){return le(v(t))}function ce(t,e,o){o===void 0&&(o=!1);const s=Z(t),i=xt(t),l=wt(i);let r=i==="x"?s===(o?"end":"start")?"right":"left":s==="start"?"bottom":"top";return e.reference[l]>e.floating[l]&&(r=tt(r)),[r,tt(r)]}function ae(t){const e=tt(t);return[at(t),e,at(e)]}function at(t){return t.replace(/start|end/g,e=>ie[e])}const bt=["left","right"],St=["right","left"],fe=["top","bottom"],ue=["bottom","top"];function de(t,e,o){switch(t){case"top":case"bottom":return o?e?St:bt:e?bt:St;case"left":case"right":return e?fe:ue;default:return[]}}function pe(t,e,o,s){const i=Z(t);let l=de(W(t),o==="start",s);return i&&(l=l.map(r=>r+"-"+i),e&&(l=l.concat(l.map(at)))),l}function tt(t){return t.replace(/left|right|bottom|top/g,e=>se[e])}function me(t){return{top:0,right:0,bottom:0,left:0,...t}}function he(t){return typeof t!="number"?me(t):{top:t,right:t,bottom:t,left:t}}function et(t){const{x:e,y:o,width:s,height:i}=t;return{width:s,height:i,top:o,left:e,right:e+s,bottom:o+i,x:e,y:o}}function Ct(t,e,o){let{reference:s,floating:i}=t;const l=v(e),r=xt(e),c=wt(r),f=W(e),a=l==="y",u=s.x+s.width/2-i.width/2,p=s.y+s.height/2-i.height/2,h=s[c]/2-i[c]/2;let d;switch(f){case"top":d={x:u,y:s.y-i.height};break;case"bottom":d={x:u,y:s.y+s.height};break;case"right":d={x:s.x+s.width,y:p};break;case"left":d={x:s.x-i.width,y:p};break;default:d={x:s.x,y:s.y}}switch(Z(e)){case"start":d[r]-=h*(o&&a?-1:1);break;case"end":d[r]+=h*(o&&a?-1:1);break}return d}const ge=async(t,e,o)=>{const{placement:s="bottom",strategy:i="absolute",middleware:l=[],platform:r}=o,c=l.filter(Boolean),f=await(r.isRTL==null?void 0:r.isRTL(e));let a=await r.getElementRects({reference:t,floating:e,strategy:i}),{x:u,y:p}=Ct(a,s,f),h=s,d={},m=0;for(let g=0;g<c.length;g++){const{name:y,fn:w}=c[g],{x,y:S,data:B,reset:C}=await w({x:u,y:p,initialPlacement:s,placement:h,strategy:i,middlewareData:d,rects:a,platform:r,elements:{reference:t,floating:e}});u=x??u,p=S??p,d={...d,[y]:{...d[y],...B}},C&&m<=50&&(m++,typeof C=="object"&&(C.placement&&(h=C.placement),C.rects&&(a=C.rects===!0?await r.getElementRects({reference:t,floating:e,strategy:i}):C.rects),{x:u,y:p}=Ct(a,h,f)),g=-1)}return{x:u,y:p,placement:h,strategy:i,middlewareData:d}};async function ye(t,e){var o;e===void 0&&(e={});const{x:s,y:i,platform:l,rects:r,elements:c,strategy:f}=t,{boundary:a="clippingAncestors",rootBoundary:u="viewport",elementContext:p="floating",altBoundary:h=!1,padding:d=0}=ct(e,t),m=he(d),y=c[h?p==="floating"?"reference":"floating":p],w=et(await l.getClippingRect({element:(o=await(l.isElement==null?void 0:l.isElement(y)))==null||o?y:y.contextElement||await(l.getDocumentElement==null?void 0:l.getDocumentElement(c.floating)),boundary:a,rootBoundary:u,strategy:f})),x=p==="floating"?{x:s,y:i,width:r.floating.width,height:r.floating.height}:r.reference,S=await(l.getOffsetParent==null?void 0:l.getOffsetParent(c.floating)),B=await(l.isElement==null?void 0:l.isElement(S))?await(l.getScale==null?void 0:l.getScale(S))||{x:1,y:1}:{x:1,y:1},C=et(l.convertOffsetParentRelativeRectToViewportRelativeRect?await l.convertOffsetParentRelativeRectToViewportRelativeRect({elements:c,rect:x,offsetParent:S,strategy:f}):x);return{top:(w.top-C.top+m.top)/B.y,bottom:(C.bottom-w.bottom+m.bottom)/B.y,left:(w.left-C.left+m.left)/B.x,right:(C.right-w.right+m.right)/B.x}}const we=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var o,s;const{placement:i,middlewareData:l,rects:r,initialPlacement:c,platform:f,elements:a}=e,{mainAxis:u=!0,crossAxis:p=!0,fallbackPlacements:h,fallbackStrategy:d="bestFit",fallbackAxisSideDirection:m="none",flipAlignment:g=!0,...y}=ct(t,e);if((o=l.arrow)!=null&&o.alignmentOffset)return{};const w=W(i),x=v(c),S=W(c)===c,B=await(f.isRTL==null?void 0:f.isRTL(a.floating)),C=h||(S||!g?[tt(c)]:ae(c)),M=m!=="none";!h&&M&&C.push(...pe(c,g,m,B));const b=[c,...C],_=await ye(e,y),P=[];let X=((s=l.flip)==null?void 0:s.overflows)||[];if(u&&P.push(_[w]),p){const q=ce(i,r,B);P.push(_[q[0]],_[q[1]])}if(X=[...X,{placement:i,overflows:P}],!P.every(q=>q<=0)){var Nt,Mt;const q=(((Nt=l.flip)==null?void 0:Nt.index)||0)+1,gt=b[q];if(gt&&(!(p==="alignment"?x!==v(gt):!1)||X.every(L=>v(L.placement)===x?L.overflows[0]>0:!0)))return{data:{index:q,overflows:X},reset:{placement:gt}};let K=(Mt=X.filter(F=>F.overflows[0]<=0).sort((F,L)=>F.overflows[1]-L.overflows[1])[0])==null?void 0:Mt.placement;if(!K)switch(d){case"bestFit":{var Pt;const F=(Pt=X.filter(L=>{if(M){const V=v(L.placement);return V===x||V==="y"}return!0}).map(L=>[L.placement,L.overflows.filter(V=>V>0).reduce((V,un)=>V+un,0)]).sort((L,V)=>L[1]-V[1])[0])==null?void 0:Pt[0];F&&(K=F);break}case"initialPlacement":K=c;break}if(i!==K)return{reset:{placement:K}}}return{}}}},xe=new Set(["left","top"]);async function be(t,e){const{placement:o,platform:s,elements:i}=t,l=await(s.isRTL==null?void 0:s.isRTL(i.floating)),r=W(o),c=Z(o),f=v(o)==="y",a=xe.has(r)?-1:1,u=l&&f?-1:1,p=ct(e,t);let{mainAxis:h,crossAxis:d,alignmentAxis:m}=typeof p=="number"?{mainAxis:p,crossAxis:0,alignmentAxis:null}:{mainAxis:p.mainAxis||0,crossAxis:p.crossAxis||0,alignmentAxis:p.alignmentAxis};return c&&typeof m=="number"&&(d=c==="end"?m*-1:m),f?{x:d*u,y:h*a}:{x:h*a,y:d*u}}const Se=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){var o,s;const{x:i,y:l,placement:r,middlewareData:c}=e,f=await be(e,t);return r===((o=c.offset)==null?void 0:o.placement)&&(s=c.arrow)!=null&&s.alignmentOffset?{}:{x:i+f.x,y:l+f.y,data:{...f,placement:r}}}}};function nt(){return typeof window<"u"}function D(t){return ft(t)?(t.nodeName||"").toLowerCase():"#document"}function R(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function T(t){var e;return(e=(ft(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function ft(t){return nt()?t instanceof Node||t instanceof R(t).Node:!1}function E(t){return nt()?t instanceof Element||t instanceof R(t).Element:!1}function A(t){return nt()?t instanceof HTMLElement||t instanceof R(t).HTMLElement:!1}function kt(t){return!nt()||typeof ShadowRoot>"u"?!1:t instanceof ShadowRoot||t instanceof R(t).ShadowRoot}const Ce=new Set(["inline","contents"]);function U(t){const{overflow:e,overflowX:o,overflowY:s,display:i}=$(t);return/auto|scroll|overlay|hidden|clip/.test(e+s+o)&&!Ce.has(i)}const ke=new Set(["table","td","th"]);function Be(t){return ke.has(D(t))}const Re=[":popover-open",":modal"];function ot(t){return Re.some(e=>{try{return t.matches(e)}catch{return!1}})}const _e=["transform","translate","scale","rotate","perspective"],Ee=["transform","translate","scale","rotate","perspective","filter"],$e=["paint","layout","strict","content"];function ut(t){const e=dt(),o=E(t)?$(t):t;return _e.some(s=>o[s]?o[s]!=="none":!1)||(o.containerType?o.containerType!=="normal":!1)||!e&&(o.backdropFilter?o.backdropFilter!=="none":!1)||!e&&(o.filter?o.filter!=="none":!1)||Ee.some(s=>(o.willChange||"").includes(s))||$e.some(s=>(o.contain||"").includes(s))}function Le(t){let e=z(t);for(;A(e)&&!H(e);){if(ut(e))return e;if(ot(e))return null;e=z(e)}return null}function dt(){return typeof CSS>"u"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}const Oe=new Set(["html","body","#document"]);function H(t){return Oe.has(D(t))}function $(t){return R(t).getComputedStyle(t)}function st(t){return E(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function z(t){if(D(t)==="html")return t;const e=t.assignedSlot||t.parentNode||kt(t)&&t.host||T(t);return kt(e)?e.host:e}function Bt(t){const e=z(t);return H(e)?t.ownerDocument?t.ownerDocument.body:t.body:A(e)&&U(e)?e:Bt(e)}function Y(t,e,o){var s;e===void 0&&(e=[]),o===void 0&&(o=!0);const i=Bt(t),l=i===((s=t.ownerDocument)==null?void 0:s.body),r=R(i);if(l){const c=pt(r);return e.concat(r,r.visualViewport||[],U(i)?i:[],c&&o?Y(c):[])}return e.concat(i,Y(i,[],o))}function pt(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function Rt(t){const e=$(t);let o=parseFloat(e.width)||0,s=parseFloat(e.height)||0;const i=A(t),l=i?t.offsetWidth:o,r=i?t.offsetHeight:s,c=J(o)!==l||J(s)!==r;return c&&(o=l,s=r),{width:o,height:s,$:c}}function mt(t){return E(t)?t:t.contextElement}function j(t){const e=mt(t);if(!A(e))return O(1);const o=e.getBoundingClientRect(),{width:s,height:i,$:l}=Rt(e);let r=(l?J(o.width):o.width)/s,c=(l?J(o.height):o.height)/i;return(!r||!Number.isFinite(r))&&(r=1),(!c||!Number.isFinite(c))&&(c=1),{x:r,y:c}}const Te=O(0);function _t(t){const e=R(t);return!dt()||!e.visualViewport?Te:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function Ae(t,e,o){return e===void 0&&(e=!1),!o||e&&o!==R(t)?!1:e}function N(t,e,o,s){e===void 0&&(e=!1),o===void 0&&(o=!1);const i=t.getBoundingClientRect(),l=mt(t);let r=O(1);e&&(s?E(s)&&(r=j(s)):r=j(t));const c=Ae(l,o,s)?_t(l):O(0);let f=(i.left+c.x)/r.x,a=(i.top+c.y)/r.y,u=i.width/r.x,p=i.height/r.y;if(l){const h=R(l),d=s&&E(s)?R(s):s;let m=h,g=pt(m);for(;g&&s&&d!==m;){const y=j(g),w=g.getBoundingClientRect(),x=$(g),S=w.left+(g.clientLeft+parseFloat(x.paddingLeft))*y.x,B=w.top+(g.clientTop+parseFloat(x.paddingTop))*y.y;f*=y.x,a*=y.y,u*=y.x,p*=y.y,f+=S,a+=B,m=R(g),g=pt(m)}}return et({width:u,height:p,x:f,y:a})}function it(t,e){const o=st(t).scrollLeft;return e?e.left+o:N(T(t)).left+o}function Et(t,e){const o=t.getBoundingClientRect(),s=o.left+e.scrollLeft-it(t,o),i=o.top+e.scrollTop;return{x:s,y:i}}function ze(t){let{elements:e,rect:o,offsetParent:s,strategy:i}=t;const l=i==="fixed",r=T(s),c=e?ot(e.floating):!1;if(s===r||c&&l)return o;let f={scrollLeft:0,scrollTop:0},a=O(1);const u=O(0),p=A(s);if((p||!p&&!l)&&((D(s)!=="body"||U(r))&&(f=st(s)),A(s))){const d=N(s);a=j(s),u.x=d.x+s.clientLeft,u.y=d.y+s.clientTop}const h=r&&!p&&!l?Et(r,f):O(0);return{width:o.width*a.x,height:o.height*a.y,x:o.x*a.x-f.scrollLeft*a.x+u.x+h.x,y:o.y*a.y-f.scrollTop*a.y+u.y+h.y}}function Ve(t){return Array.from(t.getClientRects())}function ve(t){const e=T(t),o=st(t),s=t.ownerDocument.body,i=I(e.scrollWidth,e.clientWidth,s.scrollWidth,s.clientWidth),l=I(e.scrollHeight,e.clientHeight,s.scrollHeight,s.clientHeight);let r=-o.scrollLeft+it(t);const c=-o.scrollTop;return $(s).direction==="rtl"&&(r+=I(e.clientWidth,s.clientWidth)-i),{width:i,height:l,x:r,y:c}}const $t=25;function De(t,e){const o=R(t),s=T(t),i=o.visualViewport;let l=s.clientWidth,r=s.clientHeight,c=0,f=0;if(i){l=i.width,r=i.height;const u=dt();(!u||u&&e==="fixed")&&(c=i.offsetLeft,f=i.offsetTop)}const a=it(s);if(a<=0){const u=s.ownerDocument,p=u.body,h=getComputedStyle(p),d=u.compatMode==="CSS1Compat"&&parseFloat(h.marginLeft)+parseFloat(h.marginRight)||0,m=Math.abs(s.clientWidth-p.clientWidth-d);m<=$t&&(l-=m)}else a<=$t&&(l+=a);return{width:l,height:r,x:c,y:f}}const Ne=new Set(["absolute","fixed"]);function Me(t,e){const o=N(t,!0,e==="fixed"),s=o.top+t.clientTop,i=o.left+t.clientLeft,l=A(t)?j(t):O(1),r=t.clientWidth*l.x,c=t.clientHeight*l.y,f=i*l.x,a=s*l.y;return{width:r,height:c,x:f,y:a}}function Lt(t,e,o){let s;if(e==="viewport")s=De(t,o);else if(e==="document")s=ve(T(t));else if(E(e))s=Me(e,o);else{const i=_t(t);s={x:e.x-i.x,y:e.y-i.y,width:e.width,height:e.height}}return et(s)}function Ot(t,e){const o=z(t);return o===e||!E(o)||H(o)?!1:$(o).position==="fixed"||Ot(o,e)}function Pe(t,e){const o=e.get(t);if(o)return o;let s=Y(t,[],!1).filter(c=>E(c)&&D(c)!=="body"),i=null;const l=$(t).position==="fixed";let r=l?z(t):t;for(;E(r)&&!H(r);){const c=$(r),f=ut(r);!f&&c.position==="fixed"&&(i=null),(l?!f&&!i:!f&&c.position==="static"&&!!i&&Ne.has(i.position)||U(r)&&!f&&Ot(t,r))?s=s.filter(u=>u!==r):i=c,r=z(r)}return e.set(t,s),s}function qe(t){let{element:e,boundary:o,rootBoundary:s,strategy:i}=t;const r=[...o==="clippingAncestors"?ot(e)?[]:Pe(e,this._c):[].concat(o),s],c=r[0],f=r.reduce((a,u)=>{const p=Lt(e,u,i);return a.top=I(p.top,a.top),a.right=rt(p.right,a.right),a.bottom=rt(p.bottom,a.bottom),a.left=I(p.left,a.left),a},Lt(e,c,i));return{width:f.right-f.left,height:f.bottom-f.top,x:f.left,y:f.top}}function Fe(t){const{width:e,height:o}=Rt(t);return{width:e,height:o}}function Ie(t,e,o){const s=A(e),i=T(e),l=o==="fixed",r=N(t,!0,l,e);let c={scrollLeft:0,scrollTop:0};const f=O(0);function a(){f.x=it(i)}if(s||!s&&!l)if((D(e)!=="body"||U(i))&&(c=st(e)),s){const d=N(e,!0,l,e);f.x=d.x+e.clientLeft,f.y=d.y+e.clientTop}else i&&a();l&&!s&&i&&a();const u=i&&!s&&!l?Et(i,c):O(0),p=r.left+c.scrollLeft-f.x-u.x,h=r.top+c.scrollTop-f.y-u.y;return{x:p,y:h,width:r.width,height:r.height}}function ht(t){return $(t).position==="static"}function Tt(t,e){if(!A(t)||$(t).position==="fixed")return null;if(e)return e(t);let o=t.offsetParent;return T(t)===o&&(o=o.ownerDocument.body),o}function At(t,e){const o=R(t);if(ot(t))return o;if(!A(t)){let i=z(t);for(;i&&!H(i);){if(E(i)&&!ht(i))return i;i=z(i)}return o}let s=Tt(t,e);for(;s&&Be(s)&&ht(s);)s=Tt(s,e);return s&&H(s)&&ht(s)&&!ut(s)?o:s||Le(t)||o}const We=async function(t){const e=this.getOffsetParent||At,o=this.getDimensions,s=await o(t.floating);return{reference:Ie(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:s.width,height:s.height}}};function He(t){return $(t).direction==="rtl"}const je={convertOffsetParentRelativeRectToViewportRelativeRect:ze,getDocumentElement:T,getClippingRect:qe,getOffsetParent:At,getElementRects:We,getClientRects:Ve,getDimensions:Fe,getScale:j,isElement:E,isRTL:He};function zt(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}function Xe(t,e){let o=null,s;const i=T(t);function l(){var c;clearTimeout(s),(c=o)==null||c.disconnect(),o=null}function r(c,f){c===void 0&&(c=!1),f===void 0&&(f=1),l();const a=t.getBoundingClientRect(),{left:u,top:p,width:h,height:d}=a;if(c||e(),!h||!d)return;const m=Q(p),g=Q(i.clientWidth-(u+h)),y=Q(i.clientHeight-(p+d)),w=Q(u),S={rootMargin:-m+"px "+-g+"px "+-y+"px "+-w+"px",threshold:I(0,rt(1,f))||1};let B=!0;function C(M){const b=M[0].intersectionRatio;if(b!==f){if(!B)return r();b?r(!1,b):s=setTimeout(()=>{r(!1,1e-7)},1e3)}b===1&&!zt(a,t.getBoundingClientRect())&&r(),B=!1}try{o=new IntersectionObserver(C,{...S,root:i.ownerDocument})}catch{o=new IntersectionObserver(C,S)}o.observe(t)}return r(!0),l}function Ue(t,e,o,s){s===void 0&&(s={});const{ancestorScroll:i=!0,ancestorResize:l=!0,elementResize:r=typeof ResizeObserver=="function",layoutShift:c=typeof IntersectionObserver=="function",animationFrame:f=!1}=s,a=mt(t),u=i||l?[...a?Y(a):[],...Y(e)]:[];u.forEach(w=>{i&&w.addEventListener("scroll",o,{passive:!0}),l&&w.addEventListener("resize",o)});const p=a&&c?Xe(a,o):null;let h=-1,d=null;r&&(d=new ResizeObserver(w=>{let[x]=w;x&&x.target===a&&d&&(d.unobserve(e),cancelAnimationFrame(h),h=requestAnimationFrame(()=>{var S;(S=d)==null||S.observe(e)})),o()}),a&&!f&&d.observe(a),d.observe(e));let m,g=f?N(t):null;f&&y();function y(){const w=N(t);g&&!zt(g,w)&&o(),g=w,m=requestAnimationFrame(y)}return o(),()=>{var w;u.forEach(x=>{i&&x.removeEventListener("scroll",o),l&&x.removeEventListener("resize",o)}),p==null||p(),(w=d)==null||w.disconnect(),d=null,f&&cancelAnimationFrame(m)}}const Ye=Se,Ge=we,Ke=(t,e,o)=>{const s=new Map,i={platform:je,...o},l={...i.platform,_c:s};return ge(t,e,{...i,platform:l})};function Je(t){return t!=null&&typeof t=="object"&&"$el"in t}function Vt(t){if(Je(t)){const e=t.$el;return ft(e)&&D(e)==="#comment"?null:e}return t}function G(t){return typeof t=="function"?t():n.unref(t)}function vt(t){return typeof window>"u"?1:(t.ownerDocument.defaultView||window).devicePixelRatio||1}function Dt(t,e){const o=vt(t);return Math.round(e*o)/o}function Qe(t,e,o){o===void 0&&(o={});const s=o.whileElementsMounted,i=n.computed(()=>{var b;return(b=G(o.open))!=null?b:!0}),l=n.computed(()=>G(o.middleware)),r=n.computed(()=>{var b;return(b=G(o.placement))!=null?b:"bottom"}),c=n.computed(()=>{var b;return(b=G(o.strategy))!=null?b:"absolute"}),f=n.computed(()=>{var b;return(b=G(o.transform))!=null?b:!0}),a=n.computed(()=>Vt(t.value)),u=n.computed(()=>Vt(e.value)),p=n.ref(0),h=n.ref(0),d=n.ref(c.value),m=n.ref(r.value),g=n.shallowRef({}),y=n.ref(!1),w=n.computed(()=>{const b={position:d.value,left:"0",top:"0"};if(!u.value)return b;const _=Dt(u.value,p.value),P=Dt(u.value,h.value);return f.value?{...b,transform:"translate("+_+"px, "+P+"px)",...vt(u.value)>=1.5&&{willChange:"transform"}}:{position:d.value,left:_+"px",top:P+"px"}});let x;function S(){if(a.value==null||u.value==null)return;const b=i.value;Ke(a.value,u.value,{middleware:l.value,placement:r.value,strategy:c.value}).then(_=>{p.value=_.x,h.value=_.y,d.value=_.strategy,m.value=_.placement,g.value=_.middlewareData,y.value=b!==!1})}function B(){typeof x=="function"&&(x(),x=void 0)}function C(){if(B(),s===void 0){S();return}if(a.value!=null&&u.value!=null){x=s(a.value,u.value,S);return}}function M(){i.value||(y.value=!1)}return n.watch([l,r,c,i],S,{flush:"sync"}),n.watch([a,u],C,{flush:"sync"}),n.watch(i,M,{flush:"sync"}),n.getCurrentScope()&&n.onScopeDispose(B),{x:n.shallowReadonly(p),y:n.shallowReadonly(h),strategy:n.shallowReadonly(d),placement:n.shallowReadonly(m),middlewareData:n.shallowReadonly(g),isPositioned:n.shallowReadonly(y),floatingStyles:w,update:S}}const Ze=n.defineComponent({__name:"popover",props:n.mergeModels({placement:{default:"top"},offset:{default:10},teleported:{type:Boolean,default:!0},trigger:{default:"hover"},showAfter:{default:0},hideAfter:{default:300},disabled:{type:Boolean},transition:{default:"sq-fade"},popoverClass:{}},{visible:{type:Boolean,default:!1},visibleModifiers:{}}),emits:["update:visible"],setup(t){let e;const o=t,s=n.shallowRef(null),i=n.shallowRef(null),l=n.useModel(t,"visible"),{floatingStyles:r}=Qe(s,i,{placement:o.placement,whileElementsMounted:Ue,transform:!1,middleware:[Ye(o.offset),Ge()]});n.onBeforeUnmount(()=>{h(),document.removeEventListener("click",p)});function c(){o.trigger!=="hover"||o.disabled||(h(),e=setTimeout(()=>{u(!1)},o.showAfter))}function f(){o.trigger==="hover"&&(h(),e=setTimeout(()=>{p()},o.hideAfter))}function a(d){o.trigger==="click"&&!o.disabled&&!l.value&&(d.stopPropagation(),u())}function u(d=!0){l.value=!0,d&&document.addEventListener("click",p)}function p(){l.value=!1,document.removeEventListener("click",p)}function h(){e&&(clearTimeout(e),e=void 0)}return(d,m)=>(n.openBlock(),n.createElementBlock(n.Fragment,null,[n.createElementVNode("span",{class:n.normalizeClass(["sq-popover-trigger",d.$attrs.class]),style:n.normalizeStyle(d.$attrs.style),ref_key:"triggerRef",ref:s,onMouseenter:c,onMouseleave:f,onClick:a},[n.renderSlot(d.$slots,"reference")],38),(n.openBlock(),n.createBlock(n.Teleport,{to:"body",disabled:!o.teleported},[n.createVNode(n.Transition,{name:o.transition},{default:n.withCtx(()=>[n.withDirectives(n.createElementVNode("div",{class:n.normalizeClass(["sq-popover",d.popoverClass]),ref_key:"popverRef",ref:i,style:n.normalizeStyle(n.unref(r)),onClick:m[0]||(m[0]=n.withModifiers(()=>{},["stop"]))},[n.renderSlot(d.$slots,"default")],6),[[n.vShow,l.value]])]),_:3},8,["name"])],8,["disabled"]))],64))}}),tn=n.defineComponent({__name:"progress",props:{value:{},min:{default:0},max:{default:100},color:{},type:{default:"primary"}},setup(t){const e=t,o=n.computed(()=>e.color?[]:[`is-${e.type}`]),s=n.computed(()=>{const l=e.max-e.min;return(e.value-e.min)*100/l}),i=n.computed(()=>{const l={};if(l["--progress-value"]=`${s.value}%`,e.color){const c=typeof e.color=="string"?e.color:e.color(s.value);l["--progress-color"]=c}return l});return(l,r)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["sq-progress",o.value]),style:n.normalizeStyle(i.value)},null,6))}}),en=n.defineComponent({__name:"tag",props:{type:{},theme:{default:"plain"},round:{type:Boolean},size:{default:"md"}},setup(t){const e=t,o=n.computed(()=>{const i=[];return e.size!=="md"&&i.push(`sq-tag--${e.size}`),e.theme!=="plain"&&e.type&&i.push(`is-${e.theme}`),e.type&&i.push(`is-${e.type}`),e.round&&i.push("is-round"),i}),s=n.computed(()=>e.size==="lg"?"md":"sm");return(i,l)=>(n.openBlock(),n.createBlock(n.unref(lt),{class:n.normalizeClass(["sq-tag",o.value]),size:s.value},{default:n.withCtx(()=>[n.renderSlot(i.$slots,"default")]),_:3},8,["class","size"]))}}),nn=n.defineComponent({__name:"check-tag",props:{checked:{type:Boolean,default:!1},theme:{default:"plain"},type:{default:"primary"},round:{type:Boolean},size:{default:"md"}},emits:["change"],setup(t,{emit:e}){const o=e,s=t,i=n.computed(()=>{const r=[];return s.size!=="md"&&r.push(`sq-tag--${s.size}`),s.theme!=="plain"&&r.push(`is-${s.theme}`),s.type&&r.push(`is-${s.type}`),s.round&&r.push("is-round"),s.checked&&r.push("is-checked"),r}),l=n.computed(()=>s.size==="lg"?"md":"sm");return(r,c)=>(n.openBlock(),n.createBlock(n.unref(lt),{class:n.normalizeClass(["sq-check-tag",i.value]),size:l.value,onClick:c[0]||(c[0]=f=>o("change",!s.checked))},{default:n.withCtx(()=>[n.renderSlot(r.$slots,"default")]),_:3},8,["class","size"]))}}),lt=n.defineComponent({__name:"text",props:{rowNum:{default:1},ellipsis:{type:Boolean,default:!1},size:{default:"md"}},setup(t){const e=t,o=n.computed(()=>{const i=[];return e.size!=="md"&&i.push(`s-text--${e.size}`),e.ellipsis&&i.push(e.rowNum>1?"multi-line":"single-line"),i}),s=n.computed(()=>e.ellipsis?`--row-num: ${e.rowNum}`:"");return(i,l)=>(n.openBlock(),n.createElementBlock("span",{class:n.normalizeClass(["sq-text",o.value]),style:n.normalizeStyle(s.value)},[n.renderSlot(i.$slots,"default")],6))}}),on=n.defineComponent({__name:"timeline",props:{align:{default:"left"}},setup(t){const e=t,o=n.computed(()=>{const s=[];return s.push(`align-${e.align}`),s});return(s,i)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["sq-timeline",o.value])},[n.renderSlot(s.$slots,"default")],2))}}),sn={class:"sq-timeline-dot"},ln={class:"sq-timeline-content"},rn=["textContent"],cn=["textContent"],an={class:"content-info"},fn=n.defineComponent({__name:"timeline-item",props:{color:{},type:{},icon:{},hollow:{type:Boolean},timestamp:{},theme:{default:"card"},title:{}},setup(t){const e=t,o=n.computed(()=>{const i=[];return e.theme!=="card"&&i.push(`is-${e.theme}`),e.type&&i.push(`is-${e.type}`),e.hollow&&i.push("is-hollow"),i}),s=n.computed(()=>{const i={};return e.color&&(i["--timeline-dot-color"]=e.color),i});return(i,l)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["sq-timeline-item",o.value]),style:n.normalizeStyle(s.value)},[n.createElementVNode("span",sn,[e.icon?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.icon),{key:0})):n.createCommentVNode("",!0)]),n.createElementVNode("div",ln,[e.title?(n.openBlock(),n.createElementBlock("h2",{key:0,class:"content-title",textContent:n.toDisplayString(e.title)},null,8,rn)):n.createCommentVNode("",!0),e.timestamp?(n.openBlock(),n.createElementBlock("span",{key:1,class:"content-time",textContent:n.toDisplayString(e.timestamp)},null,8,cn)):n.createCommentVNode("",!0),n.createElementVNode("div",an,[n.renderSlot(i.$slots,"default")])])],6))}});k.SqButton=Xt,k.SqButtonGroup=Yt,k.SqCard=Zt,k.SqCheckTag=nn,k.SqInput=oe,k.SqPopover=Ze,k.SqProgress=tn,k.SqTag=en,k.SqText=lt,k.SqTimeline=on,k.SqTimelineItem=fn,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})}));

package/dist/style.css

@@ -1 +1 @@
-@layer theme,component,type,custom;@layer theme{:root{color-scheme:light;--sq-bg-color: oklch(.98 .0034 247.86);--sq-bg-color-dark: oklch(from var(--sq-bg-color) .96 c h);--sq-component-bg-color: #fff;--sq-projection-dark: oklch(.95 0 253);--sq-projection-light: #fff;--sq-text-color: oklch(.27 .03 257);--sq-text-color-secondary: oklch(from var(--sq-text-color) .45 c h);--sq-text-color-placeholder: oklch(from var(--sq-text-color) .65 c h);--sq-border-color: oklch(.94 0 253);--sq-border-color-light: oklch(from var(--sq-border-color) .96 c h);--sq-border-color-lighter: oklch(from var(--sq-border-color) .98 c h);--sq-color-primary: oklch(.75 .18 48);--sq-color-primary-light-5: oklch(from var(--sq-color-primary) l c h / .08);--sq-color-primary-light-4: oklch(from var(--sq-color-primary) l c h / .2);--sq-color-primary-light-3: oklch(from var(--sq-color-primary) l c h / .4);--sq-color-primary-light-2: oklch(from var(--sq-color-primary) l c h / .6);--sq-color-primary-light-1: oklch(from var(--sq-color-primary) l c h / .8);--sq-color-primary-dark-1: oklch(from var(--sq-color-primary) .65 c h);--sq-color-success: oklch(.75 .22 151);--sq-color-success-light-5: oklch(from var(--sq-color-success) l c h / .08);--sq-color-success-light-4: oklch(from var(--sq-color-success) l c h / .2);--sq-color-success-light-3: oklch(from var(--sq-color-success) l c h / .4);--sq-color-success-light-2: oklch(from var(--sq-color-success) l c h / .6);--sq-color-success-light-1: oklch(from var(--sq-color-success) l c h / .8);--sq-color-success-dark-1: oklch(from var(--sq-color-success) .65 c h);--sq-color-info: oklch(.75 .14 230);--sq-color-info-light-5: oklch(from var(--sq-color-info) l c h / .08);--sq-color-info-light-4: oklch(from var(--sq-color-info) l c h / .2);--sq-color-info-light-3: oklch(from var(--sq-color-info) l c h / .4);--sq-color-info-light-2: oklch(from var(--sq-color-info) l c h / .6);--sq-color-info-light-1: oklch(from var(--sq-color-info) l c h / .8);--sq-color-info-dark-1: oklch(from var(--sq-color-info) .65 c h);--sq-color-warn: oklch(.75 .14 76);--sq-color-warn-light-5: oklch(from var(--sq-color-warn) l c h / .08);--sq-color-warn-light-4: oklch(from var(--sq-color-warn) l c h / .2);--sq-color-warn-light-3: oklch(from var(--sq-color-warn) l c h / .4);--sq-color-warn-light-2: oklch(from var(--sq-color-warn) l c h / .6);--sq-color-warn-light-1: oklch(from var(--sq-color-warn) l c h / .8);--sq-color-warn-dark-1: oklch(from var(--sq-color-warn) .65 c h);--sq-color-error: oklch(.75 .25 29);--sq-color-error-light-5: oklch(from var(--sq-color-error) l c h / .08);--sq-color-error-light-4: oklch(from var(--sq-color-error) l c h / .2);--sq-color-error-light-3: oklch(from var(--sq-color-error) l c h / .4);--sq-color-error-light-2: oklch(from var(--sq-color-error) l c h / .6);--sq-color-error-light-1: oklch(from var(--sq-color-error) l c h / .8);--sq-color-error-dark-1: oklch(from var(--sq-color-error) .65 c h);--sq-font-family: Microsoft YaHei, Pingfang SC, sans-serif;--sq-font-size-sm: 12px;--sq-font-size-md: 14px;--sq-font-size-lg: 16px;--sq-radius-sm: 6px;--sq-radius-md: 8px;--sq-radius-lg: 12px;--sq-radius-full: calc(infinity * 1px);--sq-opacity-80: .8;--sq-opacity-20: .2;--sq-padding-xs: 8px;--sq-padding-sm: 12px;--sq-padding-md: 24px;--sq-padding-lg: 36px;--sq-padding-xl: 48px;--sq-blur-md: 10px;--sq-blur-lg: 50px;--sq-component-size-xs: 24px;--sq-component-size-sm: 28px;--sq-component-size-md: 36px;--sq-component-size-lg: 48px;--sq-transition-base: .3s ease;--sq-shadow-xs-dark: 2px 2px 4px;--sq-shadow-xs-light: -2px -2px 4px;--sq-shadow-sm-dark: 4px 4px 8px;--sq-shadow-sm-light: -4px -4px 8px;--sq-shadow-md-dark: 6px 6px 12px;--sq-shadow-md-light: -6px -6px 12px;--sq-shadow-lg-dark: 8px 8px 16px;--sq-shadow-lg-light: -8px -8px 16px;--sq-text-shadow: 1px 1px 1px rgb(0 0 0 / var(--sq-opacity-20))}:root.dark{color-scheme:dark}}@layer theme{.sq-fade-enter-active,.sq-fade-leave-active{transition:opacity var(--sq-transition-base),transform var(--sq-transition-base)}.sq-fade-enter-from,.sq-fade-leave-to{transform:scale(.8);opacity:0}}@layer component{@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dashoffset:70}50%{stroke-dashoffset:125}to{stroke-dashoffset:70}}.sq-icon{display:inline-flex}.sq-icon>svg{width:1em;height:1em;fill:currentColor}.sq-icon.is-loading>svg{transform-origin:center;animation:loading 1s linear infinite}.sq-icon[data-icon=loading] circle{fill:none;stroke:currentColor;stroke-width:4;stroke-dasharray:130;stroke-linecap:round;animation:dash 2s ease-in-out infinite}}@layer component{.sq-button{--button-color: var(--sq-text-color);--button-color-hover: var(--sq-text-color-secondary);--button-color-disabled: var(--sq-text-color-placeholder);--button-bg-color: var(--sq-component-bg-color);--button-bg-color-hover: var(--sq-component-bg-color);--button-bg-color-disabled: var(--sq-bg-color);--button-border-color: var(--sq-border-color-light);--button-shadow-color: var(--sq-projection-dark);--button-padding: var(--sq-padding-sm);cursor:pointer;height:var(--sq-component-size-md);padding:0 var(--button-padding);color:var(--button-color);background-color:var(--button-bg-color);border:1px solid;border-color:var(--button-border-color);border-radius:var(--sq-radius-md);-webkit-user-select:none;user-select:none;transition:all var(--sq-transition-base)}.sq-button.sq-button--sm{height:var(--sq-component-size-sm)}.sq-button.sq-button--lg{--button-padding: calc(var(--sq-padding-xs) * 2);height:var(--sq-component-size-lg)}.sq-button:not(.is-text){box-shadow:var(--sq-shadow-sm-dark) var(--button-shadow-color),var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-button.is-round{border-radius:var(--sq-radius-full);padding:0 calc(var(--button-padding) + .4em)}.sq-button:disabled{cursor:not-allowed;color:var(--button-color-disabled);background-color:var(--button-bg-color-disabled)}.sq-button:hover:not(:disabled){color:var(--button-color-hover);background-color:var(--button-bg-color-hover)}.sq-button:active:not(:disabled){box-shadow:var(--sq-shadow-xs-dark) var(--button-shadow-color),var(--sq-shadow-xs-light) var(--sq-projection-light)}}@layer type{.sq-button.is-primary{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-primary);--button-bg-color-hover: var(--sq-color-primary-dark-1);--button-bg-color-disabled: var(--sq-color-primary-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-primary-light-4)}.sq-button.is-success{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-success);--button-bg-color-hover: var(--sq-color-success-dark-1);--button-bg-color-disabled: var(--sq-color-success-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-success-light-4)}.sq-button.is-info{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-info);--button-bg-color-hover: var(--sq-color-info-dark-1);--button-bg-color-disabled: var(--sq-color-info-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-info-light-4)}.sq-button.is-warn{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-warn);--button-bg-color-hover: var(--sq-color-warn-dark-1);--button-bg-color-disabled: var(--sq-color-warn-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-warn-light-4)}.sq-button.is-error{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-error);--button-bg-color-hover: var(--sq-color-error-dark-1);--button-bg-color-disabled: var(--sq-color-error-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-error-light-4)}.sq-button.is-text{--button-color: var(--sq-text-color);--button-color-hover: var(--sq-text-color);--button-color-disabled: var(--sq-text-color-placeholder);--button-bg-color: transparent;--button-bg-color-hover: var(--sq-bg-color);--button-bg-color-disabled: var(--sq-bg-color);--button-border-color: transparent;--button-shadow-color: var(--sq-border-color)}.sq-button.is-text:active:not(:disabled){box-shadow:inset var(--sq-shadow-xs-dark) var(--button-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-projection-light)}.sq-button.is-text.is-primary{--button-color: var(--sq-color-primary);--button-color-hover: var(--sq-color-primary-dark-1);--button-color-disabled: var(--sq-color-primary-light-3)}.sq-button.is-text.is-success{--button-color: var(--sq-color-success);--button-color-hover: var(--sq-color-success-dark-1);--button-color-disabled: var(--sq-color-success-light-3)}.sq-button.is-text.is-info{--button-color: var(--sq-color-info);--button-color-hover: var(--sq-color-info-dark-1);--button-color-disabled: var(--sq-color-info-light-3)}.sq-button.is-text.is-warn{--button-color: var(--sq-color-warn);--button-color-hover: var(--sq-color-warn-dark-1);--button-color-disabled: var(--sq-color-warn-light-3)}.sq-button.is-text.is-error{--button-color: var(--sq-color-error);--button-color-hover: var(--sq-color-error-dark-1);--button-color-disabled: var(--sq-color-error-light-3)}}@layer component{.sq-card{padding:var(--sq-padding-md);border-radius:var(--sq-radius-lg);border:1px solid var(--sq-border-color);background-color:var(--sq-component-bg-color);color:var(--sq-text-color);box-shadow:var(--sq-shadow-lg-dark) var(--sq-projection-dark),var(--sq-shadow-lg-light) var(--sq-projection-light)}.sq-card .sq-card-header{margin-bottom:var(--sq-padding-md);line-height:1;display:flex;align-items:center;justify-content:space-between}.sq-card .sq-card-header h2{color:var(--sq-text-color);font-weight:700;font-size:var(--sq-font-size-lg);margin:0;padding:0}.sq-card .sq-card-header h2.has-decorative{position:relative;padding-left:var(--sq-padding-sm)}.sq-card .sq-card-header h2.has-decorative:before{content:"";position:absolute;height:1em;width:4px;top:50%;left:0;border-radius:var(--sq-radius-full);background-color:var(--sq-color-primary);transform:translateY(-50%)}.sq-card .sq-card-footer{display:flex;align-items:center;margin-top:var(--sq-padding-md)}}@layer component{.sq-input{--input-bg-color: var(--sq-component-bg-color);--input-bg-color-disabled: var(--sq-bg-color);--input-border-color: var(--sq-border-color-light);--input-border-color-active: var(--sq-color-primary);--input-border-color-disabled: var(--sq-border-color-light);--input-shadow-color: var(--sq-projection-dark);--input-selection-color: var(--sq-color-primary);--input-padding: var(--sq-padding-sm);height:var(--sq-component-size-md);width:100%;padding:0;display:flex;align-items:center;font-size:var(--sq-font-size-md);line-height:1.4;background-color:var(--input-bg-color);border:1px solid;border-color:var(--input-border-color);border-radius:var(--sq-radius-md);box-sizing:border-box;box-shadow:inset var(--sq-shadow-xs-dark) var(--input-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-projection-light);transition:all var(--sq-transition-base)}.sq-input.sq-input--sm{height:var(--sq-component-size-sm);font-size:var(--sq-font-size-sm)}.sq-input.sq-input--lg{--input-padding: calc(var(--sq-padding-xs) * 2);height:var(--sq-component-size-lg);font-size:var(--sq-font-size-lg)}.sq-input::selection{background-color:var(--input-selection-color);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-input.is-round{border-radius:var(--sq-radius-full);padding:0 .4em}.sq-input .sq-input-prefix,.sq-input .sq-input-suffix{color:var(--sq-text-color-placeholder);-webkit-user-select:none;user-select:none}.sq-input .sq-input-prefix{margin-left:var(--input-padding)}.sq-input .sq-input-inner{height:100%;width:0;flex:1;padding:0 var(--input-padding);caret-color:var(--input-selection-color);color:var(--sq-text-color);font-size:inherit;background:transparent;border:none;outline:none;line-height:1;font-family:var(--sq-font-family);transition:color var(--sq-transition-base)}.sq-input .sq-input-inner:read-only{color:var(--sq-text-color-placeholder)}.sq-input .sq-input-suffix{margin-right:var(--input-padding)}.sq-input.is-disabled{cursor:not-allowed;border-color:var(--input-border-color-disabled);background-color:var(--input-bg-color-disabled);pointer-events:none}.sq-input.is-disabled .sq-input-inner{cursor:not-allowed;color:var(--sq-text-color-placeholder)}.sq-input:active:not(.is-disabled),.sq-input:focus-within:not(.is-disabled){--input-border-color: var(--input-border-color-active);box-shadow:none}}@layer type{.sq-input.is-success{--input-border-color: var(--sq-color-success);--input-border-color-active: var(--sq-color-success);--input-border-color-disabled: var(--sq-color-success-light-3);--input-shadow-color: var(--sq-color-success-light-4);--input-selection-color: var(--sq-color-success)}.sq-input.is-warn{--input-border-color: var(--sq-color-warn);--input-border-color-active: var(--sq-color-warn);--input-border-color-disabled: var(--sq-color-warn-light-3);--input-shadow-color: var(--sq-color-warn-light-4);--input-selection-color: var(--sq-color-warn)}.sq-input.is-error{--input-border-color: var(--sq-color-error);--input-border-color-active: var(--sq-color-error);--input-border-color-disabled: var(--sq-color-error-light-3);--input-shadow-color: var(--sq-color-error-light-4);--input-selection-color: var(--sq-color-error)}}@layer component{.sq-popover{font-size:var(--sq-font-size-md);font-family:var(--sq-font-family);background-color:var(--sq-component-bg-color);border-radius:var(--sq-radius-md);border:1px solid var(--sq-border-color);padding:var(--sq-padding-sm);line-height:1.4;color:var(--sq-text-color);box-shadow:var(--sq-shadow-sm-dark) var(--sq-projection-dark),var(--sq-shadow-sm-light) var(--sq-projection-light)}}@layer component{.sq-progress{--progress-width: 100px;--progress-stroke: 4px;height:var(--progress-stroke);width:var(--progress-width);background-color:var(--sq-bg-color-dark);border-radius:var(--sq-radius-full);position:relative}.sq-progress:after{content:"";position:absolute;height:100%;width:var(--progress-value);min-width:var(--progress-stroke);border-radius:var(--sq-radius-full);top:0;left:0;background:var(--progress-color);z-index:1;transition:width var(--sq-transition-base)}}@layer type{.sq-progress.is-primary{--progress-color: var(--sq-color-primary)}.sq-progress.is-success{--progress-color: var(--sq-color-success)}.sq-progress.is-info{--progress-color: var(--sq-color-info)}.sq-progress.is-warn{--progress-color: var(--sq-color-warn)}.sq-progress.is-error{--progress-color: var(--sq-color-error)}}@layer component{.sq-tag{--tag-color: var(--sq-text-color);--tag-bg-color: var(--sq-component-bg-color);--tag-border-color: var(--sq-border-color-light);--tag-shadow-color: var(--sq-projection-dark);--tag-padding: var(--sq-padding-sm);border-radius:var(--sq-radius-sm);height:var(--sq-component-size-sm);padding:0 var(--tag-padding);color:var(--tag-color)!important;background-color:var(--tag-bg-color);border:1px solid var(--tag-border-color);box-sizing:border-box;box-shadow:inset var(--sq-shadow-xs-dark) var(--tag-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-projection-light);-webkit-user-select:none;user-select:none}.sq-tag.sq-tag--sm{--tag-padding: var(--sq-padding-xs);height:var(--sq-component-size-xs)}.sq-tag.sq-tag--lg{height:var(--sq-component-size-md)}.sq-tag.is-round{border-radius:var(--sq-radius-full);padding-inline:calc(var(--sq-padding-sm) + .4em)}}@layer type{.sq-tag.is-primary,.sq-tag.is-success,.sq-tag.is-info,.sq-tag.is-warn,.sq-tag.is-error{--tag-bg-color: transparent;box-shadow:none}.sq-tag.is-primary{--tag-color: var(--sq-color-primary);--tag-border-color: var(--sq-color-primary-light-1)}.sq-tag.is-success{--tag-color: var(--sq-color-success);--tag-border-color: var(--sq-color-success-light-1)}.sq-tag.is-info{--tag-color: var(--sq-color-info);--tag-border-color: var(--sq-color-info-light-1)}.sq-tag.is-warn{--tag-color: var(--sq-color-warn);--tag-border-color: var(--sq-color-warn-light-1)}.sq-tag.is-error{--tag-color: var(--sq-color-error);--tag-border-color: var(--sq-color-error-light-1)}.sq-tag.is-solid{--tag-color: #fff;--tag-border-color: transparent}.sq-tag.is-solid.is-primary{--tag-bg-color: var(--sq-color-primary)}.sq-tag.is-solid.is-success{--tag-bg-color: var(--sq-color-success)}.sq-tag.is-solid.is-info{--tag-bg-color: var(--sq-color-info)}.sq-tag.is-solid.is-warn{--tag-bg-color: var(--sq-color-warn)}.sq-tag.is-solid.is-error{--tag-bg-color: var(--sq-color-error)}.sq-tag.is-tint{--tag-border-color: transparent}.sq-tag.is-tint.is-primary{--tag-color: var(--sq-color-primary);--tag-bg-color: var(--sq-color-primary-light-5)}.sq-tag.is-tint.is-success{--tag-color: var(--sq-color-success);--tag-bg-color: var(--sq-color-success-light-5)}.sq-tag.is-tint.is-info{--tag-color: var(--sq-color-info);--tag-bg-color: var(--sq-color-info-light-5)}.sq-tag.is-tint.is-warn{--tag-color: var(--sq-color-warn);--tag-bg-color: var(--sq-color-warn-light-5)}.sq-tag.is-tint.is-error{--tag-color: var(--sq-color-error);--tag-bg-color: var(--sq-color-error-light-5)}}@layer component{.sq-check-tag{--tag-color: var(--sq-color-primary);--tag-color-hover: var(--sq-color-primary-dark-1);--tag-bg-color-checked: var(--sq-color-primary);--tag-bg-color-checked-hover: var(--sq-color-primary-dark-1);--tag-border-color: var(--sq-color-primary-light-1);--tag-border-color-hover: var(--sq-color-primary);--tag-padding: var(--sq-padding-sm);border-radius:var(--sq-radius-sm);height:var(--sq-component-size-sm);padding:0 var(--tag-padding);color:var(--tag-color)!important;background-color:transparent;border:1px solid var(--tag-border-color);box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--sq-transition-base)}.sq-check-tag.sq-tag--sm{--tag-padding: var(--sq-padding-xs);height:var(--sq-component-size-xs)}.sq-check-tag.sq-tag--lg{height:var(--sq-component-size-md)}.sq-check-tag.is-round{border-radius:var(--sq-radius-full);padding-inline:calc(var(--sq-padding-sm) + .4em)}.sq-check-tag:hover{color:var(--tag-color-hover)!important;background-color:var(--tag-bg-color-hover);border-color:var(--tag-border-color-hover)}.sq-check-tag.is-checked{color:#fff!important;background-color:var(--tag-bg-color-checked);border-color:transparent}.sq-check-tag.is-checked:hover{background-color:var(--tag-bg-color-checked-hover)}}@layer type{.sq-check-tag.is-success{--tag-color: var(--sq-color-success);--tag-color-hover: var(--sq-color-success-dark-1);--tag-bg-color-checked: var(--sq-color-success);--tag-bg-color-checked-hover: var(--sq-color-success-dark-1);--tag-border-color: var(--sq-color-success-light-1);--tag-border-color-hover: var(--sq-color-success)}.sq-check-tag.is-info{--tag-color: var(--sq-color-info);--tag-color-hover: var(--sq-color-info-dark-1);--tag-bg-color-checked: var(--sq-color-info);--tag-bg-color-checked-hover: var(--sq-color-info-dark-1);--tag-border-color: var(--sq-color-info-light-1);--tag-border-color-hover: var(--sq-color-info)}.sq-check-tag.is-warn{--tag-color: var(--sq-color-warn);--tag-color-hover: var(--sq-color-warn-dark-1);--tag-bg-color-checked: var(--sq-color-warn);--tag-bg-color-checked-hover: var(--sq-color-warn-dark-1);--tag-border-color: var(--sq-color-warn-light-1);--tag-border-color-hover: var(--sq-color-warn)}.sq-check-tag.is-error{--tag-color: var(--sq-color-error);--tag-color-hover: var(--sq-color-error-dark-1);--tag-bg-color-checked: var(--sq-color-error);--tag-bg-color-checked-hover: var(--sq-color-error-dark-1);--tag-border-color: var(--sq-color-error-light-1);--tag-border-color-hover: var(--sq-color-error)}}@layer component{.sq-text{color:currentColor;display:flex;flex-grow:0;align-items:center;column-gap:.5em;font-family:var(--sq-font-family);font-size:var(--sq-font-size-md);line-height:1.4}.sq-text::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-text.sq-text--sm{font-size:var(--sq-font-size-sm)}.sq-text.sq-text--lg{font-size:var(--sq-font-size-lg)}.sq-text.multi-line,.sq-text.single-line{display:block;overflow:hidden;text-overflow:ellipsis}.sq-text.single-line{white-space:nowrap}.sq-text.multi-line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--row-num);line-clamp:var(--row-num)}}
+@layer theme,component,type,custom;@layer theme{:root{color-scheme:light;--sq-bg-color: oklch(.98 .0034 248);--sq-bg-color-dark: oklch(from var(--sq-bg-color) .96 c h);--sq-component-bg-color: #fff;--sq-projection-dark: oklch(.95 .02 259);--sq-projection-light: #fff;--sq-text-color: oklch(.27 .03 257);--sq-text-color-secondary: oklch(from var(--sq-text-color) .45 c h);--sq-text-color-placeholder: oklch(from var(--sq-text-color) .65 c h);--sq-border-color: oklch(.94 0 253);--sq-border-color-light: oklch(from var(--sq-border-color) .96 c h);--sq-border-color-lighter: oklch(from var(--sq-border-color) .98 c h);--sq-color-primary: oklch(.75 .18 48);--sq-color-primary-light-5: oklch(from var(--sq-color-primary) l c h / .08);--sq-color-primary-light-4: oklch(from var(--sq-color-primary) l c h / .2);--sq-color-primary-light-3: oklch(from var(--sq-color-primary) l c h / .4);--sq-color-primary-light-2: oklch(from var(--sq-color-primary) l c h / .6);--sq-color-primary-light-1: oklch(from var(--sq-color-primary) l c h / .8);--sq-color-primary-dark-1: oklch(from var(--sq-color-primary) .65 c h);--sq-color-success: oklch(.75 .22 151);--sq-color-success-light-5: oklch(from var(--sq-color-success) l c h / .08);--sq-color-success-light-4: oklch(from var(--sq-color-success) l c h / .2);--sq-color-success-light-3: oklch(from var(--sq-color-success) l c h / .4);--sq-color-success-light-2: oklch(from var(--sq-color-success) l c h / .6);--sq-color-success-light-1: oklch(from var(--sq-color-success) l c h / .8);--sq-color-success-dark-1: oklch(from var(--sq-color-success) .65 c h);--sq-color-info: oklch(.75 .14 230);--sq-color-info-light-5: oklch(from var(--sq-color-info) l c h / .08);--sq-color-info-light-4: oklch(from var(--sq-color-info) l c h / .2);--sq-color-info-light-3: oklch(from var(--sq-color-info) l c h / .4);--sq-color-info-light-2: oklch(from var(--sq-color-info) l c h / .6);--sq-color-info-light-1: oklch(from var(--sq-color-info) l c h / .8);--sq-color-info-dark-1: oklch(from var(--sq-color-info) .65 c h);--sq-color-warn: oklch(.75 .14 76);--sq-color-warn-light-5: oklch(from var(--sq-color-warn) l c h / .08);--sq-color-warn-light-4: oklch(from var(--sq-color-warn) l c h / .2);--sq-color-warn-light-3: oklch(from var(--sq-color-warn) l c h / .4);--sq-color-warn-light-2: oklch(from var(--sq-color-warn) l c h / .6);--sq-color-warn-light-1: oklch(from var(--sq-color-warn) l c h / .8);--sq-color-warn-dark-1: oklch(from var(--sq-color-warn) .65 c h);--sq-color-error: oklch(.75 .25 29);--sq-color-error-light-5: oklch(from var(--sq-color-error) l c h / .08);--sq-color-error-light-4: oklch(from var(--sq-color-error) l c h / .2);--sq-color-error-light-3: oklch(from var(--sq-color-error) l c h / .4);--sq-color-error-light-2: oklch(from var(--sq-color-error) l c h / .6);--sq-color-error-light-1: oklch(from var(--sq-color-error) l c h / .8);--sq-color-error-dark-1: oklch(from var(--sq-color-error) .65 c h);--sq-font-family: Microsoft YaHei, Pingfang SC, sans-serif;--sq-font-size-sm: 12px;--sq-font-size-md: 14px;--sq-font-size-lg: 16px;--sq-radius-sm: 6px;--sq-radius-md: 8px;--sq-radius-lg: 12px;--sq-radius-full: calc(infinity * 1px);--sq-opacity-80: .8;--sq-opacity-20: .2;--sq-padding-xs: 8px;--sq-padding-sm: 12px;--sq-padding-md: 24px;--sq-padding-lg: 36px;--sq-padding-xl: 48px;--sq-blur-md: 10px;--sq-blur-lg: 50px;--sq-component-size-xs: 24px;--sq-component-size-sm: 28px;--sq-component-size-md: 36px;--sq-component-size-lg: 48px;--sq-transition-base: .3s ease;--sq-shadow-xs-dark: 2px 2px 3px;--sq-shadow-xs-light: -2px -2px 3px;--sq-shadow-sm-dark: 4px 4px 6px;--sq-shadow-sm-light: -4px -4px 6px;--sq-shadow-md-dark: 6px 6px 9px;--sq-shadow-md-light: -6px -6px 9px;--sq-shadow-lg-dark: 8px 8px 12px;--sq-shadow-lg-light: -8px -8px 12px;--sq-text-shadow: 1px 1px 1px rgb(0 0 0 / var(--sq-opacity-20))}:root.dark{color-scheme:dark}}@layer theme{.sq-fade-enter-active,.sq-fade-leave-active{transition:opacity var(--sq-transition-base),transform var(--sq-transition-base)}.sq-fade-enter-from,.sq-fade-leave-to{transform:scale(.8);opacity:0}.sq-zoom-top-enter-active,.sq-zoom-top-leave-active{transform-origin:top;transition:opacity var(--sq-transition-base),transform var(--sq-transition-base)}.sq-zoom-top-enter-from,.sq-zoom-top-leave-to{transform:scaleY(0);opacity:0}.sq-zoom-bottom-enter-active,.sq-zoom-bottom-leave-active{transform-origin:bottom;transition:opacity var(--sq-transition-base),transform var(--sq-transition-base)}.sq-zoom-bottom-enter-from,.sq-zoom-bottom-leave-to{transform:scaleY(0);opacity:0}}@layer component{@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dashoffset:70}50%{stroke-dashoffset:125}to{stroke-dashoffset:70}}.sq-icon{display:inline-flex}.sq-icon>svg{width:1em;height:1em;fill:currentColor}.sq-icon.is-loading>svg{transform-origin:center;animation:loading 1s linear infinite}.sq-icon[data-icon=loading] circle{fill:none;stroke:currentColor;stroke-width:4;stroke-dasharray:130;stroke-linecap:round;animation:dash 2s ease-in-out infinite}}@layer component{.sq-button{--button-color: var(--sq-text-color);--button-color-hover: var(--sq-text-color-secondary);--button-color-disabled: var(--sq-text-color-placeholder);--button-bg-color: var(--sq-component-bg-color);--button-bg-color-hover: var(--sq-component-bg-color);--button-bg-color-disabled: var(--sq-bg-color);--button-border-color: var(--sq-border-color-light);--button-shadow-color: var(--sq-projection-dark);--button-padding: var(--sq-padding-sm);cursor:pointer;height:var(--sq-component-size-md);padding:0 var(--button-padding);color:var(--button-color);background-color:var(--button-bg-color);border:1px solid;border-color:var(--button-border-color);border-radius:var(--sq-radius-md);-webkit-user-select:none;user-select:none;transition:all var(--sq-transition-base)}.sq-button.sq-button--sm{height:var(--sq-component-size-sm)}.sq-button.sq-button--lg{--button-padding: calc(var(--sq-padding-xs) * 2);height:var(--sq-component-size-lg)}.sq-button:not(.is-text){box-shadow:var(--sq-shadow-sm-dark) var(--button-shadow-color),var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-button.is-round{border-radius:var(--sq-radius-full);padding:0 calc(var(--button-padding) + .4em)}.sq-button:disabled{cursor:not-allowed;color:var(--button-color-disabled);background-color:var(--button-bg-color-disabled)}.sq-button:hover:not(:disabled){color:var(--button-color-hover);background-color:var(--button-bg-color-hover)}.sq-button:active:not(:disabled){box-shadow:var(--sq-shadow-xs-dark) var(--button-shadow-color),var(--sq-shadow-xs-light) var(--sq-projection-light)}}@layer type{.sq-button.is-primary{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-primary);--button-bg-color-hover: var(--sq-color-primary-dark-1);--button-bg-color-disabled: var(--sq-color-primary-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-primary-light-4)}.sq-button.is-success{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-success);--button-bg-color-hover: var(--sq-color-success-dark-1);--button-bg-color-disabled: var(--sq-color-success-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-success-light-4)}.sq-button.is-info{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-info);--button-bg-color-hover: var(--sq-color-info-dark-1);--button-bg-color-disabled: var(--sq-color-info-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-info-light-4)}.sq-button.is-warn{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-warn);--button-bg-color-hover: var(--sq-color-warn-dark-1);--button-bg-color-disabled: var(--sq-color-warn-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-warn-light-4)}.sq-button.is-error{--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-bg-color: var(--sq-color-error);--button-bg-color-hover: var(--sq-color-error-dark-1);--button-bg-color-disabled: var(--sq-color-error-light-3);--button-border-color: transparent;--button-shadow-color: var(--sq-color-error-light-4)}.sq-button.is-text{--button-color: var(--sq-text-color);--button-color-hover: var(--sq-text-color);--button-color-disabled: var(--sq-text-color-placeholder);--button-bg-color: transparent;--button-bg-color-hover: var(--sq-bg-color);--button-bg-color-disabled: var(--sq-bg-color);--button-border-color: transparent}.sq-button.is-text:active:not(:disabled){--button-border-color: var(--sq-border-color-light);--button-shadow-color: var(--sq-projection-dark);box-shadow:inset var(--sq-shadow-xs-dark) var(--button-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-projection-light)}.sq-button.is-text.is-primary{--button-color: var(--sq-color-primary);--button-color-hover: var(--sq-color-primary-dark-1);--button-color-disabled: var(--sq-color-primary-light-3)}.sq-button.is-text.is-success{--button-color: var(--sq-color-success);--button-color-hover: var(--sq-color-success-dark-1);--button-color-disabled: var(--sq-color-success-light-3)}.sq-button.is-text.is-info{--button-color: var(--sq-color-info);--button-color-hover: var(--sq-color-info-dark-1);--button-color-disabled: var(--sq-color-info-light-3)}.sq-button.is-text.is-warn{--button-color: var(--sq-color-warn);--button-color-hover: var(--sq-color-warn-dark-1);--button-color-disabled: var(--sq-color-warn-light-3)}.sq-button.is-text.is-error{--button-color: var(--sq-color-error);--button-color-hover: var(--sq-color-error-dark-1);--button-color-disabled: var(--sq-color-error-light-3)}}@layer component{.sq-button-group{--button-group-shadow-color: var(--sq-projection-dark);border-radius:var(--sq-radius-md);box-shadow:var(--sq-shadow-sm-dark) var(--button-group-shadow-color),var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-button-group:has(.is-round){border-radius:var(--sq-radius-full)}.sq-button-group .sq-button{box-shadow:none}.sq-button-group .sq-button+.sq-button{border-left:none}.sq-button-group .sq-button:active{box-shadow:none}.sq-button-group .sq-button:not(:first-child){border-start-start-radius:0;border-end-start-radius:0}.sq-button-group .sq-button:not(:first-child).is-round{padding-inline-start:var(--button-padding)}.sq-button-group .sq-button:not(:last-child){border-start-end-radius:0;border-end-end-radius:0;border-inline-end-color:var(--sq-border-color-light)}.sq-button-group .sq-button:not(:last-child).is-round{padding-inline-end:var(--button-padding)}}@layer type{.sq-button-group:has(.is-primary){--button-group-shadow-color: var(--sq-color-primary-light-4)}.sq-button-group:has(.is-success){--button-group-shadow-color: var(--sq-color-success-light-4)}.sq-button-group:has(.is-info){--button-group-shadow-color: var(--sq-color-info-light-4)}.sq-button-group:has(.is-warn){--button-group-shadow-color: var(--sq-color-warn-light-4)}.sq-button-group:has(.is-error){--button-group-shadow-color: var(--sq-color-error-light-4)}}@layer component{.sq-card{padding:var(--sq-padding-md);border-radius:var(--sq-radius-lg);border:1px solid var(--sq-border-color-light);background-color:var(--sq-component-bg-color);color:var(--sq-text-color);font-size:var(--sq-font-size-md);line-height:1.4;box-shadow:var(--sq-shadow-lg-dark) var(--sq-projection-dark),var(--sq-shadow-lg-light) var(--sq-projection-light)}.sq-card .sq-card-header{margin-bottom:var(--sq-padding-md);line-height:1;display:flex;align-items:center;justify-content:space-between}.sq-card .sq-card-header h2{color:var(--sq-text-color);font-weight:700;font-size:var(--sq-font-size-lg);margin:0;padding:0}.sq-card .sq-card-header h2.has-decorative{position:relative;padding-left:var(--sq-padding-sm)}.sq-card .sq-card-header h2.has-decorative:before{content:"";position:absolute;height:1em;width:4px;top:50%;left:0;border-radius:var(--sq-radius-full);background-color:var(--sq-color-primary);transform:translateY(-50%)}.sq-card .sq-card-footer{display:flex;align-items:center;margin-top:var(--sq-padding-md)}}@layer component{.sq-input{--input-bg-color: var(--sq-component-bg-color);--input-bg-color-disabled: var(--sq-bg-color);--input-border-color: var(--sq-border-color-light);--input-border-color-active: var(--sq-color-primary);--input-border-color-disabled: var(--sq-border-color-light);--input-shadow-color: var(--sq-projection-dark);--input-selection-color: var(--sq-color-primary);--input-padding: var(--sq-padding-sm);height:var(--sq-component-size-md);width:100%;padding:0;display:flex;align-items:center;font-size:var(--sq-font-size-md);line-height:1.4;background-color:var(--input-bg-color);border:1px solid;border-color:var(--input-border-color);border-radius:var(--sq-radius-md);box-sizing:border-box;box-shadow:inset var(--sq-shadow-xs-dark) var(--input-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-projection-light);transition:all var(--sq-transition-base)}.sq-input.sq-input--sm{height:var(--sq-component-size-sm);font-size:var(--sq-font-size-sm)}.sq-input.sq-input--lg{--input-padding: calc(var(--sq-padding-xs) * 2);height:var(--sq-component-size-lg);font-size:var(--sq-font-size-lg)}.sq-input::selection{background-color:var(--input-selection-color);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-input.is-round{border-radius:var(--sq-radius-full);padding:0 .4em}.sq-input .sq-input-prefix,.sq-input .sq-input-suffix{color:var(--sq-text-color-placeholder);-webkit-user-select:none;user-select:none}.sq-input .sq-input-prefix{margin-left:var(--input-padding)}.sq-input .sq-input-inner{height:100%;width:0;flex:1;padding:0 var(--input-padding);caret-color:var(--input-selection-color);color:var(--sq-text-color);font-size:inherit;background:transparent;border:none;outline:none;line-height:1;font-family:var(--sq-font-family);transition:color var(--sq-transition-base)}.sq-input .sq-input-inner:read-only{color:var(--sq-text-color-placeholder)}.sq-input .sq-input-suffix{margin-right:var(--input-padding)}.sq-input.is-disabled{cursor:not-allowed;border-color:var(--input-border-color-disabled);background-color:var(--input-bg-color-disabled)}.sq-input.is-disabled .sq-input-inner{cursor:not-allowed;color:var(--sq-text-color-placeholder)}.sq-input:active:not(.is-disabled),.sq-input:focus-within:not(.is-disabled){--input-border-color: var(--input-border-color-active);box-shadow:none}}@layer type{.sq-input.is-success{--input-border-color: var(--sq-color-success);--input-border-color-active: var(--sq-color-success);--input-border-color-disabled: var(--sq-color-success-light-3);--input-shadow-color: var(--sq-color-success-light-4);--input-selection-color: var(--sq-color-success)}.sq-input.is-warn{--input-border-color: var(--sq-color-warn);--input-border-color-active: var(--sq-color-warn);--input-border-color-disabled: var(--sq-color-warn-light-3);--input-shadow-color: var(--sq-color-warn-light-4);--input-selection-color: var(--sq-color-warn)}.sq-input.is-error{--input-border-color: var(--sq-color-error);--input-border-color-active: var(--sq-color-error);--input-border-color-disabled: var(--sq-color-error-light-3);--input-shadow-color: var(--sq-color-error-light-4);--input-selection-color: var(--sq-color-error)}}@layer component{.sq-popover{font-size:var(--sq-font-size-md);font-family:var(--sq-font-family);background-color:var(--sq-component-bg-color);border-radius:var(--sq-radius-md);border:1px solid var(--sq-border-color-light);padding:var(--sq-padding-sm);line-height:1.4;color:var(--sq-text-color);box-shadow:var(--sq-shadow-sm-dark) var(--sq-projection-dark),var(--sq-shadow-sm-light) var(--sq-projection-light)}}@layer component{.sq-progress{--progress-stroke: 4px;height:var(--progress-stroke);background-color:var(--sq-border-color);border-radius:var(--sq-radius-full);position:relative}.sq-progress:after{content:"";position:absolute;height:100%;width:var(--progress-value);min-width:var(--progress-stroke);border-radius:var(--sq-radius-full);top:0;left:0;background:var(--progress-color);z-index:1;transition:width var(--sq-transition-base)}}@layer type{.sq-progress.is-primary{--progress-color: var(--sq-color-primary)}.sq-progress.is-success{--progress-color: var(--sq-color-success)}.sq-progress.is-info{--progress-color: var(--sq-color-info)}.sq-progress.is-warn{--progress-color: var(--sq-color-warn)}.sq-progress.is-error{--progress-color: var(--sq-color-error)}}@layer component{.sq-tag{--tag-color: var(--sq-text-color);--tag-bg-color: var(--sq-component-bg-color);--tag-border-color: var(--sq-border-color-light);--tag-shadow-color: var(--sq-projection-dark);--tag-padding: var(--sq-padding-sm);border-radius:var(--sq-radius-sm);height:var(--sq-component-size-sm);padding:0 var(--tag-padding);color:var(--tag-color)!important;background-color:var(--tag-bg-color);border:1px solid var(--tag-border-color);box-sizing:border-box;box-shadow:inset var(--sq-shadow-xs-dark) var(--tag-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-projection-light);-webkit-user-select:none;user-select:none}.sq-tag.sq-tag--sm{--tag-padding: var(--sq-padding-xs);height:var(--sq-component-size-xs)}.sq-tag.sq-tag--lg{height:var(--sq-component-size-md)}.sq-tag.is-round{border-radius:var(--sq-radius-full);padding-inline:calc(var(--sq-padding-sm) + .4em)}}@layer type{.sq-tag.is-primary,.sq-tag.is-success,.sq-tag.is-info,.sq-tag.is-warn,.sq-tag.is-error{--tag-bg-color: transparent;box-shadow:none}.sq-tag.is-primary{--tag-color: var(--sq-color-primary);--tag-border-color: var(--sq-color-primary-light-1)}.sq-tag.is-success{--tag-color: var(--sq-color-success);--tag-border-color: var(--sq-color-success-light-1)}.sq-tag.is-info{--tag-color: var(--sq-color-info);--tag-border-color: var(--sq-color-info-light-1)}.sq-tag.is-warn{--tag-color: var(--sq-color-warn);--tag-border-color: var(--sq-color-warn-light-1)}.sq-tag.is-error{--tag-color: var(--sq-color-error);--tag-border-color: var(--sq-color-error-light-1)}.sq-tag.is-solid{--tag-color: #fff;--tag-border-color: transparent}.sq-tag.is-solid.is-primary{--tag-bg-color: var(--sq-color-primary)}.sq-tag.is-solid.is-success{--tag-bg-color: var(--sq-color-success)}.sq-tag.is-solid.is-info{--tag-bg-color: var(--sq-color-info)}.sq-tag.is-solid.is-warn{--tag-bg-color: var(--sq-color-warn)}.sq-tag.is-solid.is-error{--tag-bg-color: var(--sq-color-error)}.sq-tag.is-tint{--tag-border-color: transparent}.sq-tag.is-tint.is-primary{--tag-color: var(--sq-color-primary);--tag-bg-color: var(--sq-color-primary-light-5)}.sq-tag.is-tint.is-success{--tag-color: var(--sq-color-success);--tag-bg-color: var(--sq-color-success-light-5)}.sq-tag.is-tint.is-info{--tag-color: var(--sq-color-info);--tag-bg-color: var(--sq-color-info-light-5)}.sq-tag.is-tint.is-warn{--tag-color: var(--sq-color-warn);--tag-bg-color: var(--sq-color-warn-light-5)}.sq-tag.is-tint.is-error{--tag-color: var(--sq-color-error);--tag-bg-color: var(--sq-color-error-light-5)}}@layer component{.sq-check-tag{--tag-color: var(--sq-color-primary);--tag-color-hover: var(--sq-color-primary-dark-1);--tag-bg-color: transparent;--tag-bg-color-hover: transparent;--tag-bg-color-checked: var(--sq-color-primary);--tag-bg-color-checked-hover: var(--sq-color-primary-dark-1);--tag-border-color: var(--sq-color-primary-light-1);--tag-border-color-hover: var(--sq-color-primary);--tag-padding: var(--sq-padding-sm);border-radius:var(--sq-radius-sm);height:var(--sq-component-size-sm);padding:0 var(--tag-padding);color:var(--tag-color)!important;background-color:var(--tag-bg-color);border:1px solid var(--tag-border-color);box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--sq-transition-base)}.sq-check-tag.sq-tag--sm{--tag-padding: var(--sq-padding-xs);height:var(--sq-component-size-xs)}.sq-check-tag.sq-tag--lg{height:var(--sq-component-size-md)}.sq-check-tag.is-round{border-radius:var(--sq-radius-full);padding-inline:calc(var(--sq-padding-sm) + .4em)}.sq-check-tag:hover{color:var(--tag-color-hover)!important;background-color:var(--tag-bg-color-hover);border-color:var(--tag-border-color-hover)}.sq-check-tag.is-checked{color:#fff!important;background-color:var(--tag-bg-color-checked);border-color:transparent}.sq-check-tag.is-checked:hover{background-color:var(--tag-bg-color-checked-hover)}}@layer type{.sq-check-tag.is-success{--tag-color: var(--sq-color-success);--tag-color-hover: var(--sq-color-success-dark-1);--tag-bg-color-checked: var(--sq-color-success);--tag-bg-color-checked-hover: var(--sq-color-success-dark-1);--tag-border-color: var(--sq-color-success-light-1);--tag-border-color-hover: var(--sq-color-success)}.sq-check-tag.is-info{--tag-color: var(--sq-color-info);--tag-color-hover: var(--sq-color-info-dark-1);--tag-bg-color-checked: var(--sq-color-info);--tag-bg-color-checked-hover: var(--sq-color-info-dark-1);--tag-border-color: var(--sq-color-info-light-1);--tag-border-color-hover: var(--sq-color-info)}.sq-check-tag.is-warn{--tag-color: var(--sq-color-warn);--tag-color-hover: var(--sq-color-warn-dark-1);--tag-bg-color-checked: var(--sq-color-warn);--tag-bg-color-checked-hover: var(--sq-color-warn-dark-1);--tag-border-color: var(--sq-color-warn-light-1);--tag-border-color-hover: var(--sq-color-warn)}.sq-check-tag.is-error{--tag-color: var(--sq-color-error);--tag-color-hover: var(--sq-color-error-dark-1);--tag-bg-color-checked: var(--sq-color-error);--tag-bg-color-checked-hover: var(--sq-color-error-dark-1);--tag-border-color: var(--sq-color-error-light-1);--tag-border-color-hover: var(--sq-color-error)}.sq-check-tag.is-tint{--tag-border-color: transparent;--tag-border-color-hover: transparent}.sq-check-tag.is-tint.is-primary{--tag-color: var(--sq-color-primary);--tag-color-hover: var(--sq-color-primary);--tag-bg-color: var(--sq-color-primary-light-5);--tag-bg-color-hover: var(--sq-color-primary-light-4)}.sq-check-tag.is-tint.is-success{--tag-color: var(--sq-color-success);--tag-color-hover: var(--sq-color-success);--tag-bg-color: var(--sq-color-success-light-5);--tag-bg-color-hover: var(--sq-color-success-light-4)}.sq-check-tag.is-tint.is-info{--tag-color: var(--sq-color-info);--tag-color-hover: var(--sq-color-info);--tag-bg-color: var(--sq-color-info-light-5);--tag-bg-color-hover: var(--sq-color-info-light-4)}.sq-check-tag.is-tint.is-warn{--tag-color: var(--sq-color-warn);--tag-color-hover: var(--sq-color-warn);--tag-bg-color: var(--sq-color-warn-light-5);--tag-bg-color-hover: var(--sq-color-warn-light-4)}.sq-check-tag.is-tint.is-error{--tag-color: var(--sq-color-error);--tag-color-hover: var(--sq-color-error);--tag-bg-color: var(--sq-color-error-light-5);--tag-bg-color-hover: var(--sq-color-error-light-4)}}@layer component{.sq-text{color:currentColor;display:flex;flex-grow:0;align-items:center;column-gap:.5em;font-family:var(--sq-font-family);font-size:var(--sq-font-size-md);line-height:1.4}.sq-text::selection{background-color:var(--sq-color-primary);color:#fff;text-shadow:var(--sq-text-shadow)}.sq-text.sq-text--sm{font-size:var(--sq-font-size-sm)}.sq-text.sq-text--lg{font-size:var(--sq-font-size-lg)}.sq-text.multi-line,.sq-text.single-line{display:block;overflow:hidden;text-overflow:ellipsis}.sq-text.single-line{white-space:nowrap}.sq-text.multi-line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--row-num);line-clamp:var(--row-num)}}@layer component{.sq-timeline{--timeline-dot-size: 18px;--timeline-dot-color: var(--sq-border-color);--timeline-dot-mask: none;container:sq-timeline / inline-size;display:flex;flex-direction:column;font-size:var(--sq-font-size-md);color:var(--sq-text-color)}.sq-timeline .sq-timeline-item{display:flex;position:relative;width:100%;box-sizing:border-box;overflow:hidden;padding-inline:var(--timeline-dot-size) 0}.sq-timeline .sq-timeline-item:not(:last-child){padding-block-end:var(--sq-padding-md)}.sq-timeline .sq-timeline-item:before{content:"";position:absolute;z-index:1;width:2px;background-color:var(--sq-border-color);height:100%;left:calc(var(--timeline-dot-size) / 2 - 1px);top:var(--timeline-dot-size)}.sq-timeline .sq-timeline-item.is-hollow{--timeline-dot-mask: radial-gradient( circle, transparent calc(var(--timeline-dot-size) / 2 - 4px), black calc(var(--timeline-dot-size) / 2 - 3px) )}.sq-timeline .sq-timeline-item .sq-timeline-dot{aspect-ratio:1;position:absolute;z-index:2;width:var(--timeline-dot-size);border-radius:var(--sq-radius-full);background:var(--timeline-dot-color);box-sizing:border-box;padding:2px;top:0;left:0;mask:var(--timeline-dot-mask);font-size:calc(var(--timeline-dot-size) - 4px);display:flex}.sq-timeline .sq-timeline-item .sq-timeline-dot>*{aspect-ratio:1;width:100%}.sq-timeline .sq-timeline-item .sq-timeline-content{display:flex;flex-direction:column;margin-inline:var(--sq-padding-sm) 0;width:100%;box-sizing:border-box;line-height:1.4}.sq-timeline .sq-timeline-item .sq-timeline-content .content-title{margin-block:0;line-height:1;font-size:var(--sq-font-size-lg)}.sq-timeline .sq-timeline-item .sq-timeline-content .content-time{display:block;color:var(--sq-text-color-placeholder);margin-block-start:var(--sq-padding-sm)}.sq-timeline .sq-timeline-item .sq-timeline-content .content-info{margin-block-start:var(--sq-padding-sm)}.sq-timeline .sq-timeline-item .sq-timeline-content p{margin:0}.sq-timeline .sq-timeline-item:not(.is-plain) .sq-timeline-content{padding:var(--sq-padding-md);background-color:var(--sq-component-bg-color);border-radius:var(--sq-radius-lg);border:1px solid var(--sq-border-color-light);box-shadow:inset var(--sq-shadow-sm-dark) var(--sq-projection-dark),inset var(--sq-shadow-sm-light) var(--sq-projection-light)}.sq-timeline .sq-timeline-item:not(.is-plain) .sq-timeline-content .content-info{margin-block-start:var(--sq-padding-md)}}@layer type{.sq-timeline .sq-timeline-item.is-primary{--timeline-dot-color: var(--sq-color-primary)}.sq-timeline .sq-timeline-item.is-success{--timeline-dot-color: var(--sq-color-success)}.sq-timeline .sq-timeline-item.is-info{--timeline-dot-color: var(--sq-color-info)}.sq-timeline .sq-timeline-item.is-warn{--timeline-dot-color: var(--sq-color-warn)}.sq-timeline .sq-timeline-item.is-error{--timeline-dot-color: var(--sq-color-error)}.sq-timeline.align-right .sq-timeline-item{padding-inline:0 var(--timeline-dot-size)}.sq-timeline.align-right .sq-timeline-item:before{left:auto;right:calc(var(--timeline-dot-size) / 2 - 1px)}.sq-timeline.align-right .sq-timeline-item.is-plain .sq-timeline-content .content-title,.sq-timeline.align-right .sq-timeline-item.is-plain .sq-timeline-content .content-time,.sq-timeline.align-right .sq-timeline-item.is-plain .sq-timeline-content .content-info{align-self:flex-end}.sq-timeline.align-right .sq-timeline-item .sq-timeline-dot{left:auto;right:0}.sq-timeline.align-right .sq-timeline-item .sq-timeline-content{margin-inline:0 var(--sq-padding-sm)}@container sq-timeline (min-width: 800px){.sq-timeline.align-center .sq-timeline-item{padding-inline:0}.sq-timeline.align-center .sq-timeline-item:before{left:calc(50% - 1px)}.sq-timeline.align-center .sq-timeline-item:nth-child(2n){justify-content:flex-end}.sq-timeline.align-center .sq-timeline-item:nth-child(odd).is-plain .sq-timeline-content .content-title,.sq-timeline.align-center .sq-timeline-item:nth-child(odd).is-plain .sq-timeline-content .content-time,.sq-timeline.align-center .sq-timeline-item:nth-child(odd).is-plain .sq-timeline-content .content-info{align-self:flex-end}.sq-timeline.align-center .sq-timeline-item .sq-timeline-dot{left:calc(50% - var(--timeline-dot-size) / 2)}.sq-timeline.align-center .sq-timeline-item .sq-timeline-content{margin:0;width:calc(50% - var(--timeline-dot-size) / 2 - var(--sq-padding-sm))}}}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@squirrel-cloud/ui-vue",
   "description": "松鼠的坚果屋前端VUE框架",
   "license": "GPL-3.0",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "private": false,
   "type": "module",
   "files": [

package/typings/Alignment.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 时间线对齐方式
+ */
+export declare type Alignment = 'left' | 'right' | 'center'

package/typings/ButtonGroupContext.d.ts

@@ -0,0 +1,21 @@
+import type { ComponentSize, ComponentType } from '.'
+
+/**
+ * 按钮组上下文
+ */
+export declare interface ButtonGroupContext {
+  /**
+   * 按钮大小
+   */
+  size?: ComponentSize
+
+  /**
+   * 按钮类型
+   */
+  type?: ComponentType
+
+  /**
+   * 是否圆角按钮
+   */
+  round?: boolean
+}

package/typings/ComponentType.d.ts

@@ -1,4 +1,6 @@
+import type { ComponentTypeBase } from '.'
+
 /**
  * 组件类型
  */
-export declare type ComponentType = 'success' | 'warn' | 'error'
+export declare type ComponentType = ComponentTypeBase | 'primary' | 'info'

package/typings/ComponentTypeBase.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 组件基础类型
+ */
+export declare type ComponentTypeBase = 'success' | 'warn' | 'error'

package/typings/LineType.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 线类型
+ */
+export declare type LineType = 'solid' | 'dotted' | 'dashed'

package/typings/PopoverPlacement.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 气泡框定位
+ */
+export declare type PopoverPlacement =
+  | 'top'
+  | 'right'
+  | 'bottom'
+  | 'left'
+  | 'top-start'
+  | 'top-end'
+  | 'right-start'
+  | 'right-end'
+  | 'bottom-start'
+  | 'bottom-end'
+  | 'left-start'
+  | 'left-end'

package/typings/PopoverTrigger.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 气泡框触发器
+ */
+export declare type PopoverTrigger = 'hover' | 'click' | 'manual'

package/typings/TagTheme.d.ts

@@ -0,0 +1,6 @@
+import type { TagThemeBase } from ".";
+
+/**
+ * 标签主题
+ */
+export declare type TagTheme = 'solid' | TagThemeBase

package/typings/TagThemeBase.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 标签基础主题
+ */
+export declare type TagThemeBase = 'tint' | 'plain'

package/typings/TimelineTheme.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 时间线主题
+ */
+export declare type TimelineTheme = 'plain' | 'card'

package/typings/index.d.ts

@@ -1,5 +1,11 @@
-import type { ComponentSize } from './ComponentSize'
-import type { ComponentType } from './ComponentType'
-import type { ComponentTypeExtend } from './ComponentTypeExtend'
-
-export type { ComponentSize, ComponentType, ComponentTypeExtend }
+export type { TagTheme } from './TagTheme'
+export type { LineType } from './LineType'
+export type { Alignment } from './Alignment'
+export type { TagThemeBase } from './TagThemeBase'
+export type { TimelineTheme } from './TimelineTheme'
+export type { ComponentSize } from './ComponentSize'
+export type { ComponentType } from './ComponentType'
+export type { PopoverTrigger } from './PopoverTrigger'
+export type { PopoverPlacement } from './PopoverPlacement'
+export type { ComponentTypeBase } from './ComponentTypeBase'
+export type { ButtonGroupContext } from './ButtonGroupContext'

package/typings/ComponentTypeExtend.d.ts

@@ -1,6 +0,0 @@
-import type { ComponentType } from '.'
-
-/**
- * 组件扩展类型
- */
-export declare type ComponentTypeExtend = ComponentType | 'primary' | 'info'