@aura-group/aura-design - npm Package Compare versions

Comparing version 0.3.21 to 0.3.22

dist/aura-design.umd.js

@@ -1,3 +0,3 @@
-(function(m,X){typeof exports=="object"&&typeof module<"u"?X(exports):typeof define=="function"&&define.amd?define(["exports"],X):(m=typeof globalThis<"u"?globalThis:m||self,X(m["aura-design"]={}))})(this,function(m){"use strict";const X=(e,n)=>e===n,Ze=Symbol("solid-track"),J={equals:X};let fe=pe;const M=1,Q=2,he={owned:null,cleanups:null,context:null,owner:null};var E=null;let le=null,k=null,P=null,R=null,Z=0;function Y(e,n){const t=k,o=E,r=e.length===0,l=r?he:{owned:null,cleanups:null,context:null,owner:n===void 0?o:n},i=r?e:()=>e(()=>F(()=>re(l)));E=l,k=null;try{return K(i,!0)}finally{k=t,E=o}}function S(e,n){n=n?Object.assign({},J,n):J;const t={value:e,observers:null,observerSlots:null,comparator:n.equals||void 0},o=r=>(typeof r=="function"&&(r=r(t.value)),be(t,r));return[$e.bind(t),o]}function p(e,n,t){const o=ie(e,n,!1,M);W(o)}function ge(e,n,t){fe=rt;const o=ie(e,n,!1,M);o.user=!0,R?R.push(o):W(o)}function j(e,n,t){t=t?Object.assign({},J,t):J;const o=ie(e,n,!0,0);return o.observers=null,o.observerSlots=null,o.comparator=t.equals||void 0,W(o),$e.bind(o)}function F(e){if(k===null)return e();const n=k;k=null;try{return e()}finally{k=n}}function H(e){ge(()=>F(e))}function ee(e){return E===null||(E.cleanups===null?E.cleanups=[e]:E.cleanups.push(e)),e}function $(){return E}function et(e,n){const t=E,o=k;E=e,k=null;try{return K(n,!0)}catch(r){se(r)}finally{E=t,k=o}}function $e(){if(this.sources&&this.state)if(this.state===M)W(this);else{const e=P;P=null,K(()=>ne(this),!1),P=e}if(k){const e=this.observers?this.observers.length:0;k.sources?(k.sources.push(this),k.sourceSlots.push(e)):(k.sources=[this],k.sourceSlots=[e]),this.observers?(this.observers.push(k),this.observerSlots.push(k.sources.length-1)):(this.observers=[k],this.observerSlots=[k.sources.length-1])}return this.value}function be(e,n,t){let o=e.value;return(!e.comparator||!e.comparator(o,n))&&(e.value=n,e.observers&&e.observers.length&&K(()=>{for(let r=0;r<e.observers.length;r+=1){const l=e.observers[r],i=le&&le.running;i&&le.disposed.has(l),(i?!l.tState:!l.state)&&(l.pure?P.push(l):R.push(l),l.observers&&ve(l)),i||(l.state=M)}if(P.length>1e6)throw P=[],new Error},!1)),n}function W(e){if(!e.fn)return;re(e);const n=E,t=k,o=Z;k=E=e,tt(e,e.value,o),k=t,E=n}function tt(e,n,t){let o;try{o=e.fn(n)}catch(r){return e.pure&&(e.state=M,e.owned&&e.owned.forEach(re),e.owned=null),e.updatedAt=t+1,se(r)}(!e.updatedAt||e.updatedAt<=t)&&(e.updatedAt!=null&&"observers"in e?be(e,o):e.value=o,e.updatedAt=t)}function ie(e,n,t,o=M,r){const l={fn:e,state:o,updatedAt:null,owned:null,sources:null,sourceSlots:null,cleanups:null,value:n,owner:E,context:null,pure:t};return E===null||E!==he&&(E.owned?E.owned.push(l):E.owned=[l]),l}function te(e){if(e.state===0)return;if(e.state===Q)return ne(e);if(e.suspense&&F(e.suspense.inFallback))return e.suspense.effects.push(e);const n=[e];for(;(e=e.owner)&&(!e.updatedAt||e.updatedAt<Z);)e.state&&n.push(e);for(let t=n.length-1;t>=0;t--)if(e=n[t],e.state===M)W(e);else if(e.state===Q){const o=P;P=null,K(()=>ne(e,n[0]),!1),P=o}}function K(e,n){if(P)return e();let t=!1;n||(P=[]),R?t=!0:R=[],Z++;try{const o=e();return nt(t),o}catch(o){t||(R=null),P=null,se(o)}}function nt(e){if(P&&(pe(P),P=null),e)return;const n=R;R=null,n.length&&K(()=>fe(n),!1)}function pe(e){for(let n=0;n<e.length;n++)te(e[n])}function rt(e){let n,t=0;for(n=0;n<e.length;n++){const o=e[n];o.user?e[t++]=o:te(o)}for(n=0;n<t;n++)te(e[n])}function ne(e,n){e.state=0;for(let t=0;t<e.sources.length;t+=1){const o=e.sources[t];if(o.sources){const r=o.state;r===M?o!==n&&(!o.updatedAt||o.updatedAt<Z)&&te(o):r===Q&&ne(o,n)}}}function ve(e){for(let n=0;n<e.observers.length;n+=1){const t=e.observers[n];t.state||(t.state=Q,t.pure?P.push(t):R.push(t),t.observers&&ve(t))}}function re(e){let n;if(e.sources)for(;e.sources.length;){const t=e.sources.pop(),o=e.sourceSlots.pop(),r=t.observers;if(r&&r.length){const l=r.pop(),i=t.observerSlots.pop();o<r.length&&(l.sourceSlots[i]=o,r[o]=l,t.observerSlots[o]=i)}}if(e.owned){for(n=e.owned.length-1;n>=0;n--)re(e.owned[n]);e.owned=null}if(e.cleanups){for(n=e.cleanups.length-1;n>=0;n--)e.cleanups[n]();e.cleanups=null}e.state=0,e.context=null}function se(e){throw e}const ot=Symbol("fallback");function me(e){for(let n=0;n<e.length;n++)e[n]()}function lt(e,n,t={}){let o=[],r=[],l=[],i=0,s=n.length>1?[]:null;return ee(()=>me(l)),()=>{let d=e()||[],c,a;return d[Ze],F(()=>{let b=d.length,x,C,v,_,h,z,O,N,U;if(b===0)i!==0&&(me(l),l=[],o=[],r=[],i=0,s&&(s=[])),t.fallback&&(o=[ot],r[0]=Y(Lr=>(l[0]=Lr,t.fallback())),i=1);else if(i===0){for(r=new Array(b),a=0;a<b;a++)o[a]=d[a],r[a]=Y(g);i=b}else{for(v=new Array(b),_=new Array(b),s&&(h=new Array(b)),z=0,O=Math.min(i,b);z<O&&o[z]===d[z];z++);for(O=i-1,N=b-1;O>=z&&N>=z&&o[O]===d[N];O--,N--)v[N]=r[O],_[N]=l[O],s&&(h[N]=s[O]);for(x=new Map,C=new Array(N+1),a=N;a>=z;a--)U=d[a],c=x.get(U),C[a]=c===void 0?-1:c,x.set(U,a);for(c=z;c<=O;c++)U=o[c],a=x.get(U),a!==void 0&&a!==-1?(v[a]=r[c],_[a]=l[c],s&&(h[a]=s[c]),a=C[a],x.set(U,a)):l[c]();for(a=z;a<b;a++)a in v?(r[a]=v[a],l[a]=_[a],s&&(s[a]=h[a],s[a](a))):r[a]=Y(g);r=r.slice(0,i=b),o=d.slice(0)}return r});function g(b){if(l[a]=b,s){const[x,C]=S(a);return s[a]=C,n(d[a],x)}return n(d[a])}}}function A(e,n){return F(()=>e(n||{}))}const it=e=>`Stale read from <${e}>.`;function G(e){const n="fallback"in e&&{fallback:()=>e.fallback};return j(lt(()=>e.each,e.children,n||void 0))}function B(e){const n=e.keyed,t=j(()=>e.when,void 0,{equals:(o,r)=>n?o===r:!o==!r});return j(()=>{const o=t();if(o){const r=e.children;return typeof r=="function"&&r.length>0?F(()=>r(n?o:()=>{if(!F(t))throw it("Show");return e.when})):r}return e.fallback},void 0,void 0)}function st(e,n,t){let o=t.length,r=n.length,l=o,i=0,s=0,d=n[r-1].nextSibling,c=null;for(;i<r||s<l;){if(n[i]===t[s]){i++,s++;continue}for(;n[r-1]===t[l-1];)r--,l--;if(r===i){const a=l<o?s?t[s-1].nextSibling:t[l-s]:d;for(;s<l;)e.insertBefore(t[s++],a)}else if(l===s)for(;i<r;)(!c||!c.has(n[i]))&&n[i].remove(),i++;else if(n[i]===t[l-1]&&t[s]===n[r-1]){const a=n[--r].nextSibling;e.insertBefore(t[s++],n[i++].nextSibling),e.insertBefore(t[--l],a),n[r]=t[l]}else{if(!c){c=new Map;let g=s;for(;g<l;)c.set(t[g],g++)}const a=c.get(n[i]);if(a!=null)if(s<a&&a<l){let g=i,b=1,x;for(;++g<r&&g<l&&!((x=c.get(n[g]))==null||x!==a+b);)b++;if(b>a-s){const C=n[i];for(;s<a;)e.insertBefore(t[s++],C)}else e.replaceChild(t[s++],n[i++])}else i++;else n[i++].remove()}}}const _e="_$DX_DELEGATE";function u(e,n,t){let o;const r=()=>{const i=document.createElement("template");return i.innerHTML=e,t?i.content.firstChild.firstChild:i.content.firstChild},l=n?()=>(o||(o=r())).cloneNode(!0):()=>F(()=>document.importNode(o||(o=r()),!0));return l.cloneNode=l,l}function D(e,n=window.document){const t=n[_e]||(n[_e]=new Set);for(let o=0,r=e.length;o<r;o++){const l=e[o];t.has(l)||(t.add(l),n.addEventListener(l,ct))}}function T(e,n,t){t==null?e.removeAttribute(n):e.setAttribute(n,t)}function I(e,n){n==null?e.removeAttribute("class"):e.className=n}function at(e,n,t){if(!n)return t?T(e,"style"):n;const o=e.style;if(typeof n=="string")return o.cssText=n;typeof t=="string"&&(o.cssText=t=void 0),t||(t={}),n||(n={});let r,l;for(l in t)n[l]==null&&o.removeProperty(l),delete t[l];for(l in n)r=n[l],r!==t[l]&&(o.setProperty(l,r),t[l]=r);return t}function ye(e,n,t){return F(()=>e(n,t))}function f(e,n,t,o){if(t!==void 0&&!o&&(o=[]),typeof n!="function")return oe(e,n,o,t);p(r=>oe(e,n(),r,t),o)}function ct(e){const n=`$$${e.type}`;let t=e.composedPath&&e.composedPath()[0]||e.target;for(e.target!==t&&Object.defineProperty(e,"target",{configurable:!0,value:t}),Object.defineProperty(e,"currentTarget",{configurable:!0,get(){return t||document}});t;){const o=t[n];if(o&&!t.disabled){const r=t[`${n}Data`];if(r!==void 0?o.call(t,r,e):o.call(t,e),e.cancelBubble)return}t=t._$host||t.parentNode||t.host}}function oe(e,n,t,o,r){for(;typeof t=="function";)t=t();if(n===t)return t;const l=typeof n,i=o!==void 0;if(e=i&&t[0]&&t[0].parentNode||e,l==="string"||l==="number")if(l==="number"&&(n=n.toString()),i){let s=t[0];s&&s.nodeType===3?s.data=n:s=document.createTextNode(n),t=V(e,t,o,s)}else t!==""&&typeof t=="string"?t=e.firstChild.data=n:t=e.textContent=n;else if(n==null||l==="boolean")t=V(e,t,o);else{if(l==="function")return p(()=>{let s=n();for(;typeof s=="function";)s=s();t=oe(e,s,t,o)}),()=>t;if(Array.isArray(n)){const s=[],d=t&&Array.isArray(t);if(ae(s,n,t,r))return p(()=>t=oe(e,s,t,o,!0)),()=>t;if(s.length===0){if(t=V(e,t,o),i)return t}else d?t.length===0?we(e,s,o):st(e,t,s):(t&&V(e),we(e,s));t=s}else if(n instanceof Node){if(Array.isArray(t)){if(i)return t=V(e,t,o,n);V(e,t,null,n)}else t==null||t===""||!e.firstChild?e.appendChild(n):e.replaceChild(n,e.firstChild);t=n}else console.warn("Unrecognized value. Skipped inserting",n)}return t}function ae(e,n,t,o){let r=!1;for(let l=0,i=n.length;l<i;l++){let s=n[l],d=t&&t[l];if(s instanceof Node)e.push(s);else if(!(s==null||s===!0||s===!1))if(Array.isArray(s))r=ae(e,s,d)||r;else if(typeof s=="function")if(o){for(;typeof s=="function";)s=s();r=ae(e,Array.isArray(s)?s:[s],Array.isArray(d)?d:[d])||r}else e.push(s),r=!0;else{const c=String(s);d&&d.nodeType===3?(d.data=c,e.push(d)):e.push(document.createTextNode(c))}}return r}function we(e,n,t=null){for(let o=0,r=n.length;o<r;o++)e.insertBefore(n[o],t)}function V(e,n,t,o){if(t===void 0)return e.textContent="";const r=o||document.createTextNode("");if(n.length){let l=!1;for(let i=n.length-1;i>=0;i--){const s=n[i];if(r!==s){const d=s.parentNode===e;!l&&!i?d?e.replaceChild(r,s):e.insertBefore(r,t):d&&s.remove()}else l=!0}}else e.insertBefore(r,t);return[r]}const ut="http://www.w3.org/2000/svg";function dt(e,n=!1){return n?document.createElementNS(ut,e):document.createElement(e)}function xe(e){const{useShadow:n}=e,t=document.createTextNode(""),o=()=>e.mount||document.body,r=$();let l;return ge(()=>{l||(l=et(r,()=>e.children));const i=o();if(i instanceof HTMLHeadElement){const[s,d]=S(!1),c=()=>d(!0);Y(a=>f(i,()=>s()?a():l,null)),ee(c)}else{const s=dt(e.isSVG?"g":"div",e.isSVG),d=n&&s.attachShadow?s.attachShadow({mode:"open"}):s;Object.defineProperty(s,"_$host",{get(){return t.parentNode},configurable:!0}),f(d,l),i.appendChild(s),e.ref&&e.ref(s),ee(()=>i.removeChild(s))}}),t}function ft(e){return Object.keys(e).reduce((t,o)=>{const r=e[o];return t[o]=Object.assign({},r),Ee(r.value)&&!pt(r.value)&&!Array.isArray(r.value)&&(t[o].value=Object.assign({},r.value)),Array.isArray(r.value)&&(t[o].value=r.value.slice(0)),t},{})}function ht(e){return e?Object.keys(e).reduce((t,o)=>{const r=e[o];return t[o]=Ee(r)&&"value"in r?r:{value:r},t[o].attribute||(t[o].attribute=bt(o)),t[o].parse="parse"in t[o]?t[o].parse:typeof t[o].value!="string",t},{}):{}}function gt(e){return Object.keys(e).reduce((t,o)=>(t[o]=e[o].value,t),{})}function $t(e,n){const t=ft(n);return Object.keys(n).forEach(r=>{const l=t[r],i=e.getAttribute(l.attribute),s=e[r];i&&(l.value=l.parse?ke(i):i),s!=null&&(l.value=Array.isArray(s)?s.slice(0):s),l.reflect&&Ce(e,l.attribute,l.value),Object.defineProperty(e,r,{get(){return l.value},set(d){const c=l.value;l.value=d,l.reflect&&Ce(this,l.attribute,l.value);for(let a=0,g=this.__propertyChangedCallbacks.length;a<g;a++)this.__propertyChangedCallbacks[a](r,d,c)},enumerable:!0,configurable:!0})}),t}function ke(e){if(e)try{return JSON.parse(e)}catch{return e}}function Ce(e,n,t){if(t==null||t===!1)return e.removeAttribute(n);let o=JSON.stringify(t);e.__updating[n]=!0,o==="true"&&(o=""),e.setAttribute(n,o),Promise.resolve().then(()=>delete e.__updating[n])}function bt(e){return e.replace(/\.?([A-Z]+)/g,(n,t)=>"-"+t.toLowerCase()).replace("_","-").replace(/^-/,"")}function Ee(e){return e!=null&&(typeof e=="object"||typeof e=="function")}function pt(e){return Object.prototype.toString.call(e)==="[object Function]"}function vt(e){return typeof e=="function"&&e.toString().indexOf("class")===0}let ce;function mt(e,n){const t=Object.keys(n);return class extends e{static get observedAttributes(){return t.map(r=>n[r].attribute)}constructor(){super(),this.__initialized=!1,this.__released=!1,this.__releaseCallbacks=[],this.__propertyChangedCallbacks=[],this.__updating={},this.props={}}connectedCallback(){if(this.__initialized)return;this.__releaseCallbacks=[],this.__propertyChangedCallbacks=[],this.__updating={},this.props=$t(this,n);const r=gt(this.props),l=this.Component,i=ce;try{ce=this,this.__initialized=!0,vt(l)?new l(r,{element:this}):l(r,{element:this})}finally{ce=i}}async disconnectedCallback(){if(await Promise.resolve(),this.isConnected)return;this.__propertyChangedCallbacks.length=0;let r=null;for(;r=this.__releaseCallbacks.pop();)r(this);delete this.__initialized,this.__released=!0}attributeChangedCallback(r,l,i){if(this.__initialized&&!this.__updating[r]&&(r=this.lookupProp(r),r in n)){if(i==null&&!this[r])return;this[r]=n[r].parse?ke(i):i}}lookupProp(r){if(n)return t.find(l=>r===l||r===n[l].attribute)}get renderRoot(){return this.shadowRoot||this.attachShadow({mode:"open"})}addReleaseCallback(r){this.__releaseCallbacks.push(r)}addPropertyChangedCallback(r){this.__propertyChangedCallbacks.push(r)}}}function _t(e,n={},t={}){const{BaseElement:o=HTMLElement,extension:r}=t;return l=>{if(!e)throw new Error("tag is required to register a Component");let i=customElements.get(e);return i?(i.prototype.Component=l,i):(i=mt(o,ht(n)),i.prototype.Component=l,i.prototype.registeredTag=e,customElements.define(e,i,r),i)}}function yt(e){const n=Object.keys(e),t={};for(let o=0;o<n.length;o++){const[r,l]=S(e[n[o]]);Object.defineProperty(t,n[o],{get:r,set(i){l(()=>i)}})}return t}function wt(e){if(e.assignedSlot&&e.assignedSlot._$owner)return e.assignedSlot._$owner;let n=e.parentNode;for(;n&&!n._$owner&&!(n.assignedSlot&&n.assignedSlot._$owner);)n=n.parentNode;return n&&n.assignedSlot?n.assignedSlot._$owner:e._$owner}function xt(e){return(n,t)=>{const{element:o}=t;return Y(r=>{const l=yt(n);o.addPropertyChangedCallback((s,d)=>l[s]=d),o.addReleaseCallback(()=>{o.renderRoot.textContent="",r()});const i=e(l,t);return f(o.renderRoot,i)},wt(o))}}function y(e,n,t){return arguments.length===2&&(t=n,n={}),_t(e,n)(xt(t))}const w="ar",kt=`:host{align-items:center;border-radius:var(--ar-size-3);display:inline-flex;height:var(--ar-size-m)}button{align-items:center;background:inherit;border:none;border-radius:inherit;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:var(--ar-size-6);height:inherit;justify-content:center;min-width:4rem;outline:none;padding:0 12px;width:inherit}button:hover{filter:brightness(1.1)}.primary{background:var(--ar-color-primary-gradient);color:var(--ar-color-white)}.primary.text{background:none;color:var(--ar-color-primary)}.primary.outline{background:none;border:1px solid var(--ar-color-primary);color:var(--ar-color-primary)}.primary:hover{filter:brightness(1.2)}.info{background:var(--ar-color-info);color:var(--ar-color-white)}.info.text{background:none;color:var(--ar-color-text)}.info.outline{background:none;border:1px solid var(--ar-color-info);color:var(--ar-color-text)}.info:hover{filter:brightness(.95)}.warning{background:var(--ar-color-warning);color:var(--ar-color-white)}.warning.text{background:none;color:var(--ar-color-warning)}.warning.outline{background:none;border:1px solid var(--ar-color-warning);color:var(--ar-color-warning)}.danger{background:var(--ar-color-danger);color:var(--ar-color-white)}.danger.text{background:none;color:var(--ar-color-danger)}.danger.outline{background:none;border:1px solid var(--ar-color-danger);color:var(--ar-color-danger)}.success{background:var(--ar-color-success);color:var(--ar-color-white)}.success.text{background:none;color:var(--ar-color-success)}.success.outline{background:none;border:1px solid var(--ar-color-success);color:var(--ar-color-success)}.circle{aspect-ratio:1 / 1;border-radius:50%;min-width:auto;padding:0 2px}.round{border-radius:var(--ar-size-21)}
-`,Ct=u("<style>"),ze=u('<ar-icon name="loading" spin>',!0,!1),Et=u("<button>"),zt=u('<button><slot></slot><slot name="suffix">'),St=u('<slot name="prefix">'),At=u("<slot>"),Pt=e=>[(()=>{const n=Ct();return f(n,kt),n})(),A(B,{get when(){return e.shape==="circle"},get fallback(){return(()=>{const n=zt(),t=n.firstChild,o=t.nextSibling;return f(n,A(B,{get when(){return e.loading},get fallback(){return(()=>{const r=St();return r._$owner=$(),r})()},get children(){const r=ze();return r._$owner=$(),r}}),t),t._$owner=$(),o._$owner=$(),p(()=>I(n,`${e.status} ${e.type} ${e.shape}`)),n})()},get children(){const n=Et();return f(n,A(B,{get when(){return e.loading},get fallback(){return(()=>{const t=At();return t._$owner=$(),t})()},get children(){const t=ze();return t._$owner=$(),t}})),p(()=>I(n,`${e.status} ${e.type} ${e.shape}`)),n}})],Se=()=>{y(`${w}-button`,{type:"default",status:"primary",shape:"default",loading:!1},Pt)},L=(e,...n)=>e.reduce((o,r,l)=>o+r+(n[l]||""),""),Tt=u('<img class="w-20 rd-2" alt="logo">'),Lt=u('<div class="flex flex-col justify-center gap-2 h-20"><div class="font-bold"></div><div class="font-size-3">'),Ot=u('<ar-icon size="5rem">',!0,!1),Bt=u('<img class="w-6" alt="avatar">'),Rt=u("<div>"),jt=u(`<style>/* layer: preflights */
+(function(v,X){typeof exports=="object"&&typeof module<"u"?X(exports):typeof define=="function"&&define.amd?define(["exports"],X):(v=typeof globalThis<"u"?globalThis:v||self,X(v["aura-design"]={}))})(this,function(v){"use strict";const X=(e,t)=>e===t,tt=Symbol("solid-track"),J={equals:X};let fe=pe;const M=1,Q=2,he={owned:null,cleanups:null,context:null,owner:null};var E=null;let ie=null,k=null,T=null,j=null,Z=0;function Y(e,t){const n=k,o=E,r=e.length===0,i=r?he:{owned:null,cleanups:null,context:null,owner:t===void 0?o:t},l=r?e:()=>e(()=>I(()=>re(i)));E=i,k=null;try{return K(l,!0)}finally{k=n,E=o}}function z(e,t){t=t?Object.assign({},J,t):J;const n={value:e,observers:null,observerSlots:null,comparator:t.equals||void 0},o=r=>(typeof r=="function"&&(r=r(n.value)),$e(n,r));return[be.bind(n),o]}function p(e,t,n){const o=le(e,t,!1,M);W(o)}function ge(e,t,n){fe=it;const o=le(e,t,!1,M);o.user=!0,j?j.push(o):W(o)}function F(e,t,n){n=n?Object.assign({},J,n):J;const o=le(e,t,!0,0);return o.observers=null,o.observerSlots=null,o.comparator=n.equals||void 0,W(o),be.bind(o)}function I(e){if(k===null)return e();const t=k;k=null;try{return e()}finally{k=t}}function H(e){ge(()=>I(e))}function ee(e){return E===null||(E.cleanups===null?E.cleanups=[e]:E.cleanups.push(e)),e}function b(){return E}function nt(e,t){const n=E,o=k;E=e,k=null;try{return K(t,!0)}catch(r){se(r)}finally{E=n,k=o}}function be(){if(this.sources&&this.state)if(this.state===M)W(this);else{const e=T;T=null,K(()=>ne(this),!1),T=e}if(k){const e=this.observers?this.observers.length:0;k.sources?(k.sources.push(this),k.sourceSlots.push(e)):(k.sources=[this],k.sourceSlots=[e]),this.observers?(this.observers.push(k),this.observerSlots.push(k.sources.length-1)):(this.observers=[k],this.observerSlots=[k.sources.length-1])}return this.value}function $e(e,t,n){let o=e.value;return(!e.comparator||!e.comparator(o,t))&&(e.value=t,e.observers&&e.observers.length&&K(()=>{for(let r=0;r<e.observers.length;r+=1){const i=e.observers[r],l=ie&&ie.running;l&&ie.disposed.has(i),(l?!i.tState:!i.state)&&(i.pure?T.push(i):j.push(i),i.observers&&ve(i)),l||(i.state=M)}if(T.length>1e6)throw T=[],new Error},!1)),t}function W(e){if(!e.fn)return;re(e);const t=E,n=k,o=Z;k=E=e,rt(e,e.value,o),k=n,E=t}function rt(e,t,n){let o;try{o=e.fn(t)}catch(r){return e.pure&&(e.state=M,e.owned&&e.owned.forEach(re),e.owned=null),e.updatedAt=n+1,se(r)}(!e.updatedAt||e.updatedAt<=n)&&(e.updatedAt!=null&&"observers"in e?$e(e,o):e.value=o,e.updatedAt=n)}function le(e,t,n,o=M,r){const i={fn:e,state:o,updatedAt:null,owned:null,sources:null,sourceSlots:null,cleanups:null,value:t,owner:E,context:null,pure:n};return E===null||E!==he&&(E.owned?E.owned.push(i):E.owned=[i]),i}function te(e){if(e.state===0)return;if(e.state===Q)return ne(e);if(e.suspense&&I(e.suspense.inFallback))return e.suspense.effects.push(e);const t=[e];for(;(e=e.owner)&&(!e.updatedAt||e.updatedAt<Z);)e.state&&t.push(e);for(let n=t.length-1;n>=0;n--)if(e=t[n],e.state===M)W(e);else if(e.state===Q){const o=T;T=null,K(()=>ne(e,t[0]),!1),T=o}}function K(e,t){if(T)return e();let n=!1;t||(T=[]),j?n=!0:j=[],Z++;try{const o=e();return ot(n),o}catch(o){n||(j=null),T=null,se(o)}}function ot(e){if(T&&(pe(T),T=null),e)return;const t=j;j=null,t.length&&K(()=>fe(t),!1)}function pe(e){for(let t=0;t<e.length;t++)te(e[t])}function it(e){let t,n=0;for(t=0;t<e.length;t++){const o=e[t];o.user?e[n++]=o:te(o)}for(t=0;t<n;t++)te(e[t])}function ne(e,t){e.state=0;for(let n=0;n<e.sources.length;n+=1){const o=e.sources[n];if(o.sources){const r=o.state;r===M?o!==t&&(!o.updatedAt||o.updatedAt<Z)&&te(o):r===Q&&ne(o,t)}}}function ve(e){for(let t=0;t<e.observers.length;t+=1){const n=e.observers[t];n.state||(n.state=Q,n.pure?T.push(n):j.push(n),n.observers&&ve(n))}}function re(e){let t;if(e.sources)for(;e.sources.length;){const n=e.sources.pop(),o=e.sourceSlots.pop(),r=n.observers;if(r&&r.length){const i=r.pop(),l=n.observerSlots.pop();o<r.length&&(i.sourceSlots[l]=o,r[o]=i,n.observerSlots[o]=l)}}if(e.owned){for(t=e.owned.length-1;t>=0;t--)re(e.owned[t]);e.owned=null}if(e.cleanups){for(t=e.cleanups.length-1;t>=0;t--)e.cleanups[t]();e.cleanups=null}e.state=0,e.context=null}function se(e){throw e}const lt=Symbol("fallback");function me(e){for(let t=0;t<e.length;t++)e[t]()}function st(e,t,n={}){let o=[],r=[],i=[],l=0,s=t.length>1?[]:null;return ee(()=>me(i)),()=>{let d=e()||[],c,a;return d[tt],I(()=>{let $=d.length,x,C,m,_,h,S,O,N,U;if($===0)l!==0&&(me(i),i=[],o=[],r=[],l=0,s&&(s=[])),n.fallback&&(o=[lt],r[0]=Y(jr=>(i[0]=jr,n.fallback())),l=1);else if(l===0){for(r=new Array($),a=0;a<$;a++)o[a]=d[a],r[a]=Y(g);l=$}else{for(m=new Array($),_=new Array($),s&&(h=new Array($)),S=0,O=Math.min(l,$);S<O&&o[S]===d[S];S++);for(O=l-1,N=$-1;O>=S&&N>=S&&o[O]===d[N];O--,N--)m[N]=r[O],_[N]=i[O],s&&(h[N]=s[O]);for(x=new Map,C=new Array(N+1),a=N;a>=S;a--)U=d[a],c=x.get(U),C[a]=c===void 0?-1:c,x.set(U,a);for(c=S;c<=O;c++)U=o[c],a=x.get(U),a!==void 0&&a!==-1?(m[a]=r[c],_[a]=i[c],s&&(h[a]=s[c]),a=C[a],x.set(U,a)):i[c]();for(a=S;a<$;a++)a in m?(r[a]=m[a],i[a]=_[a],s&&(s[a]=h[a],s[a](a))):r[a]=Y(g);r=r.slice(0,l=$),o=d.slice(0)}return r});function g($){if(i[a]=$,s){const[x,C]=z(a);return s[a]=C,t(d[a],x)}return t(d[a])}}}function A(e,t){return I(()=>e(t||{}))}const at=e=>`Stale read from <${e}>.`;function G(e){const t="fallback"in e&&{fallback:()=>e.fallback};return F(st(()=>e.each,e.children,t||void 0))}function B(e){const t=e.keyed,n=F(()=>e.when,void 0,{equals:(o,r)=>t?o===r:!o==!r});return F(()=>{const o=n();if(o){const r=e.children;return typeof r=="function"&&r.length>0?I(()=>r(t?o:()=>{if(!I(n))throw at("Show");return e.when})):r}return e.fallback},void 0,void 0)}function ct(e,t,n){let o=n.length,r=t.length,i=o,l=0,s=0,d=t[r-1].nextSibling,c=null;for(;l<r||s<i;){if(t[l]===n[s]){l++,s++;continue}for(;t[r-1]===n[i-1];)r--,i--;if(r===l){const a=i<o?s?n[s-1].nextSibling:n[i-s]:d;for(;s<i;)e.insertBefore(n[s++],a)}else if(i===s)for(;l<r;)(!c||!c.has(t[l]))&&t[l].remove(),l++;else if(t[l]===n[i-1]&&n[s]===t[r-1]){const a=t[--r].nextSibling;e.insertBefore(n[s++],t[l++].nextSibling),e.insertBefore(n[--i],a),t[r]=n[i]}else{if(!c){c=new Map;let g=s;for(;g<i;)c.set(n[g],g++)}const a=c.get(t[l]);if(a!=null)if(s<a&&a<i){let g=l,$=1,x;for(;++g<r&&g<i&&!((x=c.get(t[g]))==null||x!==a+$);)$++;if($>a-s){const C=t[l];for(;s<a;)e.insertBefore(n[s++],C)}else e.replaceChild(n[s++],t[l++])}else l++;else t[l++].remove()}}}const _e="_$DX_DELEGATE";function u(e,t,n){let o;const r=()=>{const l=document.createElement("template");return l.innerHTML=e,n?l.content.firstChild.firstChild:l.content.firstChild},i=t?()=>(o||(o=r())).cloneNode(!0):()=>I(()=>document.importNode(o||(o=r()),!0));return i.cloneNode=i,i}function D(e,t=window.document){const n=t[_e]||(t[_e]=new Set);for(let o=0,r=e.length;o<r;o++){const i=e[o];n.has(i)||(n.add(i),t.addEventListener(i,dt))}}function L(e,t,n){n==null?e.removeAttribute(t):e.setAttribute(t,n)}function R(e,t){t==null?e.removeAttribute("class"):e.className=t}function ut(e,t,n){if(!t)return n?L(e,"style"):t;const o=e.style;if(typeof t=="string")return o.cssText=t;typeof n=="string"&&(o.cssText=n=void 0),n||(n={}),t||(t={});let r,i;for(i in n)t[i]==null&&o.removeProperty(i),delete n[i];for(i in t)r=t[i],r!==n[i]&&(o.setProperty(i,r),n[i]=r);return n}function ye(e,t,n){return I(()=>e(t,n))}function f(e,t,n,o){if(n!==void 0&&!o&&(o=[]),typeof t!="function")return oe(e,t,o,n);p(r=>oe(e,t(),r,n),o)}function dt(e){const t=`$$${e.type}`;let n=e.composedPath&&e.composedPath()[0]||e.target;for(e.target!==n&&Object.defineProperty(e,"target",{configurable:!0,value:n}),Object.defineProperty(e,"currentTarget",{configurable:!0,get(){return n||document}});n;){const o=n[t];if(o&&!n.disabled){const r=n[`${t}Data`];if(r!==void 0?o.call(n,r,e):o.call(n,e),e.cancelBubble)return}n=n._$host||n.parentNode||n.host}}function oe(e,t,n,o,r){for(;typeof n=="function";)n=n();if(t===n)return n;const i=typeof t,l=o!==void 0;if(e=l&&n[0]&&n[0].parentNode||e,i==="string"||i==="number")if(i==="number"&&(t=t.toString()),l){let s=n[0];s&&s.nodeType===3?s.data=t:s=document.createTextNode(t),n=V(e,n,o,s)}else n!==""&&typeof n=="string"?n=e.firstChild.data=t:n=e.textContent=t;else if(t==null||i==="boolean")n=V(e,n,o);else{if(i==="function")return p(()=>{let s=t();for(;typeof s=="function";)s=s();n=oe(e,s,n,o)}),()=>n;if(Array.isArray(t)){const s=[],d=n&&Array.isArray(n);if(ae(s,t,n,r))return p(()=>n=oe(e,s,n,o,!0)),()=>n;if(s.length===0){if(n=V(e,n,o),l)return n}else d?n.length===0?we(e,s,o):ct(e,n,s):(n&&V(e),we(e,s));n=s}else if(t instanceof Node){if(Array.isArray(n)){if(l)return n=V(e,n,o,t);V(e,n,null,t)}else n==null||n===""||!e.firstChild?e.appendChild(t):e.replaceChild(t,e.firstChild);n=t}else console.warn("Unrecognized value. Skipped inserting",t)}return n}function ae(e,t,n,o){let r=!1;for(let i=0,l=t.length;i<l;i++){let s=t[i],d=n&&n[i];if(s instanceof Node)e.push(s);else if(!(s==null||s===!0||s===!1))if(Array.isArray(s))r=ae(e,s,d)||r;else if(typeof s=="function")if(o){for(;typeof s=="function";)s=s();r=ae(e,Array.isArray(s)?s:[s],Array.isArray(d)?d:[d])||r}else e.push(s),r=!0;else{const c=String(s);d&&d.nodeType===3?(d.data=c,e.push(d)):e.push(document.createTextNode(c))}}return r}function we(e,t,n=null){for(let o=0,r=t.length;o<r;o++)e.insertBefore(t[o],n)}function V(e,t,n,o){if(n===void 0)return e.textContent="";const r=o||document.createTextNode("");if(t.length){let i=!1;for(let l=t.length-1;l>=0;l--){const s=t[l];if(r!==s){const d=s.parentNode===e;!i&&!l?d?e.replaceChild(r,s):e.insertBefore(r,n):d&&s.remove()}else i=!0}}else e.insertBefore(r,n);return[r]}const ft="http://www.w3.org/2000/svg";function ht(e,t=!1){return t?document.createElementNS(ft,e):document.createElement(e)}function xe(e){const{useShadow:t}=e,n=document.createTextNode(""),o=()=>e.mount||document.body,r=b();let i;return ge(()=>{i||(i=nt(r,()=>e.children));const l=o();if(l instanceof HTMLHeadElement){const[s,d]=z(!1),c=()=>d(!0);Y(a=>f(l,()=>s()?a():i,null)),ee(c)}else{const s=ht(e.isSVG?"g":"div",e.isSVG),d=t&&s.attachShadow?s.attachShadow({mode:"open"}):s;Object.defineProperty(s,"_$host",{get(){return n.parentNode},configurable:!0}),f(d,i),l.appendChild(s),e.ref&&e.ref(s),ee(()=>l.removeChild(s))}}),n}function gt(e){return Object.keys(e).reduce((n,o)=>{const r=e[o];return n[o]=Object.assign({},r),Ee(r.value)&&!mt(r.value)&&!Array.isArray(r.value)&&(n[o].value=Object.assign({},r.value)),Array.isArray(r.value)&&(n[o].value=r.value.slice(0)),n},{})}function bt(e){return e?Object.keys(e).reduce((n,o)=>{const r=e[o];return n[o]=Ee(r)&&"value"in r?r:{value:r},n[o].attribute||(n[o].attribute=vt(o)),n[o].parse="parse"in n[o]?n[o].parse:typeof n[o].value!="string",n},{}):{}}function $t(e){return Object.keys(e).reduce((n,o)=>(n[o]=e[o].value,n),{})}function pt(e,t){const n=gt(t);return Object.keys(t).forEach(r=>{const i=n[r],l=e.getAttribute(i.attribute),s=e[r];l&&(i.value=i.parse?ke(l):l),s!=null&&(i.value=Array.isArray(s)?s.slice(0):s),i.reflect&&Ce(e,i.attribute,i.value),Object.defineProperty(e,r,{get(){return i.value},set(d){const c=i.value;i.value=d,i.reflect&&Ce(this,i.attribute,i.value);for(let a=0,g=this.__propertyChangedCallbacks.length;a<g;a++)this.__propertyChangedCallbacks[a](r,d,c)},enumerable:!0,configurable:!0})}),n}function ke(e){if(e)try{return JSON.parse(e)}catch{return e}}function Ce(e,t,n){if(n==null||n===!1)return e.removeAttribute(t);let o=JSON.stringify(n);e.__updating[t]=!0,o==="true"&&(o=""),e.setAttribute(t,o),Promise.resolve().then(()=>delete e.__updating[t])}function vt(e){return e.replace(/\.?([A-Z]+)/g,(t,n)=>"-"+n.toLowerCase()).replace("_","-").replace(/^-/,"")}function Ee(e){return e!=null&&(typeof e=="object"||typeof e=="function")}function mt(e){return Object.prototype.toString.call(e)==="[object Function]"}function _t(e){return typeof e=="function"&&e.toString().indexOf("class")===0}let ce;function yt(e,t){const n=Object.keys(t);return class extends e{static get observedAttributes(){return n.map(r=>t[r].attribute)}constructor(){super(),this.__initialized=!1,this.__released=!1,this.__releaseCallbacks=[],this.__propertyChangedCallbacks=[],this.__updating={},this.props={}}connectedCallback(){if(this.__initialized)return;this.__releaseCallbacks=[],this.__propertyChangedCallbacks=[],this.__updating={},this.props=pt(this,t);const r=$t(this.props),i=this.Component,l=ce;try{ce=this,this.__initialized=!0,_t(i)?new i(r,{element:this}):i(r,{element:this})}finally{ce=l}}async disconnectedCallback(){if(await Promise.resolve(),this.isConnected)return;this.__propertyChangedCallbacks.length=0;let r=null;for(;r=this.__releaseCallbacks.pop();)r(this);delete this.__initialized,this.__released=!0}attributeChangedCallback(r,i,l){if(this.__initialized&&!this.__updating[r]&&(r=this.lookupProp(r),r in t)){if(l==null&&!this[r])return;this[r]=t[r].parse?ke(l):l}}lookupProp(r){if(t)return n.find(i=>r===i||r===t[i].attribute)}get renderRoot(){return this.shadowRoot||this.attachShadow({mode:"open"})}addReleaseCallback(r){this.__releaseCallbacks.push(r)}addPropertyChangedCallback(r){this.__propertyChangedCallbacks.push(r)}}}function wt(e,t={},n={}){const{BaseElement:o=HTMLElement,extension:r}=n;return i=>{if(!e)throw new Error("tag is required to register a Component");let l=customElements.get(e);return l?(l.prototype.Component=i,l):(l=yt(o,bt(t)),l.prototype.Component=i,l.prototype.registeredTag=e,customElements.define(e,l,r),l)}}function xt(e){const t=Object.keys(e),n={};for(let o=0;o<t.length;o++){const[r,i]=z(e[t[o]]);Object.defineProperty(n,t[o],{get:r,set(l){i(()=>l)}})}return n}function kt(e){if(e.assignedSlot&&e.assignedSlot._$owner)return e.assignedSlot._$owner;let t=e.parentNode;for(;t&&!t._$owner&&!(t.assignedSlot&&t.assignedSlot._$owner);)t=t.parentNode;return t&&t.assignedSlot?t.assignedSlot._$owner:e._$owner}function Ct(e){return(t,n)=>{const{element:o}=n;return Y(r=>{const i=xt(t);o.addPropertyChangedCallback((s,d)=>i[s]=d),o.addReleaseCallback(()=>{o.renderRoot.textContent="",r()});const l=e(i,n);return f(o.renderRoot,l)},kt(o))}}function y(e,t,n){return arguments.length===2&&(n=t,t={}),wt(e,t)(Ct(n))}const w="ar",Et=`:host{align-items:center;border-radius:var(--ar-size-3);display:inline-flex;height:var(--ar-size-m)}button{align-items:center;background:inherit;border:none;border-radius:inherit;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:var(--ar-size-6);height:inherit;justify-content:center;min-width:4rem;outline:none;padding:0 12px;width:inherit}button:hover{filter:brightness(1.1)}.primary{background:var(--ar-color-primary-gradient);color:var(--ar-color-white)}.primary.text{background:none;color:var(--ar-color-primary)}.primary.outline{background:none;border:1px solid var(--ar-color-primary);color:var(--ar-color-primary)}.primary:hover{filter:brightness(1.2)}.info{background:var(--ar-color-info);color:var(--ar-color-white)}.info.text{background:none;color:var(--ar-color-text)}.info.outline{background:none;border:1px solid var(--ar-color-info);color:var(--ar-color-text)}.info:hover{filter:brightness(.95)}.warning{background:var(--ar-color-warning);color:var(--ar-color-white)}.warning.text{background:none;color:var(--ar-color-warning)}.warning.outline{background:none;border:1px solid var(--ar-color-warning);color:var(--ar-color-warning)}.danger{background:var(--ar-color-danger);color:var(--ar-color-white)}.danger.text{background:none;color:var(--ar-color-danger)}.danger.outline{background:none;border:1px solid var(--ar-color-danger);color:var(--ar-color-danger)}.success{background:var(--ar-color-success);color:var(--ar-color-white)}.success.text{background:none;color:var(--ar-color-success)}.success.outline{background:none;border:1px solid var(--ar-color-success);color:var(--ar-color-success)}.circle{aspect-ratio:1 / 1;border-radius:50%;min-width:auto;padding:0 2px}.round{border-radius:var(--ar-size-21)}
+`,zt=u("<style>"),ze=u('<ar-icon name="loading" spin>',!0,!1),St=u("<button>"),At=u('<button><slot></slot><slot name="suffix">'),Pt=u('<slot name="prefix">'),Tt=u("<slot>"),Lt=e=>[(()=>{const t=zt();return f(t,Et),t})(),A(B,{get when(){return e.shape==="circle"},get fallback(){return(()=>{const t=At(),n=t.firstChild,o=n.nextSibling;return f(t,A(B,{get when(){return e.loading},get fallback(){return(()=>{const r=Pt();return r._$owner=b(),r})()},get children(){const r=ze();return r._$owner=b(),r}}),n),n._$owner=b(),o._$owner=b(),p(()=>R(t,`${e.status} ${e.type} ${e.shape}`)),t})()},get children(){const t=St();return f(t,A(B,{get when(){return e.loading},get fallback(){return(()=>{const n=Tt();return n._$owner=b(),n})()},get children(){const n=ze();return n._$owner=b(),n}})),p(()=>R(t,`${e.status} ${e.type} ${e.shape}`)),t}})],Se=()=>{y(`${w}-button`,{type:"default",status:"primary",shape:"default",loading:!1},Lt)},P=(e,...t)=>e.reduce((o,r,i)=>o+r+(t[i]||""),""),Ot=u('<img class="w-20 rd-2" alt="logo">'),Bt=u('<div class="flex flex-col justify-center gap-2 h-20"><div class="font-bold"></div><div class="font-size-3">'),Rt=u('<ar-icon size="5rem">',!0,!1),jt=u('<img class="w-6" alt="avatar">'),Ft=u("<div>"),It=u(`<style>/* layer: preflights */
 *,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}
@@ -21,3 +21,3 @@ /* layer: default */
 .font-bold{font-weight:700;}
-.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);};`),Ft=u('<slot class="flex items-center p-3 gap-3" style="border-bottom:1px solid var( --ar-color-info-2)" name="header">'),It=u('<slot name="footer" class="flex items-center p-3 gap-3" style="border-top:1px solid var( --ar-color-info-2)">'),Nt=u('<div class="bg-1 rd-3 cursor-pointer"><slot class="flex items-center p-3 gap-3">'),Mt=e=>{const n=L`
+.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);};`),Nt=u('<slot class="flex items-center p-3 gap-3" style="border-bottom:1px solid var( --ar-color-info-2)" name="header">'),Mt=u('<slot name="footer" class="flex items-center p-3 gap-3" style="border-top:1px solid var( --ar-color-info-2)">'),Dt=u('<div class="bg-1 rd-3 cursor-pointer"><slot class="flex items-center p-3 gap-3">'),Ht=e=>{const t=P`
         :host {
@@ -33,3 +33,3 @@ display: block;
         }
