@heito/hxui 1.0.11 → 1.0.13

package/dist/index.umd.js

@@ -1,56 +1,61 @@
-(function(h,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(h=typeof globalThis<"u"?globalThis:h||self,e(h.HeitoVueComponents={},h.Vue))})(this,(function(h,e){"use strict";const v=["disabled"],ee=e.defineComponent({__name:"Button",props:{variant:{default:"default"},disabled:{type:Boolean,default:!1}},emits:{click(n){return n}},setup(n,{emit:i}){const s=i;return(o,t)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["ui-button",o.variant]),disabled:o.disabled,onClick:t[0]||(t[0]=l=>s("click",l))},[e.renderSlot(o.$slots,"default",{},void 0,!0)],10,v))}}),B=(n,i)=>{const s=n.__vccOpts||n;for(const[o,t]of i)s[o]=t;return s},D=B(ee,[["__scopeId","data-v-33152a56"]]),te=["type","placeholder","min","max","maxlength"],H=B(e.defineComponent({__name:"Input",props:e.mergeModels({type:{default:"text"},disabled:{type:Boolean},placeholder:{},min:{},max:{}},{value:{},valueModifiers:{}}),emits:e.mergeModels({input(n){return n},change(n){return n},focus(n){return n},blur(n){return n}},["update:value"]),setup(n,{emit:i}){e.useSlots();const s=e.useModel(n,"value",{set(t){return t}}),o=i;return(t,l)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(["ui-input",t.type])},[e.withDirectives(e.createElementVNode("input",{type:t.type,"onUpdate:modelValue":l[0]||(l[0]=r=>s.value=r),placeholder:t.placeholder,min:t.min,max:t.max,maxlength:t.max,onInput:l[1]||(l[1]=r=>o("input",r)),onChange:l[2]||(l[2]=r=>o("change",r)),onFocus:l[3]||(l[3]=r=>o("focus",r)),onBlur:l[4]||(l[4]=r=>o("blur",r))},null,40,te),[[e.vModelDynamic,s.value]])],2))}}),[["__scopeId","data-v-2f67079f"]]),I=B(e.defineComponent({__name:"Popover",props:{side:{default:()=>"bottom"},fixed:{type:Boolean,default:!1},transition:{default:()=>"show"},collisionPadding:{default:()=>4},closeOnClickOutside:{type:Boolean,default:!0},style:{default:""}},emits:["show","hide"],setup(n,{emit:i}){e.useSlots();const s=i,o=n,t=e.ref(!1),l=e.ref(null),r=e.computed(()=>{const f=typeof o.side=="string"?[o.side,"center"]:o.side;return l.value!==null&&(f[0]=l.value),f});let d=null,m=null,g=null;function k(f){t.value=!0,d=f,s("show")}function c(){t.value=!1,d=null,s("hide")}function p(f){t.value?c():k(f)}function a(f,y){if(!f||!y)return;const{width:$,height:V,x:F,y:b,top:P,left:E,right:M,bottom:O}=f?.getBoundingClientRect(),{width:Q,height:Y}=y?.getBoundingClientRect(),[T]=r.value,[K,x]=typeof o.collisionPadding=="number"?[o.collisionPadding,o.collisionPadding]:o.collisionPadding;l.value=null,T==="top"&&P-Y-x<0?l.value="bottom":T==="left"&&E-Q-K<0?l.value="right":T==="bottom"&&Y+O>window.innerHeight?l.value="top":T==="right"&&Q+M>window.innerWidth&&(l.value="left"),y.style.setProperty("--gap-h",`${K}px`),y.style.setProperty("--gap-v",`${x}px`),y.style.setProperty("--target-width",`${$}px`),y.style.setProperty("--target-height",`${V}px`),y.style.setProperty("--target-x",`${F}px`),y.style.setProperty("--target-y",`${b}px`)}function u(){m&&document.removeEventListener("scroll",m),g&&document.removeEventListener("click",g),m=null,g=null}function w(f){if(!d)return;const y=d?.currentTarget;m=()=>{!t.value||!y||a(y,f)},g=$=>{!o?.closeOnClickOutside||($.composedPath?.()||$.path)?.includes(f)||c()},document.addEventListener("scroll",m,{capture:!0,passive:!0}),e.nextTick(()=>{a(y,f),setTimeout(()=>g&&document.addEventListener("click",g),10)})}function C(){u(),d=null,l.value=null}return e.onUnmounted(()=>{C()}),(f,y)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.renderSlot(f.$slots,"default",{show:k,hide:c,toggle:p,isOpened:t.value},void 0,!0),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:typeof f.transition=="string"?f.transition:f.transition?.name,onBeforeEnter:w,onAfterLeave:C},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["ui-popover",...r.value,{fixed:f.fixed}]),role:"dialog","aria-modal":"true",style:e.normalizeStyle(f.style)},[e.renderSlot(f.$slots,"content",{},void 0,!0)],6),[[e.vShow,t.value]])]),_:3},8,["name"])]))],64))}}),[["__scopeId","data-v-c4802e87"]]),oe={key:0},ne={key:1},A=B(e.defineComponent({__name:"SelectOption",props:{option:{}},emits:{click(n,i){return{event:n,option:i}}},setup(n,{emit:i}){const s=i,o=n;function t(l){o?.option?.type!=="option"||o?.option?.disabled===!0||s("click",l,o.option)}return(l,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["option",!l.option?.type||l.option?.type==="option"?"default":l.option?.type,{disabled:l.option?.type==="option"&&l.option?.disabled}]),onClick:t},[l.option?.type==="option"?(e.openBlock(),e.createElementBlock("div",oe,[e.createElementVNode("div",null,e.toDisplayString(l.option?.label||l.option?.value),1),e.createElementVNode("div",null,e.toDisplayString(l.option?.text),1)])):l.option?.type==="label"?(e.openBlock(),e.createElementBlock("span",ne,e.toDisplayString(l.option?.value),1)):l.option?.type==="separator"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[],64)):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-1fea3155"]]);/**
+(function(p,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(p=typeof globalThis<"u"?globalThis:p||self,e(p.HeitoVueComponents={},p.Vue))})(this,(function(p,e){"use strict";const de=["disabled"],ce=e.defineComponent({__name:"Button",props:{variant:{default:"default"},disabled:{type:Boolean,default:!1}},emits:{click(n){return n}},setup(n,{emit:o}){const i=o;return(l,t)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["ui-button",l.variant]),disabled:l.disabled,onClick:t[0]||(t[0]=a=>i("click",a))},[e.renderSlot(l.$slots,"default",{},void 0,!0)],10,de))}}),g=(n,o)=>{const i=n.__vccOpts||n;for(const[l,t]of o)i[l]=t;return i},O=g(ce,[["__scopeId","data-v-7bc0dcbf"]]),pe={},me={class:"ui-button-group"};function fe(n,o){return e.openBlock(),e.createElementBlock("div",me,[e.renderSlot(n.$slots,"default",{},void 0,!0)])}const j=g(pe,[["render",fe],["__scopeId","data-v-1da6d370"]]),ue=["type","placeholder","min","max","maxlength"],R=g(e.defineComponent({__name:"Input",props:e.mergeModels({type:{default:"text"},disabled:{type:Boolean},placeholder:{},min:{},max:{}},{value:{},valueModifiers:{}}),emits:e.mergeModels({input(n){return n},change(n){return n},focus(n){return n},blur(n){return n}},["update:value"]),setup(n,{emit:o}){e.useSlots();const i=e.useModel(n,"value",{set(t){return t}}),l=o;return(t,a)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(["ui-input",t.type])},[e.withDirectives(e.createElementVNode("input",{type:t.type,"onUpdate:modelValue":a[0]||(a[0]=s=>i.value=s),placeholder:t.placeholder,min:t.min,max:t.max,maxlength:t.max,onInput:a[1]||(a[1]=s=>l("input",s)),onChange:a[2]||(a[2]=s=>l("change",s)),onFocus:a[3]||(a[3]=s=>l("focus",s)),onBlur:a[4]||(a[4]=s=>l("blur",s))},null,40,ue),[[e.vModelDynamic,i.value]])],2))}}),[["__scopeId","data-v-55829ca6"]]),T=g(e.defineComponent({__name:"Popover",props:{side:{default:()=>"bottom"},fixed:{type:Boolean,default:!1},transition:{default:()=>"show"},collisionPadding:{default:()=>4},closeOnClickOutside:{type:Boolean,default:!0},style:{default:""}},emits:["show","hide"],setup(n,{emit:o}){e.useSlots();const i=o,l=n,t=e.ref(!1),a=e.ref(null),s=e.computed(()=>{const u=typeof l.side=="string"?[l.side,"center"]:l.side;return a.value!==null&&(u[0]=a.value),u});let d=null,f=null,y=null;function k(u){t.value=!0,d=u,i("show")}function c(){t.value=!1,d=null,i("hide")}function m(u){t.value?c():k(u)}function r(u,_){if(!u||!_)return;const{width:w,height:V,x:A,y:N,top:M,left:b,right:P,bottom:I}=u?.getBoundingClientRect(),{width:ie,height:ae}=_?.getBoundingClientRect(),[D]=s.value,[se,re]=typeof l.collisionPadding=="number"?[l.collisionPadding,l.collisionPadding]:l.collisionPadding;a.value=null,D==="top"&&M-ae-re<0?a.value="bottom":D==="left"&&b-ie-se<0?a.value="right":D==="bottom"&&ae+I>window.innerHeight?a.value="top":D==="right"&&ie+P>window.innerWidth&&(a.value="left"),_.style.setProperty("--gap-h",`${se}px`),_.style.setProperty("--gap-v",`${re}px`),_.style.setProperty("--target-width",`${w}px`),_.style.setProperty("--target-height",`${V}px`),_.style.setProperty("--target-x",`${A}px`),_.style.setProperty("--target-y",`${N}px`)}function h(){f&&document.removeEventListener("scroll",f),y&&document.removeEventListener("click",y),f=null,y=null}function B(u){if(!d)return;const _=d?.currentTarget;f=()=>{!t.value||!_||r(_,u)},y=w=>{!l?.closeOnClickOutside||(w.composedPath?.()||w.path)?.includes(u)||c()},document.addEventListener("scroll",f,{capture:!0,passive:!0}),e.nextTick(()=>{r(_,u),setTimeout(()=>y&&document.addEventListener("click",y),10)})}function $(){h(),d=null,a.value=null}return e.onUnmounted(()=>{$()}),(u,_)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.renderSlot(u.$slots,"default",{show:k,hide:c,toggle:m,isOpened:t.value},void 0,!0),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:typeof u.transition=="string"?u.transition:u.transition?.name,onBeforeEnter:B,onAfterLeave:$},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["ui-popover",...s.value,{fixed:u.fixed}]),role:"dialog","aria-modal":"true",style:e.normalizeStyle(u.style)},[e.renderSlot(u.$slots,"content",{},void 0,!0)],6),[[e.vShow,t.value]])]),_:3},8,["name"])]))],64))}}),[["__scopeId","data-v-c4802e87"]]),he={key:0},ge={key:1},U=g(e.defineComponent({__name:"SelectOption",props:{option:{}},emits:{click(n,o){return{event:n,option:o}}},setup(n,{emit:o}){const i=o,l=n;function t(a){l?.option?.type!=="option"||l?.option?.disabled===!0||i("click",a,l.option)}return(a,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["option",!a.option?.type||a.option?.type==="option"?"default":a.option?.type,{disabled:a.option?.type==="option"&&a.option?.disabled}]),onClick:t},[a.option?.type==="option"?(e.openBlock(),e.createElementBlock("div",he,[e.createElementVNode("div",null,e.toDisplayString(a.option?.label||a.option?.value),1),e.createElementVNode("div",null,e.toDisplayString(a.option?.text),1)])):a.option?.type==="label"?(e.openBlock(),e.createElementBlock("span",ge,e.toDisplayString(a.option?.value),1)):a.option?.type==="separator"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[],64)):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-1fea3155"]]);/**
  * @license lucide-vue-next v0.577.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const le=n=>{for(const i in n)if(i.startsWith("aria-")||i==="role"||i==="title")return!0;return!1};/**
+ */const ye=n=>{for(const o in n)if(o.startsWith("aria-")||o==="role"||o==="title")return!0;return!1};/**
  * @license lucide-vue-next v0.577.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const j=n=>n==="";/**
+ */const G=n=>n==="";/**
  * @license lucide-vue-next v0.577.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const ie=(...n)=>n.filter((i,s,o)=>!!i&&i.trim()!==""&&o.indexOf(i)===s).join(" ").trim();/**
+ */const _e=(...n)=>n.filter((o,i,l)=>!!o&&o.trim()!==""&&l.indexOf(o)===i).join(" ").trim();/**
  * @license lucide-vue-next v0.577.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const U=n=>n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();/**
+ */const W=n=>n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();/**
  * @license lucide-vue-next v0.577.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const re=n=>n.replace(/^([A-Z])|[\s-_]+(\w)/g,(i,s,o)=>o?o.toUpperCase():s.toLowerCase());/**
+ */const ke=n=>n.replace(/^([A-Z])|[\s-_]+(\w)/g,(o,i,l)=>l?l.toUpperCase():i.toLowerCase());/**
  * @license lucide-vue-next v0.577.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const se=n=>{const i=re(n);return i.charAt(0).toUpperCase()+i.slice(1)};/**
+ */const Be=n=>{const o=ke(n);return o.charAt(0).toUpperCase()+o.slice(1)};/**
  * @license lucide-vue-next v0.577.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */var _={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round"};/**
+ */var C={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round"};/**
  * @license lucide-vue-next v0.577.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const ae=({name:n,iconNode:i,absoluteStrokeWidth:s,"absolute-stroke-width":o,strokeWidth:t,"stroke-width":l,size:r=_.width,color:d=_.stroke,...m},{slots:g})=>e.h("svg",{..._,...m,width:r,height:r,stroke:d,"stroke-width":j(s)||j(o)||s===!0||o===!0?Number(t||l||_["stroke-width"])*24/Number(r):t||l||_["stroke-width"],class:ie("lucide",m.class,...n?[`lucide-${U(se(n))}-icon`,`lucide-${U(n)}`]:["lucide-icon"]),...!g.default&&!le(m)&&{"aria-hidden":"true"}},[...i.map(k=>e.h(...k)),...g.default?[g.default()]:[]]);/**
+ */const $e=({name:n,iconNode:o,absoluteStrokeWidth:i,"absolute-stroke-width":l,strokeWidth:t,"stroke-width":a,size:s=C.width,color:d=C.stroke,...f},{slots:y})=>e.h("svg",{...C,...f,width:s,height:s,stroke:d,"stroke-width":G(i)||G(l)||i===!0||l===!0?Number(t||a||C["stroke-width"])*24/Number(s):t||a||C["stroke-width"],class:_e("lucide",f.class,...n?[`lucide-${W(Be(n))}-icon`,`lucide-${W(n)}`]:["lucide-icon"]),...!y.default&&!ye(f)&&{"aria-hidden":"true"}},[...o.map(k=>e.h(...k)),...y.default?[y.default()]:[]]);/**
  * @license lucide-vue-next v0.577.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const G=(n,i)=>(s,{slots:o,attrs:t})=>e.h(ae,{...t,...s,iconNode:i,name:n},o);/**
+ */const L=(n,o)=>(i,{slots:l,attrs:t})=>e.h($e,{...t,...i,iconNode:o,name:n},l);/**
  * @license lucide-vue-next v0.577.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const de=G("chevrons-up-down",[["path",{d:"m7 15 5 5 5-5",key:"1hf1tw"}],["path",{d:"m7 9 5-5 5 5",key:"sgt6xg"}]]);/**
+ */const we=L("chevron-right",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]]);/**
  * @license lucide-vue-next v0.577.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const R=G("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]),ce={class:"options"},W=B(e.defineComponent({__name:"Select",props:{value:{type:[String,Number,Boolean]},placeholder:{},disabled:{type:Boolean,default:!1},side:{default:"bottom"},options:{}},emits:{select(n){return n}},setup(n,{emit:i}){const s=i,o=n,t=e.ref(169),l=e.ref(o?.value),r=e.computed(()=>o.options?.map(({type:c,...p})=>({type:c??"option",...p}))??[]),d=e.computed(()=>r.value.find(c=>c.type==="option"&&c.value===l.value)??null);let m;function g(c){c.type==="option"&&(l.value=c?.value,s("select",c),m&&m())}function k(c,p){const a=c?.currentTarget;a&&(p(c),m=()=>p(c),t.value=Math.min(Math.max(a?.clientWidth,169),window.innerWidth>512?512:window.innerWidth-24))}return(c,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["ui-select",{selected:!!d.value}])},[e.createVNode(I,{side:c.side,style:e.normalizeStyle({width:`${t.value}px`})},{default:e.withCtx(({toggle:a})=>[e.createVNode(D,{variant:"outline",disabled:c.disabled,onClick:e.withModifiers(u=>k(u,a),["prevent","stop"])},{default:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(d.value?d.value?.label||d.value?.value:c.placeholder),1),e.createVNode(e.unref(de),{style:{opacity:".5"}})]),_:2},1032,["disabled","onClick"])]),content:e.withCtx(()=>[e.createElementVNode("div",ce,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,(a,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:u},[a?.type==="label"||a?.type==="separator"||a.type==="option"&&a?.useDefaultStyle===!0?(e.openBlock(),e.createBlock(A,{key:0,option:a,onClick:w=>g(a)},null,8,["option","onClick"])):e.renderSlot(c.$slots,"option",e.mergeProps({key:1,ref_for:!0},{option:a,index:u,select:()=>g(a)}),()=>[e.createVNode(A,{option:a,onClick:w=>g(a)},null,8,["option","onClick"])],!0)],64))),128))])]),_:3},8,["side","style"])],2))}}),[["__scopeId","data-v-760682cb"]]),pe={key:0,class:"header"},me={class:"buttons"},fe=["onClick"],Z=B(e.defineComponent({__name:"Dialog",props:{title:{},description:{},side:{default:()=>"center"},transition:{default:()=>"show-dialog"},collisionPadding:{default:()=>24},closeOnClickOutside:{type:Boolean,default:!0},buttons:{default:()=>[]},style:{type:[Boolean,null,String,Object,Array]}},emits:["update:open","show","hide"],setup(n,{emit:i}){const s=e.useSlots(),o=i,t=n,l=e.ref(!1),r=e.computed(()=>typeof t.side=="string"?[t.side,"center"]:t.side),d=e.computed(()=>typeof t.collisionPadding=="number"?[t.collisionPadding,t.collisionPadding]:t.collisionPadding),m=e.computed(()=>!!t.title||!!t.description||!!s.title||!!s.description);function g(a){l.value=a,o("update:open",a)}function k(a){g(!0),o("show")}function c(){g(!1),o("hide")}function p(a){l.value?c():k()}return(a,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.renderSlot(a.$slots,"default",{show:k,hide:c,toggle:p,isOpened:l.value},void 0,!0),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:typeof a.transition=="string"?a.transition:a.transition?.name},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["dialog",...r.value]),style:e.normalizeStyle({"--gap-v":d.value[0]+"px","--gap-h":d.value[1]+"px"})},[e.createElementVNode("div",{class:"background",onClick:u[0]||(u[0]=e.withModifiers(w=>a.closeOnClickOutside&&c(),["prevent","stop"]))}),e.createElementVNode("div",{class:"content",style:e.normalizeStyle(a.style)},[m.value?(e.openBlock(),e.createElementBlock("div",pe,[e.createElementVNode("h2",null,[e.renderSlot(a.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(a.title),1)],!0)]),e.createElementVNode("p",null,[e.renderSlot(a.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(a.description),1)],!0)])])):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"content",{show:k,hide:c,toggle:p,isOpened:l.value},void 0,!0),e.createElementVNode("div",me,[e.createElementVNode("div",{onClick:c},[e.createVNode(e.unref(R),{size:16})]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.buttons,(w,C)=>(e.openBlock(),e.createElementBlock("div",{key:C,onClick:e.withModifiers(f=>w?.click?.(f),["prevent","stop"])},null,8,fe))),128))])],4)],6),[[e.vShow,l.value]])]),_:3},8,["name"])]))],64))}}),[["__scopeId","data-v-ad7af199"]]),q=B(e.defineComponent({__name:"Tooltip",props:e.mergeModels({side:{default:()=>"top"},collisionPadding:{default:()=>8},delay:{default:100}},{open:{type:Boolean},openModifiers:{}}),emits:["update:open"],setup(n){const i=e.useSlots(),s=e.useModel(n,"open");e.ref();const o=n,t=e.ref(null),l=e.computed(()=>{const p=typeof o.side=="string"?[o.side,"center"]:o.side;return t.value!==null&&(p[0]=t.value),p});let r=null,d=null;function m(p){if(!p||!d)return;const a=d.target,{width:u,height:w,x:C,y:f,top:y,left:$,right:V,bottom:F}=a?.getBoundingClientRect(),{width:b,height:P}=p?.getBoundingClientRect(),[E]=l.value,[M,O]=typeof o.collisionPadding=="number"?[o.collisionPadding,o.collisionPadding]:o.collisionPadding;E==="top"&&y-P-O<0?t.value="bottom":E==="left"&&$-b-M<0?t.value="right":E==="bottom"&&P+F>window.innerHeight?t.value="top":E==="right"&&b+V>window.innerWidth&&(t.value="left"),p.style.setProperty("--gap-h",`${M}px`),p.style.setProperty("--gap-v",`${O}px`),p.style.setProperty("--target-width",`${u}px`),p.style.setProperty("--target-height",`${w}px`),p.style.setProperty("--target-x",`${C}px`),p.style.setProperty("--target-y",`${f}px`)}function g(p){r&&clearTimeout(r),d=p,r=setTimeout(()=>{s.value=!0},o.delay)}const k=()=>{r&&(clearTimeout(r),r=null),d=null,s.value=!1};function c(){return(i.trigger?.()||[]).map(a=>e.h(a.type,{...a.props,onMouseenter(u){g(u),a.props?.onMouseenter?.(u)},onMouseleave(u){k(),a.props?.onMouseleave?.(u)},onFocus(u){g(u),a.props?.onFocus?.(u)},onBlur(u){k(),a.props?.onBlur?.(u)}},a.children))}return e.onUnmounted(()=>{r&&clearTimeout(r)}),(p,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(c),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"show",onBeforeEnter:a[0]||(a[0]=u=>m(u))},{default:e.withCtx(()=>[s.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["tooltip",...l.value])},[e.renderSlot(p.$slots,"default",{},void 0,!0)],2)):e.createCommentVNode("",!0)]),_:3})]))],64))}}),[["__scopeId","data-v-bccd013d"]]),z=B(e.defineComponent({__name:"Skeleton",props:{ready:{type:Boolean,default:!1},w:{default:"16px"},h:{default:"16px"}},setup(n){return(i,s)=>i.ready?e.renderSlot(i.$slots,"default",{key:0},void 0,!0):(e.openBlock(),e.createElementBlock("div",{key:1,class:"ui-skeleton",style:e.normalizeStyle({"--w":i.w,"--h":i.h})},[s[0]||(s[0]=e.createElementVNode("div",null,null,-1)),e.renderSlot(i.$slots,"content",{},void 0,!0)],4))}}),[["__scopeId","data-v-3b7cd939"]]),ue=["src","alt"],S=B(e.defineComponent({__name:"Image",props:{src:{},alt:{}},setup(n){const i=n,s=e.ref("loading");e.watch(()=>i.src,()=>o());function o(){const t=new Image;s.value="loading",t.onload=()=>{s.value="ready"},t.onerror=()=>{s.value="error"},t.src=i.src}return e.onMounted(()=>o()),(t,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("img",{class:"ui-image",src:t.src,alt:t.alt},null,8,ue),[[e.vShow,s.value==="ready"]])]),_:1}),e.withDirectives(e.createVNode(z,{class:"ui-image",ready:!1},null,512),[[e.vShow,s.value!=="ready"]])],64))}}),[["__scopeId","data-v-9ea0741f"]]),N=B(e.defineComponent({__name:"Height",props:{showed:{type:Boolean},opacity:{type:Boolean,default:!1},duration:{type:Number,default:.3}},setup(n){const i=n,s=e.ref({"--opacity":i.opacity?0:1,"--duration":(i.duration||.3)+"s"});function o(r){r.style.height="auto";const{height:d}=window.getComputedStyle(r);r.style.height="0px",r.offsetHeight,r.style.height=d}function t(r){r.style.removeProperty("height")}function l(r){const{height:d}=window.getComputedStyle(r);r.style.height=d,r.offsetHeight,r.style.height="0px"}return(r,d)=>(e.openBlock(),e.createBlock(e.Transition,{name:"height",onEnter:d[0]||(d[0]=m=>o(m)),onAfterEnter:d[1]||(d[1]=m=>t(m)),onLeave:d[2]||(d[2]=m=>l(m)),onAfterLeave:d[3]||(d[3]=m=>t(m))},{default:e.withCtx(()=>[n.showed?(e.openBlock(),e.createElementBlock("div",{key:0,class:"height-content",style:e.normalizeStyle(s.value)},[e.renderSlot(r.$slots,"default",{},void 0,!0)],4)):e.createCommentVNode("",!0)]),_:3}))}}),[["__scopeId","data-v-925752b4"]]),ge={class:"content"},he={class:"buttons"},ye=["onClick"],ke={class:"options"},L=B(e.defineComponent({__name:"Notification",props:{notification:{},showButtons:{type:Boolean},showOptions:{type:Boolean}},emits:{hide(){}},setup(n,{emit:i}){const s=i,o=e.ref(!1);return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["notification",{hide:o.value}])},[e.renderSlot(t.$slots,"before",{},void 0,!0),e.createElementVNode("header",null,[t.notification?.icon||t.notification?.image?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["i",{image:t.notification?.image,icon:t.notification?.icon}])},[t.notification?.image?(e.openBlock(),e.createBlock(S,{key:0,src:t.notification?.image},null,8,["src"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",ge,[e.createElementVNode("div",null,e.toDisplayString(t.notification?.title),1),e.createElementVNode("div",null,e.toDisplayString(t.notification?.text),1)])]),e.createVNode(N,{showed:t.showButtons&&t.notification?.buttons?.length>0},{default:e.withCtx(()=>[e.createElementVNode("ul",he,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.notification?.buttons,r=>(e.openBlock(),e.createElementBlock("li",{key:r?.label,onClick:e.withModifiers(d=>r?.click?r?.click(d):null,["stop","prevent"])},[e.createElementVNode("div",null,[e.createElementVNode("div",null,e.toDisplayString(r?.label),1),e.createElementVNode("div",null,e.toDisplayString(r?.text),1)])],8,ye))),128))])]),_:1},8,["showed"]),e.withDirectives(e.createElementVNode("ul",ke,[e.createElementVNode("li",{onClick:l[0]||(l[0]=e.withModifiers(r=>s("hide"),["stop","prevent"]))},[e.createVNode(e.unref(R))])],512),[[e.vShow,t.showOptions&&t.notification?.mode==="fixed"]]),e.renderSlot(t.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-1e6c986c"]]),Be={class:"content"},X=B(e.defineComponent({__name:"Group",props:{name:{},group:{}},setup(n){const i=e.ref(!1);return(s,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["group",{active:i.value}])},[e.createElementVNode("header",{onClick:o[0]||(o[0]=t=>i.value=!i.value)},[s.group?.image?(e.openBlock(),e.createBlock(S,{key:0,src:s.group?.image},null,8,["src"])):e.createCommentVNode("",!0),e.createElementVNode("div",Be,[e.createElementVNode("div",null,e.toDisplayString(s.group?.title||s.name),1),e.createElementVNode("div",null,e.toDisplayString(s.group?.text),1)])]),e.createVNode(N,{showed:i.value},{default:e.withCtx(()=>[e.createElementVNode("ul",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.group.list,t=>(e.openBlock(),e.createBlock(L,{key:t.id,notification:t,"show-buttons":!0},null,8,["notification"]))),128))])]),_:1},8,["showed"])],2))}}),[["__scopeId","data-v-36c3285a"]]),J=Object.freeze(Object.defineProperty({__proto__:null,AnimationHeight:N,Button:D,Dialog:Z,Image:S,Input:H,NotificationCard:L,NotificationGroup:X,Popover:I,Select:W,Skeleton:z,Tooltip:q},Symbol.toStringTag,{value:"Module"})),we={install(n){for(const i in J)n.component(i,J[i])}};h.AnimationHeight=N,h.Button=D,h.Dialog=Z,h.Image=S,h.Input=H,h.NotificationCard=L,h.NotificationGroup=X,h.Popover=I,h.Select=W,h.Skeleton=z,h.Tooltip=q,h.default=we,Object.defineProperties(h,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+ */const be=L("chevrons-up-down",[["path",{d:"m7 15 5 5 5-5",key:"1hf1tw"}],["path",{d:"m7 9 5-5 5 5",key:"sgt6xg"}]]);/**
+ * @license lucide-vue-next v0.577.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const q=L("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]),Ce={class:"options"},Z=g(e.defineComponent({__name:"Select",props:{value:{type:[String,Number,Boolean]},placeholder:{},disabled:{type:Boolean,default:!1},side:{default:"bottom"},options:{}},emits:{select(n){return n}},setup(n,{emit:o}){const i=o,l=n,t=e.ref(169),a=e.ref(l?.value),s=e.computed(()=>l.options?.map(({type:c,...m})=>({type:c??"option",...m}))??[]),d=e.computed(()=>s.value.find(c=>c.type==="option"&&c.value===a.value)??null);let f;function y(c){c.type==="option"&&(a.value=c?.value,i("select",c),f&&f())}function k(c,m){const r=c?.currentTarget;r&&(m(c),f=()=>m(c),t.value=Math.min(Math.max(r?.clientWidth,169),window.innerWidth>512?512:window.innerWidth-24))}return(c,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["ui-select",{selected:!!d.value}])},[e.createVNode(T,{side:c.side,style:e.normalizeStyle({width:`${t.value}px`})},{default:e.withCtx(({toggle:r})=>[e.createVNode(O,{variant:"outline",disabled:c.disabled,onClick:e.withModifiers(h=>k(h,r),["prevent","stop"])},{default:e.withCtx(()=>[e.createElementVNode("span",null,e.toDisplayString(d.value?d.value?.label||d.value?.value:c.placeholder),1),e.createVNode(e.unref(be),{style:{opacity:".5"}})]),_:2},1032,["disabled","onClick"])]),content:e.withCtx(()=>[e.createElementVNode("div",Ce,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,(r,h)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:h},[r?.type==="label"||r?.type==="separator"||r.type==="option"&&r?.useDefaultStyle===!0?(e.openBlock(),e.createBlock(U,{key:0,option:r,onClick:B=>y(r)},null,8,["option","onClick"])):e.renderSlot(c.$slots,"option",e.mergeProps({key:1,ref_for:!0},{option:r,index:h,select:()=>y(r)}),()=>[e.createVNode(U,{option:r,onClick:B=>y(r)},null,8,["option","onClick"])],!0)],64))),128))])]),_:3},8,["side","style"])],2))}}),[["__scopeId","data-v-6b3cdfba"]]),Ee={key:0,class:"header"},Se={class:"buttons"},Ve=["onClick"],X=g(e.defineComponent({__name:"Dialog",props:{title:{},description:{},side:{default:()=>"center"},transition:{default:()=>"show-dialog"},collisionPadding:{default:()=>24},closeOnClickOutside:{type:Boolean,default:!0},buttons:{default:()=>[]},style:{type:[Boolean,null,String,Object,Array]}},emits:["update:open","show","hide"],setup(n,{emit:o}){const i=e.useSlots(),l=o,t=n,a=e.ref(!1),s=e.computed(()=>typeof t.side=="string"?[t.side,"center"]:t.side),d=e.computed(()=>typeof t.collisionPadding=="number"?[t.collisionPadding,t.collisionPadding]:t.collisionPadding),f=e.computed(()=>!!t.title||!!t.description||!!i.title||!!i.description);function y(r){a.value=r,l("update:open",r)}function k(r){y(!0),l("show")}function c(){y(!1),l("hide")}function m(r){a.value?c():k()}return(r,h)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.renderSlot(r.$slots,"default",{show:k,hide:c,toggle:m,isOpened:a.value},void 0,!0),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:typeof r.transition=="string"?r.transition:r.transition?.name},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["dialog",...s.value]),style:e.normalizeStyle({"--gap-v":d.value[0]+"px","--gap-h":d.value[1]+"px"})},[e.createElementVNode("div",{class:"background",onClick:h[0]||(h[0]=e.withModifiers(B=>r.closeOnClickOutside&&c(),["prevent","stop"]))}),e.createElementVNode("div",{class:"content",style:e.normalizeStyle(r.style)},[f.value?(e.openBlock(),e.createElementBlock("div",Ee,[e.createElementVNode("h2",null,[e.renderSlot(r.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(r.title),1)],!0)]),e.createElementVNode("p",null,[e.renderSlot(r.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(r.description),1)],!0)])])):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"content",{show:k,hide:c,toggle:m,isOpened:a.value},void 0,!0),e.createElementVNode("div",Se,[e.createElementVNode("div",{onClick:c},[e.createVNode(e.unref(q),{size:16})]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.buttons,(B,$)=>(e.openBlock(),e.createElementBlock("div",{key:$,onClick:e.withModifiers(u=>B?.click?.(u),["prevent","stop"])},null,8,Ve))),128))])],4)],6),[[e.vShow,a.value]])]),_:3},8,["name"])]))],64))}}),[["__scopeId","data-v-ad7af199"]]),J=g(e.defineComponent({__name:"Tooltip",props:e.mergeModels({side:{default:()=>"top"},collisionPadding:{default:()=>8},delay:{default:100}},{open:{type:Boolean},openModifiers:{}}),emits:["update:open"],setup(n){const o=e.useSlots(),i=e.useModel(n,"open");e.ref();const l=n,t=e.ref(null),a=e.computed(()=>{const m=typeof l.side=="string"?[l.side,"center"]:l.side;return t.value!==null&&(m[0]=t.value),m});let s=null,d=null;function f(m){if(!m||!d)return;const r=d.target,{width:h,height:B,x:$,y:u,top:_,left:w,right:V,bottom:A}=r?.getBoundingClientRect(),{width:N,height:M}=m?.getBoundingClientRect(),[b]=a.value,[P,I]=typeof l.collisionPadding=="number"?[l.collisionPadding,l.collisionPadding]:l.collisionPadding;b==="top"&&_-M-I<0?t.value="bottom":b==="left"&&w-N-P<0?t.value="right":b==="bottom"&&M+A>window.innerHeight?t.value="top":b==="right"&&N+V>window.innerWidth&&(t.value="left"),m.style.setProperty("--gap-h",`${P}px`),m.style.setProperty("--gap-v",`${I}px`),m.style.setProperty("--target-width",`${h}px`),m.style.setProperty("--target-height",`${B}px`),m.style.setProperty("--target-x",`${$}px`),m.style.setProperty("--target-y",`${u}px`)}function y(m){s&&clearTimeout(s),d=m,s=setTimeout(()=>{i.value=!0},l.delay)}const k=()=>{s&&(clearTimeout(s),s=null),d=null,i.value=!1};function c(){return(o.trigger?.()||[]).map(r=>e.h(r.type,{...r.props,onMouseenter(h){y(h),r.props?.onMouseenter?.(h)},onMouseleave(h){k(),r.props?.onMouseleave?.(h)},onFocus(h){y(h),r.props?.onFocus?.(h)},onBlur(h){k(),r.props?.onBlur?.(h)}},r.children))}return e.onUnmounted(()=>{s&&clearTimeout(s)}),(m,r)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(c),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"show",onBeforeEnter:r[0]||(r[0]=h=>f(h))},{default:e.withCtx(()=>[i.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["tooltip",...a.value])},[e.renderSlot(m.$slots,"default",{},void 0,!0)],2)):e.createCommentVNode("",!0)]),_:3})]))],64))}}),[["__scopeId","data-v-bccd013d"]]),z=g(e.defineComponent({__name:"Skeleton",props:{ready:{type:Boolean,default:!1},w:{default:"16px"},h:{default:"16px"}},setup(n){return(o,i)=>o.ready?e.renderSlot(o.$slots,"default",{key:0},void 0,!0):(e.openBlock(),e.createElementBlock("div",{key:1,class:"ui-skeleton",style:e.normalizeStyle({"--w":o.w,"--h":o.h})},[i[0]||(i[0]=e.createElementVNode("div",null,null,-1)),e.renderSlot(o.$slots,"content",{},void 0,!0)],4))}}),[["__scopeId","data-v-3b7cd939"]]),Ne=["src","alt"],E=g(e.defineComponent({__name:"Image",props:{src:{},alt:{}},setup(n){const o=n,i=e.ref("loading");e.watch(()=>o.src,()=>l());function l(){const t=new Image;i.value="loading",t.onload=()=>{i.value="ready"},t.onerror=()=>{i.value="error"},t.src=o.src}return e.onMounted(()=>l()),(t,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("img",{class:"ui-image",src:t.src,alt:t.alt},null,8,Ne),[[e.vShow,i.value==="ready"]])]),_:1}),e.withDirectives(e.createVNode(z,{class:"ui-image",ready:!1},null,512),[[e.vShow,i.value!=="ready"]])],64))}}),[["__scopeId","data-v-9ea0741f"]]),Me={},Pe={class:"ui-label"};function Ie(n,o){return e.openBlock(),e.createElementBlock("p",Pe,[e.renderSlot(n.$slots,"default",{},void 0,!0)])}const Q=g(Me,[["render",Ie],["__scopeId","data-v-867cfe79"]]),De={class:"ui-checkbox"},Oe=["name","value"],Te={class:"content"},Y=g(e.defineComponent({__name:"Checkbox",props:e.mergeModels({label:{},name:{},value:{type:[String,Number,Boolean],default:!1}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(n){const o=e.useModel(n,"modelValue");return(i,l)=>(e.openBlock(),e.createElementBlock("label",De,[e.withDirectives(e.createElementVNode("input",{type:"checkbox",name:i.name,value:i.value,"onUpdate:modelValue":l[0]||(l[0]=t=>o.value=t)},null,8,Oe),[[e.vModelCheckbox,o.value]]),l[1]||(l[1]=e.createElementVNode("div",null,[e.createElementVNode("div")],-1)),e.createElementVNode("div",Te,[e.renderSlot(i.$slots,"default",{},()=>[e.createElementVNode("span",null,e.toDisplayString(i.label),1)],!0)])]))}}),[["__scopeId","data-v-8c903541"]]),S=g(e.defineComponent({__name:"Height",props:{showed:{type:Boolean},opacity:{type:Boolean,default:!1},duration:{type:Number,default:.3}},setup(n){const o=n,i=e.ref({"--opacity":o.opacity?0:1,"--duration":(o.duration||.3)+"s"});function l(s){s.style.height="auto";const{height:d}=window.getComputedStyle(s);s.style.height="0px",s.offsetHeight,s.style.height=d}function t(s){s.style.removeProperty("height")}function a(s){const{height:d}=window.getComputedStyle(s);s.style.height=d,s.offsetHeight,s.style.height="0px"}return(s,d)=>(e.openBlock(),e.createBlock(e.Transition,{name:"height",onEnter:d[0]||(d[0]=f=>l(f)),onAfterEnter:d[1]||(d[1]=f=>t(f)),onLeave:d[2]||(d[2]=f=>a(f)),onAfterLeave:d[3]||(d[3]=f=>t(f))},{default:e.withCtx(()=>[n.showed?(e.openBlock(),e.createElementBlock("div",{key:0,class:"height-content",style:e.normalizeStyle(i.value)},[e.renderSlot(s.$slots,"default",{},void 0,!0)],4)):e.createCommentVNode("",!0)]),_:3}))}}),[["__scopeId","data-v-925752b4"]]),Le={class:"content"},ze={class:"buttons"},Fe=["onClick"],He={class:"options"},F=g(e.defineComponent({__name:"Notification",props:{notification:{},showButtons:{type:Boolean},showOptions:{type:Boolean}},emits:{hide(){}},setup(n,{emit:o}){const i=o,l=e.ref(!1);return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["notification",{hide:l.value}])},[e.renderSlot(t.$slots,"before",{},void 0,!0),e.createElementVNode("header",null,[t.notification?.icon||t.notification?.image?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["i",{image:t.notification?.image,icon:t.notification?.icon}])},[t.notification?.image?(e.openBlock(),e.createBlock(E,{key:0,src:t.notification?.image},null,8,["src"])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",Le,[e.createElementVNode("div",null,e.toDisplayString(t.notification?.title),1),e.createElementVNode("div",null,e.toDisplayString(t.notification?.text),1)])]),e.createVNode(S,{showed:t.showButtons&&t.notification?.buttons?.length>0},{default:e.withCtx(()=>[e.createElementVNode("ul",ze,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.notification?.buttons,s=>(e.openBlock(),e.createElementBlock("li",{key:s?.label,onClick:e.withModifiers(d=>s?.click?s?.click(d):null,["stop","prevent"])},[e.createElementVNode("div",null,[e.createElementVNode("div",null,e.toDisplayString(s?.label),1),e.createElementVNode("div",null,e.toDisplayString(s?.text),1)])],8,Fe))),128))])]),_:1},8,["showed"]),e.withDirectives(e.createElementVNode("ul",He,[e.createElementVNode("li",{onClick:a[0]||(a[0]=e.withModifiers(s=>i("hide"),["stop","prevent"]))},[e.createVNode(e.unref(q))])],512),[[e.vShow,t.showOptions&&t.notification?.mode==="fixed"]]),e.renderSlot(t.$slots,"default",{},void 0,!0)],2))}}),[["__scopeId","data-v-1e6c986c"]]),Ae={class:"content"},K=g(e.defineComponent({__name:"Group",props:{name:{},group:{}},setup(n){const o=e.ref(!1);return(i,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["group",{active:o.value}])},[e.createElementVNode("header",{onClick:l[0]||(l[0]=t=>o.value=!o.value)},[i.group?.image?(e.openBlock(),e.createBlock(E,{key:0,src:i.group?.image},null,8,["src"])):e.createCommentVNode("",!0),e.createElementVNode("div",Ae,[e.createElementVNode("div",null,e.toDisplayString(i.group?.title||i.name),1),e.createElementVNode("div",null,e.toDisplayString(i.group?.text),1)])]),e.createVNode(S,{showed:o.value},{default:e.withCtx(()=>[e.createElementVNode("ul",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.group.list,t=>(e.openBlock(),e.createBlock(F,{key:t.id,notification:t,"show-buttons":!0},null,8,["notification"]))),128))])]),_:1},8,["showed"])],2))}}),[["__scopeId","data-v-36c3285a"]]),je={class:"ui-menu"},x=g(e.defineComponent({__name:"Menu",props:{options:{}},setup(n){return(o,i)=>(e.openBlock(),e.createElementBlock("div",je,[e.renderSlot(o.$slots,"default",{},void 0,!0)]))}}),[["__scopeId","data-v-d2b5a4ab"]]),Re=["disabled"],H=g(e.defineComponent({__name:"MenuButton",props:{disabled:{type:Boolean}},setup(n){return(o,i)=>(e.openBlock(),e.createElementBlock("button",{class:"ui-menu-button",disabled:o.disabled},[e.renderSlot(o.$slots,"default",{},void 0,!0)],8,Re))}}),[["__scopeId","data-v-a57e93de"]]),Ue={},Ge={class:"ui-menu-label"};function We(n,o){return e.openBlock(),e.createElementBlock("div",Ge,[e.renderSlot(n.$slots,"default",{},void 0,!0)])}const v=g(Ue,[["render",We],["__scopeId","data-v-0943ad46"]]),qe={class:"children-menu"},ee=g(e.defineComponent({__name:"MenuChildren",props:{disabled:{type:Boolean},options:{}},setup(n){const o=e.ref();let i=null,l=null;return e.onMounted(()=>{o?.value&&(i=o.value.querySelector(".children-menu"),l=new IntersectionObserver(t=>{t.forEach(a=>{a.isIntersecting&&window.getComputedStyle(a.target).display!=="none"?console.log("🎉 Элемент появился!",new Date().toLocaleTimeString()):a.isIntersecting||console.log("👋 Элемент скрылся!",new Date().toLocaleTimeString())})},{threshold:.01}),l.observe(i))}),e.onUnmounted(()=>{i&&l?.unobserve(i)}),(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:"ui-menu-children",ref_key:"el",ref:o},[e.createVNode(H,{disabled:t.disabled},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},void 0,!0),e.createVNode(e.unref(we))]),_:3},8,["disabled"]),e.createElementVNode("div",qe,[e.renderSlot(t.$slots,"content",{},void 0,!0)])],512))}}),[["__scopeId","data-v-4cbc307c"]]),Ze={},Xe={class:"ui-menu-group"};function Je(n,o){return e.openBlock(),e.createElementBlock("div",Xe)}const te=g(Ze,[["render",Je]]),Qe={class:"ui-menu-radio"},Ye=["name","value"],oe=g(e.defineComponent({__name:"MenuRadio",props:e.mergeModels({name:{},label:{},value:{type:[String,Number,Boolean]}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(n){const o=e.useModel(n,"modelValue");return(i,l)=>(e.openBlock(),e.createElementBlock("label",Qe,[e.withDirectives(e.createElementVNode("input",{type:"radio",name:i.name,value:i.value,"onUpdate:modelValue":l[0]||(l[0]=t=>o.value=t)},null,8,Ye),[[e.vModelRadio,o.value]]),l[1]||(l[1]=e.createElementVNode("div",null,null,-1)),e.renderSlot(i.$slots,"default",{},()=>[e.createElementVNode("span",null,e.toDisplayString(i.label),1)],!0)]))}}),[["__scopeId","data-v-9b285e77"]]),Ke={},xe={class:"ui-menu-separator"};function ve(n,o){return e.openBlock(),e.createElementBlock("div",xe)}const ne=g(Ke,[["render",ve],["__scopeId","data-v-54378c73"]]),le=Object.freeze(Object.defineProperty({__proto__:null,AnimationHeight:S,Button:O,ButtonGroup:j,Checkbox:Y,Dialog:X,Image:E,Input:R,Label:Q,Menu:x,MenuButton:H,MenuChildren:ee,MenuGroup:te,MenuLabel:v,MenuRadio:oe,MenuSeparator:ne,NotificationCard:F,NotificationGroup:K,Popover:T,Select:Z,Skeleton:z,Tooltip:J},Symbol.toStringTag,{value:"Module"})),et={install(n){for(const o in le)n.component(o,le[o])}};p.AnimationHeight=S,p.Button=O,p.ButtonGroup=j,p.Checkbox=Y,p.Dialog=X,p.Image=E,p.Input=R,p.Label=Q,p.Menu=x,p.MenuButton=H,p.MenuChildren=ee,p.MenuGroup=te,p.MenuLabel=v,p.MenuRadio=oe,p.MenuSeparator=ne,p.NotificationCard=F,p.NotificationGroup=K,p.Popover=T,p.Select=Z,p.Skeleton=z,p.Tooltip=J,p.default=et,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/dist/nuxt.js

@@ -0,0 +1,29 @@
+import { defineNuxtModule, addComponent } from '@nuxt/kit';
+
+// * Components
+import * as components from './components';
+
+
+export default defineNuxtModule({
+    meta: {
+        name: 'hxui',
+        configKey: 'hxUI'
+    },
+    defaults: {
+        prefix: 'UI'
+    },
+    setup(options, nuxt) {
+        for (const componentKey in components) {
+            if (componentKey === 'default') continue;
+            
+            addComponent({
+                name: options.prefix + componentKey,
+                mode: 'client',
+                export: componentKey,
+                filePath: '@heito/hxui'
+            });
+        }
+
+        nuxt.options.css.push('@heito/hxui/styles');
+    }
+});

package/dist/style.css

@@ -1 +1 @@
-button[data-v-33152a56]{display:flex;margin:0;padding:0;border:none;background-color:transparent;-webkit-user-select:none;user-select:none}.ui-button[data-v-33152a56]{display:flex;padding:var(--hx-padding-xl);min-height:36px;color:#000;font-size:14px;align-items:center;justify-content:center;color:var(--hx-button-text-primary);border-radius:var(--hx-border-radius);background-color:var(--hx-button-background-primary);box-sizing:border-box;transition:filter .2s,box-shadow .2s,background-color .2s;gap:4px}[data-v-33152a56] svg.lucide{width:16px;height:16px}.ui-button[data-v-33152a56]:disabled{cursor:not-allowed;filter:brightness(.8);opacity:.7}.ui-button[data-v-33152a56]:not(:disabled):hover{cursor:pointer;filter:brightness(.8)}.ui-button[data-v-33152a56]:not(:disabled):active{filter:brightness(.6)}.ui-button.outline[data-v-33152a56]:not(:disabled):active{box-shadow:0 0 0 3px var(--background-secondary)}.ui-button:hover .content[data-v-33152a56],.ui-button:hover .after[data-v-33152a56],.ui-button:hover .before[data-v-33152a56]{z-index:2}.ui-button .content[data-v-33152a56]:hover,.ui-button .after[data-v-33152a56]:hover,.ui-button .before[data-v-33152a56]:hover{z-index:1}.ui-button:disabled .content[data-v-33152a56],.ui-button .before[data-v-33152a56]:disabled,.ui-button .after[data-v-33152a56]:disabled{cursor:not-allowed;filter:brightness(.7)}.ui-button.secondary[data-v-33152a56]{color:var(--hx-text-primary);background-color:#ffffff15}.ui-button.destructive[data-v-33152a56]{color:var(--hx-text-primary);background-color:var(--hx-color-red)}.ui-button.outline[data-v-33152a56]{color:var(--hx-text-primary);border:1px solid var(--hx-background-primary);background-color:var(--hx-background-secondary)}.ui-button.outline:has(.before)[data-v-33152a56]{border-left:none}.ui-button.outline:has(.before)[data-v-33152a56]:before{content:" ";position:absolute;width:1px;height:70%;top:50%;left:0;background-color:transparent;transform:translateY(-50%)}.ui-button.ghost[data-v-33152a56]{color:var(--text-primary);background-color:transparent}.ui-button.ghost[data-v-33152a56]:hover{background-color:#ffffff15}input[data-v-2f67079f]{padding:0;width:100%;color:var(--hx-text-primary);font-size:14px;border:none;background-color:transparent;outline:none}input[data-v-2f67079f]::-webkit-outer-spin-button,input[data-v-2f67079f]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number][data-v-2f67079f]{-moz-appearance:textfield}.ui-input[data-v-2f67079f]{display:flex;padding:6px 10px;min-height:32px;color:var(--hx-text-primary);font-size:14px;border-radius:var(--hx-border-radius);border:1px solid var(--hx-background-transparent);align-items:center;justify-self:start;background-color:var(--hx-background-secondary);transition:box-shadow .2s;box-sizing:border-box;-webkit-user-select:none;user-select:none;overflow:hidden}.ui-input[data-v-2f67079f]:has(>input:focus){box-shadow:0 0 0 3px var(--hx-background-secondary)}.before[data-v-2f67079f]{margin-right:4px}.after[data-v-2f67079f]{margin-left:4px}.ui-input.number[data-v-2f67079f]{padding:0}.ui-input.number input[data-v-2f67079f]{margin:0 6px;text-align:center}.number-btn[data-v-2f67079f]{cursor:pointer;padding:6px 10px;transition:filter .2s;background-color:var(--hx-background-secondary)}.number-btn.l[data-v-2f67079f]{border-right:1px solid var(--hx-background-transparent)}.number-btn.r[data-v-2f67079f]{border-left:1px solid var(--hx-background-transparent)}.number-btn[data-v-2f67079f]:hover{filter:brightness(.9)}.show-enter-active[data-v-c4802e87],.show-leave-active[data-v-c4802e87]{opacity:0}.ui-popover[data-v-c4802e87]{max-width:215px;min-width:128px;position:fixed;top:0;left:0;padding:4px;color:var(--hx-text-primary);border-radius:var(--hx-border-radius);border:1px solid var(--hx-background-transparent);background-color:var(--hx-background-secondary);transition:opacity .2s;box-sizing:border-box;z-index:1010}.ui-popover.top[data-v-c4802e87]{--v: calc(var(--target-y) - 100% - var(--gap-v))}.ui-popover.bottom[data-v-c4802e87]{--v: calc(var(--target-y) + var(--target-height) + var(--gap-v))}.ui-popover.top.start[data-v-c4802e87],.ui-popover.bottom.start[data-v-c4802e87]{transform:translate(var(--target-x),var(--v))}.ui-popover.top.center[data-v-c4802e87],.ui-popover.bottom.center[data-v-c4802e87]{transform:translate(calc(var(--target-x) + var(--target-width) / 2 - 50%),var(--v))}.ui-popover.top.end[data-v-c4802e87],.ui-popover.bottom.end[data-v-c4802e87]{transform:translate(calc(var(--target-x) + var(--target-width) - 100%),var(--v))}.ui-popover.left[data-v-c4802e87]{--h: calc(var(--target-x) - 100% - var(--gap-h))}.ui-popover.right[data-v-c4802e87]{--h: calc(var(--target-x) + var(--target-width) + var(--gap-h))}.ui-popover.left.start[data-v-c4802e87],.ui-popover.right.start[data-v-c4802e87]{transform:translate(var(--h),var(--target-y))}.ui-popover.left.center[data-v-c4802e87],.ui-popover.right.center[data-v-c4802e87]{transform:translate(var(--h),calc(var(--target-y) + var(--target-height) / 2 - 50%))}.ui-popover.left.end[data-v-c4802e87],.ui-popover.right.end[data-v-c4802e87]{transform:translate(var(--h),calc(var(--target-y) + var(--target-height) - 100%))}.option[data-v-1fea3155]{color:var(--text-primary);font-size:14px}.option.label[data-v-1fea3155]{margin:4px 0;font-size:12px;word-break:break-all;opacity:.7}.option.separator[data-v-1fea3155]:has(+.option.label){margin-bottom:0}.option.label+.option.separator[data-v-1fea3155]{margin-top:0}.option.separator[data-v-1fea3155]{margin-top:4px;margin-bottom:4px;border-top:1px solid var(--background-t)}.option.default[data-v-1fea3155]{display:flex;padding:4px 8px;border-radius:.5rem;align-items:center;background-color:var(--background-secondary);transition:.2s;overflow:hidden}.option.default[data-v-1fea3155]:not(.disabled):hover{cursor:pointer;filter:brightness(.8)}.option.default.disabled[data-v-1fea3155]{cursor:not-allowed;opacity:.7}.option.default>div[data-v-1fea3155]{max-width:100%;min-width:0;flex:1}.option.default>div div[data-v-1fea3155]{max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.option.default>div>div[data-v-1fea3155]:nth-child(2){font-size:12px}.show-select-options-enter-active[data-v-760682cb],.show-select-options-leave-active[data-v-760682cb]{opacity:0}.ui-select[data-v-760682cb]{position:relative;-webkit-user-select:none;user-select:none}.ui-button[data-v-760682cb]{width:100%}[data-v-760682cb] .ui-button{font-size:14px;justify-content:space-between}[data-v-760682cb] .ui-button span{opacity:.7}.ui-select.selected[data-v-760682cb] .ui-button span{opacity:1}.ui-select .options[data-v-760682cb]{display:flex;margin:4px 0;padding:8px;max-width:512px;width:clamp(169px,var(--width),512px);min-width:169px;position:fixed;border-radius:var(--hx-border-radius);border:1px solid var(--hx-background-transparent);flex-direction:column;background-color:var(--hx-background-secondary);transform:translate(calc(var(--width) / 2 - 50%));transition:opacity .2s;box-sizing:border-box;z-index:101}.show-dialog-enter-active[data-v-ad7af199],.show-dialog-leave-active[data-v-ad7af199]{opacity:0}.show-dialog-enter-active .content[data-v-ad7af199],.show-dialog-leave-active .content[data-v-ad7af199]{transform:scale(.65)}.dialog[data-v-ad7af199]{display:flex;padding:var(--gap-v, 4px) var(--gap-h, 4px);width:100vw;height:100vh;position:fixed;top:0;left:0;align-items:center;justify-content:center;box-sizing:border-box;transition:.2s;z-index:205}.dialog.center.start[data-v-ad7af199],.dialog.right.start[data-v-ad7af199],.dialog.left.start[data-v-ad7af199]{align-items:start}.dialog.center.end[data-v-ad7af199],.dialog.right.end[data-v-ad7af199],.dialog.left.end[data-v-ad7af199]{align-items:end}.dialog.top.start[data-v-ad7af199],.dialog.bottom.start[data-v-ad7af199]{justify-content:start}.dialog.top.end[data-v-ad7af199],.dialog.bottom.end[data-v-ad7af199]{justify-content:end}.dialog.center[data-v-ad7af199]{justify-content:center}.dialog.top[data-v-ad7af199]{align-items:start}.dialog.right[data-v-ad7af199]{justify-content:end}.dialog.bottom[data-v-ad7af199]{align-items:end}.dialog.left[data-v-ad7af199]{justify-content:start}.dialog.right .buttons[data-v-ad7af199],.dialog.top.end .buttons[data-v-ad7af199],.dialog.bottom.end .buttons[data-v-ad7af199]{left:-36px}.dialog .background[data-v-ad7af199]{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#00000095;transition:2s;z-index:1}.dialog .content[data-v-ad7af199]{padding:12px;position:relative;color:var(--hx-text-primary);border-radius:var(--hx-border-radius);border:1px solid var(--hx-background-transparent);background-color:var(--hx-background-secondary);transition:transform .2s;z-index:2}.dialog .content .header[data-v-ad7af199]{margin-bottom:12px}.dialog .content .header h2[data-v-ad7af199]{font-size:18px;font-weight:600}.dialog .content .header p[data-v-ad7af199]{margin-top:4px;font-size:14px;opacity:.7}.dialog .buttons[data-v-ad7af199]{position:absolute;top:0;left:calc(100% + 12px)}.dialog .buttons div[data-v-ad7af199]{cursor:pointer;display:flex;width:28px;height:28px;border-radius:var(--hx-border-radius);border:1px solid var(--hx-background-transparent);align-items:center;justify-content:center;background-color:var(--hx-background-secondary)}.tooltip[data-v-bccd013d]{padding:4px 8px;position:fixed;top:0;left:0;font-size:12px;border-radius:var(--hx-border-radius);border:1px solid var(--hx-background-transparent);background-color:var(--hx-background-secondary);z-index:1000}.tooltip.top[data-v-bccd013d]{--v: calc(var(--target-y) - 100% - var(--gap-v))}.tooltip.bottom[data-v-bccd013d]{--v: calc(var(--target-y) + var(--target-height) + var(--gap-v))}.tooltip.top.start[data-v-bccd013d],.tooltip.bottom.start[data-v-bccd013d]{transform:translate(var(--target-x),var(--v))}.tooltip.top.center[data-v-bccd013d],.tooltip.bottom.center[data-v-bccd013d]{transform:translate(calc(var(--target-x) + var(--target-width) / 2 - 50%),var(--v))}.tooltip.top.end[data-v-bccd013d],.tooltip.bottom.end[data-v-bccd013d]{transform:translate(calc(var(--target-x) + var(--target-width) - 100%),var(--v))}.tooltip.left[data-v-bccd013d]{--h: calc(var(--target-x) - 100% - var(--gap-h))}.tooltip.right[data-v-bccd013d]{--h: calc(var(--target-x) + var(--target-width) + var(--gap-h))}.tooltip.left.start[data-v-bccd013d],.tooltip.right.start[data-v-bccd013d]{transform:translate(var(--h),var(--target-y))}.tooltip.left.center[data-v-bccd013d],.tooltip.right.center[data-v-bccd013d]{transform:translate(var(--h),calc(var(--target-y) + var(--target-height) / 2 - 50%))}.tooltip.left.end[data-v-bccd013d],.tooltip.right.end[data-v-bccd013d]{transform:translate(var(--h),calc(var(--target-y) + var(--target-height) - 100%))}:where(div.ui-skeleton[data-v-3b7cd939]){width:var(--w);height:var(--h)}div.ui-skeleton[data-v-3b7cd939]{display:flex;position:relative;align-items:center;justify-content:center;border-radius:.5rem;background-color:var(--hx-background-secondary);overflow:hidden}div.ui-skeleton div[data-v-3b7cd939]{width:100%;height:100%}div.ui-skeleton div[data-v-3b7cd939]:before{content:"";display:block;width:0;height:100%;position:absolute;top:5%;box-shadow:0 2px 15px 9px #fff6;animation:shades-3b7cd939 2s cubic-bezier(.455,.03,.515,.955) infinite;transform:skew(-20deg);z-index:5}@keyframes shades-3b7cd939{0%{left:0%;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}img.ui-image[data-v-9ea0741f]{object-fit:cover;object-position:center;transition:opacity .2s}.fade-enter-active[data-v-9ea0741f],.fade-leave-active[data-v-9ea0741f]{transition:opacity .7s ease}.fade-enter-from[data-v-9ea0741f],.fade-leave-to[data-v-9ea0741f]{opacity:0}.height-enter-active[data-v-925752b4],.height-leave-active[data-v-925752b4]{transition:height var(--duration) ease-in-out;overflow:hidden;opacity:var(--opacity)}.height-enter[data-v-925752b4],.height-leave-to[data-v-925752b4]{height:0}.height-content[data-v-925752b4]{transition:all var(--duration) ease-in-out}.notification[data-v-1e6c986c]{pointer-events:all;padding:12px;max-width:512px;min-width:215px;position:relative;border-radius:.5rem;border:1px solid var(--hx-background-transparent);background-color:#0005;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.2s}.notification header[data-v-1e6c986c]{display:flex;position:relative;align-items:center}.notification header .i[data-v-1e6c986c]{margin-right:12px;position:relative}.notification header .i.icon[data-v-1e6c986c]{max-width:32px;min-width:32px;height:32px}.notification header .i.image[data-v-1e6c986c]{max-width:48px;min-width:48px;height:48px}.notification header .i.image.icon[data-v-1e6c986c] .ui-image{mask-image:radial-gradient(circle 12px at center,transparent 100%,green 0%);mask-size:84px 84px,100%;-webkit-mask-image:radial-gradient(circle 12px at center,transparent 100%,green 0%);-webkit-mask-size:84px 84px,100%}.notification header .i.image.icon .ui-icon[data-v-1e6c986c]{width:20px;height:20px;position:absolute;bottom:-6px;right:-6px;border-radius:50%;z-index:2}.notification header .i.image.icon .ui-icon[data-v-1e6c986c]:after{background-color:transparent}.notification header .i[data-v-1e6c986c] .ui-image{width:100%;height:100%;border-radius:10px}.notification header .content[data-v-1e6c986c]{max-width:100%;min-width:0}.notification header .content div[data-v-1e6c986c]{max-width:100%;text-overflow:ellipsis;overflow:hidden}.notification header .content div[data-v-1e6c986c]:nth-child(1){font-size:14px;font-weight:600;white-space:nowrap}.notification header .content div[data-v-1e6c986c]:nth-child(2){display:-webkit-box;color:var(--hx-text-primary);font-size:12px;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification ul.buttons[data-v-1e6c986c]{display:grid;margin-top:8px;border-radius:.5rem;grid-template-columns:repeat(2,1fr);gap:2px;overflow:hidden;-webkit-user-select:none;user-select:none}.notification ul.buttons li[data-v-1e6c986c]{cursor:pointer;display:flex;padding:8px;align-items:center;background-color:transparent;box-sizing:border-box;transition:.2s}.notification ul.buttons li[data-v-1e6c986c]:hover{background-color:var(--hx-background-secondary)}.notification ul.buttons li[data-v-1e6c986c]:nth-child(odd):not(:has(+li)){grid-column:span 2}.notification ul.buttons li i[data-v-1e6c986c]{margin-right:8px;font-size:14px}.notification ul.buttons li>div[data-v-1e6c986c]{max-width:100%;min-width:0}.notification ul.buttons li>div div[data-v-1e6c986c]{max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notification ul.buttons li>div div[data-v-1e6c986c]:nth-child(1){font-size:14px}.notification ul.buttons li>div div[data-v-1e6c986c]:nth-child(2){color:var(--hx-text-primary);font-size:12px}.notification ul.options[data-v-1e6c986c]{position:absolute;right:-10px;top:-10px}.notification ul.options li[data-v-1e6c986c]{cursor:pointer;display:flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--hx-background-primary);background-color:var(--hx-background-secondary)}.notification ul.options li i[data-v-1e6c986c]{font-size:14px}.group[data-v-36c3285a]{pointer-events:all;max-width:512px;min-width:215px;position:relative}.group.active header[data-v-36c3285a]{border-radius:15px 15px 0 0}.group header[data-v-36c3285a]{cursor:pointer;display:flex;padding:12px;align-items:center;border-radius:15px;background-color:var(--hx-background-secondary);transition:.2s;-webkit-user-select:none;user-select:none}.group header i[data-v-36c3285a]:nth-child(1){margin-right:8px}.group header[data-v-36c3285a] .ui-image{width:20px;height:20px;margin-right:8px;border-radius:50%}.group header .content[data-v-36c3285a]{max-width:100%;min-width:0}.group header .content div[data-v-36c3285a]{max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.group header .content div[data-v-36c3285a]:nth-child(1){font-size:12px;font-weight:700}.group header .content div[data-v-36c3285a]:nth-child(2){color:var(--hx-text-primary);font-size:10px}.group header i[data-v-36c3285a]:last-child{margin-left:auto}.group ul .notification[data-v-36c3285a]{margin-top:2px;border-radius:0}.group ul .notification[data-v-36c3285a]:last-child{border-radius:0 0 15px 15px}.dark:root{--hx-padding-xl: 6px 12px;--hx-text-primary: #e8e8e8;--hx-button-text-primary: #1e1e1e;--hx-background-primary: #010101;--hx-button-background-primary: #e8e8e8;--hx-background-secondary: #1e1e1e;--hx-background-transparent: #424242;--hx-color-red: tomato;--hx-border-radius-left-top: 7px;--hx-border-radius-right-top: 7px;--hx-border-radius-left-bottom: 7px;--hx-border-radius-right-bottom: 7px;--hx-border-radius: var(--hx-border-radius-left-top) var(--hx-border-radius-right-top) var(--hx-border-radius-left-bottom) var(--hx-border-radius-right-bottom)}.light:root{--hx-padding-xl: 6px 12px;--hx-text-primary: #e8e8e8;--hx-button-text-primary: #1e1e1e;--hx-background-primary: #010101;--hx-button-background-primary: #e8e8e8;--hx-background-secondary: #1e1e1e;--hx-background-transparent: #424242;--hx-color-red: tomato;--hx-border-radius-left-top: 7px;--hx-border-radius-right-top: 7px;--hx-border-radius-left-bottom: 7px;--hx-border-radius-right-bottom: 7px;--hx-border-radius: var(--hx-border-radius-left-top) var(--hx-border-radius-right-top) var(--hx-border-radius-left-bottom) var(--hx-border-radius-right-bottom)}
+button[data-v-7bc0dcbf]{display:flex;margin:0;padding:0;border:none;background-color:transparent;-webkit-user-select:none;user-select:none}.ui-button[data-v-7bc0dcbf]{display:flex;padding:var(--hx-padding-xl);min-height:36px;color:#000;font-size:14px;align-items:center;justify-content:center;color:var(--hx-button-text-primary);border-radius:var(--hx-border-radius);background-color:var(--hx-button-background-primary);box-sizing:border-box;transition:filter .2s,box-shadow .2s,background-color .2s;gap:4px}[data-v-7bc0dcbf] svg.lucide{width:16px;height:16px}.ui-button[data-v-7bc0dcbf]:disabled{cursor:not-allowed;filter:brightness(.8);opacity:.7}.ui-button[data-v-7bc0dcbf]:not(:disabled):hover{cursor:pointer;filter:brightness(.8)}.ui-button[data-v-7bc0dcbf]:not(:disabled):active{filter:brightness(.6)}.ui-button.outline[data-v-7bc0dcbf]:not(:disabled):active{box-shadow:0 0 0 3px var(--background-secondary)}.ui-button:hover .content[data-v-7bc0dcbf],.ui-button:hover .after[data-v-7bc0dcbf],.ui-button:hover .before[data-v-7bc0dcbf]{z-index:2}.ui-button .content[data-v-7bc0dcbf]:hover,.ui-button .after[data-v-7bc0dcbf]:hover,.ui-button .before[data-v-7bc0dcbf]:hover{z-index:1}.ui-button:disabled .content[data-v-7bc0dcbf],.ui-button .before[data-v-7bc0dcbf]:disabled,.ui-button .after[data-v-7bc0dcbf]:disabled{cursor:not-allowed;filter:brightness(.7)}.ui-button.secondary[data-v-7bc0dcbf]{color:var(--hx-text-primary);background-color:#ffffff15}.ui-button.destructive[data-v-7bc0dcbf]{color:var(--hx-text-primary);background-color:var(--hx-color-red)}.ui-button.outline[data-v-7bc0dcbf]{color:var(--hx-text-primary);border:1px solid var(--hx-background-primary);background-color:var(--hx-background-secondary)}.ui-button.outline[data-v-7bc0dcbf]:has(.before){border-left:none}.ui-button.outline[data-v-7bc0dcbf]:has(.before):before{content:" ";position:absolute;width:1px;height:70%;top:50%;left:0;background-color:transparent;transform:translateY(-50%)}.ui-button.ghost[data-v-7bc0dcbf]{color:var(--text-primary);background-color:transparent}.ui-button.ghost[data-v-7bc0dcbf]:hover{background-color:#ffffff15}.ui-button-group[data-v-1da6d370]{display:flex;margin-top:12px;align-items:center;justify-content:end}.ui-button-group[data-v-1da6d370] .ui-button{border-radius:0}.ui-button-group[data-v-1da6d370]>:first-child .ui-button,.ui-button-group[data-v-1da6d370]>:first-child.ui-button{border-top-left-radius:var(--hx-border-radius-left-top);border-bottom-left-radius:var(--hx-border-radius-left-bottom)}.ui-button-group[data-v-1da6d370]>:last-child .ui-button,.ui-button-group[data-v-1da6d370]>:last-child.ui-button{border-top-right-radius:var(--hx-border-radius-right-top);border-bottom-right-radius:var(--hx-border-radius-right-bottom)}.ui-button-group[data-v-1da6d370]>:not(:last-child) .ui-button,.ui-button-group[data-v-1da6d370]>:not(:last-child).ui-button{border-right:1px solid var(--hx-background-secondary)}input[data-v-55829ca6]{padding:0;width:100%;color:var(--hx-text-primary);font-size:14px;border:none;background-color:transparent;outline:none}input[data-v-55829ca6]::-webkit-outer-spin-button,input[data-v-55829ca6]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number][data-v-55829ca6]{-moz-appearance:textfield}.ui-input[data-v-55829ca6]{display:flex;padding:6px 10px;min-height:32px;color:var(--hx-text-primary);font-size:14px;border-radius:var(--hx-border-radius);border:1px solid var(--hx-background-transparent);align-items:center;justify-self:start;background-color:var(--hx-background-secondary);transition:box-shadow .2s;box-sizing:border-box;-webkit-user-select:none;user-select:none;overflow:hidden}.ui-input[data-v-55829ca6]:has(>input:focus){box-shadow:0 0 0 3px var(--hx-background-secondary)}.before[data-v-55829ca6]{margin-right:4px}.after[data-v-55829ca6]{margin-left:4px}.ui-input.number[data-v-55829ca6]{padding:0}.ui-input.number input[data-v-55829ca6]{margin:0 6px;text-align:center}.number-btn[data-v-55829ca6]{cursor:pointer;padding:6px 10px;transition:filter .2s;background-color:var(--hx-background-secondary)}.number-btn.l[data-v-55829ca6]{border-right:1px solid var(--hx-background-transparent)}.number-btn.r[data-v-55829ca6]{border-left:1px solid var(--hx-background-transparent)}.number-btn[data-v-55829ca6]:hover{filter:brightness(.9)}.show-enter-active[data-v-c4802e87],.show-leave-active[data-v-c4802e87]{opacity:0}.ui-popover[data-v-c4802e87]{max-width:215px;min-width:128px;position:fixed;top:0;left:0;padding:4px;color:var(--hx-text-primary);border-radius:var(--hx-border-radius);border:1px solid var(--hx-background-transparent);background-color:var(--hx-background-secondary);transition:opacity .2s;box-sizing:border-box;z-index:1010}.ui-popover.top[data-v-c4802e87]{--v: calc(var(--target-y) - 100% - var(--gap-v))}.ui-popover.bottom[data-v-c4802e87]{--v: calc(var(--target-y) + var(--target-height) + var(--gap-v))}.ui-popover.top.start[data-v-c4802e87],.ui-popover.bottom.start[data-v-c4802e87]{transform:translate(var(--target-x),var(--v))}.ui-popover.top.center[data-v-c4802e87],.ui-popover.bottom.center[data-v-c4802e87]{transform:translate(calc(var(--target-x) + var(--target-width) / 2 - 50%),var(--v))}.ui-popover.top.end[data-v-c4802e87],.ui-popover.bottom.end[data-v-c4802e87]{transform:translate(calc(var(--target-x) + var(--target-width) - 100%),var(--v))}.ui-popover.left[data-v-c4802e87]{--h: calc(var(--target-x) - 100% - var(--gap-h))}.ui-popover.right[data-v-c4802e87]{--h: calc(var(--target-x) + var(--target-width) + var(--gap-h))}.ui-popover.left.start[data-v-c4802e87],.ui-popover.right.start[data-v-c4802e87]{transform:translate(var(--h),var(--target-y))}.ui-popover.left.center[data-v-c4802e87],.ui-popover.right.center[data-v-c4802e87]{transform:translate(var(--h),calc(var(--target-y) + var(--target-height) / 2 - 50%))}.ui-popover.left.end[data-v-c4802e87],.ui-popover.right.end[data-v-c4802e87]{transform:translate(var(--h),calc(var(--target-y) + var(--target-height) - 100%))}.option[data-v-1fea3155]{color:var(--text-primary);font-size:14px}.option.label[data-v-1fea3155]{margin:4px 0;font-size:12px;word-break:break-all;opacity:.7}.option.separator[data-v-1fea3155]:has(+.option.label){margin-bottom:0}.option.label+.option.separator[data-v-1fea3155]{margin-top:0}.option.separator[data-v-1fea3155]{margin-top:4px;margin-bottom:4px;border-top:1px solid var(--background-t)}.option.default[data-v-1fea3155]{display:flex;padding:4px 8px;border-radius:.5rem;align-items:center;background-color:var(--background-secondary);transition:.2s;overflow:hidden}.option.default[data-v-1fea3155]:not(.disabled):hover{cursor:pointer;filter:brightness(.8)}.option.default.disabled[data-v-1fea3155]{cursor:not-allowed;opacity:.7}.option.default>div[data-v-1fea3155]{max-width:100%;min-width:0;flex:1}.option.default>div div[data-v-1fea3155]{max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.option.default>div>div[data-v-1fea3155]:nth-child(2){font-size:12px}.show-select-options-enter-active[data-v-6b3cdfba],.show-select-options-leave-active[data-v-6b3cdfba]{opacity:0}.ui-select[data-v-6b3cdfba]{position:relative;-webkit-user-select:none;user-select:none}.ui-button[data-v-6b3cdfba]{width:100%}[data-v-6b3cdfba] .ui-button{font-size:14px;justify-content:space-between}[data-v-6b3cdfba] .ui-button span{opacity:.7}.ui-select.selected[data-v-6b3cdfba] .ui-button span{opacity:1}.ui-select .options[data-v-6b3cdfba]{display:flex;margin:4px 0;padding:8px;max-width:512px;width:clamp(169px,var(--width),512px);min-width:169px;position:fixed;border-radius:var(--hx-border-radius);border:1px solid var(--hx-background-transparent);flex-direction:column;background-color:var(--hx-background-secondary);transform:translate(calc(var(--width) / 2 - 50%));transition:opacity .2s;box-sizing:border-box;z-index:101}.show-dialog-enter-active[data-v-ad7af199],.show-dialog-leave-active[data-v-ad7af199]{opacity:0}.show-dialog-enter-active .content[data-v-ad7af199],.show-dialog-leave-active .content[data-v-ad7af199]{transform:scale(.65)}.dialog[data-v-ad7af199]{display:flex;padding:var(--gap-v, 4px) var(--gap-h, 4px);width:100vw;height:100vh;position:fixed;top:0;left:0;align-items:center;justify-content:center;box-sizing:border-box;transition:.2s;z-index:205}.dialog.center.start[data-v-ad7af199],.dialog.right.start[data-v-ad7af199],.dialog.left.start[data-v-ad7af199]{align-items:start}.dialog.center.end[data-v-ad7af199],.dialog.right.end[data-v-ad7af199],.dialog.left.end[data-v-ad7af199]{align-items:end}.dialog.top.start[data-v-ad7af199],.dialog.bottom.start[data-v-ad7af199]{justify-content:start}.dialog.top.end[data-v-ad7af199],.dialog.bottom.end[data-v-ad7af199]{justify-content:end}.dialog.center[data-v-ad7af199]{justify-content:center}.dialog.top[data-v-ad7af199]{align-items:start}.dialog.right[data-v-ad7af199]{justify-content:end}.dialog.bottom[data-v-ad7af199]{align-items:end}.dialog.left[data-v-ad7af199]{justify-content:start}.dialog.right .buttons[data-v-ad7af199],.dialog.top.end .buttons[data-v-ad7af199],.dialog.bottom.end .buttons[data-v-ad7af199]{left:-36px}.dialog .background[data-v-ad7af199]{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#00000095;transition:2s;z-index:1}.dialog .content[data-v-ad7af199]{padding:12px;position:relative;color:var(--hx-text-primary);border-radius:var(--hx-border-radius);border:1px solid var(--hx-background-transparent);background-color:var(--hx-background-secondary);transition:transform .2s;z-index:2}.dialog .content .header[data-v-ad7af199]{margin-bottom:12px}.dialog .content .header h2[data-v-ad7af199]{font-size:18px;font-weight:600}.dialog .content .header p[data-v-ad7af199]{margin-top:4px;font-size:14px;opacity:.7}.dialog .buttons[data-v-ad7af199]{position:absolute;top:0;left:calc(100% + 12px)}.dialog .buttons div[data-v-ad7af199]{cursor:pointer;display:flex;width:28px;height:28px;border-radius:var(--hx-border-radius);border:1px solid var(--hx-background-transparent);align-items:center;justify-content:center;background-color:var(--hx-background-secondary)}.tooltip[data-v-bccd013d]{padding:4px 8px;position:fixed;top:0;left:0;font-size:12px;border-radius:var(--hx-border-radius);border:1px solid var(--hx-background-transparent);background-color:var(--hx-background-secondary);z-index:1000}.tooltip.top[data-v-bccd013d]{--v: calc(var(--target-y) - 100% - var(--gap-v))}.tooltip.bottom[data-v-bccd013d]{--v: calc(var(--target-y) + var(--target-height) + var(--gap-v))}.tooltip.top.start[data-v-bccd013d],.tooltip.bottom.start[data-v-bccd013d]{transform:translate(var(--target-x),var(--v))}.tooltip.top.center[data-v-bccd013d],.tooltip.bottom.center[data-v-bccd013d]{transform:translate(calc(var(--target-x) + var(--target-width) / 2 - 50%),var(--v))}.tooltip.top.end[data-v-bccd013d],.tooltip.bottom.end[data-v-bccd013d]{transform:translate(calc(var(--target-x) + var(--target-width) - 100%),var(--v))}.tooltip.left[data-v-bccd013d]{--h: calc(var(--target-x) - 100% - var(--gap-h))}.tooltip.right[data-v-bccd013d]{--h: calc(var(--target-x) + var(--target-width) + var(--gap-h))}.tooltip.left.start[data-v-bccd013d],.tooltip.right.start[data-v-bccd013d]{transform:translate(var(--h),var(--target-y))}.tooltip.left.center[data-v-bccd013d],.tooltip.right.center[data-v-bccd013d]{transform:translate(var(--h),calc(var(--target-y) + var(--target-height) / 2 - 50%))}.tooltip.left.end[data-v-bccd013d],.tooltip.right.end[data-v-bccd013d]{transform:translate(var(--h),calc(var(--target-y) + var(--target-height) - 100%))}:where(div.ui-skeleton[data-v-3b7cd939]){width:var(--w);height:var(--h)}div.ui-skeleton[data-v-3b7cd939]{display:flex;position:relative;align-items:center;justify-content:center;border-radius:.5rem;background-color:var(--hx-background-secondary);overflow:hidden}div.ui-skeleton div[data-v-3b7cd939]{width:100%;height:100%}div.ui-skeleton div[data-v-3b7cd939]:before{content:"";display:block;width:0;height:100%;position:absolute;top:5%;box-shadow:0 2px 15px 9px #fff6;animation:shades-3b7cd939 2s cubic-bezier(.455,.03,.515,.955) infinite;transform:skew(-20deg);z-index:5}@keyframes shades-3b7cd939{0%{left:0%;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}img.ui-image[data-v-9ea0741f]{object-fit:cover;object-position:center;transition:opacity .2s}.fade-enter-active[data-v-9ea0741f],.fade-leave-active[data-v-9ea0741f]{transition:opacity .7s ease}.fade-enter-from[data-v-9ea0741f],.fade-leave-to[data-v-9ea0741f]{opacity:0}.ui-label[data-v-867cfe79]{font-size:14px;font-weight:600}.ui-checkbox[data-v-8c903541]{cursor:pointer;display:flex;align-items:center;font-size:14px;font-weight:600;-webkit-user-select:none;user-select:none}.ui-checkbox input[data-v-8c903541]{display:none}.ui-checkbox input+div[data-v-8c903541]{margin-right:8px;width:32px;height:18px;border-radius:25px;background-color:var(--hx-background-transparent);transition:.2s}.ui-checkbox input+div div[data-v-8c903541]{margin:1px;width:16px;height:16px;border-radius:50%;background-color:var(--hx-text-primary);transition:.2s}.ui-checkbox input:checked+div[data-v-8c903541]{background-color:var(--hx-text-primary)}.ui-checkbox input:checked+div div[data-v-8c903541]{margin:1px 1px 1px 15px;background-color:var(--hx-background-primary)}.height-enter-active[data-v-925752b4],.height-leave-active[data-v-925752b4]{transition:height var(--duration) ease-in-out;overflow:hidden;opacity:var(--opacity)}.height-enter[data-v-925752b4],.height-leave-to[data-v-925752b4]{height:0}.height-content[data-v-925752b4]{transition:all var(--duration) ease-in-out}.notification[data-v-1e6c986c]{pointer-events:all;padding:12px;max-width:512px;min-width:215px;position:relative;border-radius:.5rem;border:1px solid var(--hx-background-transparent);background-color:#0005;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.2s}.notification header[data-v-1e6c986c]{display:flex;position:relative;align-items:center}.notification header .i[data-v-1e6c986c]{margin-right:12px;position:relative}.notification header .i.icon[data-v-1e6c986c]{max-width:32px;min-width:32px;height:32px}.notification header .i.image[data-v-1e6c986c]{max-width:48px;min-width:48px;height:48px}.notification header .i.image.icon[data-v-1e6c986c] .ui-image{mask-image:radial-gradient(circle 12px at center,transparent 100%,green 0%);mask-size:84px 84px,100%;-webkit-mask-image:radial-gradient(circle 12px at center,transparent 100%,green 0%);-webkit-mask-size:84px 84px,100%}.notification header .i.image.icon .ui-icon[data-v-1e6c986c]{width:20px;height:20px;position:absolute;bottom:-6px;right:-6px;border-radius:50%;z-index:2}.notification header .i.image.icon .ui-icon[data-v-1e6c986c]:after{background-color:transparent}.notification header .i[data-v-1e6c986c] .ui-image{width:100%;height:100%;border-radius:10px}.notification header .content[data-v-1e6c986c]{max-width:100%;min-width:0}.notification header .content div[data-v-1e6c986c]{max-width:100%;text-overflow:ellipsis;overflow:hidden}.notification header .content div[data-v-1e6c986c]:nth-child(1){font-size:14px;font-weight:600;white-space:nowrap}.notification header .content div[data-v-1e6c986c]:nth-child(2){display:-webkit-box;color:var(--hx-text-primary);font-size:12px;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification ul.buttons[data-v-1e6c986c]{display:grid;margin-top:8px;border-radius:.5rem;grid-template-columns:repeat(2,1fr);gap:2px;overflow:hidden;-webkit-user-select:none;user-select:none}.notification ul.buttons li[data-v-1e6c986c]{cursor:pointer;display:flex;padding:8px;align-items:center;background-color:transparent;box-sizing:border-box;transition:.2s}.notification ul.buttons li[data-v-1e6c986c]:hover{background-color:var(--hx-background-secondary)}.notification ul.buttons li[data-v-1e6c986c]:nth-child(odd):not(:has(+li)){grid-column:span 2}.notification ul.buttons li i[data-v-1e6c986c]{margin-right:8px;font-size:14px}.notification ul.buttons li>div[data-v-1e6c986c]{max-width:100%;min-width:0}.notification ul.buttons li>div div[data-v-1e6c986c]{max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notification ul.buttons li>div div[data-v-1e6c986c]:nth-child(1){font-size:14px}.notification ul.buttons li>div div[data-v-1e6c986c]:nth-child(2){color:var(--hx-text-primary);font-size:12px}.notification ul.options[data-v-1e6c986c]{position:absolute;right:-10px;top:-10px}.notification ul.options li[data-v-1e6c986c]{cursor:pointer;display:flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--hx-background-primary);background-color:var(--hx-background-secondary)}.notification ul.options li i[data-v-1e6c986c]{font-size:14px}.group[data-v-36c3285a]{pointer-events:all;max-width:512px;min-width:215px;position:relative}.group.active header[data-v-36c3285a]{border-radius:15px 15px 0 0}.group header[data-v-36c3285a]{cursor:pointer;display:flex;padding:12px;align-items:center;border-radius:15px;background-color:var(--hx-background-secondary);transition:.2s;-webkit-user-select:none;user-select:none}.group header i[data-v-36c3285a]:nth-child(1){margin-right:8px}.group header[data-v-36c3285a] .ui-image{width:20px;height:20px;margin-right:8px;border-radius:50%}.group header .content[data-v-36c3285a]{max-width:100%;min-width:0}.group header .content div[data-v-36c3285a]{max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.group header .content div[data-v-36c3285a]:nth-child(1){font-size:12px;font-weight:700}.group header .content div[data-v-36c3285a]:nth-child(2){color:var(--hx-text-primary);font-size:10px}.group header i[data-v-36c3285a]:last-child{margin-left:auto}.group ul .notification[data-v-36c3285a]{margin-top:2px;border-radius:0}.group ul .notification[data-v-36c3285a]:last-child{border-radius:0 0 15px 15px}.ui-menu[data-v-d2b5a4ab]{display:flex;flex-direction:column}button[data-v-a57e93de]{display:flex;margin:0;padding:0;border:none;background-color:transparent;-webkit-user-select:none;user-select:none}.ui-menu-button[data-v-a57e93de]{cursor:pointer;display:flex;padding:var(--hx-padding-xl);width:100%;min-height:32px;color:var(--hx-text-primary);font-size:14px;white-space:nowrap;align-items:center;border-radius:var(--hx-border-radius);transition:background-color .2s}.ui-menu-button[data-v-a57e93de]:not(:disabled):hover{background-color:#ffffff15}.ui-menu-button[data-v-a57e93de]:disabled{cursor:not-allowed;opacity:.7}.ui-menu-button[data-v-a57e93de] svg.lucide{width:16px;height:16px}.ui-menu-button[data-v-a57e93de] svg.lucide:nth-child(1){margin-right:8px}.ui-menu-label[data-v-0943ad46]{display:flex;padding:var(--hx-padding-xl);font-size:14px;font-weight:600;align-items:center}.ui-menu-label[data-v-0943ad46] svg.lucide{margin-right:8px;width:16px;height:16px}.ui-menu-children[data-v-4cbc307c]{position:relative}.ui-menu-children[data-v-4cbc307c] .ui-menu-button:not(:disabled):hover+.children-menu{display:flex}.ui-menu-children[data-v-4cbc307c] .ui-menu-button svg.lucide:last-child{margin-left:auto}.ui-menu-children .children-menu[data-v-4cbc307c]{display:none;padding:4px;max-width:256px;min-width:128px;position:absolute;top:-5px;left:calc(100% + 8px);border-radius:var(--hx-border-radius);border:1px solid var(--hx-background-transparent);background-color:var(--hx-background-secondary);flex-direction:column;transition:opacity .2s;box-sizing:border-box}.ui-menu-children .children-menu[data-v-4cbc307c]:hover{display:flex}.ui-menu-radio[data-v-9b285e77]{cursor:pointer;display:flex;padding:var(--hx-padding-xl);width:100%;min-height:32px;font-size:14px;align-items:center;border-radius:var(--hx-border-radius);transition:background-color .2s;box-sizing:border-box}.ui-menu-radio[data-v-9b285e77]:hover{background-color:#ffffff15}.ui-menu-radio>div[data-v-9b285e77]:nth-child(2){display:flex;margin-right:8px;width:16px;height:16px;border-radius:50%;border:2px solid var(--hx-background-transparent);align-items:center;justify-content:center;box-sizing:border-box;transition:.2s}.ui-menu-radio input[data-v-9b285e77]{display:none}.ui-menu-radio input:checked+div[data-v-9b285e77]:nth-child(2){border-width:5px;background-color:var(--hx-text-primary)}.ui-menu-separator[data-v-54378c73]{margin:4px -4px;border-top:1px solid rgba(255,255,255,.0823529412)}.dark:root{--hx-padding-xl: 6px 12px;--hx-text-primary: #e8e8e8;--hx-button-text-primary: #1e1e1e;--hx-background-primary: #010101;--hx-button-background-primary: #e8e8e8;--hx-background-secondary: #1e1e1e;--hx-background-transparent: #424242;--hx-color-red: tomato;--hx-border-radius-left-top: 7px;--hx-border-radius-right-top: 7px;--hx-border-radius-left-bottom: 7px;--hx-border-radius-right-bottom: 7px;--hx-border-radius: var(--hx-border-radius-left-top) var(--hx-border-radius-right-top) var(--hx-border-radius-left-bottom) var(--hx-border-radius-right-bottom)}.light:root{--hx-padding-xl: 6px 12px;--hx-text-primary: #e8e8e8;--hx-button-text-primary: #1e1e1e;--hx-background-primary: #010101;--hx-button-background-primary: #e8e8e8;--hx-background-secondary: #1e1e1e;--hx-background-transparent: #424242;--hx-color-red: tomato;--hx-border-radius-left-top: 7px;--hx-border-radius-right-top: 7px;--hx-border-radius-left-bottom: 7px;--hx-border-radius-right-bottom: 7px;--hx-border-radius: var(--hx-border-radius-left-top) var(--hx-border-radius-right-top) var(--hx-border-radius-left-bottom) var(--hx-border-radius-right-bottom)}

package/dist/types/components/index.d.ts

@@ -1,4 +1,5 @@
 import Button from './ui/Button.vue';
+import ButtonGroup from './ui/ButtonGroup.vue';
 import Input from './ui/Input.vue';
 import Select from './ui/Select.vue';
 import Popover from './ui/Popover.vue';
@@ -6,7 +7,16 @@ import Dialog from './ui/Dialog.vue';
 import Tooltip from './ui/Tooltip.vue';
 import Image from './ui/Image.vue';
 import Skeleton from './ui/Skeleton.vue';
+import Label from './ui/Label.vue';
+import Checkbox from './ui/Checkbox.vue';
 import NotificationCard from './ui/notifications/Notification.vue';
 import NotificationGroup from './ui/notifications/Group.vue';
+import Menu from './ui/menu/Menu.vue';
+import MenuButton from './ui/menu/MenuButton.vue';
+import MenuLabel from './ui/menu/MenuLabel.vue';
+import MenuChildren from './ui/menu/MenuChildren.vue';
+import MenuGroup from './ui/menu/MenuGroup.vue';
+import MenuRadio from './ui/menu/MenuRadio.vue';
+import MenuSeparator from './ui/menu/MenuSeparator.vue';
 import AnimationHeight from './animations/Height.vue';
-export { Button, Input, Select, Popover, Dialog, Tooltip, Image, Skeleton, NotificationCard, NotificationGroup, AnimationHeight };
+export { Button, ButtonGroup, Input, Select, Popover, Dialog, Tooltip, Image, Skeleton, Label, Checkbox, NotificationCard, NotificationGroup, Menu, MenuButton, MenuLabel, MenuChildren, MenuGroup, MenuRadio, MenuSeparator, AnimationHeight };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@heito/hxui",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "description": "Vue components for heito.xyz projects",
   "license": "ISC",
   "main": "./dist/index.umd.js",
@@ -13,7 +13,10 @@
       "require": "./dist/index.umd.js",
       "style": "./dist/style.css"
     },
-    "./styles": "./dist/style.css"
+    "./styles": "./dist/style.css",
+    "./nuxt": {
+      "import": "./dist/nuxt.js"
+    }
   },
   "files": [
     "dist"
@@ -29,11 +32,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/heito-xyz/vue-components"
+    "url": "https://github.com/heito-xyz/hxui"
   },
-  "homepage": "https://github.com/heito-xyz/vue-components",
+  "homepage": "https://github.com/heito-xyz/hxui",
   "bugs": {
-    "url": "https://github.com/heito-xyz/vue-components/issues"
+    "url": "https://github.com/heito-xyz/hxui/issues"
   },
   "keywords": [
     "vue",
@@ -46,6 +49,7 @@
     "nuxt4"
   ],
   "dependencies": {
+    "@nuxt/kit": "^4.4.2",
     "vue": "^3.5.18"
   },
   "devDependencies": {
@@ -56,6 +60,7 @@
     "typescript": "^5.9.2",
     "vite": "^7.1.2",
     "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-static-copy": "^3.3.0",
     "vue-tsc": "^3.0.5"
   },
   "publishConfig": {