@huntflow/ui 0.0.46 → 0.0.47

package/dist/components/base-button/button.vue.d.ts

@@ -1,28 +1,21 @@
 import { BaseButtonProps } from './types';
-declare function __VLS_template(): {
-    slots: {
-        leftIcon?(_: {
-            icon: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                [key: string]: any;
-            }>;
-        }): any;
-        default?(_: {}): any;
-        rightIcon?(_: {
-            icon: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                [key: string]: any;
-            }>;
-        }): any;
-    };
-    refs: {};
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<BaseButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: (...args: any[]) => void;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<BaseButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
 }, string, import('vue').PublicProps, Readonly<BaseButtonProps> & Readonly<{
-    onClick?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+    onClick?: (() => any) | undefined;
+}>, {
+    size: import('./types').BaseButtonSize;
+    type: import('./types').BaseButtonType;
+    disabled: boolean;
+    loading: boolean;
+    active: boolean;
+    circle: boolean;
+    bordered: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    leftIcon?(_: {}): any;
+    default?(_: {}): any;
+    rightIcon?(_: {}): any;
+}>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/components/base-button/types.d.ts

@@ -1,10 +1,7 @@
-import { VNode } from 'vue';
 export type BaseButtonProps = {
     size?: BaseButtonSize;
     className?: string;
     type?: BaseButtonType;
-    leftIcon?: VNode;
-    rightIcon?: VNode;
     block?: boolean;
     disabled?: boolean;
     loading?: boolean;

package/dist/components/base-checkbox/checkbox.vue.d.ts

@@ -1,5 +1,4 @@
 type Props = {
-    checked: boolean;
     id?: string;
     name?: string;
     disabled?: boolean;
@@ -7,22 +6,17 @@ type Props = {
     error?: string | null | void;
     className?: string;
 };
-declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:checked": (...args: any[]) => void;
-    change: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
-    onChange?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare let __VLS_typeProps: Props;
+type __VLS_PublicProps = {
+    'checked'?: boolean;
+} & typeof __VLS_typeProps;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:checked": (checked: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:checked"?: ((checked: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/components/base-input/input.vue.d.ts

@@ -1,21 +1,23 @@
 import { BaseInputProps } from './types';
-declare function __VLS_template(): {
-    slots: {
-        prefix?(_: {}): any;
-        suffix?(_: {}): any;
-    };
-    refs: {};
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<BaseInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:value": (...args: any[]) => void;
-    enter: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<BaseInputProps> & Readonly<{
-    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-    onEnter?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare let __VLS_typeProps: BaseInputProps;
+type __VLS_PublicProps = {
+    'value'?: string;
+} & typeof __VLS_typeProps;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:value": (value: string) => any;
+} & {
+    "update:value": (value: string) => any;
+    enter: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:value"?: ((value: string) => any) | undefined;
+    onEnter?: (() => any) | undefined;
+}>, {
+    size: import('./types').BaseInputSize;
+    type: import('./types').BaseInputType;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    prefix?(_: {}): any;
+    suffix?(_: {}): any;
+}>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/components/base-select/select.vue.d.ts

@@ -1,33 +1,25 @@
 import { BaseSelectProps } from './types.ts';
-declare function __VLS_template(): {
-    slots: {
-        icon?(_: {
-            icon: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                [key: string]: any;
-            }>;
-        }): any;
-        icon?(_: {
-            icon: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-                [key: string]: any;
-            }>;
-        }): any;
-    };
-    refs: {
-        "base-select": HTMLDivElement;
-    };
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<BaseSelectProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:value": (...args: any[]) => void;
-    change: (...args: any[]) => void;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<BaseSelectProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:value": (value: string | number) => any;
 }, string, import('vue').PublicProps, Readonly<BaseSelectProps> & Readonly<{
-    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-    onChange?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    "onUpdate:value"?: ((value: string | number) => any) | undefined;
+}>, {
+    size: import('./types.ts').BaseSelectSize;
+    placeholder: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     "base-select": HTMLDivElement;
-}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, any>, {
+    icon?(_: {
+        icon: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+            [key: string]: any;
+        }>;
+    }): any;
+    icon?(_: {
+        icon: import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+            [key: string]: any;
+        }>;
+    }): any;
+}>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/components/base-select/types.d.ts

@@ -2,6 +2,7 @@ import { VNode } from 'vue';
 export type BaseSelectProps = {
     value?: number | string | null;
     name?: string;
+    placeholder?: string;
     label?: string;
     size?: BaseSelectSize;
     className?: string;

package/dist/ui.cjs.js

@@ -1,2 +1,2 @@
 (function(){"use strict";var r;try{if(typeof document<"u"){var o=document.createElement("style");o.nonce=(r=document.head.querySelector("meta[property=csp-nonce]"))==null?void 0:r.content,o.appendChild(document.createTextNode("._button_d4llw_1{position:relative;display:inline-flex;align-items:center;font-weight:500;justify-content:center;border:none;border-radius:var(--hf-button-border-radius);cursor:pointer;transition:background-color .3s,box-shadow .3s}._button_d4llw_1:focus{outline:none}._primary_d4llw_19{color:var(--hf-button-primary-text-color);border:1px solid var(--hf-button-primary-background-color);background-color:var(--hf-button-primary-background-color)}._primary_d4llw_19:hover{background-color:var(--hf-button-primary-hover-background-color)}._primary_d4llw_19:focus{box-shadow:0 0 0 3px var(--hf-button-primary-focus-color)}._primary_d4llw_19._bordered_d4llw_34{background-color:#fff;color:var(--hf-button-primary-background-color);border:1px solid var(--hf-button-primary-background-color)}._danger_d4llw_40{color:var(--hf-button-danger-text-color);background-color:var(--hf-button-danger-background-color)}._danger_d4llw_40:hover{background-color:var(--hf-button-danger-hover-background-color)}._danger_d4llw_40:focus{box-shadow:0 0 0 3px var(--hf-button-danger-focus-color)}._danger_d4llw_40._bordered_d4llw_34{background-color:#fff;color:var(--hf-button-danger-background-color);border:1px solid var(--hf-button-danger-background-color)}._default_d4llw_59{background-color:#fff;color:var(--hf-button-default-text-color);border:1px solid var(--hf-button-default-border-color)}._default_d4llw_59:hover{background-color:var(--hf-button-default-hover-background-color)}._default_d4llw_59:focus{box-shadow:0 0 0 3px var(--hf-button-default-focus-color)}._link_d4llw_73{background-color:#fff;color:#007bff;text-decoration:underline}._block_d4llw_79{width:100%}._disabled_d4llw_83{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}._disabled_d4llw_83:hover{background-color:inherit}._loading_d4llw_93{cursor:wait}._loading_d4llw_93 ._content_d4llw_96{visibility:hidden}._circle_d4llw_101{border-radius:100%;padding:0!important}._bordered_d4llw_34{border:1px solid currentColor}._icon_d4llw_110{display:flex;align-items:center}._iconLeft_d4llw_115{margin-right:8px}._iconRight_d4llw_119{margin-left:8px}._xs_d4llw_123{padding:4px 8px;font-size:12px}._s_d4llw_128{padding:6px 12px;font-size:14px;line-height:20px}._m_d4llw_134{padding:6px 12px;font-size:15px;line-height:24px}._l_d4llw_73{padding:16px 32px;font-size:18px}._xl_d4llw_145{padding:20px 40px;font-size:20px}._loadingWrapper_d4llw_150{width:100%;height:100%;position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center}._loadingWrapper_d4llw_150 ._spinner_d4llw_161{display:inline-block;position:absolute;right:0;left:0;margin:0 auto;width:16px;height:16px;border:2px solid rgba(0,0,0,.05);border-top-color:#fff;border-radius:50%;animation:_spin_d4llw_161 .6s linear infinite}@keyframes _spin_d4llw_161{to{transform:rotate(360deg)}}._wrapper_f5n0f_1{display:flex;flex-direction:column}._label_f5n0f_6{margin-bottom:4px;font-size:15px;font-weight:500;line-height:20px}._container_f5n0f_13{position:relative;display:flex;align-items:center}._input_f5n0f_19{flex:1;padding:8px 12px;font-size:15px;line-height:24px;border:1px solid #00000029;border-radius:12px;outline:none;transition:border-color .3s}._input_f5n0f_19._error_f5n0f_29{border:1px solid #FF0000}._input_f5n0f_19._error_f5n0f_29:focus{outline:3px solid #FFD6D6}._input_f5n0f_19:focus{outline:3px solid #C4EDFA}._xs_f5n0f_41{padding:4px 8px;font-size:12px}._s_f5n0f_46{padding:6px 10px;font-size:13px}._m_f5n0f_51{padding:8px 12px;font-size:14px}._l_f5n0f_6{padding:10px 14px;font-size:16px}._xl_f5n0f_61{padding:12px 16px;font-size:18px}._disabled_f5n0f_66{background-color:#e9ecef;cursor:not-allowed}._errorText_f5n0f_71{margin-top:4px;font-size:14px;line-height:20px;color:red}._prefix_f5n0f_78,._suffix_f5n0f_79{position:absolute;display:flex;align-items:center;color:#6c757d}._prefix_f5n0f_78{left:8px}._suffix_f5n0f_79{right:8px}._loading_f5n0f_94{cursor:wait}._spinner_f5n0f_98{position:absolute;right:8px;width:16px;height:16px;border:2px solid rgba(0,0,0,.2);border-top-color:#007bff;border-radius:50%;animation:_spin_f5n0f_98 .6s linear infinite}@keyframes _spin_f5n0f_98{to{transform:rotate(360deg)}}")),document.head.appendChild(o)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}})();
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),p="_button_d4llw_1",_="_primary_d4llw_19",f="_bordered_d4llw_34",m="_danger_d4llw_40",u="_link_d4llw_73",b="_block_d4llw_79",k="_disabled_d4llw_83",y="_loading_d4llw_93",g="_content_d4llw_96",B="_circle_d4llw_101",C="_icon_d4llw_110",w="_iconLeft_d4llw_115",h="_iconRight_d4llw_119",$="_xs_d4llw_123",v="_s_d4llw_128",z="_m_d4llw_134",N="_l_d4llw_73",E="_xl_d4llw_145",V="_loadingWrapper_d4llw_150",I="_spinner_d4llw_161",S="_spin_d4llw_161",l={button:p,primary:_,bordered:f,danger:m,default:"_default_d4llw_59",link:u,block:b,disabled:k,loading:y,content:g,circle:B,icon:C,iconLeft:w,iconRight:h,xs:$,s:v,m:z,l:N,xl:E,loadingWrapper:V,spinner:I,spin:S},T=["name","type","disabled"],L=e.defineComponent({__name:"button",props:{size:{},className:{},type:{},leftIcon:{},rightIcon:{},block:{type:Boolean},disabled:{type:Boolean},loading:{type:Boolean},active:{type:Boolean},name:{},circle:{type:Boolean},bordered:{type:Boolean},htmlType:{}},emits:["click"],setup(a,{emit:i}){const o=a,r=i,c=e.computed(()=>[l.button,l[o.size||"m"],l[o.type||"default"],{[l.block]:o.block,[l.disabled]:o.disabled,[l.loading]:o.loading,[l.active]:o.active,[l.circle]:o.circle,[l.bordered]:o.bordered},o.className]),d=()=>{r("click")};return(s,n)=>(e.openBlock(),e.createElementBlock("button",{name:s.name,class:e.normalizeClass(c.value),type:s.htmlType,disabled:s.disabled||s.loading,onClick:d},[s.loading?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(l).loadingWrapper)},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(l).spinner)},null,2)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",null,[s.leftIcon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(l).icon,e.unref(l).iconLeft])},[e.renderSlot(s.$slots,"leftIcon",{icon:s.leftIcon})],2)):e.createCommentVNode("",!0),s.$slots.default?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(l).content)},[e.renderSlot(s.$slots,"default")],2)):e.createCommentVNode("",!0),s.rightIcon?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass([e.unref(l).icon,e.unref(l).iconRight])},[e.renderSlot(s.$slots,"rightIcon",{icon:s.rightIcon})],2)):e.createCommentVNode("",!0)])],10,T))}}),R="_wrapper_f5n0f_1",W="_label_f5n0f_6",D="_container_f5n0f_13",j="_input_f5n0f_19",q="_error_f5n0f_29",x="_xs_f5n0f_41",K="_s_f5n0f_46",M="_m_f5n0f_51",O="_l_f5n0f_6",P="_xl_f5n0f_61",A="_disabled_f5n0f_66",F="_errorText_f5n0f_71",G="_prefix_f5n0f_78",H="_suffix_f5n0f_79",J="_loading_f5n0f_94",Q="_spinner_f5n0f_98",U="_spin_f5n0f_98",t={wrapper:R,label:W,container:D,input:j,error:q,xs:x,s:K,m:M,l:O,xl:P,disabled:A,errorText:F,prefix:G,suffix:H,loading:J,spinner:Q,spin:U},X=["for"],Y=["id","value","name","type","disabled","placeholder"],Z=e.defineComponent({__name:"input",props:{value:{},type:{},id:{},name:{},disabled:{type:Boolean},label:{},placeholder:{},loading:{type:Boolean},error:{},size:{},className:{}},emits:["update:value","enter"],setup(a,{emit:i}){const o=a,r=i,c=e.computed(()=>[t.input,t[o.size||"m"],{[t.disabled]:o.disabled,[t.error]:o.error,[t.loading]:o.loading},o.className]),d=n=>{r("update:value",n.target.value)},s=n=>{n.key==="Enter"&&r("enter")};return(n,ee)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t).wrapper)},[n.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:n.id,class:e.normalizeClass(e.unref(t).label)},e.toDisplayString(n.label),11,X)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).container)},[n.$slots.prefix?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(t).prefix)},[e.renderSlot(n.$slots,"prefix")],2)):e.createCommentVNode("",!0),e.createElementVNode("input",{id:n.id,value:n.value,name:n.name,type:n.type||"text",disabled:n.disabled||n.loading,placeholder:n.placeholder,class:e.normalizeClass(c.value),onInput:d,onKeydown:s},null,42,Y),n.$slots.suffix?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(t).suffix)},[e.renderSlot(n.$slots,"suffix")],2)):e.createCommentVNode("",!0),n.loading?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(e.unref(t).spinner)},null,2)):e.createCommentVNode("",!0)],2),n.error?(e.openBlock(),e.createElementBlock("p",{key:1,class:e.normalizeClass(e.unref(t).errorText)},e.toDisplayString(n.error),3)):e.createCommentVNode("",!0)],2))}});exports.BaseButton=L;exports.BaseInput=Z;
+"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;

package/dist/ui.es.js

@@ -1,123 +1,117 @@
 (function(){"use strict";var r;try{if(typeof document<"u"){var o=document.createElement("style");o.nonce=(r=document.head.querySelector("meta[property=csp-nonce]"))==null?void 0:r.content,o.appendChild(document.createTextNode("._button_d4llw_1{position:relative;display:inline-flex;align-items:center;font-weight:500;justify-content:center;border:none;border-radius:var(--hf-button-border-radius);cursor:pointer;transition:background-color .3s,box-shadow .3s}._button_d4llw_1:focus{outline:none}._primary_d4llw_19{color:var(--hf-button-primary-text-color);border:1px solid var(--hf-button-primary-background-color);background-color:var(--hf-button-primary-background-color)}._primary_d4llw_19:hover{background-color:var(--hf-button-primary-hover-background-color)}._primary_d4llw_19:focus{box-shadow:0 0 0 3px var(--hf-button-primary-focus-color)}._primary_d4llw_19._bordered_d4llw_34{background-color:#fff;color:var(--hf-button-primary-background-color);border:1px solid var(--hf-button-primary-background-color)}._danger_d4llw_40{color:var(--hf-button-danger-text-color);background-color:var(--hf-button-danger-background-color)}._danger_d4llw_40:hover{background-color:var(--hf-button-danger-hover-background-color)}._danger_d4llw_40:focus{box-shadow:0 0 0 3px var(--hf-button-danger-focus-color)}._danger_d4llw_40._bordered_d4llw_34{background-color:#fff;color:var(--hf-button-danger-background-color);border:1px solid var(--hf-button-danger-background-color)}._default_d4llw_59{background-color:#fff;color:var(--hf-button-default-text-color);border:1px solid var(--hf-button-default-border-color)}._default_d4llw_59:hover{background-color:var(--hf-button-default-hover-background-color)}._default_d4llw_59:focus{box-shadow:0 0 0 3px var(--hf-button-default-focus-color)}._link_d4llw_73{background-color:#fff;color:#007bff;text-decoration:underline}._block_d4llw_79{width:100%}._disabled_d4llw_83{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}._disabled_d4llw_83:hover{background-color:inherit}._loading_d4llw_93{cursor:wait}._loading_d4llw_93 ._content_d4llw_96{visibility:hidden}._circle_d4llw_101{border-radius:100%;padding:0!important}._bordered_d4llw_34{border:1px solid currentColor}._icon_d4llw_110{display:flex;align-items:center}._iconLeft_d4llw_115{margin-right:8px}._iconRight_d4llw_119{margin-left:8px}._xs_d4llw_123{padding:4px 8px;font-size:12px}._s_d4llw_128{padding:6px 12px;font-size:14px;line-height:20px}._m_d4llw_134{padding:6px 12px;font-size:15px;line-height:24px}._l_d4llw_73{padding:16px 32px;font-size:18px}._xl_d4llw_145{padding:20px 40px;font-size:20px}._loadingWrapper_d4llw_150{width:100%;height:100%;position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center}._loadingWrapper_d4llw_150 ._spinner_d4llw_161{display:inline-block;position:absolute;right:0;left:0;margin:0 auto;width:16px;height:16px;border:2px solid rgba(0,0,0,.05);border-top-color:#fff;border-radius:50%;animation:_spin_d4llw_161 .6s linear infinite}@keyframes _spin_d4llw_161{to{transform:rotate(360deg)}}._wrapper_f5n0f_1{display:flex;flex-direction:column}._label_f5n0f_6{margin-bottom:4px;font-size:15px;font-weight:500;line-height:20px}._container_f5n0f_13{position:relative;display:flex;align-items:center}._input_f5n0f_19{flex:1;padding:8px 12px;font-size:15px;line-height:24px;border:1px solid #00000029;border-radius:12px;outline:none;transition:border-color .3s}._input_f5n0f_19._error_f5n0f_29{border:1px solid #FF0000}._input_f5n0f_19._error_f5n0f_29:focus{outline:3px solid #FFD6D6}._input_f5n0f_19:focus{outline:3px solid #C4EDFA}._xs_f5n0f_41{padding:4px 8px;font-size:12px}._s_f5n0f_46{padding:6px 10px;font-size:13px}._m_f5n0f_51{padding:8px 12px;font-size:14px}._l_f5n0f_6{padding:10px 14px;font-size:16px}._xl_f5n0f_61{padding:12px 16px;font-size:18px}._disabled_f5n0f_66{background-color:#e9ecef;cursor:not-allowed}._errorText_f5n0f_71{margin-top:4px;font-size:14px;line-height:20px;color:red}._prefix_f5n0f_78,._suffix_f5n0f_79{position:absolute;display:flex;align-items:center;color:#6c757d}._prefix_f5n0f_78{left:8px}._suffix_f5n0f_79{right:8px}._loading_f5n0f_94{cursor:wait}._spinner_f5n0f_98{position:absolute;right:8px;width:16px;height:16px;border:2px solid rgba(0,0,0,.2);border-top-color:#007bff;border-radius:50%;animation:_spin_f5n0f_98 .6s linear infinite}@keyframes _spin_f5n0f_98{to{transform:rotate(360deg)}}")),document.head.appendChild(o)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}})();
-import { defineComponent as g, computed as w, openBlock as i, createElementBlock as r, normalizeClass as o, unref as t, createElementVNode as p, createCommentVNode as d, renderSlot as c, toDisplayString as y } from "vue";
-const k = "_button_d4llw_1", h = "_primary_d4llw_19", $ = "_bordered_d4llw_34", v = "_danger_d4llw_40", B = "_link_d4llw_73", I = "_block_d4llw_79", C = "_disabled_d4llw_83", N = "_loading_d4llw_93", T = "_content_d4llw_96", z = "_circle_d4llw_101", L = "_icon_d4llw_110", R = "_iconLeft_d4llw_115", W = "_iconRight_d4llw_119", E = "_xs_d4llw_123", x = "_s_d4llw_128", S = "_m_d4llw_134", V = "_l_d4llw_73", D = "_xl_d4llw_145", K = "_loadingWrapper_d4llw_150", j = "_spinner_d4llw_161", q = "_spin_d4llw_161", n = {
-  button: k,
-  primary: h,
-  bordered: $,
-  danger: v,
+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: B,
-  block: I,
-  disabled: C,
-  loading: N,
-  content: T,
-  circle: z,
-  icon: L,
-  iconLeft: R,
-  iconRight: W,
-  xs: E,
-  s: x,
-  m: S,
-  l: V,
-  xl: D,
-  loadingWrapper: K,
-  spinner: j,
-  spin: q
-}, A = ["name", "type", "disabled"], de = /* @__PURE__ */ g({
+  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({
   __name: "button",
   props: {
-    size: {},
+    size: { default: "m" },
     className: {},
-    type: {},
-    leftIcon: {},
-    rightIcon: {},
+    type: { default: "default" },
     block: { type: Boolean },
-    disabled: { type: Boolean },
-    loading: { type: Boolean },
-    active: { type: Boolean },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    active: { type: Boolean, default: !1 },
     name: {},
-    circle: { type: Boolean },
-    bordered: { type: Boolean },
+    circle: { type: Boolean, default: !1 },
+    bordered: { type: Boolean, default: !1 },
     htmlType: {}
   },
   emits: ["click"],
-  setup(f, { emit: u }) {
-    const l = f, _ = u, b = w(() => [
-      n.button,
-      n[l.size || "m"],
-      n[l.type || "default"],
+  setup(f) {
+    const a = f, u = v(() => [
+      l.button,
+      l[a.size],
+      l[a.type],
       {
-        [n.block]: l.block,
-        [n.disabled]: l.disabled,
-        [n.loading]: l.loading,
-        [n.active]: l.active,
-        [n.circle]: l.circle,
-        [n.bordered]: l.bordered
+        [l.block]: a.block,
+        [l.disabled]: a.disabled,
+        [l.loading]: a.loading,
+        [l.active]: a.active,
+        [l.circle]: a.circle,
+        [l.bordered]: a.bordered
       },
-      l.className
-    ]), m = () => {
-      _("click");
-    };
-    return (s, e) => (i(), r("button", {
-      name: s.name,
-      class: o(b.value),
-      type: s.htmlType,
-      disabled: s.disabled || s.loading,
-      onClick: m
+      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.loading ? (i(), r("div", {
+      n.loading ? (i(), r("div", {
         key: 0,
-        class: o(t(n).loadingWrapper)
+        class: s(o(l).loadingWrapper)
       }, [
-        p("span", {
-          class: o(t(n).spinner)
+        c("span", {
+          class: s(o(l).spinner)
         }, null, 2)
       ], 2)) : d("", !0),
-      p("div", null, [
-        s.leftIcon ? (i(), r("span", {
-          key: 0,
-          class: o([t(n).icon, t(n).iconLeft])
+      c("div", null, [
+        c("span", {
+          class: s([o(l).icon, o(l).iconLeft])
         }, [
-          c(s.$slots, "leftIcon", { icon: s.leftIcon })
-        ], 2)) : d("", !0),
-        s.$slots.default ? (i(), r("span", {
-          key: 1,
-          class: o(t(n).content)
+          p(n.$slots, "leftIcon")
+        ], 2),
+        c("span", {
+          class: s(o(l).content)
         }, [
-          c(s.$slots, "default")
-        ], 2)) : d("", !0),
-        s.rightIcon ? (i(), r("span", {
-          key: 2,
-          class: o([t(n).icon, t(n).iconRight])
+          p(n.$slots, "default")
+        ], 2),
+        n.$slots.rightIcon ? (i(), r("span", {
+          key: 0,
+          class: s([o(l).icon, o(l).iconRight])
         }, [
-          c(s.$slots, "rightIcon", { icon: s.rightIcon })
+          p(n.$slots, "rightIcon")
         ], 2)) : d("", !0)
       ])
-    ], 10, A));
+    ], 10, O));
   }
-}), F = "_wrapper_f5n0f_1", G = "_label_f5n0f_6", H = "_container_f5n0f_13", J = "_input_f5n0f_19", M = "_error_f5n0f_29", O = "_xs_f5n0f_41", P = "_s_f5n0f_46", Q = "_m_f5n0f_51", U = "_l_f5n0f_6", X = "_xl_f5n0f_61", Y = "_disabled_f5n0f_66", Z = "_errorText_f5n0f_71", ee = "_prefix_f5n0f_78", ne = "_suffix_f5n0f_79", le = "_loading_f5n0f_94", se = "_spinner_f5n0f_98", oe = "_spin_f5n0f_98", a = {
-  wrapper: F,
-  label: G,
-  container: H,
-  input: J,
-  error: M,
-  xs: O,
-  s: P,
-  m: Q,
-  l: U,
-  xl: X,
-  disabled: Y,
-  errorText: Z,
-  prefix: ee,
-  suffix: ne,
-  loading: le,
-  spinner: se,
-  spin: oe
-}, te = ["for"], ae = ["id", "value", "name", "type", "disabled", "placeholder"], ce = /* @__PURE__ */ g({
+}), 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({
   __name: "input",
-  props: {
+  props: /* @__PURE__ */ y({
     value: {},
-    type: {},
+    type: { default: "text" },
     id: {},
     name: {},
     disabled: { type: Boolean },
@@ -125,72 +119,77 @@ const k = "_button_d4llw_1", h = "_primary_d4llw_19", $ = "_bordered_d4llw_34",
     placeholder: {},
     loading: { type: Boolean },
     error: {},
-    size: {},
+    size: { default: "m" },
     className: {}
-  },
-  emits: ["update:value", "enter"],
-  setup(f, { emit: u }) {
-    const l = f, _ = u, b = w(() => [
-      a.input,
-      a[l.size || "m"],
+  }, {
+    value: {},
+    valueModifiers: {}
+  }),
+  emits: /* @__PURE__ */ 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],
       {
-        [a.disabled]: l.disabled,
-        [a.error]: l.error,
-        [a.loading]: l.loading
+        [t.disabled]: n.disabled,
+        [t.error]: n.error,
+        [t.loading]: n.loading
       },
-      l.className
-    ]), m = (e) => {
+      n.className
+    ]), k = (e) => {
       _("update:value", e.target.value);
-    }, s = (e) => {
+    }, $ = (e) => {
       e.key === "Enter" && _("enter");
     };
-    return (e, ie) => (i(), r("div", {
-      class: o(t(a).wrapper)
+    return (e, b) => (i(), r("div", {
+      class: s(o(t).wrapper)
     }, [
       e.label ? (i(), r("label", {
         key: 0,
         for: e.id,
-        class: o(t(a).label)
-      }, y(e.label), 11, te)) : d("", !0),
-      p("div", {
-        class: o(t(a).container)
+        class: s(o(t).label)
+      }, g(e.label), 11, pe)) : d("", !0),
+      c("div", {
+        class: s(o(t).container)
       }, [
         e.$slots.prefix ? (i(), r("span", {
           key: 0,
-          class: o(t(a).prefix)
+          class: s(o(t).prefix)
         }, [
-          c(e.$slots, "prefix")
+          p(e.$slots, "prefix")
         ], 2)) : d("", !0),
-        p("input", {
+        x(c("input", {
           id: e.id,
-          value: e.value,
+          "onUpdate:modelValue": b[0] || (b[0] = (h) => u.value = h),
           name: e.name,
-          type: e.type || "text",
+          type: e.type,
           disabled: e.disabled || e.loading,
           placeholder: e.placeholder,
-          class: o(b.value),
-          onInput: m,
-          onKeydown: s
-        }, null, 42, ae),
+          class: s(m.value),
+          onInput: k,
+          onKeydown: $
+        }, null, 42, fe), [
+          [N, u.value]
+        ]),
         e.$slots.suffix ? (i(), r("span", {
           key: 1,
-          class: o(t(a).suffix)
+          class: s(o(t).suffix)
         }, [
-          c(e.$slots, "suffix")
+          p(e.$slots, "suffix")
         ], 2)) : d("", !0),
         e.loading ? (i(), r("span", {
           key: 2,
-          class: o(t(a).spinner)
+          class: s(o(t).spinner)
         }, null, 2)) : d("", !0)
       ], 2),
       e.error ? (i(), r("p", {
         key: 1,
-        class: o(t(a).errorText)
-      }, y(e.error), 3)) : d("", !0)
+        class: s(o(t).errorText)
+      }, g(e.error), 3)) : d("", !0)
     ], 2));
   }
 });
 export {
-  de as BaseButton,
-  ce as BaseInput
+  me as BaseButton,
+  be as BaseInput
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@huntflow/ui",
   "description": "HuntFlow UiKit, icons, utils library",
   "private": false,
-  "version": "0.0.46",
+  "version": "0.0.47",
   "author": {
     "name": "HuntFlow Developer",
     "nickname": "developer",
@@ -74,7 +74,7 @@
     "storybook": "^8.4.7",
     "stylelint": "^16.12.0",
     "stylelint-config-recommended": "^14.0.1",
-    "typescript": "~5.6.2",
+    "typescript": "~5.4.5",
     "typescript-eslint": "^8.18.1",
     "vite": "^5.4.10",
     "vite-plugin-css-injected-by-js": "^3.5.2",