@huntflow/ui 0.0.47 → 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"),u="_button_d4llw_1",m="_primary_d4llw_19",b="_bordered_d4llw_34",k="_danger_d4llw_40",y="_link_d4llw_73",g="_block_d4llw_79",B="_disabled_d4llw_83",w="_loading_d4llw_93",v="_content_d4llw_96",C="_circle_d4llw_101",$="_icon_d4llw_110",z="_iconLeft_d4llw_115",N="_iconRight_d4llw_119",E="_xs_d4llw_123",h="_s_d4llw_128",V="_m_d4llw_134",S="_l_d4llw_73",T="_xl_d4llw_145",x="_loadingWrapper_d4llw_150",M="_spinner_d4llw_161",I="_spin_d4llw_161",n={button:u,primary:m,bordered:b,danger:k,default:"_default_d4llw_59",link:y,block:g,disabled:B,loading:w,content:v,circle:C,icon:$,iconLeft:z,iconRight:N,xs:E,s:h,m:V,l:S,xl:T,loadingWrapper:x,spinner:M,spin:I},L=["name","type","disabled"],D=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(r){const t=r,i=e.computed(()=>[n.button,n[t.size],n[t.type],{[n.block]:t.block,[n.disabled]:t.disabled,[n.loading]:t.loading,[n.active]:t.active,[n.circle]:t.circle,[n.bordered]:t.bordered},t.className]);return(o,a)=>(e.openBlock(),e.createElementBlock("button",{name:o.name,class:e.normalizeClass(i.value),type:o.htmlType,disabled:o.disabled,onClick:a[0]||(a[0]=d=>o.$emit("click"))},[o.loading?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).loadingWrapper)},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).spinner)},null,2)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",null,[e.createElementVNode("span",{class:e.normalizeClass([e.unref(n).icon,e.unref(n).iconLeft])},[e.renderSlot(o.$slots,"leftIcon")],2),e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).content)},[e.renderSlot(o.$slots,"default")],2),o.$slots.rightIcon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(n).icon,e.unref(n).iconRight])},[e.renderSlot(o.$slots,"rightIcon")],2)):e.createCommentVNode("",!0)])],10,L))}}),R="_wrapper_f5n0f_1",W="_label_f5n0f_6",j="_container_f5n0f_13",q="_input_f5n0f_19",K="_error_f5n0f_29",O="_xs_f5n0f_41",P="_s_f5n0f_46",U="_m_f5n0f_51",A="_l_f5n0f_6",F="_xl_f5n0f_61",G="_disabled_f5n0f_66",H="_errorText_f5n0f_71",J="_prefix_f5n0f_78",Q="_suffix_f5n0f_79",X="_loading_f5n0f_94",Y="_spinner_f5n0f_98",Z="_spin_f5n0f_98",s={wrapper:R,label:W,container:j,input:q,error:K,xs:O,s:P,m:U,l:A,xl:F,disabled:G,errorText:H,prefix:J,suffix:Q,loading:X,spinner:Y,spin:Z},ee=["for"],le=["id","name","type","disabled","placeholder"],ne=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(r,{emit:t}){const i=e.useModel(r,"value"),o=r,a=t,d=e.computed(()=>[s.input,s[o.size],{[s.disabled]:o.disabled,[s.error]:o.error,[s.loading]:o.loading},o.className]),p=l=>{a("update:value",l.target.value)},_=l=>{l.key==="Enter"&&a("enter")};return(l,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(s).wrapper)},[l.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:l.id,class:e.normalizeClass(e.unref(s).label)},e.toDisplayString(l.label),11,ee)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s).container)},[l.$slots.prefix?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(s).prefix)},[e.renderSlot(l.$slots,"prefix")],2)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{id:l.id,"onUpdate:modelValue":c[0]||(c[0]=f=>i.value=f),name:l.name,type:l.type,disabled:l.disabled||l.loading,placeholder:l.placeholder,class:e.normalizeClass(d.value),onInput:p,onKeydown:_},null,42,le),[[e.vModelDynamic,i.value]]),l.$slots.suffix?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(s).suffix)},[e.renderSlot(l.$slots,"suffix")],2)):e.createCommentVNode("",!0),l.loading?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(e.unref(s).spinner)},null,2)):e.createCommentVNode("",!0)],2),l.error?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(e.unref(s).errorText)},e.toDisplayString(l.error),3)):e.createCommentVNode("",!0)],2))}});exports.BaseButton=D;exports.BaseInput=ne;
+(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,29 +1,30 @@
-(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 w, computed as v, openBlock as i, createElementBlock as r, normalizeClass as s, unref as o, createElementVNode as c, createCommentVNode as d, renderSlot as p, mergeModels as y, useModel as B, toDisplayString as g, withDirectives as x, vModelDynamic as N } from "vue";
-const T = "_button_d4llw_1", z = "_primary_d4llw_19", C = "_bordered_d4llw_34", I = "_danger_d4llw_40", L = "_link_d4llw_73", M = "_block_d4llw_79", R = "_disabled_d4llw_83", W = "_loading_d4llw_93", D = "_content_d4llw_96", E = "_circle_d4llw_101", V = "_icon_d4llw_110", S = "_iconLeft_d4llw_115", K = "_iconRight_d4llw_119", U = "_xs_d4llw_123", j = "_s_d4llw_128", q = "_m_d4llw_134", A = "_l_d4llw_73", F = "_xl_d4llw_145", G = "_loadingWrapper_d4llw_150", H = "_spinner_d4llw_161", J = "_spin_d4llw_161", l = {
-  button: T,
-  primary: z,
-  bordered: C,
-  danger: I,
-  default: "_default_d4llw_59",
+(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: M,
-  disabled: R,
-  loading: W,
+  block: R,
+  disabled: S,
+  loading: V,
   content: D,
-  circle: E,
-  icon: V,
-  iconLeft: S,
-  iconRight: K,
-  xs: U,
-  s: j,
-  m: q,
-  l: A,
-  xl: F,
-  loadingWrapper: G,
-  spinner: H,
-  spin: J
-}, O = ["name", "type", "disabled"], me = /* @__PURE__ */ w({
+  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: { default: "m" },
@@ -39,77 +40,80 @@ const T = "_button_d4llw_1", z = "_primary_d4llw_19", C = "_bordered_d4llw_34",
     htmlType: {}
   },
   emits: ["click"],
-  setup(f) {
-    const a = f, u = v(() => [
-      l.button,
-      l[a.size],
-      l[a.type],
+  setup(i) {
+    const t = i, l = b(() => [
+      r.button,
+      r[t.size],
+      r[t.type],
       {
-        [l.block]: a.block,
-        [l.disabled]: a.disabled,
-        [l.loading]: a.loading,
-        [l.active]: a.active,
-        [l.circle]: a.circle,
-        [l.bordered]: a.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
       },
-      a.className
+      t.className
     ]);
-    return (n, _) => (i(), r("button", {
-      name: n.name,
-      class: s(u.value),
-      type: n.htmlType,
-      disabled: n.disabled,
-      onClick: _[0] || (_[0] = (m) => n.$emit("click"))
+    return (s, e) => (c(), d("button", {
+      name: s.name,
+      class: o(l.value),
+      type: s.htmlType,
+      disabled: s.disabled,
+      onClick: e[0] || (e[0] = (f) => s.$emit("click"))
     }, [
-      n.loading ? (i(), r("div", {
+      s.loading ? (c(), d("div", {
         key: 0,
-        class: s(o(l).loadingWrapper)
+        class: o(a(r).loadingWrapper)
       }, [
-        c("span", {
-          class: s(o(l).spinner)
+        u("span", {
+          class: o(a(r).spinner)
         }, null, 2)
-      ], 2)) : d("", !0),
-      c("div", null, [
-        c("span", {
-          class: s([o(l).icon, o(l).iconLeft])
+      ], 2)) : _("", !0),
+      u("div", {
+        class: o(a(r).contentWrapper)
+      }, [
+        s.$slots.leftIcon ? (c(), d("span", {
+          key: 0,
+          class: o([a(r).icon, a(r).iconLeft])
         }, [
-          p(n.$slots, "leftIcon")
-        ], 2),
-        c("span", {
-          class: s(o(l).content)
+          m(s.$slots, "leftIcon")
+        ], 2)) : _("", !0),
+        u("span", {
+          class: o(a(r).content)
         }, [
-          p(n.$slots, "default")
+          m(s.$slots, "default")
         ], 2),
-        n.$slots.rightIcon ? (i(), r("span", {
-          key: 0,
-          class: s([o(l).icon, o(l).iconRight])
+        s.$slots.rightIcon ? (c(), d("span", {
+          key: 1,
+          class: o([a(r).icon, a(r).iconRight])
         }, [
-          p(n.$slots, "rightIcon")
-        ], 2)) : d("", !0)
-      ])
-    ], 10, O));
+          m(s.$slots, "rightIcon")
+        ], 2)) : _("", !0)
+      ], 2)
+    ], 10, Y));
   }
-}), P = "_wrapper_f5n0f_1", Q = "_label_f5n0f_6", X = "_container_f5n0f_13", Y = "_input_f5n0f_19", Z = "_error_f5n0f_29", ee = "_xs_f5n0f_41", le = "_s_f5n0f_46", ne = "_m_f5n0f_51", se = "_l_f5n0f_6", oe = "_xl_f5n0f_61", te = "_disabled_f5n0f_66", ae = "_errorText_f5n0f_71", ie = "_prefix_f5n0f_78", re = "_suffix_f5n0f_79", de = "_loading_f5n0f_94", ce = "_spinner_f5n0f_98", _e = "_spin_f5n0f_98", t = {
-  wrapper: P,
-  label: Q,
-  container: X,
-  input: Y,
-  error: Z,
-  xs: ee,
+}), 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: ne,
-  l: se,
-  xl: oe,
-  disabled: te,
-  errorText: ae,
-  prefix: ie,
-  suffix: re,
-  loading: de,
-  spinner: ce,
-  spin: _e
-}, pe = ["for"], fe = ["id", "name", "type", "disabled", "placeholder"], be = /* @__PURE__ */ w({
+  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: /* @__PURE__ */ y({
+  props: /* @__PURE__ */ h({
     value: {},
     type: { default: "text" },
     id: {},
@@ -125,71 +129,176 @@ const T = "_button_d4llw_1", z = "_primary_d4llw_19", C = "_bordered_d4llw_34",
     value: {},
     valueModifiers: {}
   }),
-  emits: /* @__PURE__ */ y(["update:value", "enter"], ["update:value"]),
-  setup(f, { emit: a }) {
-    const u = B(f, "value"), n = f, _ = a, m = v(() => [
-      t.input,
-      t[n.size],
+  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],
       {
-        [t.disabled]: n.disabled,
-        [t.error]: n.error,
-        [t.loading]: n.loading
+        [p.disabled]: s.disabled,
+        [p.error]: s.error,
+        [p.loading]: s.loading
       },
-      n.className
-    ]), k = (e) => {
-      _("update:value", e.target.value);
-    }, $ = (e) => {
-      e.key === "Enter" && _("enter");
+      s.className
+    ]), $ = (n) => {
+      e("update:value", n.target.value);
+    }, C = (n) => {
+      n.key === "Enter" && e("enter");
     };
-    return (e, b) => (i(), r("div", {
-      class: s(o(t).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: s(o(t).label)
-      }, g(e.label), 11, pe)) : d("", !0),
-      c("div", {
-        class: s(o(t).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: s(o(t).prefix)
+          class: o(a(p).prefix)
         }, [
-          p(e.$slots, "prefix")
-        ], 2)) : d("", !0),
-        x(c("input", {
-          id: e.id,
-          "onUpdate:modelValue": b[0] || (b[0] = (h) => u.value = h),
-          name: e.name,
-          type: e.type,
-          disabled: e.disabled || e.loading,
-          placeholder: e.placeholder,
-          class: s(m.value),
-          onInput: k,
-          onKeydown: $
-        }, null, 42, fe), [
-          [N, u.value]
+          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]
         ]),
-        e.$slots.suffix ? (i(), r("span", {
+        n.$slots.suffix ? (c(), d("span", {
           key: 1,
-          class: s(o(t).suffix)
+          class: o(a(p).suffix)
         }, [
-          p(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: s(o(t).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: s(o(t).errorText)
-      }, g(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 {
-  me as BaseButton,
-  be 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.47",
+  "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",
-    "typescript": "~5.4.5",
+    "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"
   }
 }