npm - @huntflow/ui - Versions diffs - 0.0.51 → 0.0.52 - Mend

@huntflow/ui 0.0.51 → 0.0.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/components/base-input/types.d.ts +1 -1
package/dist/shared/utils.d.ts +3 -0
package/dist/ui.cjs.js +3 -3
package/dist/ui.es.js +225 -216
package/package.json +1 -1

package/dist/components/base-input/types.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ export type BaseInputProps = {
     id?: string;
     name?: string;
     disabled?: boolean;
-    label?: string;
+    title?: string;
     header?: string;
     subTitle?: string;
     link?: string;

package/dist/shared/utils.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { Slots } from 'vue';
+declare const hasSlotContent: (slots: Slots, name?: string) => boolean;
+export { hasSlotContent };

package/dist/ui.cjs.js CHANGED Viewed

@@ -1,6 +1,6 @@
-(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:var(--hf-gap-xs)}._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_6qo53_1{margin-bottom:var(--hf-gap-xs)}._input_6qo53_5{border-radius:var(--hf-radius-input-default);border:var(--hf-border-xs) solid var(--hf-color-field-border-default);background:var(--hf-color-field-background-default);padding:var(--hf-padding-input-top-bottom-default) var(--hf-padding-input-left-right-default);width:100%;box-sizing:border-box;color:var(--hf-color-field-text-default);font-size:var(--hf-font-size-field-text);font-weight:var(--hf-font-weight-field-text);line-height:var(--hf-font-line-height-field-text)}._input_6qo53_5:active{border-color:var(--hf-color-field-border-focus)}._input_6qo53_5:focus{border-color:var(--hf-color-field-border-focus);outline:solid 3px var(--hf-color-field-border-focus-visible)}._input_6qo53_5:disabled{outline:none;border-color:var(--hf-color-field-text-disable);background:var(--hf-color-field-background-disable);color:var(--hf-color-field-text-disable)}._error_6qo53_35,._error_6qo53_35:active{border-color:var(--hf-color-field-border-error)}._error_6qo53_35:focus{border-color:var(--hf-color-field-border-error);outline:solid 3px var(--hf-color-field-border-error-focus-visible)}._description_6qo53_47{margin-top:var(--hf-gap-xs);font-size:var(--hf-font-size-field-error);font-weight:var(--hf-font-weight-field-description);line-height:var(--hf-font-line-height-field-description)}._description_6qo53_47 a{text-decoration:underline}._descriptionText_6qo53_58{color:var(--hf-color-field-text-description)}._errorText_6qo53_62{color:var(--hf-color-text-danger)}._label_12dq3_1{display:flex;flex-direction:row;gap:var(--hf-gap-xs);font-style:normal;flex:1;margin-bottom:var(--hf-gap-xs)}._header_12dq3_10{display:block;color:var(--hf-color-text-main);font-size:var(--hf-font-size-text-h4);font-weight:var(--hf-font-weight-text-h4);line-height:var(--hf-font-line-height-text-h4)}._headerWrapper_12dq3_18{flex-grow:1;gap:var(--hf-gap-xs);display:flex;flex-direction:column}._title_12dq3_25{display:block;color:var(--hf-color-text-main);font-size:var(--hf-font-size-label-title);font-weight:var(--hf-font-weight-label-title);line-height:var(--hf-font-line-height-label-title)}._subTitleRow_12dq3_33{display:flex;justify-content:space-between;font-size:var(--hf-font-size-label-subtitle);color:var(--hf-color-text-semilight);font-weight:var(--hf-font-weight-label-subtitle)}._subTitle_12dq3_33{line-height:var(--hf-font-line-height-label-subtitle)}._link_12dq3_45{overflow:hidden;text-overflow:ellipsis;font-size:var(--hf-font-size-label-title);line-height:var(--hf-font-line-height-label-subtitle);color:var(--hf-color-text-semilight);font-weight:var(--hf-font-weight-label-subtitle);margin-left:auto;align-self:flex-end;height:20px}._link_12dq3_45 a{text-decoration:none;color:var(--hf-color-text-semilight)}._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",C="_disabled_1syl2_1",$="_loading_1syl2_1",T="_loader_1syl2_1",N="_content_1syl2_1",w="_s_1syl2_2",z="_xs_1syl2_1",V="_square_1syl2_1",E="_circle_1syl2_1",S="_m_1syl2_1",q="_l_1syl2_1",M="_primary_1syl2_1",j="_secondary_1syl2_1",L="_accent_1syl2_1",D="_danger_1syl2_1",R="_jobsites_1syl2_1",H="_ghost_1syl2_1",c={button:B,disabled:C,loading:$,loader:T,content:N,s:w,xs:z,square:V,circle:E,m:S,l:q,primary:M,secondary:j,accent:L,danger:D,jobsites:R,ghost:H,"ghost-danger":"_ghost-danger_1syl2_1"},I="_loader_t6bg6_10",O="_circle_t6bg6_15",W="_white_t6bg6_22",A="_black_t6bg6_26",P="_s_t6bg6_30",U="_m_t6bg6_35",F="_l_t6bg6_10",G="_spinner_t6bg6_45",m={loader:I,circle:O,"loader-animation":"_loader-animation_t6bg6_1",white:W,black:A,s:P,m:U,l:F,spinner:G},k=e.defineComponent({__name:"loader",props:{className:{},size:{default:"l"},color:{default:"black"}},setup(n){const t=n,l=e.computed(()=>[m.loader,m[t.size],m[t.color],m.circle]);return(s,o)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass([e.unref(m).spinner,l.value])},null,2))}}),K=["name","type","disabled"],J=e.defineComponent({__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(n){const t=n,l={primary:"white",secondary:"black",accent:"white",danger:"white",jobsites:"white",ghost:"black","ghost-danger":"black"},s=e.computed(()=>[c.button,c[t.size],c[t.type],t.circle?[c.circle]:[c.square],{[c.disabled]:t.disabled,[c.loading]:t.loading,[c.active]:t.active,[c.bordered]:t.bordered},t.className]),o=e.computed(()=>l[t.type]||"white");return(r,u)=>(e.openBlock(),e.createElementBlock("button",{name:r.name,class:e.normalizeClass(s.value),type:r.htmlType,disabled:r.disabled||r.loading,onClick:u[0]||(u[0]=_=>r.$emit("click"))},[r.loading?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(c).loader)},[e.createVNode(e.unref(k),{size:"s",color:o.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(c).content)},[e.renderSlot(r.$slots,"default")],2),r.$slots.after?e.renderSlot(r.$slots,"after",{key:2}):e.createCommentVNode("",!0)],10,K))}}),Q="_wrapper_6qo53_1",X="_input_6qo53_5",Y="_error_6qo53_35",Z="_description_6qo53_47",x="_descriptionText_6qo53_58",ee="_errorText_6qo53_62",i={wrapper:Q,input:X,error:Y,description:Z,descriptionText:x,errorText:ee},te="_label_12dq3_1",oe="_header_12dq3_10",se="_headerWrapper_12dq3_18",le="_title_12dq3_25",ne="_subTitleRow_12dq3_33",re="_subTitle_12dq3_33",ae="_link_12dq3_45",d={label:te,header:oe,headerWrapper:se,title:le,subTitleRow:ne,subTitle:re,link:ae},y=e.defineComponent({__name:"label",emits:["click"],setup(n){return(t,l)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref(d).label)},[t.$slots.header||t.$slots.title?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(d).headerWrapper)},[t.$slots.header?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(d).header)},[e.renderSlot(t.$slots,"header")],2)):e.createCommentVNode("",!0),t.$slots.default?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(d).title)},[e.renderSlot(t.$slots,"default")],2)):e.createCommentVNode("",!0),t.$slots.subTitle||t.$slots.link?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(e.unref(d).subTitleRow)},[t.$slots.subTitle?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(d).subTitle)},[e.renderSlot(t.$slots,"subTitle")],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),t.$slots.link?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(d).link),onClick:l[0]||(l[0]=s=>t.$emit("click"))},[e.renderSlot(t.$slots,"link")],2)):e.createCommentVNode("",!0)],2))}}),ce=["id","name","type","disabled","placeholder"],ie=["innerHTML"],de=["innerHTML"],ue=e.defineComponent({__name:"input",props:e.mergeModels({value:{},type:{default:"text"},id:{},name:{},disabled:{type:Boolean},label:{},header:{},subTitle:{},link:{},placeholder:{},loading:{type:Boolean},error:{},description:{},className:{}},{value:{},valueModifiers:{}}),emits:e.mergeModels(["update:value","enter","click-link"],["update:value"]),setup(n,{emit:t}){const l=e.useModel(n,"value"),s=n,o=t,r=e.computed(()=>[i.input,{[i.disabled]:s.disabled,[i.error]:s.error,[i.loading]:s.loading},s.className]),u=e.computed(()=>s.header||s.label||s.subTitle||s.link),_=e.computed(()=>s.description||s.error),f=a=>{o("update:value",a.target.value)},h=a=>{a.key==="Enter"&&o("enter")},g=()=>{o("click-link")};return(a,b)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(i).wrapper)},[u.value?(e.openBlock(),e.createBlock(e.unref(y),{key:0,for:a.id,onClick:g},{header:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.header),1)]),subTitle:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.subTitle),1)]),link:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.link),1)]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(s.label)+" ",1)]),_:1},8,["for"])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{id:a.id,"onUpdate:modelValue":b[0]||(b[0]=v=>l.value=v),name:a.name,type:a.type,disabled:a.disabled||a.loading,placeholder:a.placeholder,class:e.normalizeClass(r.value),onInput:f,onKeydown:h},null,42,ce),[[e.vModelDynamic,l.value]]),_.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(i).description)},[a.error?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(i).errorText),innerHTML:a.error},null,10,ie)):e.createCommentVNode("",!0),a.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(i).descriptionText),innerHTML:a.description},null,10,de)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],2))}}),pe="_label_jcdiv_1",me="_disabled_jcdiv_7",_e="_input_jcdiv_17",be="_error_jcdiv_30",ke="_text_jcdiv_70",ye="_errorText_jcdiv_76",p={label:pe,disabled:me,input:_e,error:be,text:ke,errorText:ye},fe=["for"],he=["id","name","disabled"],ge=e.defineComponent({__name:"checkbox",props:e.mergeModels({id:{},name:{},disabled:{type:Boolean},label:{},error:{},className:{}},{checked:{type:Boolean},checkedModifiers:{}}),emits:["update:checked"],setup(n){const t=e.useModel(n,"checked"),l=n,s=e.computed(()=>[p.label,{[p.disabled]:l.disabled},l.className]);return(o,r)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("label",{for:o.id,class:e.normalizeClass(s.value)},[e.withDirectives(e.createElementVNode("input",{id:o.id,"onUpdate:modelValue":r[0]||(r[0]=u=>t.value=u),name:o.name,type:"checkbox",disabled:o.disabled,class:e.normalizeClass([e.unref(p).input,{[e.unref(p).error]:!!l.error}])},null,10,he),[[e.vModelCheckbox,t.value]]),o.$slots.default?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(p).text)},[e.renderSlot(o.$slots,"default")],2)):e.createCommentVNode("",!0)],10,fe),o.error?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(p).errorText)},e.toDisplayString(o.error),3)):e.createCommentVNode("",!0)]))}}),ve=["aria-label","width","height"],Be=["xlink:href"],Ce=e.defineComponent({__name:"icon",props:{type:{},color:{},block:{type:Boolean}},setup(n){const t=n,l=e.computed(()=>{const o=t.type.match(/(\d+)$/);return o?parseInt(o[1],10):16}),s=e.computed(()=>{const o={};return t.color&&(o.color=t.color),t.block&&(o.display="block"),o});return(o,r)=>(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(o.$style.icon),"aria-label":o.type,style:e.normalizeStyle(s.value),role:"img",width:l.value,height:l.value},[e.createElementVNode("use",{"xlink:href":`../assets/sprite.svg#${o.type}`},null,8,Be)],14,ve))}}),$e="_icon_1p8iz_2",Te={icon:$e},Ne=(n,t)=>{const l=n.__vccOpts||n;for(const[s,o]of t)l[s]=o;return l},we={$style:Te},ze=Ne(Ce,[["__cssModules",we]]),Ve=async()=>{if(!(typeof document>"u")&&!document.getElementById("__svg-sprite__"))try{const t=`
+(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:var(--hf-gap-xs)}._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_6qo53_1{margin-bottom:var(--hf-gap-xs)}._input_6qo53_5{border-radius:var(--hf-radius-input-default);border:var(--hf-border-xs) solid var(--hf-color-field-border-default);background:var(--hf-color-field-background-default);padding:var(--hf-padding-input-top-bottom-default) var(--hf-padding-input-left-right-default);width:100%;box-sizing:border-box;color:var(--hf-color-field-text-default);font-size:var(--hf-font-size-field-text);font-weight:var(--hf-font-weight-field-text);line-height:var(--hf-font-line-height-field-text)}._input_6qo53_5:active{border-color:var(--hf-color-field-border-focus)}._input_6qo53_5:focus{border-color:var(--hf-color-field-border-focus);outline:solid 3px var(--hf-color-field-border-focus-visible)}._input_6qo53_5:disabled{outline:none;border-color:var(--hf-color-field-text-disable);background:var(--hf-color-field-background-disable);color:var(--hf-color-field-text-disable)}._error_6qo53_35,._error_6qo53_35:active{border-color:var(--hf-color-field-border-error)}._error_6qo53_35:focus{border-color:var(--hf-color-field-border-error);outline:solid 3px var(--hf-color-field-border-error-focus-visible)}._description_6qo53_47{margin-top:var(--hf-gap-xs);font-size:var(--hf-font-size-field-error);font-weight:var(--hf-font-weight-field-description);line-height:var(--hf-font-line-height-field-description)}._description_6qo53_47 a{text-decoration:underline}._descriptionText_6qo53_58{color:var(--hf-color-field-text-description)}._errorText_6qo53_62{color:var(--hf-color-text-danger)}._label_12r0e_1{display:flex;flex-direction:row;gap:var(--hf-gap-xs);font-style:normal;flex:1;margin-bottom:var(--hf-gap-xs)}._header_12r0e_10{display:block;color:var(--hf-color-text-main);font-size:var(--hf-font-size-text-h4);font-weight:var(--hf-font-weight-text-h4);line-height:var(--hf-font-line-height-text-h4)}._headerWrapper_12r0e_18{flex-grow:1;gap:var(--hf-gap-xs);display:flex;flex-direction:column}._title_12r0e_25{display:block;color:var(--hf-color-text-main);font-size:var(--hf-font-size-label-title);font-weight:var(--hf-font-weight-label-title);line-height:var(--hf-font-line-height-label-title)}._subTitleRow_12r0e_33{display:flex;justify-content:space-between;font-size:var(--hf-font-size-label-subtitle);color:var(--hf-color-text-semilight);font-weight:var(--hf-font-weight-label-subtitle)}._subTitle_12r0e_33{line-height:var(--hf-font-line-height-label-subtitle)}._link_12r0e_45{overflow:hidden;text-overflow:ellipsis;font-size:var(--hf-font-size-label-title);line-height:var(--hf-font-line-height-label-subtitle);color:var(--hf-color-text-semilight);font-weight:var(--hf-font-weight-label-subtitle);margin-left:auto;align-self:flex-end;height:20px}._link_12r0e_45 a{text-decoration:none;color:var(--hf-color-text-semilight)}._linkUpper_12r0e_62{margin-bottom:1px}._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",$="_disabled_1syl2_1",T="_loading_1syl2_1",w="_loader_1syl2_1",N="_content_1syl2_1",z="_s_1syl2_2",V="_xs_1syl2_1",S="_square_1syl2_1",E="_circle_1syl2_1",M="_m_1syl2_1",L="_l_1syl2_1",j="_primary_1syl2_1",q="_secondary_1syl2_1",D="_accent_1syl2_1",H="_danger_1syl2_1",U="_jobsites_1syl2_1",R="_ghost_1syl2_1",c={button:B,disabled:$,loading:T,loader:w,content:N,s:z,xs:V,square:S,circle:E,m:M,l:L,primary:j,secondary:q,accent:D,danger:H,jobsites:U,ghost:R,"ghost-danger":"_ghost-danger_1syl2_1"},I="_loader_t6bg6_10",O="_circle_t6bg6_15",x="_white_t6bg6_22",W="_black_t6bg6_26",A="_s_t6bg6_30",P="_m_t6bg6_35",F="_l_t6bg6_10",G="_spinner_t6bg6_45",_={loader:I,circle:O,"loader-animation":"_loader-animation_t6bg6_1",white:x,black:W,s:A,m:P,l:F,spinner:G},v=e.defineComponent({__name:"loader",props:{className:{},size:{default:"l"},color:{default:"black"}},setup(n){const o=n,s=e.computed(()=>[_.loader,_[o.size],_[o.color],_.circle]);return(l,t)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass([e.unref(_).spinner,s.value])},null,2))}}),K=["name","type","disabled"],J=e.defineComponent({__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(n){const o=n,s={primary:"white",secondary:"black",accent:"white",danger:"white",jobsites:"white",ghost:"black","ghost-danger":"black"},l=e.computed(()=>[c.button,c[o.size],c[o.type],o.circle?[c.circle]:[c.square],{[c.disabled]:o.disabled,[c.loading]:o.loading,[c.active]:o.active,[c.bordered]:o.bordered},o.className]),t=e.computed(()=>s[o.type]||"white");return(r,i)=>(e.openBlock(),e.createElementBlock("button",{name:r.name,class:e.normalizeClass(l.value),type:r.htmlType,disabled:r.disabled||r.loading,onClick:i[0]||(i[0]=k=>r.$emit("click"))},[r.loading?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(c).loader)},[e.createVNode(e.unref(v),{size:"s",color:t.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(c).content)},[e.renderSlot(r.$slots,"default")],2),r.$slots.after?e.renderSlot(r.$slots,"after",{key:2}):e.createCommentVNode("",!0)],10,K))}}),Q="_wrapper_6qo53_1",X="_input_6qo53_5",Y="_error_6qo53_35",Z="_description_6qo53_47",ee="_descriptionText_6qo53_58",te="_errorText_6qo53_62",d={wrapper:Q,input:X,error:Y,description:Z,descriptionText:ee,errorText:te},y=(n,o)=>{const s=o?n[o]:n.default;return(s==null?void 0:s().some(l=>{const t=l.children;return t&&t.toString().trim()!==""}))??!1},oe="_label_12r0e_1",le="_header_12r0e_10",se="_headerWrapper_12r0e_18",ne="_title_12r0e_25",re="_subTitleRow_12r0e_33",ae="_subTitle_12r0e_33",ce="_link_12r0e_45",ie="_linkUpper_12r0e_62",u={label:oe,header:le,headerWrapper:se,title:ne,subTitleRow:re,subTitle:ae,link:ce,linkUpper:ie},g=e.defineComponent({__name:"label",emits:["click"],setup(n){const o=e.useSlots(),s=e.computed(()=>y(o,"header")),l=e.computed(()=>y(o)),t=e.computed(()=>y(o,"subTitle")),r=e.computed(()=>y(o,"link")),i=e.computed(()=>s.value||l.value||t.value),k=e.computed(()=>!l.value&&!t.value),h=e.computed(()=>[u.link,k.value&&u.linkUpper].filter(Boolean));return(p,b)=>(e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass(e.unref(u).label)},[i.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(u).headerWrapper)},[s.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(u).header)},[e.renderSlot(p.$slots,"header")],2)):e.createCommentVNode("",!0),l.value?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(u).title)},[e.renderSlot(p.$slots,"default")],2)):e.createCommentVNode("",!0),t.value?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(e.unref(u).subTitleRow)},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(u).subTitle)},[e.renderSlot(p.$slots,"subTitle")],2)],2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(h.value),onClick:b[0]||(b[0]=a=>p.$emit("click"))},[e.renderSlot(p.$slots,"link")],2)):e.createCommentVNode("",!0)],2))}}),de=["id","name","type","disabled","placeholder"],ue=["innerHTML"],pe=["innerHTML"],me=e.defineComponent({__name:"input",props:e.mergeModels({value:{},type:{default:"text"},id:{},name:{},disabled:{type:Boolean},title:{},header:{},subTitle:{},link:{},placeholder:{},loading:{type:Boolean},error:{},description:{},className:{}},{value:{},valueModifiers:{}}),emits:e.mergeModels(["update:value","enter","click-link"],["update:value"]),setup(n,{emit:o}){const s=e.useModel(n,"value"),l=n,t=o,r=e.computed(()=>[d.input,{[d.disabled]:l.disabled,[d.error]:l.error,[d.loading]:l.loading},l.className]),i=e.computed(()=>l.header||l.title||l.subTitle||l.link),k=e.computed(()=>l.description||l.error),h=a=>{t("update:value",a.target.value)},p=a=>{a.key==="Enter"&&t("enter")},b=()=>{t("click-link")};return(a,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(d).wrapper)},[i.value?(e.openBlock(),e.createBlock(e.unref(g),{key:0,for:a.id,onClick:b},{header:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.header),1)]),subTitle:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.subTitle),1)]),link:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.link),1)]),default:e.withCtx(()=>[e.createTextVNode(" "+e.toDisplayString(l.title)+" ",1)]),_:1},8,["for"])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{id:a.id,"onUpdate:modelValue":f[0]||(f[0]=C=>s.value=C),name:a.name,type:a.type,disabled:a.disabled||a.loading,placeholder:a.placeholder,class:e.normalizeClass(r.value),onInput:h,onKeydown:p},null,42,de),[[e.vModelDynamic,s.value]]),k.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(d).description)},[a.error?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(d).errorText),innerHTML:a.error},null,10,ue)):e.createCommentVNode("",!0),a.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(d).descriptionText),innerHTML:a.description},null,10,pe)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],2))}}),_e="_label_jcdiv_1",ke="_disabled_jcdiv_7",be="_input_jcdiv_17",ye="_error_jcdiv_30",he="_text_jcdiv_70",fe="_errorText_jcdiv_76",m={label:_e,disabled:ke,input:be,error:ye,text:he,errorText:fe},ve=["for"],ge=["id","name","disabled"],Ce=e.defineComponent({__name:"checkbox",props:e.mergeModels({id:{},name:{},disabled:{type:Boolean},label:{},error:{},className:{}},{checked:{type:Boolean},checkedModifiers:{}}),emits:["update:checked"],setup(n){const o=e.useModel(n,"checked"),s=n,l=e.computed(()=>[m.label,{[m.disabled]:s.disabled},s.className]);return(t,r)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("label",{for:t.id,class:e.normalizeClass(l.value)},[e.withDirectives(e.createElementVNode("input",{id:t.id,"onUpdate:modelValue":r[0]||(r[0]=i=>o.value=i),name:t.name,type:"checkbox",disabled:t.disabled,class:e.normalizeClass([e.unref(m).input,{[e.unref(m).error]:!!s.error}])},null,10,ge),[[e.vModelCheckbox,o.value]]),t.$slots.default?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(m).text)},[e.renderSlot(t.$slots,"default")],2)):e.createCommentVNode("",!0)],10,ve),t.error?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(m).errorText)},e.toDisplayString(t.error),3)):e.createCommentVNode("",!0)]))}}),Be=["aria-label","width","height"],$e=["xlink:href"],Te=e.defineComponent({__name:"icon",props:{type:{},color:{},block:{type:Boolean}},setup(n){const o=n,s=e.computed(()=>{const t=o.type.match(/(\d+)$/);return t?parseInt(t[1],10):16}),l=e.computed(()=>{const t={};return o.color&&(t.color=o.color),o.block&&(t.display="block"),t});return(t,r)=>(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(t.$style.icon),"aria-label":t.type,style:e.normalizeStyle(l.value),role:"img",width:s.value,height:s.value},[e.createElementVNode("use",{"xlink:href":`#${t.type}`},null,8,$e)],14,Be))}}),we="_icon_1p8iz_2",Ne={icon:we},ze=(n,o)=>{const s=n.__vccOpts||n;for(const[l,t]of o)s[l]=t;return s},Ve={$style:Ne},Se=ze(Te,[["__cssModules",Ve]]),Ee=async()=>{if(!(typeof document>"u")&&!document.getElementById("__svg-sprite__"))try{const o=`
       <svg id="__svg-sprite__" xmlns="http://www.w3.org/2000/svg" style="display: none;">
         ${(await Promise.resolve().then(()=>require("./sprite-ChoU5N3A.cjs"))).default}
       </svg>
-    `;document.body.insertAdjacentHTML("afterbegin",t)}catch(n){console.error("Failed to load SVG sprite:",n)}};exports.BaseButton=J;exports.BaseCheckbox=ge;exports.BaseIcon=ze;exports.BaseInput=ue;exports.BaseLabel=y;exports.BaseLoader=k;exports.injectSvgSprite=Ve;
+    `;document.body.insertAdjacentHTML("afterbegin",o)}catch(n){console.error("Failed to load SVG sprite:",n)}};exports.BaseButton=J;exports.BaseCheckbox=Ce;exports.BaseIcon=Se;exports.BaseInput=me;exports.BaseLabel=g;exports.BaseLoader=v;exports.injectSvgSprite=Ee;