-    `,t=()=>[A(B,{get when(){var r;return j(()=>!!e.logo)()&&((r=e.logo)==null?void 0:r.indexOf("https://"))>-1},get fallback(){return(()=>{const r=Ot();return r._$owner=$(),p(()=>r.name=e.logo),r})()},get children(){const r=Tt();return p(()=>T(r,"src",e.logo)),r}}),(()=>{const r=Lt(),l=r.firstChild,i=l.nextSibling;return f(l,()=>e.title),f(i,()=>e.description),r})()],o=()=>[(()=>{const r=Bt();return p(()=>T(r,"src",e.avatar||"/apple-touch-icon.png")),r})(),(()=>{const r=Rt();return f(r,()=>e.creator||"A-M"),r})()];return[(()=>{const r=jt(),l=r.firstChild;return f(r,n,l),r})(),(()=>{const r=Nt(),l=r.firstChild;return f(r,A(B,{get when(){return e.header},get children(){const i=Ft();return i._$owner=$(),i}}),l),l._$owner=$(),f(l,t),f(r,A(B,{get when(){return e.footer},get children(){const i=It();return i._$owner=$(),f(i,o),i}}),null),r})()]},Ae=()=>{y(`${w}-card`,{header:!1,footer:!0,logo:"ai-chat",title:"",description:"",avatar:"",creator:"",shadow:"never"},Mt)},Dt=u(`<style>/* layer: preflights */
+    `,n=()=>[A(B,{get when(){var r;return F(()=>!!e.logo)()&&((r=e.logo)==null?void 0:r.indexOf("https://"))>-1},get fallback(){return(()=>{const r=Rt();return r._$owner=b(),p(()=>r.name=e.logo),r})()},get children(){const r=Ot();return p(()=>L(r,"src",e.logo)),r}}),(()=>{const r=Bt(),i=r.firstChild,l=i.nextSibling;return f(i,()=>e.title),f(l,()=>e.description),r})()],o=()=>[(()=>{const r=jt();return p(()=>L(r,"src",e.avatar||"/apple-touch-icon.png")),r})(),(()=>{const r=Ft();return f(r,()=>e.creator||"A-M"),r})()];return[(()=>{const r=It(),i=r.firstChild;return f(r,t,i),r})(),(()=>{const r=Dt(),i=r.firstChild;return f(r,A(B,{get when(){return e.header},get children(){const l=Nt();return l._$owner=b(),l}}),i),i._$owner=b(),f(i,n),f(r,A(B,{get when(){return e.footer},get children(){const l=Mt();return l._$owner=b(),f(l,o),l}}),null),r})()]},Ae=()=>{y(`${w}-card`,{header:!1,footer:!0,logo:"ai-chat",title:"",description:"",avatar:"",creator:"",shadow:"never"},Ht)},Kt=u(`<style>/* layer: preflights */
 *,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}
