@heito/hxui 1.0.11

package/dist/index.umd.js

@@ -0,0 +1,56 @@
+(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"]]);/**
+ * @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};/**
+ * @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==="";/**
+ * @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();/**
+ * @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();/**
+ * @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());/**
+ * @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)};/**
+ * @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"};/**
+ * @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()]:[]]);/**
+ * @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);/**
+ * @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"}]]);/**
+ * @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"}})}));

package/dist/style.css

@@ -0,0 +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)}

package/dist/types/components/animations/Height.vue.d.ts

@@ -0,0 +1,40 @@
+declare var __VLS_12: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    showed: {
+        type: BooleanConstructor;
+    };
+    opacity: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    showed: {
+        type: BooleanConstructor;
+    };
+    opacity: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    duration: number;
+    opacity: boolean;
+    showed: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,12 @@
+import Button from './ui/Button.vue';
+import Input from './ui/Input.vue';
+import Select from './ui/Select.vue';
+import Popover from './ui/Popover.vue';
+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 NotificationCard from './ui/notifications/Notification.vue';
+import NotificationGroup from './ui/notifications/Group.vue';
+import AnimationHeight from './animations/Height.vue';
+export { Button, Input, Select, Popover, Dialog, Tooltip, Image, Skeleton, NotificationCard, NotificationGroup, AnimationHeight };

package/dist/types/components/modules/ui/SelectOption.vue.d.ts

@@ -0,0 +1,26 @@
+export type OptionType = 'option' | 'label' | 'separator';
+interface TemplateOption<Type = string> {
+    type?: Type;
+}
+export interface OptionOption extends TemplateOption<'option'> {
+    label?: string;
+    text?: string;
+    value: string | number | number;
+    disabled?: boolean;
+    useDefaultStyle?: boolean;
+}
+export interface OptionLabel extends TemplateOption<'label'> {
+    value: string;
+}
+export interface OptionSeparator extends TemplateOption<'separator'> {
+}
+export type Option = OptionOption | OptionLabel | OptionSeparator;
+type __VLS_Props = {
+    option: Option;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: MouseEvent, option: OptionOption) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((event: MouseEvent, option: OptionOption) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/components/ui/Button.vue.d.ts

@@ -0,0 +1,24 @@
+export type ButtonVariant = 'default' | 'outline' | 'secondary' | 'ghost' | 'destructive' | 'link';
+type __VLS_Props = {
+    variant?: ButtonVariant;
+    disabled?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: MouseEvent) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    variant: ButtonVariant;
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/ui/ButtonGroup.vue.d.ts

@@ -0,0 +1,12 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/ui/Checkbox.vue.d.ts

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    label?: string;
+    name: string;
+    value?: string | number | boolean;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: any;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {
+    value: string | number | boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/ui/Dialog.vue.d.ts

@@ -0,0 +1,56 @@
+import { type StyleValue } from 'vue';
+export type Side = 'top' | 'right' | 'bottom' | 'left' | 'center';
+export type Align = 'start' | 'end';
+export interface DefaultSlotProps {
+    show(event: MouseEvent): void;
+    hide(): void;
+    toggle(event: MouseEvent): void;
+    isOpened: boolean;
+}
+export interface DialogButton {
+    icon?: string;
+    label: string;
+    text?: string;
+    click?: (event: MouseEvent) => void;
+}
+type TransitionOptions = string | {
+    name: string;
+};
+type __VLS_Slots = {
+    default(props: DefaultSlotProps): void;
+    content(props: DefaultSlotProps): void;
+    title(): void;
+    description(): void;
+};
+type __VLS_Props = {
+    title?: string;
+    description?: string;
+    side?: Side | [Side, Align];
+    transition?: TransitionOptions;
+    collisionPadding?: number | [number, number];
+    closeOnClickOutside?: boolean;
+    buttons?: Array<DialogButton>;
+    style?: StyleValue;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    show: () => any;
+    hide: () => any;
+    "update:open": (bool: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onShow?: (() => any) | undefined;
+    onHide?: (() => any) | undefined;
+    "onUpdate:open"?: ((bool: boolean) => any) | undefined;
+}>, {
+    side: Side | [Side, Align];
+    transition: TransitionOptions;
+    collisionPadding: number | [number, number];
+    closeOnClickOutside: boolean;
+    buttons: Array<DialogButton>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/ui/Image.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    src: string;
+    alt?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/components/ui/Input.vue.d.ts

@@ -0,0 +1,41 @@
+type Type = 'text' | 'password';
+type InputEvent = Event & {
+    target: HTMLInputElement;
+};
+interface Props {
+    type?: Type;
+    disabled?: boolean;
+    placeholder?: string;
+    min?: number;
+    max?: number;
+}
+type __VLS_Slots = {
+    before(): any;
+    after(): any;
+};
+type __VLS_Props = Props;
+type __VLS_PublicProps = __VLS_Props & {
+    'value'?: any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (event: FocusEvent) => void;
+    change: (event: InputEvent) => void;
+    focus: (event: FocusEvent) => void;
+    input: (event: InputEvent) => void;
+    "update:value": (value: any) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onChange?: ((event: InputEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onInput?: ((event: InputEvent) => any) | undefined;
+    "onUpdate:value"?: ((value: any) => any) | undefined;
+}>, {
+    type: Type;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/ui/Label.vue.d.ts

@@ -0,0 +1,12 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/ui/Popover.vue.d.ts

@@ -0,0 +1,45 @@
+import { type HTMLAttributes } from 'vue';
+export type Side = 'top' | 'right' | 'bottom' | 'left';
+export type Align = 'start' | 'center' | 'end';
+interface DefaultSlotProps {
+    show(event: MouseEvent): void;
+    hide(): void;
+    toggle(event: MouseEvent): void;
+    isOpened: boolean;
+}
+type TransitionOptions = string | {
+    name: string;
+};
+type __VLS_Slots = {
+    default(props: DefaultSlotProps): void;
+    content(): void;
+};
+type __VLS_Props = {
+    side?: Side | [Side, Align];
+    fixed?: boolean;
+    transition?: TransitionOptions;
+    collisionPadding?: number | [number, number];
+    closeOnClickOutside?: boolean;
+    style?: HTMLAttributes['style'];
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    show: () => any;
+    hide: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onShow?: (() => any) | undefined;
+    onHide?: (() => any) | undefined;
+}>, {
+    style: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+    fixed: boolean;
+    side: Side | [Side, Align];
+    transition: TransitionOptions;
+    collisionPadding: number | [number, number];
+    closeOnClickOutside: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/ui/Select.vue.d.ts

@@ -0,0 +1,33 @@
+import { type OptionOption, type Option, type OptionType } from '../modules/ui/SelectOption.vue';
+type __VLS_Props = {
+    value?: string | number | boolean;
+    placeholder?: string;
+    disabled?: boolean;
+    side?: 'top' | 'bottom';
+    options?: Array<Option & Partial<{
+        type: OptionType;
+    }>>;
+};
+declare var __VLS_26: {
+    option: Option;
+    index: number;
+    select: () => void;
+};
+type __VLS_Slots = {} & {
+    option?: (props: typeof __VLS_26) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (option: OptionOption) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((option: OptionOption) => any) | undefined;
+}>, {
+    disabled: boolean;
+    side: "top" | "bottom";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/ui/Skeleton.vue.d.ts

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    ready: boolean;
+    w?: string;
+    h?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    content?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    ready: boolean;
+    w: string;
+    h: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/ui/Tooltip.vue.d.ts

@@ -0,0 +1,31 @@
+import { type VNode } from 'vue';
+export type Side = 'top' | 'right' | 'bottom' | 'left';
+export type Align = 'start' | 'center' | 'end';
+type __VLS_Slots = {
+    trigger(): Array<VNode>;
+    default(): Array<VNode>;
+};
+type __VLS_Props = {
+    side?: Side | [Side, Align];
+    collisionPadding?: number | [number, number];
+    delay?: number;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    'open'?: boolean;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
+}>, {
+    side: Side | [Side, Align];
+    collisionPadding: number | [number, number];
+    delay: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/ui/menu/Menu.vue.d.ts

@@ -0,0 +1,19 @@
+type OptionType = 'button' | 'seperator';
+interface Option {
+    type: OptionType;
+}
+type __VLS_Props = {
+    options?: Array<Option>;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/ui/menu/MenuButton.vue.d.ts

@@ -0,0 +1,15 @@
+type __VLS_Props = {
+    disabled?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/ui/menu/MenuChildren.vue.d.ts

@@ -0,0 +1,22 @@
+type OptionType = 'button' | 'seperator';
+interface Option {
+    type: OptionType;
+}
+type __VLS_Props = {
+    disabled?: boolean;
+    options?: Array<Option>;
+};
+declare var __VLS_5: {}, __VLS_12: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+} & {
+    content?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/ui/menu/MenuGroup.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/components/ui/menu/MenuLabel.vue.d.ts

@@ -0,0 +1,12 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};