@huntflow/ui 0.0.46 → 0.0.48

package/dist/ui.cjs.js

@@ -1,2 +1,2 @@
-(function(){"use strict";var r;try{if(typeof document<"u"){var o=document.createElement("style");o.nonce=(r=document.head.querySelector("meta[property=csp-nonce]"))==null?void 0:r.content,o.appendChild(document.createTextNode("._button_d4llw_1{position:relative;display:inline-flex;align-items:center;font-weight:500;justify-content:center;border:none;border-radius:var(--hf-button-border-radius);cursor:pointer;transition:background-color .3s,box-shadow .3s}._button_d4llw_1:focus{outline:none}._primary_d4llw_19{color:var(--hf-button-primary-text-color);border:1px solid var(--hf-button-primary-background-color);background-color:var(--hf-button-primary-background-color)}._primary_d4llw_19:hover{background-color:var(--hf-button-primary-hover-background-color)}._primary_d4llw_19:focus{box-shadow:0 0 0 3px var(--hf-button-primary-focus-color)}._primary_d4llw_19._bordered_d4llw_34{background-color:#fff;color:var(--hf-button-primary-background-color);border:1px solid var(--hf-button-primary-background-color)}._danger_d4llw_40{color:var(--hf-button-danger-text-color);background-color:var(--hf-button-danger-background-color)}._danger_d4llw_40:hover{background-color:var(--hf-button-danger-hover-background-color)}._danger_d4llw_40:focus{box-shadow:0 0 0 3px var(--hf-button-danger-focus-color)}._danger_d4llw_40._bordered_d4llw_34{background-color:#fff;color:var(--hf-button-danger-background-color);border:1px solid var(--hf-button-danger-background-color)}._default_d4llw_59{background-color:#fff;color:var(--hf-button-default-text-color);border:1px solid var(--hf-button-default-border-color)}._default_d4llw_59:hover{background-color:var(--hf-button-default-hover-background-color)}._default_d4llw_59:focus{box-shadow:0 0 0 3px var(--hf-button-default-focus-color)}._link_d4llw_73{background-color:#fff;color:#007bff;text-decoration:underline}._block_d4llw_79{width:100%}._disabled_d4llw_83{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}._disabled_d4llw_83:hover{background-color:inherit}._loading_d4llw_93{cursor:wait}._loading_d4llw_93 ._content_d4llw_96{visibility:hidden}._circle_d4llw_101{border-radius:100%;padding:0!important}._bordered_d4llw_34{border:1px solid currentColor}._icon_d4llw_110{display:flex;align-items:center}._iconLeft_d4llw_115{margin-right:8px}._iconRight_d4llw_119{margin-left:8px}._xs_d4llw_123{padding:4px 8px;font-size:12px}._s_d4llw_128{padding:6px 12px;font-size:14px;line-height:20px}._m_d4llw_134{padding:6px 12px;font-size:15px;line-height:24px}._l_d4llw_73{padding:16px 32px;font-size:18px}._xl_d4llw_145{padding:20px 40px;font-size:20px}._loadingWrapper_d4llw_150{width:100%;height:100%;position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center}._loadingWrapper_d4llw_150 ._spinner_d4llw_161{display:inline-block;position:absolute;right:0;left:0;margin:0 auto;width:16px;height:16px;border:2px solid rgba(0,0,0,.05);border-top-color:#fff;border-radius:50%;animation:_spin_d4llw_161 .6s linear infinite}@keyframes _spin_d4llw_161{to{transform:rotate(360deg)}}._wrapper_f5n0f_1{display:flex;flex-direction:column}._label_f5n0f_6{margin-bottom:4px;font-size:15px;font-weight:500;line-height:20px}._container_f5n0f_13{position:relative;display:flex;align-items:center}._input_f5n0f_19{flex:1;padding:8px 12px;font-size:15px;line-height:24px;border:1px solid #00000029;border-radius:12px;outline:none;transition:border-color .3s}._input_f5n0f_19._error_f5n0f_29{border:1px solid #FF0000}._input_f5n0f_19._error_f5n0f_29:focus{outline:3px solid #FFD6D6}._input_f5n0f_19:focus{outline:3px solid #C4EDFA}._xs_f5n0f_41{padding:4px 8px;font-size:12px}._s_f5n0f_46{padding:6px 10px;font-size:13px}._m_f5n0f_51{padding:8px 12px;font-size:14px}._l_f5n0f_6{padding:10px 14px;font-size:16px}._xl_f5n0f_61{padding:12px 16px;font-size:18px}._disabled_f5n0f_66{background-color:#e9ecef;cursor:not-allowed}._errorText_f5n0f_71{margin-top:4px;font-size:14px;line-height:20px;color:red}._prefix_f5n0f_78,._suffix_f5n0f_79{position:absolute;display:flex;align-items:center;color:#6c757d}._prefix_f5n0f_78{left:8px}._suffix_f5n0f_79{right:8px}._loading_f5n0f_94{cursor:wait}._spinner_f5n0f_98{position:absolute;right:8px;width:16px;height:16px;border:2px solid rgba(0,0,0,.2);border-top-color:#007bff;border-radius:50%;animation:_spin_f5n0f_98 .6s linear infinite}@keyframes _spin_f5n0f_98{to{transform:rotate(360deg)}}")),document.head.appendChild(o)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}})();
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),p="_button_d4llw_1",_="_primary_d4llw_19",f="_bordered_d4llw_34",m="_danger_d4llw_40",u="_link_d4llw_73",b="_block_d4llw_79",k="_disabled_d4llw_83",y="_loading_d4llw_93",g="_content_d4llw_96",B="_circle_d4llw_101",C="_icon_d4llw_110",w="_iconLeft_d4llw_115",h="_iconRight_d4llw_119",$="_xs_d4llw_123",v="_s_d4llw_128",z="_m_d4llw_134",N="_l_d4llw_73",E="_xl_d4llw_145",V="_loadingWrapper_d4llw_150",I="_spinner_d4llw_161",S="_spin_d4llw_161",l={button:p,primary:_,bordered:f,danger:m,default:"_default_d4llw_59",link:u,block:b,disabled:k,loading:y,content:g,circle:B,icon:C,iconLeft:w,iconRight:h,xs:$,s:v,m:z,l:N,xl:E,loadingWrapper:V,spinner:I,spin:S},T=["name","type","disabled"],L=e.defineComponent({__name:"button",props:{size:{},className:{},type:{},leftIcon:{},rightIcon:{},block:{type:Boolean},disabled:{type:Boolean},loading:{type:Boolean},active:{type:Boolean},name:{},circle:{type:Boolean},bordered:{type:Boolean},htmlType:{}},emits:["click"],setup(a,{emit:i}){const o=a,r=i,c=e.computed(()=>[l.button,l[o.size||"m"],l[o.type||"default"],{[l.block]:o.block,[l.disabled]:o.disabled,[l.loading]:o.loading,[l.active]:o.active,[l.circle]:o.circle,[l.bordered]:o.bordered},o.className]),d=()=>{r("click")};return(s,n)=>(e.openBlock(),e.createElementBlock("button",{name:s.name,class:e.normalizeClass(c.value),type:s.htmlType,disabled:s.disabled||s.loading,onClick:d},[s.loading?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(l).loadingWrapper)},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(l).spinner)},null,2)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",null,[s.leftIcon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(l).icon,e.unref(l).iconLeft])},[e.renderSlot(s.$slots,"leftIcon",{icon:s.leftIcon})],2)):e.createCommentVNode("",!0),s.$slots.default?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(l).content)},[e.renderSlot(s.$slots,"default")],2)):e.createCommentVNode("",!0),s.rightIcon?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass([e.unref(l).icon,e.unref(l).iconRight])},[e.renderSlot(s.$slots,"rightIcon",{icon:s.rightIcon})],2)):e.createCommentVNode("",!0)])],10,T))}}),R="_wrapper_f5n0f_1",W="_label_f5n0f_6",D="_container_f5n0f_13",j="_input_f5n0f_19",q="_error_f5n0f_29",x="_xs_f5n0f_41",K="_s_f5n0f_46",M="_m_f5n0f_51",O="_l_f5n0f_6",P="_xl_f5n0f_61",A="_disabled_f5n0f_66",F="_errorText_f5n0f_71",G="_prefix_f5n0f_78",H="_suffix_f5n0f_79",J="_loading_f5n0f_94",Q="_spinner_f5n0f_98",U="_spin_f5n0f_98",t={wrapper:R,label:W,container:D,input:j,error:q,xs:x,s:K,m:M,l:O,xl:P,disabled:A,errorText:F,prefix:G,suffix:H,loading:J,spinner:Q,spin:U},X=["for"],Y=["id","value","name","type","disabled","placeholder"],Z=e.defineComponent({__name:"input",props:{value:{},type:{},id:{},name:{},disabled:{type:Boolean},label:{},placeholder:{},loading:{type:Boolean},error:{},size:{},className:{}},emits:["update:value","enter"],setup(a,{emit:i}){const o=a,r=i,c=e.computed(()=>[t.input,t[o.size||"m"],{[t.disabled]:o.disabled,[t.error]:o.error,[t.loading]:o.loading},o.className]),d=n=>{r("update:value",n.target.value)},s=n=>{n.key==="Enter"&&r("enter")};return(n,ee)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t).wrapper)},[n.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:n.id,class:e.normalizeClass(e.unref(t).label)},e.toDisplayString(n.label),11,X)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).container)},[n.$slots.prefix?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(t).prefix)},[e.renderSlot(n.$slots,"prefix")],2)):e.createCommentVNode("",!0),e.createElementVNode("input",{id:n.id,value:n.value,name:n.name,type:n.type||"text",disabled:n.disabled||n.loading,placeholder:n.placeholder,class:e.normalizeClass(c.value),onInput:d,onKeydown:s},null,42,Y),n.$slots.suffix?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(t).suffix)},[e.renderSlot(n.$slots,"suffix")],2)):e.createCommentVNode("",!0),n.loading?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(e.unref(t).spinner)},null,2)):e.createCommentVNode("",!0)],2),n.error?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(e.unref(t).errorText)},e.toDisplayString(n.error),3)):e.createCommentVNode("",!0)],2))}});exports.BaseButton=L;exports.BaseInput=Z;
+(function(){"use strict";var e;try{if(typeof document<"u"){var o=document.createElement("style");o.nonce=(e=document.head.querySelector("meta[property=csp-nonce]"))==null?void 0:e.content,o.appendChild(document.createTextNode('._button_1ey6t_1{position:relative;display:inline-flex;align-items:center;font-weight:500;justify-content:center;border:none;border-radius:var(--hf-button-border-radius);cursor:pointer;transition:background-color .3s,box-shadow .3s}._button_1ey6t_1 ._contentWrapper_1ey6t_13{display:flex;align-items:center}._button_1ey6t_1:focus{outline:none}._primary_1ey6t_23{color:var(--hf-button-primary-text-color);border:1px solid var(--hf-button-primary-background-color);background-color:var(--hf-button-primary-background-color)}._primary_1ey6t_23:hover{background-color:var(--hf-button-primary-hover-background-color)}._primary_1ey6t_23:focus{box-shadow:0 0 0 3px var(--hf-button-primary-focus-color)}._primary_1ey6t_23._bordered_1ey6t_38{background-color:#fff;color:var(--hf-button-primary-background-color);border:1px solid var(--hf-button-primary-background-color)}._danger_1ey6t_44{color:var(--hf-button-danger-text-color);border:1px solid var(--hf-button-danger-background-color);background-color:var(--hf-button-danger-background-color)}._danger_1ey6t_44:hover{background-color:var(--hf-button-danger-hover-background-color)}._danger_1ey6t_44:focus{box-shadow:0 0 0 3px var(--hf-button-danger-focus-color)}._danger_1ey6t_44._bordered_1ey6t_38{background-color:#fff;color:var(--hf-button-danger-background-color);border:1px solid var(--hf-button-danger-background-color)}._default_1ey6t_64{background-color:#fff;color:var(--hf-button-default-text-color);border:1px solid var(--hf-button-default-border-color)}._default_1ey6t_64:hover{background-color:var(--hf-button-default-hover-background-color)}._default_1ey6t_64:focus{box-shadow:0 0 0 3px var(--hf-button-default-focus-color)}._link_1ey6t_78{background-color:#fff;color:#007bff;text-decoration:underline}._block_1ey6t_84{width:100%}._disabled_1ey6t_88{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}._disabled_1ey6t_88:hover{background-color:inherit}._loading_1ey6t_98{cursor:wait}._loading_1ey6t_98 ._content_1ey6t_13{visibility:hidden}._circle_1ey6t_106{border-radius:100%;padding:0!important}._bordered_1ey6t_38{border:1px solid currentColor}._icon_1ey6t_115{display:flex;align-items:center}._iconLeft_1ey6t_120{margin-right:8px}._iconRight_1ey6t_124{margin-left:8px}._xs_1ey6t_128{padding:4px 8px;font-size:12px}._s_1ey6t_133{padding:6px 12px;font-size:14px;line-height:20px}._m_1ey6t_139{padding:6px 12px;font-size:15px;line-height:24px}._l_1ey6t_78{padding:16px 32px;font-size:18px}._xl_1ey6t_150{padding:20px 40px;font-size:20px}._loadingWrapper_1ey6t_155{width:100%;height:100%;position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center}._loadingWrapper_1ey6t_155 ._spinner_1ey6t_166{display:inline-block;position:absolute;right:0;left:0;margin:0 auto;width:16px;height:16px;border:2px solid rgba(0,0,0,.05);border-top-color:#fff;border-radius:50%;animation:_spin_1ey6t_166 .6s linear infinite}@keyframes _spin_1ey6t_166{to{transform:rotate(360deg)}}._wrapper_f5n0f_1{display:flex;flex-direction:column}._label_f5n0f_6{margin-bottom:4px;font-size:15px;font-weight:500;line-height:20px}._container_f5n0f_13{position:relative;display:flex;align-items:center}._input_f5n0f_19{flex:1;padding:8px 12px;font-size:15px;line-height:24px;border:1px solid #00000029;border-radius:12px;outline:none;transition:border-color .3s}._input_f5n0f_19._error_f5n0f_29{border:1px solid #FF0000}._input_f5n0f_19._error_f5n0f_29:focus{outline:3px solid #FFD6D6}._input_f5n0f_19:focus{outline:3px solid #C4EDFA}._xs_f5n0f_41{padding:4px 8px;font-size:12px}._s_f5n0f_46{padding:6px 10px;font-size:13px}._m_f5n0f_51{padding:8px 12px;font-size:14px}._l_f5n0f_6{padding:10px 14px;font-size:16px}._xl_f5n0f_61{padding:12px 16px;font-size:18px}._disabled_f5n0f_66{background-color:#e9ecef;cursor:not-allowed}._errorText_f5n0f_71{margin-top:4px;font-size:14px;line-height:20px;color:red}._prefix_f5n0f_78,._suffix_f5n0f_79{position:absolute;display:flex;align-items:center;color:#6c757d}._prefix_f5n0f_78{left:8px}._suffix_f5n0f_79{right:8px}._loading_f5n0f_94{cursor:wait}._spinner_f5n0f_98{position:absolute;right:8px;width:16px;height:16px;border:2px solid rgba(0,0,0,.2);border-top-color:#007bff;border-radius:50%;animation:_spin_f5n0f_98 .6s linear infinite}@keyframes _spin_f5n0f_98{to{transform:rotate(360deg)}}._label_jcdiv_1{display:flex;align-items:center;gap:8px;height:20px}._label_jcdiv_1._disabled_jcdiv_7{color:gray;cursor:not-allowed}._label_jcdiv_1 span{margin-top:-5px}._input_jcdiv_17[type=checkbox]{vertical-align:-2px;margin:0;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;width:16px;height:16px;border:1px solid #25CFE8;transform:translateY(-.075em);display:grid;place-content:center}._input_jcdiv_17._error_jcdiv_30[type=checkbox]{border:1px solid #FF0000}._input_jcdiv_17[type=checkbox]:before{content:"";width:16px;height:16px;clip-path:polygon(0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%);transform:scale(0);transform-origin:bottom left;transition:.12s transform ease-in-out;background-color:#25cfe8;border-radius:4px}._input_jcdiv_17[type=checkbox]:checked:before{transform:scale(1)}._input_jcdiv_17[type=checkbox]:focus{outline:2px solid #C4EDFA}._input_jcdiv_17._error_jcdiv_30[type=checkbox]:focus{outline:2px solid #FFD6D6}._input_jcdiv_17[type=checkbox]:disabled{border-color:#00000029;opacity:30%;color:#000;cursor:not-allowed}._text_jcdiv_70{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:15px;line-height:20px}._errorText_jcdiv_76{color:red;font-size:12px}._icon_1p8iz_2{font-style:normal;display:inline-block;vertical-align:middle}')),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),f="_button_1ey6t_1",y="_contentWrapper_1ey6t_13",b="_primary_1ey6t_23",k="_bordered_1ey6t_38",v="_danger_1ey6t_44",g="_link_1ey6t_78",B="_block_1ey6t_84",h="_disabled_1ey6t_88",$="_loading_1ey6t_98",C="_content_1ey6t_13",E="_circle_1ey6t_106",z="_icon_1ey6t_115",N="_iconLeft_1ey6t_120",V="_iconRight_1ey6t_124",S="_xs_1ey6t_128",I="_s_1ey6t_133",M="_m_1ey6t_139",x="_l_1ey6t_78",T="_xl_1ey6t_150",w="_loadingWrapper_1ey6t_155",W="_spinner_1ey6t_166",j="_spin_1ey6t_166",r={button:f,contentWrapper:y,primary:b,bordered:k,danger:v,default:"_default_1ey6t_64",link:g,block:B,disabled:h,loading:$,content:C,circle:E,icon:z,iconLeft:N,iconRight:V,xs:S,s:I,m:M,l:x,xl:T,loadingWrapper:w,spinner:W,spin:j},D=["name","type","disabled"],L=e.defineComponent({__name:"button",props:{size:{default:"m"},className:{},type:{default:"default"},block:{type:Boolean},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},active:{type:Boolean,default:!1},name:{},circle:{type:Boolean,default:!1},bordered:{type:Boolean,default:!1},htmlType:{}},emits:["click"],setup(a){const o=a,l=e.computed(()=>[r.button,r[o.size],r[o.type],{[r.block]:o.block,[r.disabled]:o.disabled,[r.loading]:o.loading,[r.active]:o.active,[r.circle]:o.circle,[r.bordered]:o.bordered},o.className]);return(t,n)=>(e.openBlock(),e.createElementBlock("button",{name:t.name,class:e.normalizeClass(l.value),type:t.htmlType,disabled:t.disabled,onClick:n[0]||(n[0]=i=>t.$emit("click"))},[t.loading?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(r).loadingWrapper)},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(r).spinner)},null,2)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).contentWrapper)},[t.$slots.leftIcon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(r).icon,e.unref(r).iconLeft])},[e.renderSlot(t.$slots,"leftIcon")],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(e.unref(r).content)},[e.renderSlot(t.$slots,"default")],2),t.$slots.rightIcon?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([e.unref(r).icon,e.unref(r).iconRight])},[e.renderSlot(t.$slots,"rightIcon")],2)):e.createCommentVNode("",!0)],2)],10,D))}}),R="_wrapper_f5n0f_1",O="_label_f5n0f_6",P="_container_f5n0f_13",U="_input_f5n0f_19",q="_error_f5n0f_29",A="_xs_f5n0f_41",K="_s_f5n0f_46",F="_m_f5n0f_51",G="_l_f5n0f_6",H="_xl_f5n0f_61",J="_disabled_f5n0f_66",Q="_errorText_f5n0f_71",X="_prefix_f5n0f_78",Y="_suffix_f5n0f_79",Z="_loading_f5n0f_94",ee="_spinner_f5n0f_98",ne="_spin_f5n0f_98",c={wrapper:R,label:O,container:P,input:U,error:q,xs:A,s:K,m:F,l:G,xl:H,disabled:J,errorText:Q,prefix:X,suffix:Y,loading:Z,spinner:ee,spin:ne},te=["for"],oe=["id","name","type","disabled","placeholder"],se=e.defineComponent({__name:"input",props:e.mergeModels({value:{},type:{default:"text"},id:{},name:{},disabled:{type:Boolean},label:{},placeholder:{},loading:{type:Boolean},error:{},size:{default:"m"},className:{}},{value:{},valueModifiers:{}}),emits:e.mergeModels(["update:value","enter"],["update:value"]),setup(a,{emit:o}){const l=e.useModel(a,"value"),t=a,n=o,i=e.computed(()=>[c.input,c[t.size],{[c.disabled]:t.disabled,[c.error]:t.error,[c.loading]:t.loading},t.className]),p=s=>{n("update:value",s.target.value)},m=s=>{s.key==="Enter"&&n("enter")};return(s,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(c).wrapper)},[s.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:s.id,class:e.normalizeClass(e.unref(c).label)},e.toDisplayString(s.label),11,te)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(c).container)},[s.$slots.prefix?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(c).prefix)},[e.renderSlot(s.$slots,"prefix")],2)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{id:s.id,"onUpdate:modelValue":u[0]||(u[0]=_=>l.value=_),name:s.name,type:s.type,disabled:s.disabled||s.loading,placeholder:s.placeholder,class:e.normalizeClass(i.value),onInput:p,onKeydown:m},null,42,oe),[[e.vModelDynamic,l.value]]),s.$slots.suffix?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(c).suffix)},[e.renderSlot(s.$slots,"suffix")],2)):e.createCommentVNode("",!0),s.loading?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(e.unref(c).spinner)},null,2)):e.createCommentVNode("",!0)],2),s.error?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(e.unref(c).errorText)},e.toDisplayString(s.error),3)):e.createCommentVNode("",!0)],2))}}),le="_label_jcdiv_1",re="_disabled_jcdiv_7",ae="_input_jcdiv_17",ce="_error_jcdiv_30",ie="_text_jcdiv_70",de="_errorText_jcdiv_76",d={label:le,disabled:re,input:ae,error:ce,text:ie,errorText:de},pe=["for"],ue=["id","name","disabled"],me=e.defineComponent({__name:"checkbox",props:e.mergeModels({id:{},name:{},disabled:{type:Boolean},label:{},error:{},className:{}},{checked:{type:Boolean},checkedModifiers:{}}),emits:["update:checked"],setup(a){const o=e.useModel(a,"checked"),l=a,t=e.computed(()=>[d.label,{[d.disabled]:l.disabled},l.className]);return(n,i)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("label",{for:n.id,class:e.normalizeClass(t.value)},[e.withDirectives(e.createElementVNode("input",{id:n.id,"onUpdate:modelValue":i[0]||(i[0]=p=>o.value=p),name:n.name,type:"checkbox",disabled:n.disabled,class:e.normalizeClass([e.unref(d).input,{[e.unref(d).error]:!!l.error}])},null,10,ue),[[e.vModelCheckbox,o.value]]),n.$slots.default?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(d).text)},[e.renderSlot(n.$slots,"default")],2)):e.createCommentVNode("",!0)],10,pe),n.error?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(d).errorText)},e.toDisplayString(n.error),3)):e.createCommentVNode("",!0)]))}}),_e=["aria-label","width","height"],fe=["xlink:href"],ye=e.defineComponent({__name:"icon",props:{type:{},color:{},block:{type:Boolean}},setup(a){const o=a,l=e.computed(()=>{const n=o.type.match(/(\d+)$/);return n?parseInt(n[1],10):16}),t=e.computed(()=>{const n={};return o.color&&(n.color=o.color),o.block&&(n.display="block"),n});return(n,i)=>(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(n.$style.icon),"aria-label":n.type,style:e.normalizeStyle(t.value),role:"img",width:l.value,height:l.value},[e.createElementVNode("use",{"xlink:href":`../assets/sprite.svg#${n.type}`},null,8,fe)],14,_e))}}),be="_icon_1p8iz_2",ke={icon:be},ve=(a,o)=>{const l=a.__vccOpts||a;for(const[t,n]of o)l[t]=n;return l},ge={$style:ke},Be=ve(ye,[["__cssModules",ge]]),he=()=>{const a="huntflow-uikit-icons-sprite",o="/src/assets/sprite.svg";if(!document.getElementById(a)){const l=document.createElement("svg");l.style.display="none",l.id=a;const t=document.createElement("defs"),n=document.createElement("use");n.setAttribute("href",`${o}`),t.appendChild(n),l.appendChild(t),document.body.appendChild(l)}};exports.BaseButton=L;exports.BaseCheckbox=me;exports.BaseIcon=Be;exports.BaseInput=se;exports.useIcons=he;