@@ -46,3 +46,3 @@ /* layer: default */
 .rd-3{border-radius:0.75rem;}
-.p-x-3{padding-left:0.75rem;padding-right:0.75rem;};`),Ht=u('<ar-icon size="2.75rem">',!0,!1),Kt=u('<div class="chat-avatar flex items-center">'),Gt=u('<div class="flex items-center gap-3"><p></p><ar-icon name="loading" spin>',!0,!1),Vt=u('<div><div class="chat-content p-x-3 rd-3">'),Ut=u('<img class="w-11 rd-2 self-start" alt="avatar">'),Xt=u("<ar-rich-text>",!0,!1),Yt=(e,{element:n})=>{const t=L`
+.p-x-3{padding-left:0.75rem;padding-right:0.75rem;};`),Gt=u('<ar-icon size="2.75rem">',!0,!1),Vt=u('<div class="chat-avatar flex items-center">'),Ut=u('<div class="flex items-center gap-3"><p></p><ar-icon name="loading" spin>',!0,!1),Xt=u('<div><div class="chat-content p-x-3 rd-3">'),Yt=u('<img class="w-11 rd-2 self-start" alt="avatar">'),Wt=u("<ar-rich-text>",!0,!1),qt=(e,{element:t})=>{const n=P`
         :host {
@@ -87,3 +87,3 @@ display: block;
         }