package/dist/ui.es.js CHANGED Viewed

@@ -1,48 +1,48 @@
-(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:var(--hf-gap-xs)}._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_6qo53_1{margin-bottom:var(--hf-gap-xs)}._input_6qo53_5{border-radius:var(--hf-radius-input-default);border:var(--hf-border-xs) solid var(--hf-color-field-border-default);background:var(--hf-color-field-background-default);padding:var(--hf-padding-input-top-bottom-default) var(--hf-padding-input-left-right-default);width:100%;box-sizing:border-box;color:var(--hf-color-field-text-default);font-size:var(--hf-font-size-field-text);font-weight:var(--hf-font-weight-field-text);line-height:var(--hf-font-line-height-field-text)}._input_6qo53_5:active{border-color:var(--hf-color-field-border-focus)}._input_6qo53_5:focus{border-color:var(--hf-color-field-border-focus);outline:solid 3px var(--hf-color-field-border-focus-visible)}._input_6qo53_5:disabled{outline:none;border-color:var(--hf-color-field-text-disable);background:var(--hf-color-field-background-disable);color:var(--hf-color-field-text-disable)}._error_6qo53_35,._error_6qo53_35:active{border-color:var(--hf-color-field-border-error)}._error_6qo53_35:focus{border-color:var(--hf-color-field-border-error);outline:solid 3px var(--hf-color-field-border-error-focus-visible)}._description_6qo53_47{margin-top:var(--hf-gap-xs);font-size:var(--hf-font-size-field-error);font-weight:var(--hf-font-weight-field-description);line-height:var(--hf-font-line-height-field-description)}._description_6qo53_47 a{text-decoration:underline}._descriptionText_6qo53_58{color:var(--hf-color-field-text-description)}._errorText_6qo53_62{color:var(--hf-color-text-danger)}._label_12dq3_1{display:flex;flex-direction:row;gap:var(--hf-gap-xs);font-style:normal;flex:1;margin-bottom:var(--hf-gap-xs)}._header_12dq3_10{display:block;color:var(--hf-color-text-main);font-size:var(--hf-font-size-text-h4);font-weight:var(--hf-font-weight-text-h4);line-height:var(--hf-font-line-height-text-h4)}._headerWrapper_12dq3_18{flex-grow:1;gap:var(--hf-gap-xs);display:flex;flex-direction:column}._title_12dq3_25{display:block;color:var(--hf-color-text-main);font-size:var(--hf-font-size-label-title);font-weight:var(--hf-font-weight-label-title);line-height:var(--hf-font-line-height-label-title)}._subTitleRow_12dq3_33{display:flex;justify-content:space-between;font-size:var(--hf-font-size-label-subtitle);color:var(--hf-color-text-semilight);font-weight:var(--hf-font-weight-label-subtitle)}._subTitle_12dq3_33{line-height:var(--hf-font-line-height-label-subtitle)}._link_12dq3_45{overflow:hidden;text-overflow:ellipsis;font-size:var(--hf-font-size-label-title);line-height:var(--hf-font-line-height-label-subtitle);color:var(--hf-color-text-semilight);font-weight:var(--hf-font-weight-label-subtitle);margin-left:auto;align-self:flex-end;height:20px}._link_12dq3_45 a{text-decoration:none;color:var(--hf-color-text-semilight)}._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 v, computed as p, openBlock as r, createElementBlock as i, normalizeClass as l, unref as o, createVNode as V, createCommentVNode as _, renderSlot as y, createElementVNode as $, mergeModels as B, useModel as C, createBlock as R, withCtx as T, createTextVNode as w, toDisplayString as g, withDirectives as L, vModelDynamic as D, vModelCheckbox as E, normalizeStyle as H } from "vue";
-const I = "_button_1syl2_1", O = "_disabled_1syl2_1", W = "_loading_1syl2_1", A = "_loader_1syl2_1", U = "_content_1syl2_1", F = "_s_1syl2_2", G = "_xs_1syl2_1", K = "_square_1syl2_1", J = "_circle_1syl2_1", P = "_m_1syl2_1", Q = "_l_1syl2_1", X = "_primary_1syl2_1", Y = "_secondary_1syl2_1", Z = "_accent_1syl2_1", x = "_danger_1syl2_1", ee = "_jobsites_1syl2_1", se = "_ghost_1syl2_1", u = {
-  button: I,
-  disabled: O,
-  loading: W,
-  loader: A,
-  content: U,
-  s: F,
-  xs: G,
-  square: K,
-  circle: J,
-  m: P,
-  l: Q,
-  primary: X,
-  secondary: Y,
-  accent: Z,
-  danger: x,
-  jobsites: ee,
-  ghost: se,
+(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:var(--hf-gap-xs)}._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_6qo53_1{margin-bottom:var(--hf-gap-xs)}._input_6qo53_5{border-radius:var(--hf-radius-input-default);border:var(--hf-border-xs) solid var(--hf-color-field-border-default);background:var(--hf-color-field-background-default);padding:var(--hf-padding-input-top-bottom-default) var(--hf-padding-input-left-right-default);width:100%;box-sizing:border-box;color:var(--hf-color-field-text-default);font-size:var(--hf-font-size-field-text);font-weight:var(--hf-font-weight-field-text);line-height:var(--hf-font-line-height-field-text)}._input_6qo53_5:active{border-color:var(--hf-color-field-border-focus)}._input_6qo53_5:focus{border-color:var(--hf-color-field-border-focus);outline:solid 3px var(--hf-color-field-border-focus-visible)}._input_6qo53_5:disabled{outline:none;border-color:var(--hf-color-field-text-disable);background:var(--hf-color-field-background-disable);color:var(--hf-color-field-text-disable)}._error_6qo53_35,._error_6qo53_35:active{border-color:var(--hf-color-field-border-error)}._error_6qo53_35:focus{border-color:var(--hf-color-field-border-error);outline:solid 3px var(--hf-color-field-border-error-focus-visible)}._description_6qo53_47{margin-top:var(--hf-gap-xs);font-size:var(--hf-font-size-field-error);font-weight:var(--hf-font-weight-field-description);line-height:var(--hf-font-line-height-field-description)}._description_6qo53_47 a{text-decoration:underline}._descriptionText_6qo53_58{color:var(--hf-color-field-text-description)}._errorText_6qo53_62{color:var(--hf-color-text-danger)}._label_12r0e_1{display:flex;flex-direction:row;gap:var(--hf-gap-xs);font-style:normal;flex:1;margin-bottom:var(--hf-gap-xs)}._header_12r0e_10{display:block;color:var(--hf-color-text-main);font-size:var(--hf-font-size-text-h4);font-weight:var(--hf-font-weight-text-h4);line-height:var(--hf-font-line-height-text-h4)}._headerWrapper_12r0e_18{flex-grow:1;gap:var(--hf-gap-xs);display:flex;flex-direction:column}._title_12r0e_25{display:block;color:var(--hf-color-text-main);font-size:var(--hf-font-size-label-title);font-weight:var(--hf-font-weight-label-title);line-height:var(--hf-font-line-height-label-title)}._subTitleRow_12r0e_33{display:flex;justify-content:space-between;font-size:var(--hf-font-size-label-subtitle);color:var(--hf-color-text-semilight);font-weight:var(--hf-font-weight-label-subtitle)}._subTitle_12r0e_33{line-height:var(--hf-font-line-height-label-subtitle)}._link_12r0e_45{overflow:hidden;text-overflow:ellipsis;font-size:var(--hf-font-size-label-title);line-height:var(--hf-font-line-height-label-subtitle);color:var(--hf-color-text-semilight);font-weight:var(--hf-font-weight-label-subtitle);margin-left:auto;align-self:flex-end;height:20px}._link_12r0e_45 a{text-decoration:none;color:var(--hf-color-text-semilight)}._linkUpper_12r0e_62{margin-bottom:1px}._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 g, computed as u, openBlock as i, createElementBlock as c, normalizeClass as n, unref as a, createVNode as U, createCommentVNode as _, renderSlot as h, createElementVNode as f, useSlots as V, mergeModels as S, useModel as q, createBlock as R, withCtx as C, createTextVNode as L, toDisplayString as T, withDirectives as z, vModelDynamic as D, vModelCheckbox as E, normalizeStyle as I } from "vue";
+const O = "_button_1syl2_1", W = "_disabled_1syl2_1", A = "_loading_1syl2_1", F = "_loader_1syl2_1", G = "_content_1syl2_1", K = "_s_1syl2_2", J = "_xs_1syl2_1", P = "_square_1syl2_1", Q = "_circle_1syl2_1", X = "_m_1syl2_1", Y = "_l_1syl2_1", Z = "_primary_1syl2_1", x = "_secondary_1syl2_1", ee = "_accent_1syl2_1", se = "_danger_1syl2_1", te = "_jobsites_1syl2_1", le = "_ghost_1syl2_1", p = {
+  button: O,
+  disabled: W,
+  loading: A,
+  loader: F,
+  content: G,
+  s: K,
+  xs: J,
+  square: P,
+  circle: Q,
+  m: X,
+  l: Y,
+  primary: Z,
+  secondary: x,
+  accent: ee,
+  danger: se,
+  jobsites: te,
+  ghost: le,
   "ghost-danger": "_ghost-danger_1syl2_1"
-}, te = "_loader_t6bg6_10", le = "_circle_t6bg6_15", oe = "_white_t6bg6_22", ne = "_black_t6bg6_26", re = "_s_t6bg6_30", ae = "_m_t6bg6_35", ie = "_l_t6bg6_10", ce = "_spinner_t6bg6_45", f = {
-  loader: te,
-  circle: le,
+}, oe = "_loader_t6bg6_10", ne = "_circle_t6bg6_15", re = "_white_t6bg6_22", ae = "_black_t6bg6_26", ie = "_s_t6bg6_30", ce = "_m_t6bg6_35", de = "_l_t6bg6_10", ue = "_spinner_t6bg6_45", $ = {
+  loader: oe,
+  circle: ne,
   "loader-animation": "_loader-animation_t6bg6_1",
-  white: oe,
-  black: ne,
-  s: re,
-  m: ae,
-  l: ie,
-  spinner: ce
-}, de = /* @__PURE__ */ v({
+  white: re,
+  black: ae,
+  s: ie,
+  m: ce,
+  l: de,
+  spinner: ue
+}, _e = /* @__PURE__ */ g({
   __name: "loader",
   props: {
     className: {},
     size: { default: "l" },
     color: { default: "black" }
   },
-  setup(a) {
-    const e = a, n = p(() => [f.loader, f[e.size], f[e.color], f.circle]);
-    return (t, s) => (r(), i("span", {
-      class: l([o(f).spinner, n.value])
+  setup(o) {
+    const s = o, l = u(() => [$.loader, $[s.size], $[s.color], $.circle]);
+    return (t, e) => (i(), c("span", {
+      class: n([a($).spinner, l.value])
     }, null, 2));
   }
-}), _e = ["name", "type", "disabled"], Ge = /* @__PURE__ */ v({
+}), pe = ["name", "type", "disabled"], Pe = /* @__PURE__ */ g({
   __name: "button",
   props: {
     size: { default: "m" },
@@ -57,8 +57,8 @@ const I = "_button_1syl2_1", O = "_disabled_1syl2_1", W = "_loading_1syl2_1", A
     htmlType: {}
   },
   emits: ["click"],
-  setup(a) {
-    const e = a, n = {
+  setup(o) {
+    const s = o, l = {
       primary: "white",
       secondary: "black",
       accent: "white",
@@ -66,112 +66,121 @@ const I = "_button_1syl2_1", O = "_disabled_1syl2_1", W = "_loading_1syl2_1", A
       jobsites: "white",
       ghost: "black",
       "ghost-danger": "black"
-    }, t = p(() => [
-      u.button,
-      u[e.size],
-      u[e.type],
-      e.circle ? [u.circle] : [u.square],
+    }, t = u(() => [
+      p.button,
+      p[s.size],
+      p[s.type],
+      s.circle ? [p.circle] : [p.square],
       {
-        [u.disabled]: e.disabled,
-        [u.loading]: e.loading,
-        [u.active]: e.active,
-        [u.bordered]: e.bordered
+        [p.disabled]: s.disabled,
+        [p.loading]: s.loading,
+        [p.active]: s.active,
+        [p.bordered]: s.bordered
       },
-      e.className
-    ]), s = p(() => n[e.type] || "white");
-    return (c, h) => (r(), i("button", {
-      name: c.name,
-      class: l(t.value),
-      type: c.htmlType,
-      disabled: c.disabled || c.loading,
-      onClick: h[0] || (h[0] = (q) => c.$emit("click"))
+      s.className
+    ]), e = u(() => l[s.type] || "white");
+    return (r, b) => (i(), c("button", {
+      name: r.name,
+      class: n(t.value),
+      type: r.htmlType,
+      disabled: r.disabled || r.loading,
+      onClick: b[0] || (b[0] = (w) => r.$emit("click"))
     }, [
-      c.loading ? (r(), i("div", {
+      r.loading ? (i(), c("div", {
         key: 0,
-        class: l(o(u).loader)
+        class: n(a(p).loader)
       }, [
-        V(o(de), {
+        U(a(_e), {
           size: "s",
-          color: s.value
+          color: e.value
         }, null, 8, ["color"])
       ], 2)) : _("", !0),
-      c.$slots.before ? y(c.$slots, "before", { key: 1 }) : _("", !0),
-      $("span", {
-        class: l(o(u).content)
+      r.$slots.before ? h(r.$slots, "before", { key: 1 }) : _("", !0),
+      f("span", {
+        class: n(a(p).content)
       }, [
-        y(c.$slots, "default")
+        h(r.$slots, "default")
       ], 2),
-      c.$slots.after ? y(c.$slots, "after", { key: 2 }) : _("", !0)
-    ], 10, _e));
+      r.$slots.after ? h(r.$slots, "after", { key: 2 }) : _("", !0)
+    ], 10, pe));
   }
-}), ue = "_wrapper_6qo53_1", pe = "_input_6qo53_5", be = "_error_6qo53_35", ye = "_description_6qo53_47", me = "_descriptionText_6qo53_58", he = "_errorText_6qo53_62", b = {
-  wrapper: ue,
-  input: pe,
-  error: be,
-  description: ye,
-  descriptionText: me,
-  errorText: he
-}, ke = "_label_12dq3_1", ve = "_header_12dq3_10", fe = "_headerWrapper_12dq3_18", ge = "_title_12dq3_25", $e = "_subTitleRow_12dq3_33", Te = "_subTitle_12dq3_33", we = "_link_12dq3_45", m = {
-  label: ke,
-  header: ve,
-  headerWrapper: fe,
-  title: ge,
-  subTitleRow: $e,
-  subTitle: Te,
-  link: we
-}, Be = /* @__PURE__ */ v({
+}), be = "_wrapper_6qo53_1", ye = "_input_6qo53_5", me = "_error_6qo53_35", he = "_description_6qo53_47", ke = "_descriptionText_6qo53_58", ve = "_errorText_6qo53_62", y = {
+  wrapper: be,
+  input: ye,
+  error: me,
+  description: he,
+  descriptionText: ke,
+  errorText: ve
+}, M = (o, s) => {
+  const l = s ? o[s] : o.default;
+  return (l == null ? void 0 : l().some((t) => {
+    const e = t.children;
+    return e && e.toString().trim() !== "";
+  })) ?? !1;
+}, fe = "_label_12r0e_1", ge = "_header_12r0e_10", $e = "_headerWrapper_12r0e_18", Te = "_title_12r0e_25", we = "_subTitleRow_12r0e_33", Be = "_subTitle_12r0e_33", Ce = "_link_12r0e_45", Le = "_linkUpper_12r0e_62", m = {
+  label: fe,
+  header: ge,
+  headerWrapper: $e,
+  title: Te,
+  subTitleRow: we,
+  subTitle: Be,
+  link: Ce,
+  linkUpper: Le
+}, Me = /* @__PURE__ */ g({
   __name: "label",
   emits: ["click"],
-  setup(a) {
-    return (e, n) => (r(), i("label", {
-      class: l(o(m).label)
+  setup(o) {
+    const s = V(), l = u(() => M(s, "header")), t = u(() => M(s)), e = u(() => M(s, "subTitle")), r = u(() => M(s, "link")), b = u(() => l.value || t.value || e.value), w = u(() => !t.value && !e.value), j = u(
+      () => [m.link, w.value && m.linkUpper].filter(Boolean)
+    );
+    return (k, B) => (i(), c("label", {
+      class: n(a(m).label)
     }, [
-      e.$slots.header || e.$slots.title ? (r(), i("span", {
+      b.value ? (i(), c("span", {
         key: 0,
-        class: l(o(m).headerWrapper)
+        class: n(a(m).headerWrapper)
       }, [
-        e.$slots.header ? (r(), i("span", {
+        l.value ? (i(), c("span", {
           key: 0,
-          class: l(o(m).header)
+          class: n(a(m).header)
         }, [
-          y(e.$slots, "header")
+          h(k.$slots, "header")
         ], 2)) : _("", !0),
-        e.$slots.default ? (r(), i("span", {
+        t.value ? (i(), c("span", {
           key: 1,
-          class: l(o(m).title)
+          class: n(a(m).title)
         }, [
-          y(e.$slots, "default")
+          h(k.$slots, "default")
         ], 2)) : _("", !0),
-        e.$slots.subTitle || e.$slots.link ? (r(), i("span", {
+        e.value ? (i(), c("span", {
           key: 2,
-          class: l(o(m).subTitleRow)
+          class: n(a(m).subTitleRow)
         }, [
-          e.$slots.subTitle ? (r(), i("span", {
-            key: 0,
-            class: l(o(m).subTitle)
+          f("span", {
+            class: n(a(m).subTitle)
           }, [
-            y(e.$slots, "subTitle")
-          ], 2)) : _("", !0)
+            h(k.$slots, "subTitle")
+          ], 2)
         ], 2)) : _("", !0)
       ], 2)) : _("", !0),
-      e.$slots.link ? (r(), i("span", {
+      r.value ? (i(), c("span", {
         key: 1,
-        class: l(o(m).link),
-        onClick: n[0] || (n[0] = (t) => e.$emit("click"))
+        class: n(j.value),
+        onClick: B[0] || (B[0] = (d) => k.$emit("click"))
       }, [
-        y(e.$slots, "link")
+        h(k.$slots, "link")
       ], 2)) : _("", !0)
     ], 2));
   }
-}), qe = ["id", "name", "type", "disabled", "placeholder"], Me = ["innerHTML"], Ce = ["innerHTML"], Ke = /* @__PURE__ */ v({
+}), je = ["id", "name", "type", "disabled", "placeholder"], Se = ["innerHTML"], Ne = ["innerHTML"], Qe = /* @__PURE__ */ g({
   __name: "input",
-  props: /* @__PURE__ */ B({
+  props: /* @__PURE__ */ S({
     value: {},
     type: { default: "text" },
     id: {},
     name: {},
     disabled: { type: Boolean },
-    label: {},
+    title: {},
     header: {},
     subTitle: {},
     link: {},
@@ -184,85 +193,85 @@ const I = "_button_1syl2_1", O = "_disabled_1syl2_1", W = "_loading_1syl2_1", A
     value: {},
     valueModifiers: {}
   }),
-  emits: /* @__PURE__ */ B(["update:value", "enter", "click-link"], ["update:value"]),
-  setup(a, { emit: e }) {
-    const n = C(a, "value"), t = a, s = e, c = p(() => [
-      b.input,
+  emits: /* @__PURE__ */ S(["update:value", "enter", "click-link"], ["update:value"]),
+  setup(o, { emit: s }) {
+    const l = q(o, "value"), t = o, e = s, r = u(() => [
+      y.input,
       {
-        [b.disabled]: t.disabled,
-        [b.error]: t.error,
-        [b.loading]: t.loading
+        [y.disabled]: t.disabled,
+        [y.error]: t.error,
+        [y.loading]: t.loading
       },
       t.className
-    ]), h = p(() => t.header || t.label || t.subTitle || t.link), q = p(() => t.description || t.error), j = (d) => {
-      s("update:value", d.target.value);
-    }, N = (d) => {
-      d.key === "Enter" && s("enter");
-    }, z = () => {
-      s("click-link");
+    ]), b = u(() => t.header || t.title || t.subTitle || t.link), w = u(() => t.description || t.error), j = (d) => {
+      e("update:value", d.target.value);
+    }, k = (d) => {
+      d.key === "Enter" && e("enter");
+    }, B = () => {
+      e("click-link");
     };
-    return (d, M) => (r(), i("div", {
-      class: l(o(b).wrapper)
+    return (d, N) => (i(), c("div", {
+      class: n(a(y).wrapper)
     }, [
-      h.value ? (r(), R(o(Be), {
+      b.value ? (i(), R(a(Me), {
         key: 0,
         for: d.id,
-        onClick: z
+        onClick: B
       }, {
-        header: T(() => [
-          w(g(t.header), 1)
+        header: C(() => [
+          L(T(t.header), 1)
         ]),
-        subTitle: T(() => [
-          w(g(t.subTitle), 1)
+        subTitle: C(() => [
+          L(T(t.subTitle), 1)
         ]),
-        link: T(() => [
-          w(g(t.link), 1)
+        link: C(() => [
+          L(T(t.link), 1)
         ]),
-        default: T(() => [
-          w(" " + g(t.label) + " ", 1)
+        default: C(() => [
+          L(" " + T(t.title) + " ", 1)
         ]),
         _: 1
       }, 8, ["for"])) : _("", !0),
-      L($("input", {
+      z(f("input", {
         id: d.id,
-        "onUpdate:modelValue": M[0] || (M[0] = (S) => n.value = S),
+        "onUpdate:modelValue": N[0] || (N[0] = (H) => l.value = H),
         name: d.name,
         type: d.type,
         disabled: d.disabled || d.loading,
         placeholder: d.placeholder,
-        class: l(c.value),
+        class: n(r.value),
         onInput: j,
-        onKeydown: N
-      }, null, 42, qe), [
-        [D, n.value]
+        onKeydown: k
+      }, null, 42, je), [
+        [D, l.value]
       ]),
-      q.value ? (r(), i("div", {
+      w.value ? (i(), c("div", {
         key: 1,
-        class: l(o(b).description)
+        class: n(a(y).description)
       }, [
-        d.error ? (r(), i("div", {
+        d.error ? (i(), c("div", {
           key: 0,
-          class: l(o(b).errorText),
+          class: n(a(y).errorText),
           innerHTML: d.error
-        }, null, 10, Me)) : _("", !0),
-        d.description ? (r(), i("div", {
+        }, null, 10, Se)) : _("", !0),
+        d.description ? (i(), c("div", {
           key: 1,
-          class: l(o(b).descriptionText),
+          class: n(a(y).descriptionText),
           innerHTML: d.description
-        }, null, 10, Ce)) : _("", !0)
+        }, null, 10, Ne)) : _("", !0)
       ], 2)) : _("", !0)
     ], 2));
   }
-}), Le = "_label_jcdiv_1", je = "_disabled_jcdiv_7", Ne = "_input_jcdiv_17", ze = "_error_jcdiv_30", Se = "_text_jcdiv_70", Ve = "_errorText_jcdiv_76", k = {
-  label: Le,
-  disabled: je,
-  input: Ne,
-  error: ze,
-  text: Se,
-  errorText: Ve
-}, Re = ["for"], De = ["id", "name", "disabled"], Je = /* @__PURE__ */ v({
+}), qe = "_label_jcdiv_1", ze = "_disabled_jcdiv_7", He = "_input_jcdiv_17", Ue = "_error_jcdiv_30", Ve = "_text_jcdiv_70", Re = "_errorText_jcdiv_76", v = {
+  label: qe,
+  disabled: ze,
+  input: He,
+  error: Ue,
+  text: Ve,
+  errorText: Re
+}, De = ["for"], Ee = ["id", "name", "disabled"], Xe = /* @__PURE__ */ g({
   __name: "checkbox",
-  props: /* @__PURE__ */ B({
+  props: /* @__PURE__ */ S({
     id: {},
     name: {},
     disabled: { type: Boolean },
@@ -274,98 +283,98 @@ const I = "_button_1syl2_1", O = "_disabled_1syl2_1", W = "_loading_1syl2_1", A
     checkedModifiers: {}
   }),
   emits: ["update:checked"],
-  setup(a) {
-    const e = C(a, "checked"), n = a, t = p(() => [
-      k.label,
+  setup(o) {
+    const s = q(o, "checked"), l = o, t = u(() => [
+      v.label,
       {
-        [k.disabled]: n.disabled
+        [v.disabled]: l.disabled
       },
-      n.className
+      l.className
     ]);
-    return (s, c) => (r(), i("div", null, [
-      $("label", {
-        for: s.id,
-        class: l(t.value)
+    return (e, r) => (i(), c("div", null, [
+      f("label", {
+        for: e.id,
+        class: n(t.value)
       }, [
-        L($("input", {
-          id: s.id,
-          "onUpdate:modelValue": c[0] || (c[0] = (h) => e.value = h),
-          name: s.name,
+        z(f("input", {
+          id: e.id,
+          "onUpdate:modelValue": r[0] || (r[0] = (b) => s.value = b),
+          name: e.name,
           type: "checkbox",
-          disabled: s.disabled,
-          class: l([o(k).input, { [o(k).error]: !!n.error }])
-        }, null, 10, De), [
-          [E, e.value]
+          disabled: e.disabled,
+          class: n([a(v).input, { [a(v).error]: !!l.error }])
+        }, null, 10, Ee), [
+          [E, s.value]
         ]),
-        s.$slots.default ? (r(), i("span", {
+        e.$slots.default ? (i(), c("span", {
           key: 0,
-          class: l(o(k).text)
+          class: n(a(v).text)
         }, [
-          y(s.$slots, "default")
+          h(e.$slots, "default")
         ], 2)) : _("", !0)
-      ], 10, Re),
-      s.error ? (r(), i("div", {
+      ], 10, De),
+      e.error ? (i(), c("div", {
         key: 0,
-        class: l(o(k).errorText)
-      }, g(s.error), 3)) : _("", !0)
+        class: n(a(v).errorText)
+      }, T(e.error), 3)) : _("", !0)
     ]));
   }
-}), Ee = ["aria-label", "width", "height"], He = ["xlink:href"], Ie = /* @__PURE__ */ v({
+}), Ie = ["aria-label", "width", "height"], Oe = ["xlink:href"], We = /* @__PURE__ */ g({
   __name: "icon",
   props: {
     type: {},
     color: {},
     block: { type: Boolean }
   },
-  setup(a) {
-    const e = a, n = p(() => {
-      const s = e.type.match(/(\d+)$/);
-      return s ? parseInt(s[1], 10) : 16;
-    }), t = p(() => {
-      const s = {};
-      return e.color && (s.color = e.color), e.block && (s.display = "block"), s;
+  setup(o) {
+    const s = o, l = u(() => {
+      const e = s.type.match(/(\d+)$/);
+      return e ? parseInt(e[1], 10) : 16;
+    }), t = u(() => {
+      const e = {};
+      return s.color && (e.color = s.color), s.block && (e.display = "block"), e;
     });
-    return (s, c) => (r(), i("svg", {
-      class: l(s.$style.icon),
-      "aria-label": s.type,
-      style: H(t.value),
+    return (e, r) => (i(), c("svg", {
+      class: n(e.$style.icon),
+      "aria-label": e.type,
+      style: I(t.value),
       role: "img",
-      width: n.value,
-      height: n.value
+      width: l.value,
+      height: l.value
     }, [
-      $("use", {
-        "xlink:href": `../assets/sprite.svg#${s.type}`
-      }, null, 8, He)
-    ], 14, Ee));
+      f("use", {
+        "xlink:href": `#${e.type}`
+      }, null, 8, Oe)
+    ], 14, Ie));
   }
-}), Oe = "_icon_1p8iz_2", We = {
-  icon: Oe
-}, Ae = (a, e) => {
-  const n = a.__vccOpts || a;
-  for (const [t, s] of e)
-    n[t] = s;
-  return n;
-}, Ue = {
-  $style: We
-}, Pe = /* @__PURE__ */ Ae(Ie, [["__cssModules", Ue]]), Qe = async () => {
+}), Ae = "_icon_1p8iz_2", Fe = {
+  icon: Ae
+}, Ge = (o, s) => {
+  const l = o.__vccOpts || o;
+  for (const [t, e] of s)
+    l[t] = e;
+  return l;
+}, Ke = {
+  $style: Fe
+}, Ye = /* @__PURE__ */ Ge(We, [["__cssModules", Ke]]), Ze = async () => {
   if (!(typeof document > "u") && !document.getElementById("__svg-sprite__"))
     try {
-      const e = `
+      const s = `
       <svg id="__svg-sprite__" xmlns="http://www.w3.org/2000/svg" style="display: none;">
         ${(await import("./sprite-CP6qWMMh.js")).default}
       </svg>
     `;
-      document.body.insertAdjacentHTML("afterbegin", e);
-    } catch (a) {
-      console.error("Failed to load SVG sprite:", a);
+      document.body.insertAdjacentHTML("afterbegin", s);
+    } catch (o) {
+      console.error("Failed to load SVG sprite:", o);
     }
 };
 export {
-  Ge as BaseButton,
-  Je as BaseCheckbox,
-  Pe as BaseIcon,
-  Ke as BaseInput,
-  Be as BaseLabel,
-  de as BaseLoader,
-  Qe as injectSvgSprite
+  Pe as BaseButton,
+  Xe as BaseCheckbox,
+  Ye as BaseIcon,
+  Qe as BaseInput,
+  Me as BaseLabel,
+  _e as BaseLoader,
+  Ze as injectSvgSprite
 };

package/package.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "name": "@huntflow/ui",
   "description": "HuntFlow UiKit, icons, utils library",
   "private": false,
-  "version": "0.0.51",
+  "version": "0.0.52",
   "author": {
     "name": "HuntFlow Developer",
     "nickname": "developer",