package/dist/ui.es.js

@@ -1,123 +1,121 @@
-(function(){"use strict";var r;try{if(typeof document<"u"){var o=document.createElement("style");o.nonce=(r=document.head.querySelector("meta[property=csp-nonce]"))==null?void 0:r.content,o.appendChild(document.createTextNode("._button_d4llw_1{position:relative;display:inline-flex;align-items:center;font-weight:500;justify-content:center;border:none;border-radius:var(--hf-button-border-radius);cursor:pointer;transition:background-color .3s,box-shadow .3s}._button_d4llw_1:focus{outline:none}._primary_d4llw_19{color:var(--hf-button-primary-text-color);border:1px solid var(--hf-button-primary-background-color);background-color:var(--hf-button-primary-background-color)}._primary_d4llw_19:hover{background-color:var(--hf-button-primary-hover-background-color)}._primary_d4llw_19:focus{box-shadow:0 0 0 3px var(--hf-button-primary-focus-color)}._primary_d4llw_19._bordered_d4llw_34{background-color:#fff;color:var(--hf-button-primary-background-color);border:1px solid var(--hf-button-primary-background-color)}._danger_d4llw_40{color:var(--hf-button-danger-text-color);background-color:var(--hf-button-danger-background-color)}._danger_d4llw_40:hover{background-color:var(--hf-button-danger-hover-background-color)}._danger_d4llw_40:focus{box-shadow:0 0 0 3px var(--hf-button-danger-focus-color)}._danger_d4llw_40._bordered_d4llw_34{background-color:#fff;color:var(--hf-button-danger-background-color);border:1px solid var(--hf-button-danger-background-color)}._default_d4llw_59{background-color:#fff;color:var(--hf-button-default-text-color);border:1px solid var(--hf-button-default-border-color)}._default_d4llw_59:hover{background-color:var(--hf-button-default-hover-background-color)}._default_d4llw_59:focus{box-shadow:0 0 0 3px var(--hf-button-default-focus-color)}._link_d4llw_73{background-color:#fff;color:#007bff;text-decoration:underline}._block_d4llw_79{width:100%}._disabled_d4llw_83{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}._disabled_d4llw_83:hover{background-color:inherit}._loading_d4llw_93{cursor:wait}._loading_d4llw_93 ._content_d4llw_96{visibility:hidden}._circle_d4llw_101{border-radius:100%;padding:0!important}._bordered_d4llw_34{border:1px solid currentColor}._icon_d4llw_110{display:flex;align-items:center}._iconLeft_d4llw_115{margin-right:8px}._iconRight_d4llw_119{margin-left:8px}._xs_d4llw_123{padding:4px 8px;font-size:12px}._s_d4llw_128{padding:6px 12px;font-size:14px;line-height:20px}._m_d4llw_134{padding:6px 12px;font-size:15px;line-height:24px}._l_d4llw_73{padding:16px 32px;font-size:18px}._xl_d4llw_145{padding:20px 40px;font-size:20px}._loadingWrapper_d4llw_150{width:100%;height:100%;position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center}._loadingWrapper_d4llw_150 ._spinner_d4llw_161{display:inline-block;position:absolute;right:0;left:0;margin:0 auto;width:16px;height:16px;border:2px solid rgba(0,0,0,.05);border-top-color:#fff;border-radius:50%;animation:_spin_d4llw_161 .6s linear infinite}@keyframes _spin_d4llw_161{to{transform:rotate(360deg)}}._wrapper_f5n0f_1{display:flex;flex-direction:column}._label_f5n0f_6{margin-bottom:4px;font-size:15px;font-weight:500;line-height:20px}._container_f5n0f_13{position:relative;display:flex;align-items:center}._input_f5n0f_19{flex:1;padding:8px 12px;font-size:15px;line-height:24px;border:1px solid #00000029;border-radius:12px;outline:none;transition:border-color .3s}._input_f5n0f_19._error_f5n0f_29{border:1px solid #FF0000}._input_f5n0f_19._error_f5n0f_29:focus{outline:3px solid #FFD6D6}._input_f5n0f_19:focus{outline:3px solid #C4EDFA}._xs_f5n0f_41{padding:4px 8px;font-size:12px}._s_f5n0f_46{padding:6px 10px;font-size:13px}._m_f5n0f_51{padding:8px 12px;font-size:14px}._l_f5n0f_6{padding:10px 14px;font-size:16px}._xl_f5n0f_61{padding:12px 16px;font-size:18px}._disabled_f5n0f_66{background-color:#e9ecef;cursor:not-allowed}._errorText_f5n0f_71{margin-top:4px;font-size:14px;line-height:20px;color:red}._prefix_f5n0f_78,._suffix_f5n0f_79{position:absolute;display:flex;align-items:center;color:#6c757d}._prefix_f5n0f_78{left:8px}._suffix_f5n0f_79{right:8px}._loading_f5n0f_94{cursor:wait}._spinner_f5n0f_98{position:absolute;right:8px;width:16px;height:16px;border:2px solid rgba(0,0,0,.2);border-top-color:#007bff;border-radius:50%;animation:_spin_f5n0f_98 .6s linear infinite}@keyframes _spin_f5n0f_98{to{transform:rotate(360deg)}}")),document.head.appendChild(o)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}})();
-import { defineComponent as g, computed as w, openBlock as i, createElementBlock as r, normalizeClass as o, unref as t, createElementVNode as p, createCommentVNode as d, renderSlot as c, toDisplayString as y } from "vue";
-const k = "_button_d4llw_1", h = "_primary_d4llw_19", $ = "_bordered_d4llw_34", v = "_danger_d4llw_40", B = "_link_d4llw_73", I = "_block_d4llw_79", C = "_disabled_d4llw_83", N = "_loading_d4llw_93", T = "_content_d4llw_96", z = "_circle_d4llw_101", L = "_icon_d4llw_110", R = "_iconLeft_d4llw_115", W = "_iconRight_d4llw_119", E = "_xs_d4llw_123", x = "_s_d4llw_128", S = "_m_d4llw_134", V = "_l_d4llw_73", D = "_xl_d4llw_145", K = "_loadingWrapper_d4llw_150", j = "_spinner_d4llw_161", q = "_spin_d4llw_161", n = {
-  button: k,
-  primary: h,
-  bordered: $,
-  danger: v,
-  default: "_default_d4llw_59",
-  link: B,
-  block: I,
-  disabled: C,
-  loading: N,
-  content: T,
-  circle: z,
-  icon: L,
-  iconLeft: R,
-  iconRight: W,
-  xs: E,
-  s: x,
-  m: S,
-  l: V,
-  xl: D,
-  loadingWrapper: K,
-  spinner: j,
-  spin: q
-}, A = ["name", "type", "disabled"], de = /* @__PURE__ */ g({
+(function(){"use strict";var e;try{if(typeof document<"u"){var o=document.createElement("style");o.nonce=(e=document.head.querySelector("meta[property=csp-nonce]"))==null?void 0:e.content,o.appendChild(document.createTextNode('._button_1ey6t_1{position:relative;display:inline-flex;align-items:center;font-weight:500;justify-content:center;border:none;border-radius:var(--hf-button-border-radius);cursor:pointer;transition:background-color .3s,box-shadow .3s}._button_1ey6t_1 ._contentWrapper_1ey6t_13{display:flex;align-items:center}._button_1ey6t_1:focus{outline:none}._primary_1ey6t_23{color:var(--hf-button-primary-text-color);border:1px solid var(--hf-button-primary-background-color);background-color:var(--hf-button-primary-background-color)}._primary_1ey6t_23:hover{background-color:var(--hf-button-primary-hover-background-color)}._primary_1ey6t_23:focus{box-shadow:0 0 0 3px var(--hf-button-primary-focus-color)}._primary_1ey6t_23._bordered_1ey6t_38{background-color:#fff;color:var(--hf-button-primary-background-color);border:1px solid var(--hf-button-primary-background-color)}._danger_1ey6t_44{color:var(--hf-button-danger-text-color);border:1px solid var(--hf-button-danger-background-color);background-color:var(--hf-button-danger-background-color)}._danger_1ey6t_44:hover{background-color:var(--hf-button-danger-hover-background-color)}._danger_1ey6t_44:focus{box-shadow:0 0 0 3px var(--hf-button-danger-focus-color)}._danger_1ey6t_44._bordered_1ey6t_38{background-color:#fff;color:var(--hf-button-danger-background-color);border:1px solid var(--hf-button-danger-background-color)}._default_1ey6t_64{background-color:#fff;color:var(--hf-button-default-text-color);border:1px solid var(--hf-button-default-border-color)}._default_1ey6t_64:hover{background-color:var(--hf-button-default-hover-background-color)}._default_1ey6t_64:focus{box-shadow:0 0 0 3px var(--hf-button-default-focus-color)}._link_1ey6t_78{background-color:#fff;color:#007bff;text-decoration:underline}._block_1ey6t_84{width:100%}._disabled_1ey6t_88{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}._disabled_1ey6t_88:hover{background-color:inherit}._loading_1ey6t_98{cursor:wait}._loading_1ey6t_98 ._content_1ey6t_13{visibility:hidden}._circle_1ey6t_106{border-radius:100%;padding:0!important}._bordered_1ey6t_38{border:1px solid currentColor}._icon_1ey6t_115{display:flex;align-items:center}._iconLeft_1ey6t_120{margin-right:8px}._iconRight_1ey6t_124{margin-left:8px}._xs_1ey6t_128{padding:4px 8px;font-size:12px}._s_1ey6t_133{padding:6px 12px;font-size:14px;line-height:20px}._m_1ey6t_139{padding:6px 12px;font-size:15px;line-height:24px}._l_1ey6t_78{padding:16px 32px;font-size:18px}._xl_1ey6t_150{padding:20px 40px;font-size:20px}._loadingWrapper_1ey6t_155{width:100%;height:100%;position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center}._loadingWrapper_1ey6t_155 ._spinner_1ey6t_166{display:inline-block;position:absolute;right:0;left:0;margin:0 auto;width:16px;height:16px;border:2px solid rgba(0,0,0,.05);border-top-color:#fff;border-radius:50%;animation:_spin_1ey6t_166 .6s linear infinite}@keyframes _spin_1ey6t_166{to{transform:rotate(360deg)}}._wrapper_f5n0f_1{display:flex;flex-direction:column}._label_f5n0f_6{margin-bottom:4px;font-size:15px;font-weight:500;line-height:20px}._container_f5n0f_13{position:relative;display:flex;align-items:center}._input_f5n0f_19{flex:1;padding:8px 12px;font-size:15px;line-height:24px;border:1px solid #00000029;border-radius:12px;outline:none;transition:border-color .3s}._input_f5n0f_19._error_f5n0f_29{border:1px solid #FF0000}._input_f5n0f_19._error_f5n0f_29:focus{outline:3px solid #FFD6D6}._input_f5n0f_19:focus{outline:3px solid #C4EDFA}._xs_f5n0f_41{padding:4px 8px;font-size:12px}._s_f5n0f_46{padding:6px 10px;font-size:13px}._m_f5n0f_51{padding:8px 12px;font-size:14px}._l_f5n0f_6{padding:10px 14px;font-size:16px}._xl_f5n0f_61{padding:12px 16px;font-size:18px}._disabled_f5n0f_66{background-color:#e9ecef;cursor:not-allowed}._errorText_f5n0f_71{margin-top:4px;font-size:14px;line-height:20px;color:red}._prefix_f5n0f_78,._suffix_f5n0f_79{position:absolute;display:flex;align-items:center;color:#6c757d}._prefix_f5n0f_78{left:8px}._suffix_f5n0f_79{right:8px}._loading_f5n0f_94{cursor:wait}._spinner_f5n0f_98{position:absolute;right:8px;width:16px;height:16px;border:2px solid rgba(0,0,0,.2);border-top-color:#007bff;border-radius:50%;animation:_spin_f5n0f_98 .6s linear infinite}@keyframes _spin_f5n0f_98{to{transform:rotate(360deg)}}._label_jcdiv_1{display:flex;align-items:center;gap:8px;height:20px}._label_jcdiv_1._disabled_jcdiv_7{color:gray;cursor:not-allowed}._label_jcdiv_1 span{margin-top:-5px}._input_jcdiv_17[type=checkbox]{vertical-align:-2px;margin:0;border-radius:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;width:16px;height:16px;border:1px solid #25CFE8;transform:translateY(-.075em);display:grid;place-content:center}._input_jcdiv_17._error_jcdiv_30[type=checkbox]{border:1px solid #FF0000}._input_jcdiv_17[type=checkbox]:before{content:"";width:16px;height:16px;clip-path:polygon(0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%);transform:scale(0);transform-origin:bottom left;transition:.12s transform ease-in-out;background-color:#25cfe8;border-radius:4px}._input_jcdiv_17[type=checkbox]:checked:before{transform:scale(1)}._input_jcdiv_17[type=checkbox]:focus{outline:2px solid #C4EDFA}._input_jcdiv_17._error_jcdiv_30[type=checkbox]:focus{outline:2px solid #FFD6D6}._input_jcdiv_17[type=checkbox]:disabled{border-color:#00000029;opacity:30%;color:#000;cursor:not-allowed}._text_jcdiv_70{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:15px;line-height:20px}._errorText_jcdiv_76{color:red;font-size:12px}._icon_1p8iz_2{font-style:normal;display:inline-block;vertical-align:middle}')),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
+import { defineComponent as v, computed as b, openBlock as c, createElementBlock as d, normalizeClass as o, unref as a, createElementVNode as u, createCommentVNode as _, renderSlot as m, mergeModels as h, useModel as B, toDisplayString as g, withDirectives as x, vModelDynamic as E, vModelCheckbox as T, normalizeStyle as w } from "vue";
+const z = "_button_1ey6t_1", M = "_contentWrapper_1ey6t_13", N = "_primary_1ey6t_23", W = "_bordered_1ey6t_38", j = "_danger_1ey6t_44", L = "_link_1ey6t_78", R = "_block_1ey6t_84", S = "_disabled_1ey6t_88", V = "_loading_1ey6t_98", D = "_content_1ey6t_13", U = "_circle_1ey6t_106", A = "_icon_1ey6t_115", K = "_iconLeft_1ey6t_120", O = "_iconRight_1ey6t_124", P = "_xs_1ey6t_128", q = "_s_1ey6t_133", F = "_m_1ey6t_139", G = "_l_1ey6t_78", H = "_xl_1ey6t_150", J = "_loadingWrapper_1ey6t_155", Q = "_spinner_1ey6t_166", X = "_spin_1ey6t_166", r = {
+  button: z,
+  contentWrapper: M,
+  primary: N,
+  bordered: W,
+  danger: j,
+  default: "_default_1ey6t_64",
+  link: L,
+  block: R,
+  disabled: S,
+  loading: V,
+  content: D,
+  circle: U,
+  icon: A,
+  iconLeft: K,
+  iconRight: O,
+  xs: P,
+  s: q,
+  m: F,
+  l: G,
+  xl: H,
+  loadingWrapper: J,
+  spinner: Q,
+  spin: X
+}, Y = ["name", "type", "disabled"], je = /* @__PURE__ */ v({
   __name: "button",
   props: {
-    size: {},
+    size: { default: "m" },
     className: {},
-    type: {},
-    leftIcon: {},
-    rightIcon: {},
+    type: { default: "default" },
     block: { type: Boolean },
-    disabled: { type: Boolean },
-    loading: { type: Boolean },
-    active: { type: Boolean },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    active: { type: Boolean, default: !1 },
     name: {},
-    circle: { type: Boolean },
-    bordered: { type: Boolean },
+    circle: { type: Boolean, default: !1 },
+    bordered: { type: Boolean, default: !1 },
     htmlType: {}
   },
   emits: ["click"],
-  setup(f, { emit: u }) {
-    const l = f, _ = u, b = w(() => [
-      n.button,
-      n[l.size || "m"],
-      n[l.type || "default"],
+  setup(i) {
+    const t = i, l = b(() => [
+      r.button,
+      r[t.size],
+      r[t.type],
       {
-        [n.block]: l.block,
-        [n.disabled]: l.disabled,
-        [n.loading]: l.loading,
-        [n.active]: l.active,
-        [n.circle]: l.circle,
-        [n.bordered]: l.bordered
+        [r.block]: t.block,
+        [r.disabled]: t.disabled,
+        [r.loading]: t.loading,
+        [r.active]: t.active,
+        [r.circle]: t.circle,
+        [r.bordered]: t.bordered
       },
-      l.className
-    ]), m = () => {
-      _("click");
-    };
-    return (s, e) => (i(), r("button", {
+      t.className
+    ]);
+    return (s, e) => (c(), d("button", {
       name: s.name,
-      class: o(b.value),
+      class: o(l.value),
       type: s.htmlType,
-      disabled: s.disabled || s.loading,
-      onClick: m
+      disabled: s.disabled,
+      onClick: e[0] || (e[0] = (f) => s.$emit("click"))
     }, [
-      s.loading ? (i(), r("div", {
+      s.loading ? (c(), d("div", {
         key: 0,
-        class: o(t(n).loadingWrapper)
+        class: o(a(r).loadingWrapper)
       }, [
-        p("span", {
-          class: o(t(n).spinner)
+        u("span", {
+          class: o(a(r).spinner)
         }, null, 2)
-      ], 2)) : d("", !0),
-      p("div", null, [
-        s.leftIcon ? (i(), r("span", {
+      ], 2)) : _("", !0),
+      u("div", {
+        class: o(a(r).contentWrapper)
+      }, [
+        s.$slots.leftIcon ? (c(), d("span", {
           key: 0,
-          class: o([t(n).icon, t(n).iconLeft])
+          class: o([a(r).icon, a(r).iconLeft])
         }, [
-          c(s.$slots, "leftIcon", { icon: s.leftIcon })
-        ], 2)) : d("", !0),
-        s.$slots.default ? (i(), r("span", {
-          key: 1,
-          class: o(t(n).content)
+          m(s.$slots, "leftIcon")
+        ], 2)) : _("", !0),
+        u("span", {
+          class: o(a(r).content)
         }, [
-          c(s.$slots, "default")
-        ], 2)) : d("", !0),
-        s.rightIcon ? (i(), r("span", {
-          key: 2,
-          class: o([t(n).icon, t(n).iconRight])
+          m(s.$slots, "default")
+        ], 2),
+        s.$slots.rightIcon ? (c(), d("span", {
+          key: 1,
+          class: o([a(r).icon, a(r).iconRight])
         }, [
-          c(s.$slots, "rightIcon", { icon: s.rightIcon })
-        ], 2)) : d("", !0)
-      ])
-    ], 10, A));
+          m(s.$slots, "rightIcon")
+        ], 2)) : _("", !0)
+      ], 2)
+    ], 10, Y));
   }
-}), F = "_wrapper_f5n0f_1", G = "_label_f5n0f_6", H = "_container_f5n0f_13", J = "_input_f5n0f_19", M = "_error_f5n0f_29", O = "_xs_f5n0f_41", P = "_s_f5n0f_46", Q = "_m_f5n0f_51", U = "_l_f5n0f_6", X = "_xl_f5n0f_61", Y = "_disabled_f5n0f_66", Z = "_errorText_f5n0f_71", ee = "_prefix_f5n0f_78", ne = "_suffix_f5n0f_79", le = "_loading_f5n0f_94", se = "_spinner_f5n0f_98", oe = "_spin_f5n0f_98", a = {
-  wrapper: F,
-  label: G,
-  container: H,
-  input: J,
-  error: M,
-  xs: O,
-  s: P,
-  m: Q,
-  l: U,
-  xl: X,
-  disabled: Y,
-  errorText: Z,
-  prefix: ee,
-  suffix: ne,
-  loading: le,
-  spinner: se,
-  spin: oe
-}, te = ["for"], ae = ["id", "value", "name", "type", "disabled", "placeholder"], ce = /* @__PURE__ */ g({
+}), Z = "_wrapper_f5n0f_1", ee = "_label_f5n0f_6", se = "_container_f5n0f_13", te = "_input_f5n0f_19", ne = "_error_f5n0f_29", oe = "_xs_f5n0f_41", le = "_s_f5n0f_46", ae = "_m_f5n0f_51", re = "_l_f5n0f_6", ie = "_xl_f5n0f_61", ce = "_disabled_f5n0f_66", de = "_errorText_f5n0f_71", pe = "_prefix_f5n0f_78", _e = "_suffix_f5n0f_79", ue = "_loading_f5n0f_94", fe = "_spinner_f5n0f_98", ye = "_spin_f5n0f_98", p = {
+  wrapper: Z,
+  label: ee,
+  container: se,
+  input: te,
+  error: ne,
+  xs: oe,
+  s: le,
+  m: ae,
+  l: re,
+  xl: ie,
+  disabled: ce,
+  errorText: de,
+  prefix: pe,
+  suffix: _e,
+  loading: ue,
+  spinner: fe,
+  spin: ye
+}, me = ["for"], be = ["id", "name", "type", "disabled", "placeholder"], Le = /* @__PURE__ */ v({
   __name: "input",
-  props: {
+  props: /* @__PURE__ */ h({
     value: {},
-    type: {},
+    type: { default: "text" },
     id: {},
     name: {},
     disabled: { type: Boolean },
@@ -125,72 +123,182 @@ const k = "_button_d4llw_1", h = "_primary_d4llw_19", $ = "_bordered_d4llw_34",
     placeholder: {},
     loading: { type: Boolean },
     error: {},
-    size: {},
+    size: { default: "m" },
     className: {}
-  },
-  emits: ["update:value", "enter"],
-  setup(f, { emit: u }) {
-    const l = f, _ = u, b = w(() => [
-      a.input,
-      a[l.size || "m"],
+  }, {
+    value: {},
+    valueModifiers: {}
+  }),
+  emits: /* @__PURE__ */ h(["update:value", "enter"], ["update:value"]),
+  setup(i, { emit: t }) {
+    const l = B(i, "value"), s = i, e = t, f = b(() => [
+      p.input,
+      p[s.size],
       {
-        [a.disabled]: l.disabled,
-        [a.error]: l.error,
-        [a.loading]: l.loading
+        [p.disabled]: s.disabled,
+        [p.error]: s.error,
+        [p.loading]: s.loading
       },
-      l.className
-    ]), m = (e) => {
-      _("update:value", e.target.value);
-    }, s = (e) => {
-      e.key === "Enter" && _("enter");
+      s.className
+    ]), $ = (n) => {
+      e("update:value", n.target.value);
+    }, C = (n) => {
+      n.key === "Enter" && e("enter");
     };
-    return (e, ie) => (i(), r("div", {
-      class: o(t(a).wrapper)
+    return (n, k) => (c(), d("div", {
+      class: o(a(p).wrapper)
     }, [
-      e.label ? (i(), r("label", {
+      n.label ? (c(), d("label", {
         key: 0,
-        for: e.id,
-        class: o(t(a).label)
-      }, y(e.label), 11, te)) : d("", !0),
-      p("div", {
-        class: o(t(a).container)
+        for: n.id,
+        class: o(a(p).label)
+      }, g(n.label), 11, me)) : _("", !0),
+      u("div", {
+        class: o(a(p).container)
       }, [
-        e.$slots.prefix ? (i(), r("span", {
+        n.$slots.prefix ? (c(), d("span", {
           key: 0,
-          class: o(t(a).prefix)
+          class: o(a(p).prefix)
         }, [
-          c(e.$slots, "prefix")
-        ], 2)) : d("", !0),
-        p("input", {
-          id: e.id,
-          value: e.value,
-          name: e.name,
-          type: e.type || "text",
-          disabled: e.disabled || e.loading,
-          placeholder: e.placeholder,
-          class: o(b.value),
-          onInput: m,
-          onKeydown: s
-        }, null, 42, ae),
-        e.$slots.suffix ? (i(), r("span", {
+          m(n.$slots, "prefix")
+        ], 2)) : _("", !0),
+        x(u("input", {
+          id: n.id,
+          "onUpdate:modelValue": k[0] || (k[0] = (I) => l.value = I),
+          name: n.name,
+          type: n.type,
+          disabled: n.disabled || n.loading,
+          placeholder: n.placeholder,
+          class: o(f.value),
+          onInput: $,
+          onKeydown: C
+        }, null, 42, be), [
+          [E, l.value]
+        ]),
+        n.$slots.suffix ? (c(), d("span", {
           key: 1,
-          class: o(t(a).suffix)
+          class: o(a(p).suffix)
         }, [
-          c(e.$slots, "suffix")
-        ], 2)) : d("", !0),
-        e.loading ? (i(), r("span", {
+          m(n.$slots, "suffix")
+        ], 2)) : _("", !0),
+        n.loading ? (c(), d("span", {
           key: 2,
-          class: o(t(a).spinner)
-        }, null, 2)) : d("", !0)
+          class: o(a(p).spinner)
+        }, null, 2)) : _("", !0)
       ], 2),
-      e.error ? (i(), r("p", {
+      n.error ? (c(), d("p", {
         key: 1,
-        class: o(t(a).errorText)
-      }, y(e.error), 3)) : d("", !0)
+        class: o(a(p).errorText)
+      }, g(n.error), 3)) : _("", !0)
     ], 2));
   }
-});
+}), ve = "_label_jcdiv_1", $e = "_disabled_jcdiv_7", he = "_input_jcdiv_17", ge = "_error_jcdiv_30", ke = "_text_jcdiv_70", Be = "_errorText_jcdiv_76", y = {
+  label: ve,
+  disabled: $e,
+  input: he,
+  error: ge,
+  text: ke,
+  errorText: Be
+}, xe = ["for"], Ce = ["id", "name", "disabled"], Re = /* @__PURE__ */ v({
+  __name: "checkbox",
+  props: /* @__PURE__ */ h({
+    id: {},
+    name: {},
+    disabled: { type: Boolean },
+    label: {},
+    error: {},
+    className: {}
+  }, {
+    checked: { type: Boolean },
+    checkedModifiers: {}
+  }),
+  emits: ["update:checked"],
+  setup(i) {
+    const t = B(i, "checked"), l = i, s = b(() => [
+      y.label,
+      {
+        [y.disabled]: l.disabled
+      },
+      l.className
+    ]);
+    return (e, f) => (c(), d("div", null, [
+      u("label", {
+        for: e.id,
+        class: o(s.value)
+      }, [
+        x(u("input", {
+          id: e.id,
+          "onUpdate:modelValue": f[0] || (f[0] = ($) => t.value = $),
+          name: e.name,
+          type: "checkbox",
+          disabled: e.disabled,
+          class: o([a(y).input, { [a(y).error]: !!l.error }])
+        }, null, 10, Ce), [
+          [T, t.value]
+        ]),
+        e.$slots.default ? (c(), d("span", {
+          key: 0,
+          class: o(a(y).text)
+        }, [
+          m(e.$slots, "default")
+        ], 2)) : _("", !0)
+      ], 10, xe),
+      e.error ? (c(), d("div", {
+        key: 0,
+        class: o(a(y).errorText)
+      }, g(e.error), 3)) : _("", !0)
+    ]));
+  }
+}), Ie = ["aria-label", "width", "height"], Ee = ["xlink:href"], Te = /* @__PURE__ */ v({
+  __name: "icon",
+  props: {
+    type: {},
+    color: {},
+    block: { type: Boolean }
+  },
+  setup(i) {
+    const t = i, l = b(() => {
+      const e = t.type.match(/(\d+)$/);
+      return e ? parseInt(e[1], 10) : 16;
+    }), s = b(() => {
+      const e = {};
+      return t.color && (e.color = t.color), t.block && (e.display = "block"), e;
+    });
+    return (e, f) => (c(), d("svg", {
+      class: o(e.$style.icon),
+      "aria-label": e.type,
+      style: w(s.value),
+      role: "img",
+      width: l.value,
+      height: l.value
+    }, [
+      u("use", {
+        "xlink:href": `../assets/sprite.svg#${e.type}`
+      }, null, 8, Ee)
+    ], 14, Ie));
+  }
+}), we = "_icon_1p8iz_2", ze = {
+  icon: we
+}, Me = (i, t) => {
+  const l = i.__vccOpts || i;
+  for (const [s, e] of t)
+    l[s] = e;
+  return l;
+}, Ne = {
+  $style: ze
+}, Se = /* @__PURE__ */ Me(Te, [["__cssModules", Ne]]), Ve = () => {
+  const i = "huntflow-uikit-icons-sprite", t = "/src/assets/sprite.svg";
+  if (!document.getElementById(i)) {
+    const l = document.createElement("svg");
+    l.style.display = "none", l.id = i;
+    const s = document.createElement("defs"), e = document.createElement("use");
+    e.setAttribute("href", `${t}`), s.appendChild(e), l.appendChild(s), document.body.appendChild(l);
+  }
+};
 export {
-  de as BaseButton,
-  ce as BaseInput
+  je as BaseButton,
+  Re as BaseCheckbox,
+  Se as BaseIcon,
+  Le as BaseInput,
+  Ve as useIcons
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@huntflow/ui",
   "description": "HuntFlow UiKit, icons, utils library",
   "private": false,
-  "version": "0.0.46",
+  "version": "0.0.48",
   "author": {
     "name": "HuntFlow Developer",
     "nickname": "developer",
@@ -22,7 +22,8 @@
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "lint": "eslint './src/**/*.{js,vue,ts}' --quiet"
+    "lint": "eslint './src/**/*.{js,vue,ts}' --quiet",
+    "icons": "npx tsx utils/figma-icons.ts"
   },
   "publishConfig": {
     "access": "public"
@@ -61,7 +62,9 @@
     "@vitejs/plugin-vue": "^5.1.4",
     "@vue/eslint-config-typescript": "^14.1.4",
     "autoprefixer": "^10.4.20",
+    "axios": "^1.7.9",
     "css-has-pseudo": "^7.0.2",
+    "dotenv": "^16.4.7",
     "eslint": "^9.17.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-jest": "^28.9.0",
@@ -74,12 +77,15 @@
     "storybook": "^8.4.7",
     "stylelint": "^16.12.0",
     "stylelint-config-recommended": "^14.0.1",
+    "tsx": "^4.19.2",
     "typescript": "~5.6.2",
     "typescript-eslint": "^8.18.1",
     "vite": "^5.4.10",
     "vite-plugin-css-injected-by-js": "^3.5.2",
     "vite-plugin-dts": "^4.3.0",
     "vite-plugin-eslint2": "^5.0.3",
+    "vite-plugin-static-copy": "^2.2.0",
+    "vite-svg-sprite-wrapper": "^1.4.1",
     "vue-tsc": "^2.1.8"
   }
 }