-    `,o=r=>{const l=new CustomEvent("browser",{detail:{value:r.detail.value},bubbles:!0});n.dispatchEvent(l)};return[(()=>{const r=Dt(),l=r.firstChild;return f(r,t,l),r})(),(()=>{const r=Vt(),l=r.firstChild;return f(r,A(B,{get when(){return e.showAvatar},get children(){const i=Kt();return f(i,A(B,{get when(){return e.avatarType==="icon"},get fallback(){return(()=>{const s=Ut();return p(()=>T(s,"src",e.avatar)),s})()},get children(){const s=Ht();return s._$owner=$(),p(()=>s.name=e.role==="user"?e.avatar||"avatar-01":e.avatar||"ai-chat"),s}})),i}}),l),f(l,A(B,{get when(){return e.loading},get fallback(){return(()=>{const i=Xt();return i.addEventListener("browser",o),i._$owner=$(),p(()=>i.text=e.content),i})()},get children(){const i=Gt(),s=i.firstChild,d=s.nextSibling;return f(s,()=>e.loadingText),d._$owner=$(),i}})),p(()=>I(r,`chat-bubble ${e.role==="user"?"right":"left"} m-3`)),r})()]},Pe=()=>{y(`${w}-chat-bubble`,{role:"",content:"",loading:!1,loadingText:"",showAvatar:!0,avatar:"",avatarType:"icon",direction:"row"},Yt)},Wt=u("<style>"),qt=u('<label class="container"><input type="checkbox"><div class="checkmark"></div><slot>'),Jt=(e,{element:n})=>{const t=L`
+    `,o=r=>{const i=new CustomEvent("browser",{detail:{value:r.detail.value},bubbles:!0});t.dispatchEvent(i)};return[(()=>{const r=Kt(),i=r.firstChild;return f(r,n,i),r})(),(()=>{const r=Xt(),i=r.firstChild;return f(r,A(B,{get when(){return e.showAvatar},get children(){const l=Vt();return f(l,A(B,{get when(){return e.avatarType==="icon"},get fallback(){return(()=>{const s=Yt();return p(()=>L(s,"src",e.avatar)),s})()},get children(){const s=Gt();return s._$owner=b(),p(()=>s.name=e.role==="user"?e.avatar||"avatar-01":e.avatar||"ai-chat"),s}})),l}}),i),f(i,A(B,{get when(){return e.loading},get fallback(){return(()=>{const l=Wt();return l.addEventListener("browser",o),l._$owner=b(),p(()=>l.text=e.content),l})()},get children(){const l=Ut(),s=l.firstChild,d=s.nextSibling;return f(s,()=>e.loadingText),d._$owner=b(),l}})),p(()=>R(r,`chat-bubble ${e.role==="user"?"right":"left"} m-3`)),r})()]},Pe=()=>{y(`${w}-chat-bubble`,{role:"",content:"",loading:!1,loadingText:"",showAvatar:!0,avatar:"",avatarType:"icon",direction:"row"},qt)},Jt=u("<style>"),Qt=u('<label class="container"><input type="checkbox"><div class="checkmark"></div><slot>'),Zt=(e,{element:t})=>{const n=P`
         :host {
@@ -166,3 +166,3 @@ display: inline-block;
         }
