@huntflow/ui 0.0.47 → 0.0.49

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 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_1syl2_1{position:relative;display:inline-flex;align-items:center;justify-content:center;border:solid 1px;cursor:pointer;font-family:var(--hf-font-family-body);font-style:normal;min-width:-moz-max-content;min-width:max-content;text-decoration:none;color:inherit;gap:4px}._button_1syl2_1:active{background-color:#999}._button_1syl2_1:focus{outline:none}._button_1syl2_1:focus-visible{outline:solid 3px var(--hf-color-button-disable-default)}._button_1syl2_1:is(._disabled_1syl2_1),._button_1syl2_1:is(._disabled_1syl2_1):hover{background:var(--hf-color-button-disable-default);border-color:transparent;color:var(--hf-color-text-light);box-shadow:none;transform:none;cursor:default}._button_1syl2_1._loading_1syl2_1>*:not(._loader_1syl2_1){visibility:hidden}._content_1syl2_1{display:flex;line-height:inherit}._content_1syl2_1:first-child:last-child{width:100%;text-align:center}._loader_1syl2_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}._s_1syl2_2{border-radius:var(--hf-radius-button-s);font-size:var(--hf-font-size-button-s);font-weight:var(--hf-font-weight-button-s);line-height:var(--hf-font-line-height-button-s);padding:var(--hf-padding-button-top-bottom-s) var(--hf-padding-button-left-right-s)}._xs_1syl2_1{font-size:var(--hf-font-size-button-xs);font-weight:var(--hf-font-weight-button-xs);line-height:var(--hf-font-line-height-button-xs);padding:var(--hf-padding-button-top-bottom-xs) var(--hf-padding-button-left-right-xs)}._xs_1syl2_1._square_1syl2_1{border-radius:var(--hf-radius-button-xs)}._xs_1syl2_1._circle_1syl2_1{border-radius:var(--hf-radius-button-circle)}._m_1syl2_1{border-radius:var(--hf-radius-button-m);font-size:var(--hf-font-size-button-m);font-weight:var(--hf-font-weight-button-m);line-height:var(--hf-font-line-height-button-m);padding:var(--hf-padding-button-top-bottom-m) var(--hf-padding-button-left-right-m)}._l_1syl2_1{border-radius:var(--hf-radius-button-l);font-size:var(--hf-font-size-button-l);font-weight:var(--hf-font-weight-button-l);line-height:var(--hf-font-line-height-button-l);padding:var(--hf-padding-button-top-bottom-l) var(--hf-padding-button-left-right-l)}._primary_1syl2_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-primary-default);border-color:var(--hf-color-button-primary-default)}._primary_1syl2_1:hover{background-color:var(--hf-color-button-primary-hover);border-color:var(--hf-color-button-primary-hover)}._primary_1syl2_1:active{background-color:var(--hf-color-button-primary-active);border-color:var(--hf-color-button-primary-active)}._secondary_1syl2_1{color:var(--hf-color-text-main);background-color:var(--hf-color-button-secondary-fill-default);border-color:var(--hf-color-button-secondary-border-default);box-shadow:0 1px 4px #0505050a}._secondary_1syl2_1:hover{background-color:var(--hf-color-button-secondary-fill-hover);border-color:var(--hf-color-button-secondary-fill-hover)}._secondary_1syl2_1:active{background-color:var(--hf-color-button-secondary-fill-active);border-color:var(--hf-color-button-secondary-fill-active)}._accent_1syl2_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-accent-default);border-color:var(--hf-color-button-accent-default)}._accent_1syl2_1:hover{background-color:var(--hf-color-button-accent-hover);border-color:var(--hf-color-button-accent-hover)}._accent_1syl2_1:active{background-color:var(--hf-color-button-accent-active);border-color:var(--hf-color-button-accent-active)}._danger_1syl2_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-default);border-color:var(--hf-color-button-danger-default)}._danger_1syl2_1:hover{background-color:var(--hf-color-button-danger-hover);border-color:var(--hf-color-button-danger-hover)}._danger_1syl2_1:active{background-color:var(--hf-color-button-danger-active);border-color:var(--hf-color-button-danger-active)}._jobsites_1syl2_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-jobsite-default);border-color:var(--hf-color-button-jobsite-default)}._jobsites_1syl2_1:hover{background-color:var(--hf-color-button-jobsite-hover);border-color:var(--hf-color-button-jobsite-hover)}._jobsites_1syl2_1:active{background-color:var(--hf-color-button-jobsite-active);border-color:var(--hf-color-button-jobsite-active)}._ghost_1syl2_1{color:var(--hf-color-text-main);background-color:transparent;border-color:transparent}._ghost_1syl2_1:hover{background-color:var(--hf-color-button-secondary-fill-hover)}._ghost_1syl2_1:active{background-color:var(--hf-color-button-secondary-fill-active)}._ghost-danger_1syl2_1{color:var(--hf-color-text-main);background-color:transparent;border-color:transparent}._ghost-danger_1syl2_1:hover{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-hover)}._ghost-danger_1syl2_1:active{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-active)}@keyframes _loader-animation_t6bg6_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loader_t6bg6_10{display:block;color:var(--hf-loader-color);flex:0 0 auto}._circle_t6bg6_15{animation-name:_loader-animation_t6bg6_1;animation-iteration-count:infinite;animation-duration:1s;animation-timing-function:linear}._white_t6bg6_22{--hf-loader-color: var(--hf-color-text-invert)}._black_t6bg6_26{--hf-loader-color: var(--hf-color-text-main)}._s_t6bg6_30{width:18px;height:18px}._m_t6bg6_35{width:28px;height:28px}._l_t6bg6_10{width:56px;height:56px}._spinner_t6bg6_45{display:inline-block;border:1px solid var(--hf-loader-color);border-top-color:transparent;border-left-color:transparent;border-radius:50%}._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(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),b="_button_1syl2_1",k="_disabled_1syl2_1",g="_loading_1syl2_1",h="_loader_1syl2_1",v="_content_1syl2_1",$="_s_1syl2_2",B="_xs_1syl2_1",C="_square_1syl2_1",E="_circle_1syl2_1",z="_m_1syl2_1",N="_l_1syl2_1",V="_primary_1syl2_1",w="_secondary_1syl2_1",S="_accent_1syl2_1",M="_danger_1syl2_1",j="_jobsites_1syl2_1",T="_ghost_1syl2_1",i={button:b,disabled:k,loading:g,loader:h,content:v,s:$,xs:B,square:C,circle:E,m:z,l:N,primary:V,secondary:w,accent:S,danger:M,jobsites:j,ghost:T,"ghost-danger":"_ghost-danger_1syl2_1"},x="_loader_t6bg6_10",I="_circle_t6bg6_15",D="_white_t6bg6_22",q="_black_t6bg6_26",L="_s_t6bg6_30",O="_m_t6bg6_35",A="_l_t6bg6_10",P="_spinner_t6bg6_45",_={loader:x,circle:I,"loader-animation":"_loader-animation_t6bg6_1",white:D,black:q,s:L,m:O,l:A,spinner:P},f=e.defineComponent({__name:"loader",props:{className:{},size:{default:"l"},color:{default:"black"}},setup(l){const o=l,t=e.computed(()=>[_.loader,_[o.size],_[o.color],_.circle]);return(a,s)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass([e.unref(_).spinner,t.value])},null,2))}}),R=["name","type","disabled"],U=e.defineComponent({name:"BaseButton",__name:"button",props:{size:{default:"m"},className:{},type:{default:"primary"},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(l){const o=l,t={primary:"white",secondary:"black",accent:"white",danger:"white",jobsites:"white",ghost:"black","ghost-danger":"black"},a=e.computed(()=>[i.button,i[o.size],i[o.type],o.circle?[i.circle]:[i.square],{[i.disabled]:o.disabled,[i.loading]:o.loading,[i.active]:o.active,[i.bordered]:o.bordered},o.className]),s=e.computed(()=>t[o.type]||"white");return(r,d)=>(e.openBlock(),e.createElementBlock("button",{name:r.name,class:e.normalizeClass(a.value),type:r.htmlType,disabled:r.disabled||r.loading,onClick:d[0]||(d[0]=p=>r.$emit("click"))},[r.loading?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(i).loader)},[e.createVNode(e.unref(f),{size:"s",color:s.value},null,8,["color"])],2)):e.createCommentVNode("",!0),r.$slots.before?e.renderSlot(r.$slots,"before",{key:1}):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(e.unref(i).content)},[e.renderSlot(r.$slots,"default")],2),r.$slots.after?e.renderSlot(r.$slots,"after",{key:2}):e.createCommentVNode("",!0)],10,R))}}),K="_wrapper_f5n0f_1",F="_label_f5n0f_6",G="_container_f5n0f_13",H="_input_f5n0f_19",J="_error_f5n0f_29",Q="_xs_f5n0f_41",W="_s_f5n0f_46",X="_m_f5n0f_51",Y="_l_f5n0f_6",Z="_xl_f5n0f_61",ee="_disabled_f5n0f_66",se="_errorText_f5n0f_71",oe="_prefix_f5n0f_78",te="_suffix_f5n0f_79",ne="_loading_f5n0f_94",le="_spinner_f5n0f_98",ae="_spin_f5n0f_98",c={wrapper:K,label:F,container:G,input:H,error:J,xs:Q,s:W,m:X,l:Y,xl:Z,disabled:ee,errorText:se,prefix:oe,suffix:te,loading:ne,spinner:le,spin:ae},re=["for"],ce=["id","name","type","disabled","placeholder"],ie=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(l,{emit:o}){const t=e.useModel(l,"value"),a=l,s=o,r=e.computed(()=>[c.input,c[a.size],{[c.disabled]:a.disabled,[c.error]:a.error,[c.loading]:a.loading},a.className]),d=n=>{s("update:value",n.target.value)},p=n=>{n.key==="Enter"&&s("enter")};return(n,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(c).wrapper)},[n.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:n.id,class:e.normalizeClass(e.unref(c).label)},e.toDisplayString(n.label),11,re)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(c).container)},[n.$slots.prefix?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(c).prefix)},[e.renderSlot(n.$slots,"prefix")],2)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{id:n.id,"onUpdate:modelValue":m[0]||(m[0]=y=>t.value=y),name:n.name,type:n.type,disabled:n.disabled||n.loading,placeholder:n.placeholder,class:e.normalizeClass(r.value),onInput:d,onKeydown:p},null,42,ce),[[e.vModelDynamic,t.value]]),n.$slots.suffix?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(c).suffix)},[e.renderSlot(n.$slots,"suffix")],2)):e.createCommentVNode("",!0),n.loading?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(e.unref(c).spinner)},null,2)):e.createCommentVNode("",!0)],2),n.error?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(e.unref(c).errorText)},e.toDisplayString(n.error),3)):e.createCommentVNode("",!0)],2))}}),de="_label_jcdiv_1",ue="_disabled_jcdiv_7",_e="_input_jcdiv_17",pe="_error_jcdiv_30",me="_text_jcdiv_70",fe="_errorText_jcdiv_76",u={label:de,disabled:ue,input:_e,error:pe,text:me,errorText:fe},ye=["for"],be=["id","name","disabled"],ke=e.defineComponent({__name:"checkbox",props:e.mergeModels({id:{},name:{},disabled:{type:Boolean},label:{},error:{},className:{}},{checked:{type:Boolean},checkedModifiers:{}}),emits:["update:checked"],setup(l){const o=e.useModel(l,"checked"),t=l,a=e.computed(()=>[u.label,{[u.disabled]:t.disabled},t.className]);return(s,r)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("label",{for:s.id,class:e.normalizeClass(a.value)},[e.withDirectives(e.createElementVNode("input",{id:s.id,"onUpdate:modelValue":r[0]||(r[0]=d=>o.value=d),name:s.name,type:"checkbox",disabled:s.disabled,class:e.normalizeClass([e.unref(u).input,{[e.unref(u).error]:!!t.error}])},null,10,be),[[e.vModelCheckbox,o.value]]),s.$slots.default?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(u).text)},[e.renderSlot(s.$slots,"default")],2)):e.createCommentVNode("",!0)],10,ye),s.error?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(u).errorText)},e.toDisplayString(s.error),3)):e.createCommentVNode("",!0)]))}}),ge=["aria-label","width","height"],he=["xlink:href"],ve=e.defineComponent({__name:"icon",props:{type:{},color:{},block:{type:Boolean}},setup(l){const o=l,t=e.computed(()=>{const s=o.type.match(/(\d+)$/);return s?parseInt(s[1],10):16}),a=e.computed(()=>{const s={};return o.color&&(s.color=o.color),o.block&&(s.display="block"),s});return(s,r)=>(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(s.$style.icon),"aria-label":s.type,style:e.normalizeStyle(a.value),role:"img",width:t.value,height:t.value},[e.createElementVNode("use",{"xlink:href":`../assets/sprite.svg#${s.type}`},null,8,he)],14,ge))}}),$e="_icon_1p8iz_2",Be={icon:$e},Ce=(l,o)=>{const t=l.__vccOpts||l;for(const[a,s]of o)t[a]=s;return t},Ee={$style:Be},ze=Ce(ve,[["__cssModules",Ee]]),Ne=()=>{const l="huntflow-uikit-icons-sprite",o="/src/assets/sprite.svg";if(!document.getElementById(l)){const t=document.createElement("svg");t.style.display="none",t.id=l;const a=document.createElement("defs"),s=document.createElement("use");s.setAttribute("href",`${o}`),a.appendChild(s),t.appendChild(a),document.body.appendChild(t)}};exports.BaseButton=U;exports.BaseCheckbox=ke;exports.BaseIcon=ze;exports.BaseInput=ie;exports.BaseLoader=f;exports.useIcons=Ne;

package/dist/ui.es.js

@@ -1,35 +1,54 @@
-(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",
-  link: L,
-  block: M,
-  disabled: R,
-  loading: W,
-  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({
+(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_1syl2_1{position:relative;display:inline-flex;align-items:center;justify-content:center;border:solid 1px;cursor:pointer;font-family:var(--hf-font-family-body);font-style:normal;min-width:-moz-max-content;min-width:max-content;text-decoration:none;color:inherit;gap:4px}._button_1syl2_1:active{background-color:#999}._button_1syl2_1:focus{outline:none}._button_1syl2_1:focus-visible{outline:solid 3px var(--hf-color-button-disable-default)}._button_1syl2_1:is(._disabled_1syl2_1),._button_1syl2_1:is(._disabled_1syl2_1):hover{background:var(--hf-color-button-disable-default);border-color:transparent;color:var(--hf-color-text-light);box-shadow:none;transform:none;cursor:default}._button_1syl2_1._loading_1syl2_1>*:not(._loader_1syl2_1){visibility:hidden}._content_1syl2_1{display:flex;line-height:inherit}._content_1syl2_1:first-child:last-child{width:100%;text-align:center}._loader_1syl2_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}._s_1syl2_2{border-radius:var(--hf-radius-button-s);font-size:var(--hf-font-size-button-s);font-weight:var(--hf-font-weight-button-s);line-height:var(--hf-font-line-height-button-s);padding:var(--hf-padding-button-top-bottom-s) var(--hf-padding-button-left-right-s)}._xs_1syl2_1{font-size:var(--hf-font-size-button-xs);font-weight:var(--hf-font-weight-button-xs);line-height:var(--hf-font-line-height-button-xs);padding:var(--hf-padding-button-top-bottom-xs) var(--hf-padding-button-left-right-xs)}._xs_1syl2_1._square_1syl2_1{border-radius:var(--hf-radius-button-xs)}._xs_1syl2_1._circle_1syl2_1{border-radius:var(--hf-radius-button-circle)}._m_1syl2_1{border-radius:var(--hf-radius-button-m);font-size:var(--hf-font-size-button-m);font-weight:var(--hf-font-weight-button-m);line-height:var(--hf-font-line-height-button-m);padding:var(--hf-padding-button-top-bottom-m) var(--hf-padding-button-left-right-m)}._l_1syl2_1{border-radius:var(--hf-radius-button-l);font-size:var(--hf-font-size-button-l);font-weight:var(--hf-font-weight-button-l);line-height:var(--hf-font-line-height-button-l);padding:var(--hf-padding-button-top-bottom-l) var(--hf-padding-button-left-right-l)}._primary_1syl2_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-primary-default);border-color:var(--hf-color-button-primary-default)}._primary_1syl2_1:hover{background-color:var(--hf-color-button-primary-hover);border-color:var(--hf-color-button-primary-hover)}._primary_1syl2_1:active{background-color:var(--hf-color-button-primary-active);border-color:var(--hf-color-button-primary-active)}._secondary_1syl2_1{color:var(--hf-color-text-main);background-color:var(--hf-color-button-secondary-fill-default);border-color:var(--hf-color-button-secondary-border-default);box-shadow:0 1px 4px #0505050a}._secondary_1syl2_1:hover{background-color:var(--hf-color-button-secondary-fill-hover);border-color:var(--hf-color-button-secondary-fill-hover)}._secondary_1syl2_1:active{background-color:var(--hf-color-button-secondary-fill-active);border-color:var(--hf-color-button-secondary-fill-active)}._accent_1syl2_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-accent-default);border-color:var(--hf-color-button-accent-default)}._accent_1syl2_1:hover{background-color:var(--hf-color-button-accent-hover);border-color:var(--hf-color-button-accent-hover)}._accent_1syl2_1:active{background-color:var(--hf-color-button-accent-active);border-color:var(--hf-color-button-accent-active)}._danger_1syl2_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-default);border-color:var(--hf-color-button-danger-default)}._danger_1syl2_1:hover{background-color:var(--hf-color-button-danger-hover);border-color:var(--hf-color-button-danger-hover)}._danger_1syl2_1:active{background-color:var(--hf-color-button-danger-active);border-color:var(--hf-color-button-danger-active)}._jobsites_1syl2_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-jobsite-default);border-color:var(--hf-color-button-jobsite-default)}._jobsites_1syl2_1:hover{background-color:var(--hf-color-button-jobsite-hover);border-color:var(--hf-color-button-jobsite-hover)}._jobsites_1syl2_1:active{background-color:var(--hf-color-button-jobsite-active);border-color:var(--hf-color-button-jobsite-active)}._ghost_1syl2_1{color:var(--hf-color-text-main);background-color:transparent;border-color:transparent}._ghost_1syl2_1:hover{background-color:var(--hf-color-button-secondary-fill-hover)}._ghost_1syl2_1:active{background-color:var(--hf-color-button-secondary-fill-active)}._ghost-danger_1syl2_1{color:var(--hf-color-text-main);background-color:transparent;border-color:transparent}._ghost-danger_1syl2_1:hover{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-hover)}._ghost-danger_1syl2_1:active{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-active)}@keyframes _loader-animation_t6bg6_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loader_t6bg6_10{display:block;color:var(--hf-loader-color);flex:0 0 auto}._circle_t6bg6_15{animation-name:_loader-animation_t6bg6_1;animation-iteration-count:infinite;animation-duration:1s;animation-timing-function:linear}._white_t6bg6_22{--hf-loader-color: var(--hf-color-text-invert)}._black_t6bg6_26{--hf-loader-color: var(--hf-color-text-main)}._s_t6bg6_30{width:18px;height:18px}._m_t6bg6_35{width:28px;height:28px}._l_t6bg6_10{width:56px;height:56px}._spinner_t6bg6_45{display:inline-block;border:1px solid var(--hf-loader-color);border-top-color:transparent;border-left-color:transparent;border-radius:50%}._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(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import { defineComponent as $, computed as f, openBlock as i, createElementBlock as d, normalizeClass as r, unref as c, createVNode as j, createCommentVNode as u, renderSlot as y, createElementVNode as h, mergeModels as v, useModel as C, toDisplayString as k, withDirectives as z, vModelDynamic as N, vModelCheckbox as T, normalizeStyle as x } from "vue";
+const M = "_button_1syl2_1", I = "_disabled_1syl2_1", L = "_loading_1syl2_1", V = "_loader_1syl2_1", q = "_content_1syl2_1", D = "_s_1syl2_2", O = "_xs_1syl2_1", S = "_square_1syl2_1", A = "_circle_1syl2_1", R = "_m_1syl2_1", U = "_l_1syl2_1", K = "_primary_1syl2_1", P = "_secondary_1syl2_1", F = "_accent_1syl2_1", G = "_danger_1syl2_1", H = "_jobsites_1syl2_1", J = "_ghost_1syl2_1", p = {
+  button: M,
+  disabled: I,
+  loading: L,
+  loader: V,
+  content: q,
+  s: D,
+  xs: O,
+  square: S,
+  circle: A,
+  m: R,
+  l: U,
+  primary: K,
+  secondary: P,
+  accent: F,
+  danger: G,
+  jobsites: H,
+  ghost: J,
+  "ghost-danger": "_ghost-danger_1syl2_1"
+}, Q = "_loader_t6bg6_10", W = "_circle_t6bg6_15", X = "_white_t6bg6_22", Y = "_black_t6bg6_26", Z = "_s_t6bg6_30", ee = "_m_t6bg6_35", se = "_l_t6bg6_10", te = "_spinner_t6bg6_45", g = {
+  loader: Q,
+  circle: W,
+  "loader-animation": "_loader-animation_t6bg6_1",
+  white: X,
+  black: Y,
+  s: Z,
+  m: ee,
+  l: se,
+  spinner: te
+}, oe = /* @__PURE__ */ $({
+  __name: "loader",
+  props: {
+    className: {},
+    size: { default: "l" },
+    color: { default: "black" }
+  },
+  setup(n) {
+    const s = n, t = f(() => [g.loader, g[s.size], g[s.color], g.circle]);
+    return (l, e) => (i(), d("span", {
+      class: r([c(g).spinner, t.value])
+    }, null, 2));
+  }
+}), ne = ["name", "type", "disabled"], Ae = /* @__PURE__ */ $({
+  name: "BaseButton",
   __name: "button",
   props: {
     size: { default: "m" },
     className: {},
-    type: { default: "default" },
-    block: { type: Boolean },
+    type: { default: "primary" },
     disabled: { type: Boolean, default: !1 },
     loading: { type: Boolean, default: !1 },
     active: { type: Boolean, default: !1 },
@@ -39,77 +58,74 @@ 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(n) {
+    const s = n, t = {
+      primary: "white",
+      secondary: "black",
+      accent: "white",
+      danger: "white",
+      jobsites: "white",
+      ghost: "black",
+      "ghost-danger": "black"
+    }, l = f(() => [
+      p.button,
+      p[s.size],
+      p[s.type],
+      s.circle ? [p.circle] : [p.square],
       {
-        [l.block]: a.block,
-        [l.disabled]: a.disabled,
-        [l.loading]: a.loading,
-        [l.active]: a.active,
-        [l.circle]: a.circle,
-        [l.bordered]: a.bordered
+        [p.disabled]: s.disabled,
+        [p.loading]: s.loading,
+        [p.active]: s.active,
+        [p.bordered]: s.bordered
       },
-      a.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"))
+      s.className
+    ]), e = f(() => t[s.type] || "white");
+    return (a, m) => (i(), d("button", {
+      name: a.name,
+      class: r(l.value),
+      type: a.htmlType,
+      disabled: a.disabled || a.loading,
+      onClick: m[0] || (m[0] = (B) => a.$emit("click"))
     }, [
-      n.loading ? (i(), r("div", {
+      a.loading ? (i(), d("div", {
         key: 0,
-        class: s(o(l).loadingWrapper)
+        class: r(c(p).loader)
       }, [
-        c("span", {
-          class: s(o(l).spinner)
-        }, null, 2)
-      ], 2)) : d("", !0),
-      c("div", null, [
-        c("span", {
-          class: s([o(l).icon, o(l).iconLeft])
-        }, [
-          p(n.$slots, "leftIcon")
-        ], 2),
-        c("span", {
-          class: s(o(l).content)
-        }, [
-          p(n.$slots, "default")
-        ], 2),
-        n.$slots.rightIcon ? (i(), r("span", {
-          key: 0,
-          class: s([o(l).icon, o(l).iconRight])
-        }, [
-          p(n.$slots, "rightIcon")
-        ], 2)) : d("", !0)
-      ])
-    ], 10, O));
+        j(c(oe), {
+          size: "s",
+          color: e.value
+        }, null, 8, ["color"])
+      ], 2)) : u("", !0),
+      a.$slots.before ? y(a.$slots, "before", { key: 1 }) : u("", !0),
+      h("span", {
+        class: r(c(p).content)
+      }, [
+        y(a.$slots, "default")
+      ], 2),
+      a.$slots.after ? y(a.$slots, "after", { key: 2 }) : u("", !0)
+    ], 10, ne));
   }
-}), 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,
-  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({
+}), le = "_wrapper_f5n0f_1", ae = "_label_f5n0f_6", re = "_container_f5n0f_13", ce = "_input_f5n0f_19", ie = "_error_f5n0f_29", de = "_xs_f5n0f_41", _e = "_s_f5n0f_46", pe = "_m_f5n0f_51", ue = "_l_f5n0f_6", fe = "_xl_f5n0f_61", me = "_disabled_f5n0f_66", be = "_errorText_f5n0f_71", ye = "_prefix_f5n0f_78", he = "_suffix_f5n0f_79", ge = "_loading_f5n0f_94", $e = "_spinner_f5n0f_98", ve = "_spin_f5n0f_98", _ = {
+  wrapper: le,
+  label: ae,
+  container: re,
+  input: ce,
+  error: ie,
+  xs: de,
+  s: _e,
+  m: pe,
+  l: ue,
+  xl: fe,
+  disabled: me,
+  errorText: be,
+  prefix: ye,
+  suffix: he,
+  loading: ge,
+  spinner: $e,
+  spin: ve
+}, ke = ["for"], Be = ["id", "name", "type", "disabled", "placeholder"], Re = /* @__PURE__ */ $({
   __name: "input",
-  props: /* @__PURE__ */ y({
+  props: /* @__PURE__ */ v({
     value: {},
     type: { default: "text" },
     id: {},
@@ -125,71 +141,177 @@ 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__ */ v(["update:value", "enter"], ["update:value"]),
+  setup(n, { emit: s }) {
+    const t = C(n, "value"), l = n, e = s, a = f(() => [
+      _.input,
+      _[l.size],
       {
-        [t.disabled]: n.disabled,
-        [t.error]: n.error,
-        [t.loading]: n.loading
+        [_.disabled]: l.disabled,
+        [_.error]: l.error,
+        [_.loading]: l.loading
       },
-      n.className
-    ]), k = (e) => {
-      _("update:value", e.target.value);
-    }, $ = (e) => {
-      e.key === "Enter" && _("enter");
+      l.className
+    ]), m = (o) => {
+      e("update:value", o.target.value);
+    }, B = (o) => {
+      o.key === "Enter" && e("enter");
     };
-    return (e, b) => (i(), r("div", {
-      class: s(o(t).wrapper)
+    return (o, w) => (i(), d("div", {
+      class: r(c(_).wrapper)
     }, [
-      e.label ? (i(), r("label", {
+      o.label ? (i(), 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: o.id,
+        class: r(c(_).label)
+      }, k(o.label), 11, ke)) : u("", !0),
+      h("div", {
+        class: r(c(_).container)
       }, [
-        e.$slots.prefix ? (i(), r("span", {
+        o.$slots.prefix ? (i(), d("span", {
           key: 0,
-          class: s(o(t).prefix)
+          class: r(c(_).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]
+          y(o.$slots, "prefix")
+        ], 2)) : u("", !0),
+        z(h("input", {
+          id: o.id,
+          "onUpdate:modelValue": w[0] || (w[0] = (E) => t.value = E),
+          name: o.name,
+          type: o.type,
+          disabled: o.disabled || o.loading,
+          placeholder: o.placeholder,
+          class: r(a.value),
+          onInput: m,
+          onKeydown: B
+        }, null, 42, Be), [
+          [N, t.value]
         ]),
-        e.$slots.suffix ? (i(), r("span", {
+        o.$slots.suffix ? (i(), d("span", {
           key: 1,
-          class: s(o(t).suffix)
+          class: r(c(_).suffix)
         }, [
-          p(e.$slots, "suffix")
-        ], 2)) : d("", !0),
-        e.loading ? (i(), r("span", {
+          y(o.$slots, "suffix")
+        ], 2)) : u("", !0),
+        o.loading ? (i(), d("span", {
           key: 2,
-          class: s(o(t).spinner)
-        }, null, 2)) : d("", !0)
+          class: r(c(_).spinner)
+        }, null, 2)) : u("", !0)
       ], 2),
-      e.error ? (i(), r("p", {
+      o.error ? (i(), d("p", {
         key: 1,
-        class: s(o(t).errorText)
-      }, g(e.error), 3)) : d("", !0)
+        class: r(c(_).errorText)
+      }, k(o.error), 3)) : u("", !0)
     ], 2));
   }
-});
+}), we = "_label_jcdiv_1", Ce = "_disabled_jcdiv_7", ze = "_input_jcdiv_17", Ee = "_error_jcdiv_30", je = "_text_jcdiv_70", Ne = "_errorText_jcdiv_76", b = {
+  label: we,
+  disabled: Ce,
+  input: ze,
+  error: Ee,
+  text: je,
+  errorText: Ne
+}, Te = ["for"], xe = ["id", "name", "disabled"], Ue = /* @__PURE__ */ $({
+  __name: "checkbox",
+  props: /* @__PURE__ */ v({
+    id: {},
+    name: {},
+    disabled: { type: Boolean },
+    label: {},
+    error: {},
+    className: {}
+  }, {
+    checked: { type: Boolean },
+    checkedModifiers: {}
+  }),
+  emits: ["update:checked"],
+  setup(n) {
+    const s = C(n, "checked"), t = n, l = f(() => [
+      b.label,
+      {
+        [b.disabled]: t.disabled
+      },
+      t.className
+    ]);
+    return (e, a) => (i(), d("div", null, [
+      h("label", {
+        for: e.id,
+        class: r(l.value)
+      }, [
+        z(h("input", {
+          id: e.id,
+          "onUpdate:modelValue": a[0] || (a[0] = (m) => s.value = m),
+          name: e.name,
+          type: "checkbox",
+          disabled: e.disabled,
+          class: r([c(b).input, { [c(b).error]: !!t.error }])
+        }, null, 10, xe), [
+          [T, s.value]
+        ]),
+        e.$slots.default ? (i(), d("span", {
+          key: 0,
+          class: r(c(b).text)
+        }, [
+          y(e.$slots, "default")
+        ], 2)) : u("", !0)
+      ], 10, Te),
+      e.error ? (i(), d("div", {
+        key: 0,
+        class: r(c(b).errorText)
+      }, k(e.error), 3)) : u("", !0)
+    ]));
+  }
+}), Me = ["aria-label", "width", "height"], Ie = ["xlink:href"], Le = /* @__PURE__ */ $({
+  __name: "icon",
+  props: {
+    type: {},
+    color: {},
+    block: { type: Boolean }
+  },
+  setup(n) {
+    const s = n, t = f(() => {
+      const e = s.type.match(/(\d+)$/);
+      return e ? parseInt(e[1], 10) : 16;
+    }), l = f(() => {
+      const e = {};
+      return s.color && (e.color = s.color), s.block && (e.display = "block"), e;
+    });
+    return (e, a) => (i(), d("svg", {
+      class: r(e.$style.icon),
+      "aria-label": e.type,
+      style: x(l.value),
+      role: "img",
+      width: t.value,
+      height: t.value
+    }, [
+      h("use", {
+        "xlink:href": `../assets/sprite.svg#${e.type}`
+      }, null, 8, Ie)
+    ], 14, Me));
+  }
+}), Ve = "_icon_1p8iz_2", qe = {
+  icon: Ve
+}, De = (n, s) => {
+  const t = n.__vccOpts || n;
+  for (const [l, e] of s)
+    t[l] = e;
+  return t;
+}, Oe = {
+  $style: qe
+}, Ke = /* @__PURE__ */ De(Le, [["__cssModules", Oe]]), Pe = () => {
+  const n = "huntflow-uikit-icons-sprite", s = "/src/assets/sprite.svg";
+  if (!document.getElementById(n)) {
+    const t = document.createElement("svg");
+    t.style.display = "none", t.id = n;
+    const l = document.createElement("defs"), e = document.createElement("use");
+    e.setAttribute("href", `${s}`), l.appendChild(e), t.appendChild(l), document.body.appendChild(t);
+  }
+};
 export {
-  me as BaseButton,
-  be as BaseInput
+  Ae as BaseButton,
+  Ue as BaseCheckbox,
+  Ke as BaseIcon,
+  Re as BaseInput,
+  oe as BaseLoader,
+  Pe 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.49",
   "author": {
     "name": "HuntFlow Developer",
     "nickname": "developer",
@@ -22,7 +22,9 @@
     "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",
+    "variables": "npx tsx utils/figma-variables.ts"
   },
   "publishConfig": {
     "access": "public"
@@ -61,7 +63,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",
@@ -72,14 +76,18 @@
     "postcss-nesting": "^13.0.1",
     "prettier": "^3.4.2",
     "storybook": "^8.4.7",
+    "storybook-addon-pseudo-states": "^4.0.2",
     "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"
   }
 }