-    `,[o,r]=S(e.value),l=()=>{r(!o());const i=new CustomEvent("change",{detail:{value:o()},bubbles:!0});n.dispatchEvent(i)};return[(()=>{const i=Wt();return f(i,t),i})(),(()=>{const i=qt(),s=i.firstChild,d=s.nextSibling,c=d.nextSibling;return s.addEventListener("change",l),c._$owner=$(),p(()=>s.checked=o()),i})()]},Te=()=>{y(`${w}-checkbox`,{value:!1},Jt)},Qt=u("<style>"),Zt=u('<div class="box"><div class="nums-chip"><div class="number">0</div><div class="number">1</div><div class="number">2</div><div class="number">3</div><div class="number">4</div><div class="number">5</div><div class="number">6</div><div class="number">7</div><div class="number">8</div><div class="number">9'),en=(e,{element:n})=>{const t=L`
+    `,[o,r]=z(e.value),i=()=>{r(!o());const l=new CustomEvent("change",{detail:{value:o()},bubbles:!0});t.dispatchEvent(l)};return[(()=>{const l=Jt();return f(l,n),l})(),(()=>{const l=Qt(),s=l.firstChild,d=s.nextSibling,c=d.nextSibling;return s.addEventListener("change",i),c._$owner=b(),p(()=>s.checked=o()),l})()]},Te=()=>{y(`${w}-checkbox`,{value:!1},Zt)},en=u("<style>"),tn=u('<div class="box"><div class="nums-chip"><div class="number">0</div><div class="number">1</div><div class="number">2</div><div class="number">3</div><div class="number">4</div><div class="number">5</div><div class="number">6</div><div class="number">7</div><div class="number">8</div><div class="number">9'),nn=(e,{element:t})=>{const n=P`
         :host {
@@ -186,3 +186,3 @@ display: inline-block;
         }
-    `;return H(()=>{setTimeout(()=>{const o=n.shadowRoot.querySelector(".nums-chip");o.style.transform=`translate(0, -${e.number*10}%)`},10)}),[(()=>{const o=Qt();return f(o,t),o})(),Zt()]},ue=()=>{y(`${w}-dance-number`,{number:0,size:12},en)},tn=u("<style>"),nn=u("<span>,"),rn=u("<div><ar-dance-number>",!0,!1);ue();const on=e=>{const n=L`
+    `;return H(()=>{setTimeout(()=>{const o=t.shadowRoot.querySelector(".nums-chip");o.style.transform=`translate(0, -${e.number*10}%)`},10)}),[(()=>{const o=en();return f(o,n),o})(),tn()]},ue=()=>{y(`${w}-dance-number`,{number:0,size:12},nn)},rn=u("<style>"),on=u("<span>,"),ln=u("<div><ar-dance-number>",!0,!1);ue();const sn=e=>{const t=P`
         :host {
@@ -206,3 +206,3 @@ display: inline-flex;
         }
-    `,t=`${e.count}`.split("").map(o=>o===","?",":parseInt(o));return[(()=>{const o=tn();return f(o,n),o})(),A(G,{each:t,children:o=>o===","?nn():(()=>{const r=rn(),l=r.firstChild;return l.number=o,l._$owner=$(),p(i=>{const s=e.type==="card"?"card":"",d=e.size;return s!==i._v$&&I(r,i._v$=s),d!==i._v$2&&(l.size=i._v$2=d),i},{_v$:void 0,_v$2:void 0}),r})()})]},Le=()=>{y(`${w}-dance-count`,{count:0,size:12,type:"default"},on)},ln=u("<style>"),sn=u("<slot>"),an=e=>{const n=L`
+    `,n=`${e.count}`.split("").map(o=>o===","?",":parseInt(o));return[(()=>{const o=rn();return f(o,t),o})(),A(G,{each:n,children:o=>o===","?on():(()=>{const r=ln(),i=r.firstChild;return i.number=o,i._$owner=b(),p(l=>{const s=e.type==="card"?"card":"",d=e.size;return s!==l._v$&&R(r,l._v$=s),d!==l._v$2&&(i.size=l._v$2=d),l},{_v$:void 0,_v$2:void 0}),r})()})]},Le=()=>{y(`${w}-dance-count`,{count:0,size:12,type:"default"},sn)},an=u("<style>"),cn=u("<slot>"),un=e=>{const t=P`
         :host {
@@ -217,3 +217,3 @@ display: flex;
         }
-    `;return[(()=>{const t=ln();return f(t,n),t})(),(()=>{const t=sn();return t._$owner=$(),t})()]},Oe=()=>{y(`${w}-flex-box`,{gap:"1rem",direction:"row",wrap:"wrap",items:"stretch",justify:"flex-start"},an)},cn=u("<style>"),un=u("<slot>"),dn=e=>{const n=L`
+    `;return[(()=>{const n=an();return f(n,t),n})(),(()=>{const n=cn();return n._$owner=b(),n})()]},Oe=()=>{y(`${w}-flex-box`,{gap:"1rem",direction:"row",wrap:"wrap",items:"stretch",justify:"flex-start"},un)},dn=u("<style>"),fn=u("<slot>"),hn=e=>{const t=P`
         :host {
@@ -224,3 +224,3 @@ order: ${e.order};
         }
-    `;return[(()=>{const t=cn();return f(t,n),t})(),(()=>{const t=un();return t._$owner=$(),t})()]},Be=()=>{y(`${w}-flex-item`,{order:0,flex:"0 1 auto",self:"auto"},dn)},fn=u('<div><ar-float-wrapper><ar-button shape="circle" style="height:auto">',!0,!1),hn=e=>A(xe,{get mount(){return document.body},get children(){const n=fn(),t=n.firstChild,o=t.firstChild;return n.style.setProperty("position","fixed"),n.style.setProperty("left","0"),n.style.setProperty("top","0"),t._$owner=$(),o._$owner=$(),f(o,()=>e.text),p(r=>{const l=e.left,i=e.top,s=e.right,d=e.bottom;return l!==r._v$&&(t.left=r._v$=l),i!==r._v$2&&(t.top=r._v$2=i),s!==r._v$3&&(t.right=r._v$3=s),d!==r._v$4&&(t.bottom=r._v$4=d),r},{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0}),n}}),Re=()=>{y(`${w}-float-button`,{left:"",top:"",right:"",bottom:"",icon:"",text:"Button"},hn)},q={root:"_root_1ravp_1","chat-card":"_chat-card_1ravp_11",open:"_open_1ravp_27","chat-logo":"_chat-logo_1ravp_32"},gn=u("<style>"),$n=u("<img>"),bn=u('<div><ar-float-wrapper><ar-flex-box gap="1rem" direction="column" wrap="nowrap" items="flex-end"><div><iframe width="100%" height="100%" style="border:none">',!0,!1),pn=u('<ar-button shape="circle" style="height:auto"><ar-icon size="2rem" name="ai-chat">',!0,!1),vn=e=>{const[n,t]=S(!1),o=r=>{r.preventDefault(),r.stopPropagation(),t(!n())};return[(()=>{const r=gn();return f(r,q),r})(),A(xe,{get mount(){return document.body},get children(){const r=bn(),l=r.firstChild,i=l.firstChild,s=i.firstChild,d=s.firstChild;return r.style.setProperty("position","fixed"),r.style.setProperty("left","0"),r.style.setProperty("top","0"),r.style.setProperty("z-index","9"),l._$owner=$(),i._$owner=$(),f(i,A(B,{get when(){return e.logo},get fallback(){return(()=>{const c=pn(),a=c.firstChild;return c.$$click=o,c._$owner=$(),a._$owner=$(),p(()=>I(c,q["chat-logo"])),c})()},get children(){const c=$n();return c.$$click=o,p(a=>{const g=q["chat-logo"],b=e.size,x=e.size,C=e.logo;return g!==a._v$&&I(c,a._v$=g),b!==a._v$2&&((a._v$2=b)!=null?c.style.setProperty("width",b):c.style.removeProperty("width")),x!==a._v$3&&((a._v$3=x)!=null?c.style.setProperty("height",x):c.style.removeProperty("height")),C!==a._v$4&&T(c,"src",a._v$4=C),a},{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0}),c}}),null),p(c=>{const a=e.left,g=e.top,b=e.right,x=e.bottom,C=[q["chat-card"],n()?q.open:""].join(" "),v=e.src;return a!==c._v$5&&(l.left=c._v$5=a),g!==c._v$6&&(l.top=c._v$6=g),b!==c._v$7&&(l.right=c._v$7=b),x!==c._v$8&&(l.bottom=c._v$8=x),C!==c._v$9&&I(s,c._v$9=C),v!==c._v$10&&T(d,"src",c._v$10=v),c},{_v$5:void 0,_v$6:void 0,_v$7:void 0,_v$8:void 0,_v$9:void 0,_v$10:void 0}),r}})]},je=()=>{y(`${w}-float-chat-frame`,{logo:"",size:"",left:"",top:"",right:"",bottom:"",src:""},vn)};D(["click"]);const mn=u("<style>"),_n=u('<div class="root"><slot>'),yn=(e,{element:n})=>{const[t,o]=S(0),[r,l]=S(0),[i,s]=S(!1),[d,c]=S(),a=L`
+    `;return[(()=>{const n=dn();return f(n,t),n})(),(()=>{const n=fn();return n._$owner=b(),n})()]},Be=()=>{y(`${w}-flex-item`,{order:0,flex:"0 1 auto",self:"auto"},hn)},gn=u('<div><ar-float-wrapper><ar-button shape="circle" style="height:auto">',!0,!1),bn=e=>A(xe,{get mount(){return document.body},get children(){const t=gn(),n=t.firstChild,o=n.firstChild;return t.style.setProperty("position","fixed"),t.style.setProperty("left","0"),t.style.setProperty("top","0"),n._$owner=b(),o._$owner=b(),f(o,()=>e.text),p(r=>{const i=e.left,l=e.top,s=e.right,d=e.bottom;return i!==r._v$&&(n.left=r._v$=i),l!==r._v$2&&(n.top=r._v$2=l),s!==r._v$3&&(n.right=r._v$3=s),d!==r._v$4&&(n.bottom=r._v$4=d),r},{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0}),t}}),Re=()=>{y(`${w}-float-button`,{left:"",top:"",right:"",bottom:"",icon:"",text:"Button"},bn)},q={root:"_root_1ravp_1","chat-card":"_chat-card_1ravp_11",open:"_open_1ravp_27","chat-logo":"_chat-logo_1ravp_32"},$n=u("<style>"),pn=u("<img>"),vn=u('<div><ar-float-wrapper><ar-flex-box gap="1rem" direction="column" wrap="nowrap" items="flex-end"><div><iframe width="100%" height="100%" style="border:none">',!0,!1),mn=u('<ar-button shape="circle" style="height:auto"><ar-icon size="2rem" name="ai-chat">',!0,!1),_n=e=>{const[t,n]=z(!1),o=r=>{r.preventDefault(),r.stopPropagation(),n(!t())};return[(()=>{const r=$n();return f(r,q),r})(),A(xe,{get mount(){return document.body},get children(){const r=vn(),i=r.firstChild,l=i.firstChild,s=l.firstChild,d=s.firstChild;return r.style.setProperty("position","fixed"),r.style.setProperty("left","0"),r.style.setProperty("top","0"),r.style.setProperty("z-index","9"),i._$owner=b(),l._$owner=b(),f(l,A(B,{get when(){return e.logo},get fallback(){return(()=>{const c=mn(),a=c.firstChild;return c.$$click=o,c._$owner=b(),a._$owner=b(),p(()=>R(c,q["chat-logo"])),c})()},get children(){const c=pn();return c.$$click=o,p(a=>{const g=q["chat-logo"],$=e.size,x=e.size,C=e.logo;return g!==a._v$&&R(c,a._v$=g),$!==a._v$2&&((a._v$2=$)!=null?c.style.setProperty("width",$):c.style.removeProperty("width")),x!==a._v$3&&((a._v$3=x)!=null?c.style.setProperty("height",x):c.style.removeProperty("height")),C!==a._v$4&&L(c,"src",a._v$4=C),a},{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0}),c}}),null),p(c=>{const a=e.left,g=e.top,$=e.right,x=e.bottom,C=[q["chat-card"],t()?q.open:""].join(" "),m=e.src;return a!==c._v$5&&(i.left=c._v$5=a),g!==c._v$6&&(i.top=c._v$6=g),$!==c._v$7&&(i.right=c._v$7=$),x!==c._v$8&&(i.bottom=c._v$8=x),C!==c._v$9&&R(s,c._v$9=C),m!==c._v$10&&L(d,"src",c._v$10=m),c},{_v$5:void 0,_v$6:void 0,_v$7:void 0,_v$8:void 0,_v$9:void 0,_v$10:void 0}),r}})]},je=()=>{y(`${w}-float-chat-frame`,{logo:"",size:"",left:"",top:"",right:"",bottom:"",src:""},_n)};D(["click"]);const yn=u("<style>"),wn=u('<div class="root"><slot>'),xn=(e,{element:t})=>{const[n,o]=z(0),[r,i]=z(0),[l,s]=z(!1),[d,c]=z(),a=P`
         .root {
@@ -234,5 +234,5 @@ position: fixed;
         }
-    `;let g=0,b=0,x=!1;H(()=>{var z;const h=(z=d())==null?void 0:z.getBoundingClientRect();console.log(h),o((h==null?void 0:h.x)||0),l((h==null?void 0:h.y)||0),n.shadowRoot.addEventListener("mousedown",C),n.shadowRoot.addEventListener("mousemove",v)});const C=h=>{if(h instanceof MouseEvent)x=!0,g=h.clientX-t(),b=h.clientY-r(),console.log(g);else if(h instanceof TouchEvent){const O=h.touches[0];x=!0,g=O.clientX-t(),b=O.clientY-r()}const z=new CustomEvent("dragstart",{detail:{value:!0},bubbles:!0});n.dispatchEvent(z),window.addEventListener("mouseup",_),window.addEventListener("touchstart",C),window.addEventListener("touchmove",v),window.addEventListener("touchend",_)},v=h=>{if(x){if(h instanceof MouseEvent)console.log(h.clientX-g),o(h.clientX-g),l(h.clientY-b);else if(h instanceof TouchEvent){const z=h.touches[0];o(z.clientX-g),l(z.clientY-b)}s(!0)}},_=()=>{x=!1;const h=new CustomEvent("dragend",{detail:{value:!1},bubbles:!0});n.dispatchEvent(h),window.removeEventListener("mouseup",_),window.removeEventListener("touchstart",C),window.removeEventListener("touchmove",v),window.removeEventListener("touchend",_)};return ee(()=>{n.shadowRoot.removeEventListener("mousedown",C),n.shadowRoot.removeEventListener("mousemove",v),window.removeEventListener("mouseup",_),window.removeEventListener("touchstart",C),window.removeEventListener("touchmove",v),window.removeEventListener("touchend",_)}),[(()=>{const h=mn();return f(h,a),h})(),(()=>{const h=_n(),z=h.firstChild;return h.$$touchend=_,h.$$touchmove=v,h.$$touchstart=C,h.$$mouseup=_,h.$$mousemove=v,h.$$mousedown=C,ye(c,h),z._$owner=$(),p(O=>at(h,i()?{transform:`translate(${t()}px, ${r()}px)`}:{left:e.left?`${e.left}`:"auto",top:e.top?`${e.top}`:"auto",right:e.right?`${e.right}`:"auto",bottom:e.bottom?`${e.bottom}`:"auto"},O)),h})()]},Fe=()=>{y(`${w}-float-wrapper`,{left:null,top:null,right:null,bottom:null},yn)};D(["mousedown","mousemove","mouseup","touchstart","touchmove","touchend"]);const wn=`:host{display:inline-flex;font-size:inherit;transition:.3s}:host([spin]){animation:rotate 1.4s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}
-`,xn=u("<style>"),kn=u('<svg aria-hidden="true"><use>');let de="";const Cn=e=>{de=e},En=e=>{const n=`icon icon-${e.name}`;return de||console.warn("You need use registerIcon first"),[(()=>{const t=xn();return f(t,wn),t})(),(()=>{const t=kn(),o=t.firstChild;return T(t,"class",n),p(r=>{const l=e.size,i=e.size,s=e.color,d=`${de}#icon-${e.name}`;return l!==r._v$&&T(t,"width",r._v$=l),i!==r._v$2&&T(t,"height",r._v$2=i),s!==r._v$3&&T(t,"fill",r._v$3=s),d!==r._v$4&&T(o,"href",r._v$4=d),r},{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0}),t})()]},Ie=()=>{y(`${w}-icon`,{name:"date",size:"1em",color:"currentColor"},En)},zn=`:host{--ar-size-3: 9px;display:inline-block}.card{border-radius:var(--ar-size-3);cursor:pointer;height:100%;overflow:hidden;position:relative;width:100%}.card-image{border-radius:var(--ar-size-3);height:100%;object-fit:cover;position:absolute;right:0;top:0;transition:all .4s ease-in-out;width:100%}.card-info{background-color:#0000007f;border-radius:var(--ar-size-3);bottom:0;box-sizing:border-box;color:#fff;left:0;position:absolute;transform:translateY(calc(100% - 50px));transition:all .4s ease-in-out;width:100%}.card:hover .card-image{transform:scale(1.1)}.card:hover .card-info{transform:translateY(0)}.card-title{align-items:center;display:flex;height:50px;padding:0 15px}.card-description{font-size:12px;padding:0 15px 15px}
-`,Sn=u("<style>"),An=u('<div class="card">'),Pn=u('<img class="card-image">'),Tn=u('<div class="card-info"><div class="card-title"></div><div class="card-description">'),Ln=e=>[(()=>{const n=Sn();return f(n,zn),n})(),(()=>{const n=An();return f(n,(()=>{const t=j(()=>!!e.imageUrl);return()=>t()&&(()=>{const o=Pn();return p(()=>T(o,"src",e.imageUrl)),o})()})(),null),f(n,(()=>{const t=j(()=>!!e.title);return()=>t()&&(()=>{const o=Tn(),r=o.firstChild,l=r.nextSibling;return f(r,()=>e.title),f(l,()=>e.description),o})()})(),null),p(()=>e.aspectRatio!=null?n.style.setProperty("aspect-ratio",e.aspectRatio):n.style.removeProperty("aspect-ratio")),n})()],Ne=()=>{y(`${w}-image-card`,{title:"",description:"",imageUrl:"",aspectRatio:"auto"},Ln)},On=u("<style>"),Bn=u('<div class="grid-layout"><slot>'),Rn=e=>{const n=L`
+    `;let g=0,$=0,x=!1;H(()=>{var S;const h=(S=d())==null?void 0:S.getBoundingClientRect();console.log(h),o((h==null?void 0:h.x)||0),i((h==null?void 0:h.y)||0),t.shadowRoot.addEventListener("mousedown",C),t.shadowRoot.addEventListener("mousemove",m)});const C=h=>{if(h instanceof MouseEvent)x=!0,g=h.clientX-n(),$=h.clientY-r(),console.log(g);else if(h instanceof TouchEvent){const O=h.touches[0];x=!0,g=O.clientX-n(),$=O.clientY-r()}const S=new CustomEvent("dragstart",{detail:{value:!0},bubbles:!0});t.dispatchEvent(S),window.addEventListener("mouseup",_),window.addEventListener("touchstart",C),window.addEventListener("touchmove",m),window.addEventListener("touchend",_)},m=h=>{if(x){if(h instanceof MouseEvent)console.log(h.clientX-g),o(h.clientX-g),i(h.clientY-$);else if(h instanceof TouchEvent){const S=h.touches[0];o(S.clientX-g),i(S.clientY-$)}s(!0)}},_=()=>{x=!1;const h=new CustomEvent("dragend",{detail:{value:!1},bubbles:!0});t.dispatchEvent(h),window.removeEventListener("mouseup",_),window.removeEventListener("touchstart",C),window.removeEventListener("touchmove",m),window.removeEventListener("touchend",_)};return ee(()=>{t.shadowRoot.removeEventListener("mousedown",C),t.shadowRoot.removeEventListener("mousemove",m),window.removeEventListener("mouseup",_),window.removeEventListener("touchstart",C),window.removeEventListener("touchmove",m),window.removeEventListener("touchend",_)}),[(()=>{const h=yn();return f(h,a),h})(),(()=>{const h=wn(),S=h.firstChild;return h.$$touchend=_,h.$$touchmove=m,h.$$touchstart=C,h.$$mouseup=_,h.$$mousemove=m,h.$$mousedown=C,ye(c,h),S._$owner=b(),p(O=>ut(h,l()?{transform:`translate(${n()}px, ${r()}px)`}:{left:e.left?`${e.left}`:"auto",top:e.top?`${e.top}`:"auto",right:e.right?`${e.right}`:"auto",bottom:e.bottom?`${e.bottom}`:"auto"},O)),h})()]},Fe=()=>{y(`${w}-float-wrapper`,{left:null,top:null,right:null,bottom:null},xn)};D(["mousedown","mousemove","mouseup","touchstart","touchmove","touchend"]);const kn=`:host{display:inline-flex;font-size:inherit;transition:.3s}:host([spin]){animation:rotate 1.4s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}
+`,Cn=u("<style>"),En=u('<svg aria-hidden="true"><use>');let de="";const zn=e=>{de=e},Sn=e=>{const t=`icon icon-${e.name}`;return de||console.warn("You need use registerIcon first"),[(()=>{const n=Cn();return f(n,kn),n})(),(()=>{const n=En(),o=n.firstChild;return L(n,"class",t),p(r=>{const i=e.size,l=e.size,s=e.color,d=`${de}#icon-${e.name}`;return i!==r._v$&&L(n,"width",r._v$=i),l!==r._v$2&&L(n,"height",r._v$2=l),s!==r._v$3&&L(n,"fill",r._v$3=s),d!==r._v$4&&L(o,"href",r._v$4=d),r},{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0}),n})()]},Ie=()=>{y(`${w}-icon`,{name:"date",size:"1em",color:"currentColor"},Sn)},An=`:host{--ar-size-3: 9px;display:inline-block}.card{border-radius:var(--ar-size-3);cursor:pointer;height:100%;overflow:hidden;position:relative;width:100%}.card-image{border-radius:var(--ar-size-3);height:100%;object-fit:cover;position:absolute;right:0;top:0;transition:all .4s ease-in-out;width:100%}.card-info{background-color:#0000007f;border-radius:var(--ar-size-3);bottom:0;box-sizing:border-box;color:#fff;left:0;position:absolute;transform:translateY(calc(100% - 50px));transition:all .4s ease-in-out;width:100%}.card:hover .card-image{transform:scale(1.1)}.card:hover .card-info{transform:translateY(0)}.card-title{align-items:center;display:flex;height:50px;padding:0 15px}.card-description{font-size:12px;padding:0 15px 15px}
+`,Pn=u("<style>"),Tn=u('<div class="card">'),Ln=u('<img class="card-image">'),On=u('<div class="card-info"><div class="card-title"></div><div class="card-description">'),Bn=e=>[(()=>{const t=Pn();return f(t,An),t})(),(()=>{const t=Tn();return f(t,(()=>{const n=F(()=>!!e.imageUrl);return()=>n()&&(()=>{const o=Ln();return p(()=>L(o,"src",e.imageUrl)),o})()})(),null),f(t,(()=>{const n=F(()=>!!e.title);return()=>n()&&(()=>{const o=On(),r=o.firstChild,i=r.nextSibling;return f(r,()=>e.title),f(i,()=>e.description),o})()})(),null),p(()=>e.aspectRatio!=null?t.style.setProperty("aspect-ratio",e.aspectRatio):t.style.removeProperty("aspect-ratio")),t})()],Ne=()=>{y(`${w}-image-card`,{title:"",description:"",imageUrl:"",aspectRatio:"auto"},Bn)},Rn=u("<style>"),jn=u('<div class="grid-layout"><slot>'),Fn=e=>{const t=P`
         .grid-layout {
@@ -269,4 +269,4 @@ --cols: ${e.cols};
         }
-    `;return[(()=>{const t=On();return f(t,n),t})(),(()=>{const t=Bn(),o=t.firstChild;return o._$owner=$(),t})()]},Me=()=>{y(`${w}-layout-grid`,{gap:"1rem",cols:"auto-fit",xs:void 0,sm:void 0,md:void 0,lg:void 0,xl:void 0,min:"0"},Rn)},jn=`:host{display:grid;grid-template:auto 1fr auto / auto 1fr auto;height:100%}::slotted([slot="header"]){grid-column:1 / 4}::slotted([slot="left-sider"]){grid-column:1 / 2;overflow:auto}::slotted([slot="content"]){grid-column:2 / 3;overflow:auto}::slotted([slot="right-sider"]){grid-column:3 / 4;overflow:auto}::slotted([slot="footer"]){grid-column:1 / 4}
-`,Fn=u("<style>"),In=u('<slot name="header">'),Nn=u('<slot name="left-sider">'),Mn=u('<slot name="content">'),Dn=u('<slot name="right-sider">'),Hn=u('<slot name="footer">'),Kn=()=>[(()=>{const e=Fn();return f(e,jn),e})(),(()=>{const e=In();return e._$owner=$(),e})(),(()=>{const e=Nn();return e._$owner=$(),e})(),(()=>{const e=Mn();return e._$owner=$(),e})(),(()=>{const e=Dn();return e._$owner=$(),e})(),(()=>{const e=Hn();return e._$owner=$(),e})()],De=()=>{y(`${w}-layout-holy`,Kn)},Gn=u("<style>"),Vn=u('<div class="root"><slot>'),Un=e=>{const n=L`
+    `;return[(()=>{const n=Rn();return f(n,t),n})(),(()=>{const n=jn(),o=n.firstChild;return o._$owner=b(),n})()]},Me=()=>{y(`${w}-layout-grid`,{gap:"1rem",cols:"auto-fit",xs:void 0,sm:void 0,md:void 0,lg:void 0,xl:void 0,min:"0"},Fn)},In=`:host{display:grid;grid-template:auto 1fr auto / auto 1fr auto;height:100%}::slotted([slot="header"]){grid-column:1 / 4}::slotted([slot="left-sider"]){grid-column:1 / 2;overflow:auto}::slotted([slot="content"]){grid-column:2 / 3;overflow:auto}::slotted([slot="right-sider"]){grid-column:3 / 4;overflow:auto}::slotted([slot="footer"]){grid-column:1 / 4}
+`,Nn=u("<style>"),Mn=u('<slot name="header">'),Dn=u('<slot name="left-sider">'),Hn=u('<slot name="content">'),Kn=u('<slot name="right-sider">'),Gn=u('<slot name="footer">'),Vn=()=>[(()=>{const e=Nn();return f(e,In),e})(),(()=>{const e=Mn();return e._$owner=b(),e})(),(()=>{const e=Dn();return e._$owner=b(),e})(),(()=>{const e=Hn();return e._$owner=b(),e})(),(()=>{const e=Kn();return e._$owner=b(),e})(),(()=>{const e=Gn();return e._$owner=b(),e})()],De=()=>{y(`${w}-layout-holy`,Vn)},Un=u("<style>"),Xn=u('<div class="root"><slot>'),Yn=e=>{const t=P`
         .root {
@@ -281,3 +281,3 @@ column-width: ${e.width};
         }
-    `;return[(()=>{const t=Gn();return f(t,n),t})(),(()=>{const t=Vn(),o=t.firstChild;return o._$owner=$(),t})()]},He=()=>{y(`${w}-layout-masonry`,{width:"20rem",count:"auto",gap:"10px"},Un)},Xn=u("<style>"),Yn=u('<div class="place-holder"><slot>'),Wn=()=>{const e=L`
+    `;return[(()=>{const n=Un();return f(n,t),n})(),(()=>{const n=Xn(),o=n.firstChild;return o._$owner=b(),n})()]},He=()=>{y(`${w}-layout-masonry`,{width:"20rem",count:"auto",gap:"10px"},Yn)},Wn=u("<style>"),qn=u('<div class="place-holder"><slot>'),Jn=()=>{const e=P`
         :host {
@@ -295,3 +295,3 @@ display: block;
         }
-    `;return[(()=>{const n=Xn();return f(n,e),n})(),(()=>{const n=Yn(),t=n.firstChild;return t._$owner=$(),n})()]},Ke=()=>{y(`${w}-place-holder`,Wn)},qn=u("<style>"),Jn=u('<div class="root"><slot name="reference"></slot><div><slot>'),Qn=(e,{element:n})=>{const t=L`
+    `;return[(()=>{const t=Wn();return f(t,e),t})(),(()=>{const t=qn(),n=t.firstChild;return n._$owner=b(),t})()]},Ke=()=>{y(`${w}-place-holder`,Jn)},Qn=u("<style>"),Zn=u('<div class="root"><slot name="reference"></slot><div><slot>'),er=(e,{element:t})=>{const n=P`
         :host {
@@ -322,3 +322,3 @@ display: flex;
         }
-    `,[o,r]=S(!1);return H(()=>{e.trigger==="hover"?(n.shadowRoot.addEventListener("mouseover",()=>{r(!0)}),n.shadowRoot.addEventListener("mouseout",()=>{r(!1)})):e.trigger==="click"&&n.shadowRoot.addEventListener("click",l=>{l.target.matches("[slot=reference]")&&r(!o())})}),[(()=>{const l=qn();return f(l,t),l})(),(()=>{const l=Jn(),i=l.firstChild,s=i.nextSibling,d=s.firstChild;return i._$owner=$(),d._$owner=$(),p(()=>I(s,`popover ${o()?"show":""}`)),l})()]},Ge=()=>{y(`${w}-popover`,{trigger:"click",placement:"bottom"},Qn)},Zn=u("<style>"),er=u('<iframe id="iframe">'),tr=({content:e,src:n},{element:t})=>{const o=L`
+    `,[o,r]=z(!1);return H(()=>{e.trigger==="hover"?(t.shadowRoot.addEventListener("mouseover",()=>{r(!0)}),t.shadowRoot.addEventListener("mouseout",()=>{r(!1)})):e.trigger==="click"&&t.shadowRoot.addEventListener("click",i=>{i.target.matches("[slot=reference]")&&r(!o())})}),[(()=>{const i=Qn();return f(i,n),i})(),(()=>{const i=Zn(),l=i.firstChild,s=l.nextSibling,d=s.firstChild;return l._$owner=b(),d._$owner=b(),p(()=>R(s,`popover ${o()?"show":""}`)),i})()]},Ge=()=>{y(`${w}-popover`,{trigger:"click",placement:"bottom"},er)},tr=u("<style>"),nr=u('<iframe id="iframe">'),rr=({content:e,src:t},{element:n})=>{const o=P`
         :host {
@@ -335,3 +335,3 @@ display: block;
         }
-    `;return H(()=>{const r=t.shadowRoot.getElementById("iframe");e&&(r.contentDocument.write(e),t.removeAttribute("content"))}),[(()=>{const r=Zn();return f(r,o),r})(),(()=>{const r=er();return T(r,"src",n),r})()]},Ve=()=>{y(`${w}-portal`,{src:"",content:""},tr)},nr=u("<style>"),rr=u('<div class="root">'),or=u('<div class="label"><input type="radio" name="radio"><span>'),lr=(e,{element:n})=>{const t=L`
+    `;return H(()=>{const r=n.shadowRoot.getElementById("iframe");e&&(r.contentDocument.write(e),n.removeAttribute("content"))}),[(()=>{const r=tr();return f(r,o),r})(),(()=>{const r=nr();return L(r,"src",t),r})()]},Ve=()=>{y(`${w}-portal`,{src:"",content:""},rr)},or=u("<style>"),ir=u('<div class="root">'),lr=u('<div class="label"><input type="radio" name="radio"><span>'),sr=(e,{element:t})=>{const n=P`
         :host {
@@ -391,3 +391,3 @@ display: inline-block;
         }
-    `,[o,r]=S(e.value||""),l=i=>{r(i);const s=new CustomEvent("change",{detail:{value:i},bubbles:!0});n.dispatchEvent(s)};return[(()=>{const i=nr();return f(i,t),i})(),(()=>{const i=rr();return f(i,A(G,{get each(){return e.options},children:s=>(()=>{const d=or(),c=d.firstChild,a=c.nextSibling;return d.$$click=()=>l(s.value),f(a,()=>s.label),p(()=>c.value=s.value),p(()=>c.checked=o()===s.value),d})()})),i})()]},Ue=()=>{y(`${w}-radio-button`,{options:[{label:"Option1",value:"1"},{label:"Option2",value:"2"},{label:"Option3",value:"3"}],value:"",direction:"row"},lr)};D(["click"]);const ir=u("<style>"),sr=u('<div class="root">'),ar=u('<div class="radio-button"><input name="radio-group" class="radio-button__input" type="radio"><div class="radio-button__label"><span class="radio-button__custom">'),cr=(e,{element:n})=>{const t=L`
+    `,[o,r]=z(e.value||""),i=l=>{r(l);const s=new CustomEvent("change",{detail:{value:l},bubbles:!0});t.dispatchEvent(s)};return[(()=>{const l=or();return f(l,n),l})(),(()=>{const l=ir();return f(l,A(G,{get each(){return e.options},children:s=>(()=>{const d=lr(),c=d.firstChild,a=c.nextSibling;return d.$$click=()=>i(s.value),f(a,()=>s.label),p(()=>c.value=s.value),p(()=>c.checked=o()===s.value),d})()})),l})()]},Ue=()=>{y(`${w}-radio-button`,{options:[{label:"Option1",value:"1"},{label:"Option2",value:"2"},{label:"Option3",value:"3"}],value:"",direction:"row"},sr)};D(["click"]);const ar=u("<style>"),cr=u('<div class="root">'),ur=u('<div class="radio-button"><input name="radio-group" class="radio-button__input" type="radio"><div class="radio-button__label"><span class="radio-button__custom">'),dr=(e,{element:t})=>{const n=P`
         :host {
@@ -453,5 +453,63 @@ display: inline-block;
         }
-    `,[o,r]=S(e.value||""),l=i=>{r(i);const s=new CustomEvent("change",{detail:{value:i},bubbles:!0});n.dispatchEvent(s)};return[(()=>{const i=ir();return f(i,t),i})(),(()=>{const i=sr();return f(i,A(G,{get each(){return e.options},children:s=>(()=>{const d=ar(),c=d.firstChild,a=c.nextSibling;return a.firstChild,d.$$click=()=>l(s.value),f(a,()=>s.label,null),p(()=>c.value=s.value),p(()=>c.checked=o()===s.value),d})()})),i})()]},Xe=()=>{y(`${w}-radio-group`,{options:[{label:"Option1",value:"1"},{label:"Option2",value:"2"},{label:"Option3",value:"3"}],value:"",direction:"row"},cr)};D(["click"]);const ur=u("<style>"),dr=u('<div><div><select></select></div><div class="arrow"></div><ul>'),fr=u("<ar-textfield>",!0,!1),hr=u('<div class="label-chip"><span>'),gr=u("<option>"),$r=u("<li>"),br=(e,{element:n})=>{const t=L`
+    `,[o,r]=z(e.value||""),i=l=>{r(l);const s=new CustomEvent("change",{detail:{value:l},bubbles:!0});t.dispatchEvent(s)};return[(()=>{const l=ar();return f(l,n),l})(),(()=>{const l=cr();return f(l,A(G,{get each(){return e.options},children:s=>(()=>{const d=ur(),c=d.firstChild,a=c.nextSibling;return a.firstChild,d.$$click=()=>i(s.value),f(a,()=>s.label,null),p(()=>c.value=s.value),p(()=>c.checked=o()===s.value),d})()})),l})()]},Xe=()=>{y(`${w}-radio-group`,{options:[{label:"Option1",value:"1"},{label:"Option2",value:"2"},{label:"Option3",value:"3"}],value:"",direction:"row"},dr)};D(["click"]);const fr=u("<style>"),Ye=u("<div>"),hr=(e,{element:t})=>{const n=P`
         :host {
+            display: ${e.block?"flex":"inline-flex"};
+        }
+        .root {
+            display: inline-flex;
             align-items: center;
+            background: var(--ar-color-info-2);
+            box-sizing: border-box;
+            padding: 2px;
+            width: 100%;
+        }
+        .button {
+            color: var(--ar-color-text-2);
+            flex: 1;
+            display: grid;
+            place-items: center;
+            cursor: pointer;
+            box-sizing: border-box;
+            transition: background 0.3s ease-in;
+        }
+        .button:hover:not(.active) {
+            color: var(--ar-color-text-1);
+        }
+        .default {
+            height: 36px;
+            font-size: 14px;
+            border-radius: 4px;
+        }
+        .default .button {
+            height: 32px;
+            padding: 0 24px;
+            border-radius: 4px;
+        }
+        .small {
+            height: 24px;
+            font-size: 12px;
+        }
+        .small .button {
+            height: 20px;
+            padding: 0 16px;
+            border-radius: 2px;
+        }
+        .large {
+            height: 40px;
+            font-size: 16px;
+            border-radius: 4px;
+            line-height: 24px;
+        }
+        .large .button {
+            height: 36px;
+            padding: 0 32px;
+            border-radius: 4px;
+        }
+        .active {
+            color: ${e.textColor?e.textColor:"var(--ar-color-text-1)"};
+            background: ${e.activeColor?e.activeColor:"var(--ar-color-bg-1)"};
+        }
+    `,[o,r]=z(e.value),i=l=>{r(l),t.dispatchEvent(new Event("input",{bubbles:!0})),t.dispatchEvent(new Event("change",{bubbles:!0}))};return[(()=>{const l=fr();return f(l,n),l})(),(()=>{const l=Ye();return f(l,()=>e.options.map(s=>(()=>{const d=Ye();return d.$$click=()=>i(s),f(d,s),p(()=>R(d,`button ${s===o()?"active":""}`)),d})())),p(()=>R(l,`root ${e.size}`)),l})()]},We=()=>{y(`${w}-segmented`,{size:"default",value:"",options:["option1","option2","option3"],block:!1,activeColor:"",textColor:""},hr)};D(["click"]);const gr=u("<style>"),br=u('<div><div><select></select></div><div class="arrow"></div><ul>'),$r=u("<ar-textfield>",!0,!1),pr=u('<div class="label-chip"><span>'),vr=u("<option>"),mr=u("<li>"),_r=(e,{element:t})=>{const n=P`
+        :host {
+            align-items: center;
             background-color: var(--ar-color-info-2);
@@ -531,4 +589,4 @@ border-radius: var(--ar-size-3);
         }
-    `,[o,r]=S(!1),[l,i]=S(e.value||""),s=j(()=>{var a;return((a=e.options)==null?void 0:a.filter(g=>g.value===l()))||[]}),d=()=>{r(!o())},c=a=>{i(a.value);const g=new CustomEvent("change",{detail:{value:a.value},bubbles:!0});n.dispatchEvent(g)};return[(()=>{const a=ur();return f(a,t),a})(),(()=>{const a=dr(),g=a.firstChild,b=g.firstChild,x=g.nextSibling,C=x.nextSibling;return a.$$click=d,f(g,A(B,{get when(){return s().length>0},get fallback(){return(()=>{const v=fr();return v._$owner=$(),v})()},get children(){return A(G,{get each(){return s()},children:v=>(()=>{const _=hr(),h=_.firstChild;return f(h,()=>v.label),_})()})}}),b),f(b,A(G,{get each(){return e.options},children:v=>(()=>{const _=gr();return f(_,()=>v.label),p(()=>_.selected=l()===v.value),_})()})),f(C,A(G,{get each(){return e.options},children:v=>(()=>{const _=$r();return _.$$click=()=>c(v),f(_,()=>v.label),_})()})),p(v=>{const _=`root ${o()?"open":""}`,h=e.multiple;return _!==v._v$&&I(a,v._v$=_),h!==v._v$2&&(b.multiple=v._v$2=h),v},{_v$:void 0,_v$2:void 0}),a})()]},Ye=()=>{y(`${w}-select`,{options:[{label:"Option1",value:"1"},{label:"Option2",value:"2"},{label:"Option3",value:"3"}],value:"",placement:"bottom"},br)};D(["click"]);const pr=`:host{align-items:center;background-color:var(--ar-color-info-2);border-radius:var(--ar-size-3);box-sizing:border-box;display:flex;gap:var(--ar-size-6);padding:0 10px}.textarea{background:none;border:none;box-sizing:border-box;flex:1;font:inherit;margin:0;outline:none;overflow:auto;padding:6px 0;resize:none;width:100%}
-`,vr=u("<style>"),mr=u('<slot name="prefix">'),_r=u('<textarea class="textarea">'),yr=u('<slot name="suffix">'),wr=(e,{element:n})=>{const[t,o]=S(),[r,l]=S(e.height);H(()=>{setTimeout(()=>{var a;const c=(a=t())==null?void 0:a.scrollHeight;c&&l(`${c}px`)},0)});const i=c=>{const a=c.target;l(e.height),l(`${a.scrollHeight}px`)},s=c=>{const a=c.target,g=new CustomEvent("change",{detail:{value:a.value},bubbles:!0});n.dispatchEvent(g)},d=c=>{if((c.metaKey||c.ctrlKey)&&c.key==="Enter"&&(c.preventDefault(),c.target)){const a=c.target,g=new CustomEvent("enter",{detail:{value:a.value}});n.dispatchEvent(g)}};return[(()=>{const c=vr();return f(c,pr),c})(),(()=>{const c=mr();return c._$owner=$(),c})(),(()=>{const c=_r();return c.$$keydown=d,c.addEventListener("change",s),c.$$input=i,ye(o,c),p(a=>{const g=r(),b=e.placeholder;return g!==a._v$&&((a._v$=g)!=null?c.style.setProperty("height",g):c.style.removeProperty("height")),b!==a._v$2&&T(c,"placeholder",a._v$2=b),a},{_v$:void 0,_v$2:void 0}),p(()=>c.value=e.value),c})(),(()=>{const c=yr();return c._$owner=$(),c})()]},We=()=>{y(`${w}-textarea`,{value:"",placeholder:"",height:"32px"},wr)};D(["input","keydown"]);const xr=`:host{align-items:center;background-color:var(--ar-color-info-2);border-radius:var(--ar-size-3);box-sizing:border-box;display:inline-flex;gap:var(--ar-size-6);height:var(--ar-size-m);padding:0 12px;width:100%}input{background:none;border:none;box-sizing:border-box;color:inherit;font:inherit;outline:none;padding:0;width:inherit}
-`,kr=u("<style>"),Cr=u('<slot name="prefix">'),Er=u('<input class="textarea">'),zr=u('<slot name="suffix">'),Sr=(e,{element:n})=>{const t=r=>{const l=r.target,i=new CustomEvent("change",{detail:{value:l.value},bubbles:!0});n.dispatchEvent(i)},o=r=>{if(r.key==="Enter"&&(r.preventDefault(),r.target)){const l=r.target,i=new CustomEvent("enter",{detail:{value:l.value},bubbles:!0});n.dispatchEvent(i)}};return[(()=>{const r=kr();return f(r,xr),r})(),(()=>{const r=Cr();return r._$owner=$(),r})(),(()=>{const r=Er();return r.$$keydown=o,r.addEventListener("change",t),p(l=>{const i=e.placeholder,s=e.type;return i!==l._v$&&T(r,"placeholder",l._v$=i),s!==l._v$2&&T(r,"type",l._v$2=s),l},{_v$:void 0,_v$2:void 0}),p(()=>r.value=e.value),r})(),(()=>{const r=zr();return r._$owner=$(),r})()]},qe=()=>{y(`${w}-textfield`,{value:"",placeholder:"",type:"text"},Sr)};D(["keydown"]);const Je=u("<span>"),Ar=e=>{const[n,t]=S(""),[o,r]=S(0),[l,i]=S(!0),{text:s,speed:d=100,cursor:c="|"}=e;return H(()=>{const a=setInterval(()=>{t(s.substr(0,o())),r(o()+1),o()>=s.length&&(i(!1),clearInterval(a))},d)}),[(()=>{const a=Je();return f(a,n),a})(),j((()=>{const a=j(()=>!!l());return()=>a()&&(()=>{const g=Je();return f(g,c),g})()})())]},Qe=()=>{y(`${w}-typewriter`,{text:"",speed:100,cursor:"|"},Ar)},Pr=Object.freeze(Object.defineProperty({__proto__:null,Button:Se,Card:Ae,ChatBubble:Pe,CheckBox:Te,DanceCount:Le,DanceNumber:ue,FlexBox:Oe,FlexItem:Be,FloatButton:Re,FloatChatFrame:je,FloatWrapper:Fe,Icon:Ie,ImageCard:Ne,LayoutGrid:Me,LayoutHoly:De,LayoutMasonry:He,PlaceHolder:Ke,Popover:Ge,Portal:Ve,RadioButton:Ue,RadioGroup:Xe,Select:Ye,Textarea:We,Textfield:qe,Typewriter:Qe},Symbol.toStringTag,{value:"Module"})),Rr="",jr="",Fr="",Tr=(e=Pr)=>{for(const n in e){const t=e[n];t()}};m.Button=Se,m.Card=Ae,m.ChatBubble=Pe,m.CheckBox=Te,m.DanceCount=Le,m.DanceNumber=ue,m.FlexBox=Oe,m.FlexItem=Be,m.FloatButton=Re,m.FloatChatFrame=je,m.FloatWrapper=Fe,m.Icon=Ie,m.ImageCard=Ne,m.LayoutGrid=Me,m.LayoutHoly=De,m.LayoutMasonry=He,m.PlaceHolder=Ke,m.Popover=Ge,m.Portal=Ve,m.RadioButton=Ue,m.RadioGroup=Xe,m.Select=Ye,m.Textarea=We,m.Textfield=qe,m.Typewriter=Qe,m.defineCustomElements=Tr,m.registerIcon=Cn,Object.defineProperty(m,Symbol.toStringTag,{value:"Module"})});
+    `,[o,r]=z(!1),[i,l]=z(e.value||""),s=F(()=>{var a;return((a=e.options)==null?void 0:a.filter(g=>g.value===i()))||[]}),d=()=>{r(!o())},c=a=>{l(a.value);const g=new CustomEvent("change",{detail:{value:a.value},bubbles:!0});t.dispatchEvent(g)};return[(()=>{const a=gr();return f(a,n),a})(),(()=>{const a=br(),g=a.firstChild,$=g.firstChild,x=g.nextSibling,C=x.nextSibling;return a.$$click=d,f(g,A(B,{get when(){return s().length>0},get fallback(){return(()=>{const m=$r();return m._$owner=b(),m})()},get children(){return A(G,{get each(){return s()},children:m=>(()=>{const _=pr(),h=_.firstChild;return f(h,()=>m.label),_})()})}}),$),f($,A(G,{get each(){return e.options},children:m=>(()=>{const _=vr();return f(_,()=>m.label),p(()=>_.selected=i()===m.value),_})()})),f(C,A(G,{get each(){return e.options},children:m=>(()=>{const _=mr();return _.$$click=()=>c(m),f(_,()=>m.label),_})()})),p(m=>{const _=`root ${o()?"open":""}`,h=e.multiple;return _!==m._v$&&R(a,m._v$=_),h!==m._v$2&&($.multiple=m._v$2=h),m},{_v$:void 0,_v$2:void 0}),a})()]},qe=()=>{y(`${w}-select`,{options:[{label:"Option1",value:"1"},{label:"Option2",value:"2"},{label:"Option3",value:"3"}],value:"",placement:"bottom"},_r)};D(["click"]);const yr=`:host{align-items:center;background-color:var(--ar-color-info-2);border-radius:var(--ar-size-3);box-sizing:border-box;display:flex;gap:var(--ar-size-6);padding:0 10px}.textarea{background:none;border:none;box-sizing:border-box;flex:1;font:inherit;margin:0;outline:none;overflow:auto;padding:6px 0;resize:none;width:100%}
+`,wr=u("<style>"),xr=u('<slot name="prefix">'),kr=u('<textarea class="textarea">'),Cr=u('<slot name="suffix">'),Er=(e,{element:t})=>{const[n,o]=z(),[r,i]=z(e.height);H(()=>{setTimeout(()=>{var a;const c=(a=n())==null?void 0:a.scrollHeight;c&&i(`${c}px`)},0)});const l=c=>{const a=c.target;i(e.height),i(`${a.scrollHeight}px`)},s=c=>{const a=c.target,g=new CustomEvent("change",{detail:{value:a.value},bubbles:!0});t.dispatchEvent(g)},d=c=>{if((c.metaKey||c.ctrlKey)&&c.key==="Enter"&&(c.preventDefault(),c.target)){const a=c.target,g=new CustomEvent("enter",{detail:{value:a.value}});t.dispatchEvent(g)}};return[(()=>{const c=wr();return f(c,yr),c})(),(()=>{const c=xr();return c._$owner=b(),c})(),(()=>{const c=kr();return c.$$keydown=d,c.addEventListener("change",s),c.$$input=l,ye(o,c),p(a=>{const g=r(),$=e.placeholder;return g!==a._v$&&((a._v$=g)!=null?c.style.setProperty("height",g):c.style.removeProperty("height")),$!==a._v$2&&L(c,"placeholder",a._v$2=$),a},{_v$:void 0,_v$2:void 0}),p(()=>c.value=e.value),c})(),(()=>{const c=Cr();return c._$owner=b(),c})()]},Je=()=>{y(`${w}-textarea`,{value:"",placeholder:"",height:"32px"},Er)};D(["input","keydown"]);const zr=`:host{align-items:center;background-color:var(--ar-color-info-2);border-radius:var(--ar-size-3);box-sizing:border-box;display:inline-flex;gap:var(--ar-size-6);height:var(--ar-size-m);padding:0 12px;width:100%}input{background:none;border:none;box-sizing:border-box;color:inherit;font:inherit;outline:none;padding:0;width:inherit}
+`,Sr=u("<style>"),Ar=u('<slot name="prefix">'),Pr=u('<input class="textarea">'),Tr=u('<slot name="suffix">'),Lr=(e,{element:t})=>{const n=r=>{const i=r.target,l=new CustomEvent("change",{detail:{value:i.value},bubbles:!0});t.dispatchEvent(l)},o=r=>{if(r.key==="Enter"&&(r.preventDefault(),r.target)){const i=r.target,l=new CustomEvent("enter",{detail:{value:i.value},bubbles:!0});t.dispatchEvent(l)}};return[(()=>{const r=Sr();return f(r,zr),r})(),(()=>{const r=Ar();return r._$owner=b(),r})(),(()=>{const r=Pr();return r.$$keydown=o,r.addEventListener("change",n),p(i=>{const l=e.placeholder,s=e.type;return l!==i._v$&&L(r,"placeholder",i._v$=l),s!==i._v$2&&L(r,"type",i._v$2=s),i},{_v$:void 0,_v$2:void 0}),p(()=>r.value=e.value),r})(),(()=>{const r=Tr();return r._$owner=b(),r})()]},Qe=()=>{y(`${w}-textfield`,{value:"",placeholder:"",type:"text"},Lr)};D(["keydown"]);const Ze=u("<span>"),Or=e=>{const[t,n]=z(""),[o,r]=z(0),[i,l]=z(!0),{text:s,speed:d=100,cursor:c="|"}=e;return H(()=>{const a=setInterval(()=>{n(s.substr(0,o())),r(o()+1),o()>=s.length&&(l(!1),clearInterval(a))},d)}),[(()=>{const a=Ze();return f(a,t),a})(),F((()=>{const a=F(()=>!!i());return()=>a()&&(()=>{const g=Ze();return f(g,c),g})()})())]},et=()=>{y(`${w}-typewriter`,{text:"",speed:100,cursor:"|"},Or)},Br=Object.freeze(Object.defineProperty({__proto__:null,Button:Se,Card:Ae,ChatBubble:Pe,CheckBox:Te,DanceCount:Le,DanceNumber:ue,FlexBox:Oe,FlexItem:Be,FloatButton:Re,FloatChatFrame:je,FloatWrapper:Fe,Icon:Ie,ImageCard:Ne,LayoutGrid:Me,LayoutHoly:De,LayoutMasonry:He,PlaceHolder:Ke,Popover:Ge,Portal:Ve,RadioButton:Ue,RadioGroup:Xe,Segmented:We,Select:qe,Textarea:Je,Textfield:Qe,Typewriter:et},Symbol.toStringTag,{value:"Module"})),Nr="",Mr="",Dr="",Rr=(e=Br)=>{for(const t in e){const n=e[t];n()}};v.Button=Se,v.Card=Ae,v.ChatBubble=Pe,v.CheckBox=Te,v.DanceCount=Le,v.DanceNumber=ue,v.FlexBox=Oe,v.FlexItem=Be,v.FloatButton=Re,v.FloatChatFrame=je,v.FloatWrapper=Fe,v.Icon=Ie,v.ImageCard=Ne,v.LayoutGrid=Me,v.LayoutHoly=De,v.LayoutMasonry=He,v.PlaceHolder=Ke,v.Popover=Ge,v.Portal=Ve,v.RadioButton=Ue,v.RadioGroup=Xe,v.Segmented=We,v.Select=qe,v.Textarea=Je,v.Textfield=Qe,v.Typewriter=et,v.defineCustomElements=Rr,v.registerIcon=zn,Object.defineProperty(v,Symbol.toStringTag,{value:"Module"})});

dist/types/components/main.d.ts

@@ -22,2 +22,3 @@ import Button from './Button';
 import RadioGroup from './RadioGroup';
+import Segmented from './Segmented';
 import Select from './Select';
@@ -27,2 +28,2 @@ import Textarea from './Textarea';
 import Typewriter from './Typewriter';
-export { Button, Card, ChatBubble, CheckBox, DanceCount, DanceNumber, FlexBox, FlexItem, FloatButton, FloatChatFrame, FloatWrapper, Icon, ImageCard, LayoutGrid, LayoutHoly, LayoutMasonry, PlaceHolder, Popover, Portal, RadioButton, RadioGroup, Select, Textarea, Textfield, Typewriter, };
+export { Button, Card, ChatBubble, CheckBox, DanceCount, DanceNumber, FlexBox, FlexItem, FloatButton, FloatChatFrame, FloatWrapper, Icon, ImageCard, LayoutGrid, LayoutHoly, LayoutMasonry, PlaceHolder, Popover, Portal, RadioButton, RadioGroup, Segmented, Select, Textarea, Textfield, Typewriter, };

package.json

 {
   "name": "@aura-group/aura-design",
-  "version": "0.3.21",
+  "version": "0.3.22",
   "description": "",
@@ -5,0 +5,0 @@ "main": "dist/aura-design.umd.js",

No alert changes

Improved metrics

Total package byte prevSize

149576

increased by3.45%

Number of package files

35

increased by2.94%

Lines of code

3236

increased by5.27%

No dependency changes