@huntflow/ui 0.1.1 → 0.1.2

package/dist/components/ui-icon/icon-list.d.ts

@@ -0,0 +1 @@
+export declare const icons: readonly ["ai-20", "alert-20", "alert-24", "alert-fill-20", "alert-fill-24", "archive-16", "archive-18", "archive-20", "archive-24", "archive-28", "arrow-down-20", "arrow-left-18", "arrow-left-20", "arrow-right-18", "arrow-right-20", "arrow-up-20", "attention-16", "attention-18", "attention-20", "attention-24", "attention-28", "calendar-16", "calendar-18", "calendar-20", "calendar-24", "calendar-28", "check-16", "check-18", "check-20", "check-24", "check-28", "check-color-16", "check-color-18", "check-color-20", "check-color-24", "check-color-28", "chevron-down-16", "chevron-down-18", "chevron-down-20", "chevron-down-24", "chevron-down-28", "chevron-left-16", "chevron-left-18", "chevron-left-20", "chevron-left-24", "chevron-left-28", "chevron-right-16", "chevron-right-18", "chevron-right-20", "chevron-right-24", "chevron-right-28", "chevron-up-16", "chevron-up-18", "chevron-up-20", "chevron-up-24", "chevron-up-28", "circle-download-20", "clip-16", "clip-18", "clip-20", "clip-24", "clip-28", "clipboard-16", "clipboard-18", "clipboard-20", "clipboard-24", "clipboard-28", "clock-16", "clock-18", "clock-20", "clock-24", "clock-28", "clock-fill-16", "clock-fill-18", "clock-fill-20", "clock-fill-24", "clock-fill-28", "close-16", "close-20", "crown-16", "crown-18", "crown-20", "crown-24", "crown-28", "dots-horizontal-20", "dots-vertical-20", "download-16", "download-18", "download-20", "download-24", "download-28", "download-circle-18", "drag-16", "drag-20", "drag-24", "edit-16", "edit-18", "edit-20", "edit-24", "edit-28", "feedback-16", "feedback-18", "feedback-20", "feedback-24", "feedback-28", "folder-16", "folder-18", "folder-20", "folder-24", "folder-28", "graph-16", "graph-18", "graph-20", "graph-24", "graph-28", "home-16", "home-18", "home-20", "home-24", "home-28", "info-16", "info-18", "info-20", "info-24", "info-28", "link-16", "link-18", "link-20", "link-24", "link-28", "lock-16", "lock-18", "lock-20", "lock-24", "lock-28", "lock-color-16", "lock-color-18", "lock-color-20", "lock-color-24", "lock-color-28", "message-16", "message-18", "message-20", "message-24", "message-28", "mute-20", "mute-fill-20", "options-16", "options-18", "options-20", "options-24", "options-28", "options-lock-20", "phone-16", "phone-18", "phone-20", "phone-24", "phone-28", "phone-error-16", "phone-error-18", "phone-error-20", "phone-error-24", "phone-error-28", "phone-fill-16", "phone-fill-18", "phone-fill-20", "phone-fill-24", "phone-fill-28", "plus-16", "plus-18", "plus-20", "plus-circle-16", "plus-circle-18", "plus-circle-20", "plus-circle-24", "plus-circle-28", "print-16", "print-18", "print-20", "print-24", "print-28", "priority-20", "question-16", "question-18", "question-20", "question-24", "question-28", "refresh-20", "rocket-16", "rocket-18", "rocket-20", "rocket-24", "rocket-28", "search-16", "search-18", "search-20", "search-24", "search-28", "semiselected-16", "semiselected-18", "semiselected-20", "semiselected-24", "semiselected-28", "settings-16", "settings-18", "settings-20", "settings-24", "settings-28", "share-16", "share-18", "share-20", "share-24", "share-28", "shield-attention-20", "shield-attention-lock-20", "shield-fill-20", "shield-tick-20", "shuffle-20", "sms-16", "sms-18", "sms-20", "sms-24", "sms-28", "star-16", "star-18", "star-20", "star-24", "star-28", "stop-color-16", "stop-color-18", "stop-color-20", "stop-color-24", "stop-color-28", "team-24", "telegram-16", "telegram-18", "telegram-20", "telegram-24", "telegram-28", "text-16", "text-18", "text-20", "text-24", "text-28", "thumbs-28", "thumbsup-16", "thumbsup-18", "thumbsup-20", "thumbsup-24", "trash-16", "trash-18", "trash-20", "trash-24", "trash-28", "unmute-20", "upload-16", "upload-18", "upload-20", "url-16", "url-18", "url-20", "url-24", "url-28", "verification-fill-20", "viber-16", "viber-18", "viber-20", "viber-24", "viber-28", "viber-contour-16", "viber-contour-20", "viber-contour-24", "viber-contour-28", "whatsapp-16", "whatsapp-18", "whatsapp-20", "whatsapp-24", "whatsapp-28", "x-circle-20", "zoom-16", "zoom-18", "zoom-20", "zoom-24", "zoom-28"];

package/dist/components/ui-icon/types.d.ts

@@ -1,7 +1,7 @@
-import { default as icons } from '../../assets/icon-list.json';
-export type IconType = (typeof icons)[number];
+import { icons } from './icon-list.ts';
+export type IconType = typeof icons[number];
 export type UiIconProps = {
-    type: IconType;
+    name: IconType;
     color?: string;
     block?: boolean;
 };

package/dist/components/ui-input/types.d.ts

@@ -1,3 +1,4 @@
+import { IconType } from '../index';
 export type UiInputProps = {
     value: string;
     type?: UiInputType;
@@ -13,7 +14,7 @@ export type UiInputProps = {
     error?: string | null | void;
     description?: string | null | void;
     className?: string;
-    leftIcon?: string;
-    rightIcon?: string;
+    leftIcon?: IconType;
+    rightIcon?: IconType;
 };
 export type UiInputType = 'text' | 'password' | 'email' | 'tel' | 'search';

package/dist/ui.es.js

@@ -1,18 +1,18 @@
 (function(){"use strict";var o;try{if(typeof document<"u"){var t=document.createElement("style");t.nonce=(o=document.head.querySelector("meta[property=csp-nonce]"))==null?void 0:o.content,t.appendChild(document.createTextNode("@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%}._icon_1p8iz_2{font-style:normal;display:inline-block;vertical-align:middle}._button_8zhhb_1{position:relative;display:inline-flex;align-items:center;justify-content:center;border:solid 1px;cursor:pointer;font-family:var(--hf-font-family-body),sans-serif;font-style:normal;min-width:-moz-max-content;min-width:max-content;text-decoration:none;color:inherit;gap:var(--hf-spacing-button-icon)}._button_8zhhb_1:active{background-color:#999}._button_8zhhb_1:focus{outline:none}._button_8zhhb_1:focus-visible{outline:solid 3px var(--hf-color-button-disable-default)}._button_8zhhb_1:is(._disabled_8zhhb_1),._button_8zhhb_1:is(._disabled_8zhhb_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_8zhhb_1._loading_8zhhb_1{cursor:default}._button_8zhhb_1._loading_8zhhb_1>*:not(._loader_8zhhb_1){visibility:hidden}._button_8zhhb_1+._button_8zhhb_1{margin-left:var(--hf-spacing-button-between)}._content_8zhhb_1{display:flex;line-height:inherit}._content_8zhhb_1:first-child:last-child{width:100%;text-align:center}._loader_8zhhb_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}._dropdownIcon_8zhhb_1{margin-left:calc(var(--hf-spacing-button-icon) * -1)}._s_8zhhb_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_8zhhb_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_8zhhb_1._square_8zhhb_1{border-radius:var(--hf-radius-button-xs)}._xs_8zhhb_1._circle_8zhhb_1{border-radius:var(--hf-radius-button-circle)}._m_8zhhb_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_8zhhb_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_8zhhb_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-primary-default);border-color:var(--hf-color-button-primary-default)}._primary_8zhhb_1:hover{background-color:var(--hf-color-button-primary-hover);border-color:var(--hf-color-button-primary-hover)}._primary_8zhhb_1:active{background-color:var(--hf-color-button-primary-active);border-color:var(--hf-color-button-primary-active)}._secondary_8zhhb_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_8zhhb_1:hover{background-color:var(--hf-color-button-secondary-fill-hover);border-color:var(--hf-color-button-secondary-fill-hover)}._secondary_8zhhb_1:active{background-color:var(--hf-color-button-secondary-fill-active);border-color:var(--hf-color-button-secondary-fill-active)}._accent_8zhhb_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-accent-default);border-color:var(--hf-color-button-accent-default)}._accent_8zhhb_1:hover{background-color:var(--hf-color-button-accent-hover);border-color:var(--hf-color-button-accent-hover)}._accent_8zhhb_1:active{background-color:var(--hf-color-button-accent-active);border-color:var(--hf-color-button-accent-active)}._danger_8zhhb_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-default);border-color:var(--hf-color-button-danger-default)}._danger_8zhhb_1:hover{background-color:var(--hf-color-button-danger-hover);border-color:var(--hf-color-button-danger-hover)}._danger_8zhhb_1:active{background-color:var(--hf-color-button-danger-active);border-color:var(--hf-color-button-danger-active)}._jobsites_8zhhb_1{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-jobsite-default);border-color:var(--hf-color-button-jobsite-default)}._jobsites_8zhhb_1:hover{background-color:var(--hf-color-button-jobsite-hover);border-color:var(--hf-color-button-jobsite-hover)}._jobsites_8zhhb_1:active{background-color:var(--hf-color-button-jobsite-active);border-color:var(--hf-color-button-jobsite-active)}._ghost_8zhhb_1{color:var(--hf-color-text-main);background-color:transparent;border-color:transparent}._ghost_8zhhb_1:hover{background-color:var(--hf-color-button-secondary-fill-hover)}._ghost_8zhhb_1:active{background-color:var(--hf-color-button-secondary-fill-active)}._ghost-danger_8zhhb_1{color:var(--hf-color-text-main);background-color:transparent;border-color:transparent}._ghost-danger_8zhhb_1:hover{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-hover)}._ghost-danger_8zhhb_1:active{color:var(--hf-color-text-invert);background-color:var(--hf-color-button-danger-active)}:root{--hf-btn-size-xs: 28px;--hf-btn-size-s: 32px;--hf-btn-size-m: 36px;--hf-btn-size-l: 40px}._s_1oi85_9{width:var(--hf-btn-size-s);height:var(--hf-btn-size-s)}._xs_1oi85_14{width:var(--hf-btn-size-xs);height:var(--hf-btn-size-xs);border-radius:var(--hf-radius-button-circle)}._m_1oi85_20{width:var(--hf-btn-size-m);height:var(--hf-btn-size-m)}._l_1oi85_25{width:var(--hf-btn-size-l);height:var(--hf-btn-size-l)}._button_1oi85_31{padding:0}._button_1vqio_1{padding:0 2px 0 0;border:none;margin:0;cursor:pointer;display:flex;flex-direction:row;gap:var(--hf-spacing-button-link-s);align-items:center;background-color:transparent;color:var(--hf-color-link-default);font-family:var(--hf-font-family-body),sans-serif;font-size:var(--hf-font-size-button-link-s);font-style:normal;font-weight:var(--hf-font-weight-button-link-s);line-height:var(--hf-font-line-height-button-link-s)}._button_1vqio_1:hover{color:var(--hf-color-link-hover)}._label_4sgbr_1{display:flex;flex-direction:row;gap:var(--hf-spacing-xs);font-style:normal;flex:1;margin-bottom:var(--hf-spacing-xs)}._header_4sgbr_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_4sgbr_18{flex-grow:1;gap:var(--hf-spacing-xs);display:flex;flex-direction:column}._title_4sgbr_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_4sgbr_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_4sgbr_33{line-height:var(--hf-font-line-height-label-subtitle)}._link_4sgbr_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_4sgbr_45 a{text-decoration:none;color:var(--hf-color-text-semilight)}._linkUpper_4sgbr_62{margin-bottom:1px}._wrapper_ep5oa_1{margin-bottom:var(--hf-spacing-xs)}._input_ep5oa_5{border-radius:var(--hf-radius-input-default);border:var(--hf-border-xs) solid var(--hf-color-input-border-default);background:var(--hf-color-input-background-default);padding:var(--hf-padding-input-top-bottom-default) var(--hf-padding-input-right-default) var(--hf-padding-input-top-bottom-default) var(--hf-padding-input-left-default);width:100%;box-sizing:border-box;color:var(--hf-color-input-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_ep5oa_5:active{border-color:var(--hf-color-input-border-focus)}._input_ep5oa_5:focus{border-color:var(--hf-color-input-border-focus);outline:solid 3px var(--hf-color-input-border-focus-visible)}._input_ep5oa_5:disabled{outline:none;border-color:var(--hf-color-input-text-disable);background:var(--hf-color-input-background-disable);color:var(--hf-color-input-text-disable)}._error_ep5oa_36,._error_ep5oa_36:active{border-color:var(--hf-color-input-border-error)}._error_ep5oa_36:focus{border-color:var(--hf-color-input-border-error);outline:solid 3px var(--hf-color-input-border-error-focus-visible)}._description_ep5oa_48{margin-top:var(--hf-spacing-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_ep5oa_48 a{text-decoration:underline}._descriptionText_ep5oa_59{color:var(--hf-color-input-text-description)}._errorText_ep5oa_63{color:var(--hf-color-text-danger)}._inputWrapper_ep5oa_67{position:relative}._leftSpace_ep5oa_71{padding-left:42px}._rightSpace_ep5oa_75{padding-right:42px}._leftIcon_ep5oa_79,._rightIcon_ep5oa_80{position:absolute;height:100%}._leftIcon_ep5oa_79{left:15px}._rightIcon_ep5oa_80{padding:0 9px;right:0}._rightIcon_ep5oa_80[aria-label^=close]{color:var(--hf-color-text-light);cursor:pointer}._plank_8tn62_1{border-radius:var(--hf-radius-m);padding:var(--hf-spacing-m) var(--hf-spacing-l);border-width:1px;border-style:solid;font-family:var(--hf-font-family-body),sans-serif;font-size:var(--hf-font-size-text-primary);font-weight:var(--hf-font-weight-text-primary-regular);line-height:var(--hf-font-line-height-text-primary);font-style:normal;display:flex;flex-direction:row;gap:var(--hf-spacing-m);align-items:center;justify-content:space-between}._default_8tn62_19{color:var(--hf-color-text-main);border-color:var(--hf-color-plank-default-border);background-color:var(--hf-color-plank-default-background)}._accent_8tn62_25{color:var(--hf-color-plank-success-text);border-color:var(--hf-color-plank-success-border);background-color:var(--hf-color-plank-success-background)}._danger_8tn62_31{color:var(--hf-color-plank-danger-text);border-color:var(--hf-color-plank-danger-border);background-color:var(--hf-color-plank-danger-background)}._text_8tn62_37{flex-grow:1}._icon_8tn62_41{width:var(--hf-font-line-height-text-primary);height:var(--hf-font-line-height-text-primary)}._text_1mrtv_1{font-family:var(--hf-font-family-body);font-style:normal;color:var(--hf-color-text-main);margin:0}._primary_1mrtv_8{font-size:var(--hf-font-size-text-primary);font-weight:var(--hf-font-weight-text-primary-regular);line-height:var(--hf-font-line-height-text-primary)}._primary_1mrtv_8._medium_1mrtv_12{font-weight:var(--hf-font-weight-text-primary-medium)}._secondary_1mrtv_17{font-size:var(--hf-font-size-text-secondary);font-weight:var(--hf-font-weight-text-secondary-regular);line-height:var(--hf-font-line-height-text-secondary)}._secondary_1mrtv_17._medium_1mrtv_12{font-weight:var(--hf-font-weight-text-secondary-medium)}._accent_1mrtv_26{font-size:var(--hf-font-size-text-accent);font-weight:var(--hf-font-weight-text-accent-regular);line-height:var(--hf-font-line-height-text-accent)}._accent_1mrtv_26._medium_1mrtv_12{font-weight:var(--hf-font-weight-text-accent-medium)}._subtitle_1mrtv_35{font-size:var(--hf-font-size-text-subtitle);font-weight:var(--hf-font-weight-text-subtitle);line-height:var(--hf-font-line-height-text-subtitle)}._title_471uj_1{font-family:var(--hf-font-family-body);font-style:normal;color:var(--hf-color-text-main);margin:0}._level-1_471uj_8{font-size:var(--hf-font-size-text-h1);font-weight:var(--hf-font-weight-text-h1-regular);line-height:var(--hf-font-line-height-text-h1)}._level-1_471uj_8._medium_471uj_12{font-weight:var(--hf-font-weight-text-h1-medium)}._level-2_471uj_17{font-size:var(--hf-font-size-text-h2);font-weight:var(--hf-font-weight-text-h2-regular);line-height:var(--hf-font-line-height-text-h2)}._level-2_471uj_17._medium_471uj_12{font-weight:var(--hf-font-weight-text-h2-medium)}._level-3_471uj_26{font-size:var(--hf-font-size-text-h3);font-weight:var(--hf-font-weight-text-h3-regular);line-height:var(--hf-font-line-height-text-h3)}._level-3_471uj_26._medium_471uj_12{font-weight:var(--hf-font-weight-text-h3-medium)}._level-4_471uj_35{font-size:var(--hf-font-size-text-h4);font-weight:var(--hf-font-weight-text-h4-regular);line-height:var(--hf-font-line-height-text-h4)}._level-4_471uj_35._medium_471uj_12{font-weight:var(--hf-font-weight-text-h4-medium)}")),document.head.appendChild(t)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
-import { defineComponent as b, computed as u, createElementBlock as m, openBlock as c, normalizeClass as i, unref as l, normalizeStyle as K, createElementVNode as L, useSlots as P, createCommentVNode as _, renderSlot as y, createBlock as k, createVNode as j, mergeProps as U, withCtx as v, Fragment as J, Comment as Q, cloneVNode as X, h as M, toValue as Y, getCurrentInstance as Z, ref as ee, mergeModels as W, useAttrs as te, useModel as ne, createTextVNode as I, toDisplayString as S, resolveDynamicComponent as H } from "vue";
+import { defineComponent as b, computed as u, createElementBlock as m, openBlock as c, normalizeClass as i, unref as l, normalizeStyle as K, createElementVNode as L, useSlots as P, createCommentVNode as p, renderSlot as y, createBlock as k, createVNode as j, mergeProps as U, withCtx as v, Fragment as J, Comment as Q, cloneVNode as X, h as M, toValue as Y, getCurrentInstance as Z, ref as ee, mergeModels as W, useAttrs as te, useModel as ne, createTextVNode as I, toDisplayString as S, resolveDynamicComponent as H } from "vue";
 const C = (s, e) => {
   const t = e ? s[e] : s.default;
   return (t == null ? void 0 : t().some((n) => {
     const o = n.children;
     return o && o.toString().trim() !== "";
   })) ?? !1;
-}, se = "_loader_t6bg6_10", oe = "_circle_t6bg6_15", le = "_white_t6bg6_22", re = "_black_t6bg6_26", ae = "_s_t6bg6_30", ce = "_m_t6bg6_35", ie = "_l_t6bg6_10", ue = "_spinner_t6bg6_45", z = {
+}, se = "_loader_t6bg6_10", oe = "_circle_t6bg6_15", le = "_white_t6bg6_22", ae = "_black_t6bg6_26", re = "_s_t6bg6_30", ce = "_m_t6bg6_35", ie = "_l_t6bg6_10", ue = "_spinner_t6bg6_45", z = {
   loader: se,
   circle: oe,
   "loader-animation": "_loader-animation_t6bg6_1",
   white: le,
-  black: re,
-  s: ae,
+  black: ae,
+  s: re,
   m: ce,
   l: ie,
   spinner: ue
@@ -29,34 +29,34 @@ const C = (s, e) => {
       class: i([l(z).spinner, t.value])
     }, null, 2));
   }
-}), pe = ["aria-label", "width", "height"], _e = ["xlink:href"], me = /* @__PURE__ */ b({
+}), _e = ["aria-label", "width", "height"], pe = ["xlink:href"], me = /* @__PURE__ */ b({
   __name: "icon",
   props: {
-    type: {},
+    name: {},
     color: {},
     block: { type: Boolean }
   },
   setup(s) {
     const e = s, t = u(() => {
-      var r;
-      const o = (r = e == null ? void 0 : e.type) == null ? void 0 : r.match(/(\d+)$/);
+      var a;
+      const o = (a = e == null ? void 0 : e.name) == null ? void 0 : a.match(/(\d+)$/);
       return o ? Number.parseInt(o[1], 10) : 16;
     }), n = u(() => {
       const o = {};
       return e.color && (o.color = e.color), e.block && (o.display = "block"), o;
     });
-    return (o, r) => (c(), m("svg", {
+    return (o, a) => (c(), m("svg", {
       class: i(o.$style.icon),
-      "aria-label": o.type,
+      "aria-label": o.name,
       style: K(n.value),
       role: "img",
       width: t.value,
       height: t.value
     }, [
       L("use", {
-        "xlink:href": `#${o.type}`
-      }, null, 8, _e)
-    ], 14, pe));
+        "xlink:href": `#${o.name}`
+      }, null, 8, pe)
+    ], 14, _e));
   }
 }), fe = "_icon_1p8iz_2", be = {
   icon: fe
@@ -67,7 +67,19 @@ const C = (s, e) => {
   return t;
 }, ye = {
   $style: be
-}, T = /* @__PURE__ */ he(me, [["__cssModules", ye]]), ge = "_button_8zhhb_1", ve = "_disabled_8zhhb_1", ke = "_loading_8zhhb_1", $e = "_loader_8zhhb_1", we = "_content_8zhhb_1", Ce = "_dropdownIcon_8zhhb_1", Te = "_s_8zhhb_2", ze = "_xs_8zhhb_1", Ie = "_square_8zhhb_1", Se = "_circle_8zhhb_1", Be = "_m_8zhhb_1", Ne = "_l_8zhhb_1", Le = "_primary_8zhhb_1", je = "_secondary_8zhhb_1", Ue = "_accent_8zhhb_1", Me = "_danger_8zhhb_1", Ee = "_jobsites_8zhhb_1", Oe = "_ghost_8zhhb_1", h = {
+}, T = /* @__PURE__ */ he(me, [["__cssModules", ye]]), Et = async () => {
+  if (!(typeof document > "u") && !document.getElementById("__svg-sprite__"))
+    try {
+      const e = `
+      <svg id="__svg-sprite__" xmlns="http://www.w3.org/2000/svg" style="display: none;">
+        ${(await import("./sprite-DZhFK9-p.js")).default}
+      </svg>
+    `;
+      document.body.insertAdjacentHTML("afterbegin", e);
+    } catch (s) {
+      console.error("Failed to load SVG sprite:", s);
+    }
+}, ge = "_button_8zhhb_1", ve = "_disabled_8zhhb_1", ke = "_loading_8zhhb_1", $e = "_loader_8zhhb_1", we = "_content_8zhhb_1", Ce = "_dropdownIcon_8zhhb_1", Te = "_s_8zhhb_2", ze = "_xs_8zhhb_1", Ie = "_square_8zhhb_1", Se = "_circle_8zhhb_1", Be = "_m_8zhhb_1", Ne = "_l_8zhhb_1", Le = "_primary_8zhhb_1", je = "_secondary_8zhhb_1", Ue = "_accent_8zhhb_1", Me = "_danger_8zhhb_1", Ee = "_jobsites_8zhhb_1", Oe = "_ghost_8zhhb_1", h = {
   button: ge,
   disabled: ve,
   loading: ke,
@@ -112,7 +124,7 @@ const C = (s, e) => {
       jobsites: "white",
       ghost: "black",
       "ghost-danger": "black"
-    }, o = u(() => C(t)), r = u(() => [
+    }, o = u(() => C(t)), a = u(() => [
       h.button,
       h[e.size],
       h[e.type],
@@ -124,10 +136,10 @@ const C = (s, e) => {
         [h.bordered]: e.bordered
       },
       e.className
-    ]), a = u(() => n[e.type] || "white");
+    ]), r = u(() => n[e.type] || "white");
     return (d, $) => (c(), m("button", {
       name: d.name,
-      class: i(r.value),
+      class: i(a.value),
       type: d.htmlType,
       disabled: d.disabled || d.loading,
       onClick: $[0] || ($[0] = (g) => d.$emit("click"))
@@ -138,22 +150,22 @@ const C = (s, e) => {
       }, [
         j(l(de), {
           size: "s",
-          color: a.value
+          color: r.value
         }, null, 8, ["color"])
-      ], 2)) : _("", !0),
-      d.$slots.before ? y(d.$slots, "before", { key: 1 }) : _("", !0),
+      ], 2)) : p("", !0),
+      d.$slots.before ? y(d.$slots, "before", { key: 1 }) : p("", !0),
       o.value ? (c(), m("span", {
         key: 2,
         class: i(l(h).content)
       }, [
         y(d.$slots, "default")
-      ], 2)) : _("", !0),
-      d.$slots.after ? y(d.$slots, "after", { key: 3 }) : _("", !0),
-      d.dropdown ? (c(), k(T, {
+      ], 2)) : p("", !0),
+      d.$slots.after ? y(d.$slots, "after", { key: 3 }) : p("", !0),
+      d.dropdown ? (c(), k(l(T), {
         key: 4,
         class: i(l(h).dropdownIcon),
-        type: "chevron-down-18"
-      }, null, 8, ["class"])) : _("", !0)
+        name: "chevron-down-18"
+      }, null, 8, ["class"])) : p("", !0)
     ], 10, Pe));
   }
 }), Re = "_s_1oi85_9", We = "_xs_1oi85_14", xe = "_m_1oi85_20", He = "_l_1oi85_25", Ve = "_button_1oi85_31", x = {
@@ -162,7 +174,7 @@ const C = (s, e) => {
   m: xe,
   l: He,
   button: Ve
-}, Et = /* @__PURE__ */ b({
+}, Ot = /* @__PURE__ */ b({
   __name: "button-icon",
   props: {
     icon: {},
@@ -179,33 +191,21 @@ const C = (s, e) => {
   emits: ["click"],
   setup(s) {
     const e = s, t = u(() => [x.button, x[e.size], e.className]), n = u(() => {
-      const r = e.size === "xs" ? "18" : "20";
-      return e.icon.replace(/-?\d*$/, `-${r}`);
+      const a = e.size === "xs" ? "18" : "20";
+      return e.icon.replace(/-?\d*$/, `-${a}`);
     }), o = u(() => e.size === "xs");
-    return (r, a) => (c(), k(l(V), U({ class: t.value }, e, {
+    return (a, r) => (c(), k(l(V), U({ class: t.value }, e, {
       "html-type": "button",
       circle: o.value,
-      onClick: a[0] || (a[0] = (d) => r.$emit("click"))
+      onClick: r[0] || (r[0] = (d) => a.$emit("click"))
     }), {
       before: v(() => [
-        j(l(T), { type: n.value }, null, 8, ["type"])
+        j(l(T), { name: n.value }, null, 8, ["name"])
       ]),
       _: 1
     }, 16, ["class", "circle"]));
   }
-}), Ot = async () => {
-  if (!(typeof document > "u") && !document.getElementById("__svg-sprite__"))
-    try {
-      const e = `
-      <svg id="__svg-sprite__" xmlns="http://www.w3.org/2000/svg" style="display: none;">
-        ${(await import("./sprite-DZhFK9-p.js")).default}
-      </svg>
-    `;
-      document.body.insertAdjacentHTML("afterbegin", e);
-    } catch (s) {
-      console.error("Failed to load SVG sprite:", s);
-    }
-}, Ae = "_button_1vqio_1", De = {
+}), Ae = "_button_1vqio_1", De = {
   button: Ae
 }, Pt = /* @__PURE__ */ b({
   __name: "button-link",
@@ -216,7 +216,7 @@ const C = (s, e) => {
       type: "button",
       onClick: t[0] || (t[0] = (n) => e.$emit("click"))
     }, [
-      j(l(T), { type: "plus-18" }),
+      j(l(T), { name: "plus-18" }),
       y(e.$slots, "default")
     ], 2));
   }
@@ -235,9 +235,9 @@ const Fe = b({
       const n = A(t.default()), o = n.findIndex((g) => g.type !== Q);
       if (o === -1)
         return n;
-      const r = n[o];
-      ($ = r.props) == null || delete $.ref;
-      const a = r.props ? U(e, r.props) : e, d = X({ ...r, props: {} }, a);
+      const a = n[o];
+      ($ = a.props) == null || delete $.ref;
+      const r = a.props ? U(e, a.props) : e, d = X({ ...a, props: {} }, r);
       return n.length === 1 ? d : (n[o] = d, n);
     };
   }
@@ -266,35 +266,35 @@ function Ke(s) {
 }
 function Je() {
   const s = Z(), e = ee(), t = u(() => {
-    var a, d;
-    return ["#text", "#comment"].includes((a = e.value) == null ? void 0 : a.$el.nodeName) ? (d = e.value) == null ? void 0 : d.$el.nextElementSibling : Ke(e);
+    var r, d;
+    return ["#text", "#comment"].includes((r = e.value) == null ? void 0 : r.$el.nodeName) ? (d = e.value) == null ? void 0 : d.$el.nextElementSibling : Ke(e);
   }), n = Object.assign({}, s.exposed), o = {};
-  for (const a in s.props)
-    Object.defineProperty(o, a, {
+  for (const r in s.props)
+    Object.defineProperty(o, r, {
       enumerable: !0,
       configurable: !0,
-      get: () => s.props[a]
+      get: () => s.props[r]
     });
   if (Object.keys(n).length > 0)
-    for (const a in n)
-      Object.defineProperty(o, a, {
+    for (const r in n)
+      Object.defineProperty(o, r, {
         enumerable: !0,
         configurable: !0,
-        get: () => n[a]
+        get: () => n[r]
       });
   Object.defineProperty(o, "$el", {
     enumerable: !0,
     configurable: !0,
     get: () => s.vnode.el
   }), s.exposed = o;
-  function r(a) {
-    e.value = a, a && (Object.defineProperty(o, "$el", {
+  function a(r) {
+    e.value = r, r && (Object.defineProperty(o, "$el", {
       enumerable: !0,
       configurable: !0,
-      get: () => a instanceof Element ? a : a.$el
+      get: () => r instanceof Element ? r : r.$el
     }), s.exposed = o);
   }
-  return { forwardRef: r, currentRef: e, currentElement: t };
+  return { forwardRef: a, currentRef: e, currentElement: t };
 }
 const Qe = /* @__PURE__ */ b({
   __name: "Label",
@@ -329,14 +329,14 @@ const Qe = /* @__PURE__ */ b({
   __name: "label",
   emits: ["click"],
   setup(s) {
-    const e = P(), t = u(() => C(e, "header")), n = u(() => C(e)), o = u(() => C(e, "subTitle")), r = u(() => C(e, "link")), a = u(() => t.value || n.value || o.value), d = u(() => !n.value && !o.value), $ = u(
+    const e = P(), t = u(() => C(e, "header")), n = u(() => C(e)), o = u(() => C(e, "subTitle")), a = u(() => C(e, "link")), r = u(() => t.value || n.value || o.value), d = u(() => !n.value && !o.value), $ = u(
       () => [w.link, d.value && w.linkUpper].filter(Boolean)
     );
     return (g, B) => (c(), k(l(Qe), {
       class: i(l(w).label)
     }, {
       default: v(() => [
-        a.value ? (c(), m("span", {
+        r.value ? (c(), m("span", {
           key: 0,
           class: i(l(w).headerWrapper)
         }, [
@@ -345,13 +345,13 @@ const Qe = /* @__PURE__ */ b({
             class: i(l(w).header)
           }, [
             y(g.$slots, "header")
-          ], 2)) : _("", !0),
+          ], 2)) : p("", !0),
           n.value ? (c(), m("span", {
             key: 1,
             class: i(l(w).title)
           }, [
             y(g.$slots, "default")
-          ], 2)) : _("", !0),
+          ], 2)) : p("", !0),
           o.value ? (c(), m("span", {
             key: 2,
             class: i(l(w).subTitleRow)
@@ -361,28 +361,28 @@ const Qe = /* @__PURE__ */ b({
             }, [
               y(g.$slots, "subTitle")
             ], 2)
-          ], 2)) : _("", !0)
-        ], 2)) : _("", !0),
-        r.value ? (c(), m("span", {
+          ], 2)) : p("", !0)
+        ], 2)) : p("", !0),
+        a.value ? (c(), m("span", {
           key: 1,
           class: i($.value),
           onClick: B[0] || (B[0] = (R) => g.$emit("click"))
         }, [
           y(g.$slots, "link")
-        ], 2)) : _("", !0)
+        ], 2)) : p("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), rt = "_wrapper_ep5oa_1", at = "_input_ep5oa_5", ct = "_error_ep5oa_36", it = "_description_ep5oa_48", ut = "_descriptionText_ep5oa_59", dt = "_errorText_ep5oa_63", pt = "_inputWrapper_ep5oa_67", _t = "_leftSpace_ep5oa_71", mt = "_rightSpace_ep5oa_75", ft = "_leftIcon_ep5oa_79", bt = "_rightIcon_ep5oa_80", f = {
-  wrapper: rt,
-  input: at,
+}), at = "_wrapper_ep5oa_1", rt = "_input_ep5oa_5", ct = "_error_ep5oa_36", it = "_description_ep5oa_48", ut = "_descriptionText_ep5oa_59", dt = "_errorText_ep5oa_63", _t = "_inputWrapper_ep5oa_67", pt = "_leftSpace_ep5oa_71", mt = "_rightSpace_ep5oa_75", ft = "_leftIcon_ep5oa_79", bt = "_rightIcon_ep5oa_80", f = {
+  wrapper: at,
+  input: rt,
   error: ct,
   description: it,
   descriptionText: ut,
   errorText: dt,
-  inputWrapper: pt,
-  leftSpace: _t,
+  inputWrapper: _t,
+  leftSpace: pt,
   rightSpace: mt,
   leftIcon: ft,
   rightIcon: bt
@@ -411,7 +411,7 @@ const Qe = /* @__PURE__ */ b({
   }),
   emits: /* @__PURE__ */ W(["update:value", "enter", "click-link", "click-icon", "click", "focus", "blur"], ["update:value"]),
   setup(s, { emit: e }) {
-    const t = s, n = e, o = te(), r = ne(s, "value"), a = u(() => [
+    const t = s, n = e, o = te(), a = ne(s, "value"), r = u(() => [
       f.input,
       {
         [f.disabled]: t.disabled,
@@ -421,10 +421,10 @@ const Qe = /* @__PURE__ */ b({
         [f.rightSpace]: !!t.rightIcon
       },
       t.className
-    ]), d = u(() => t.header || t.title || t.subTitle || t.link), $ = u(() => t.description || t.error), g = (p) => {
-      p.key === "Enter" && n("enter");
-    }, B = (p) => {
-      n("update:value", p.target.value);
+    ]), d = u(() => t.header || t.title || t.subTitle || t.link), $ = u(() => t.description || t.error), g = (_) => {
+      _.key === "Enter" && n("enter");
+    }, B = (_) => {
+      n("update:value", _.target.value);
     }, R = () => {
       n("focus");
     }, D = () => {
@@ -433,15 +433,15 @@ const Qe = /* @__PURE__ */ b({
       n("click-link");
     }, q = () => {
       n("click");
-    }, G = (p) => {
-      p.preventDefault(), n("click-icon");
+    }, G = (_) => {
+      _.preventDefault(), n("click-icon");
     };
-    return (p, Ut) => (c(), m("div", {
+    return (_, Ut) => (c(), m("div", {
       class: i(l(f).wrapper)
     }, [
       d.value ? (c(), k(l(lt), {
         key: 0,
-        for: p.id,
+        for: _.id,
         onClick: F
       }, {
         header: v(() => [
@@ -457,24 +457,24 @@ const Qe = /* @__PURE__ */ b({
           I(" " + S(t.title) + " ", 1)
         ]),
         _: 1
-      }, 8, ["for"])) : _("", !0),
+      }, 8, ["for"])) : p("", !0),
       L("div", {
         class: i(l(f).inputWrapper)
       }, [
-        p.leftIcon ? (c(), k(l(T), {
+        _.leftIcon ? (c(), k(l(T), {
           key: 0,
-          type: p.leftIcon,
+          name: _.leftIcon,
           class: i(l(f).leftIcon)
-        }, null, 8, ["type", "class"])) : _("", !0),
+        }, null, 8, ["name", "class"])) : p("", !0),
         L("input", U({
-          id: p.id,
-          value: r.value,
-          name: p.name,
-          type: p.type,
-          disabled: p.disabled || p.loading,
-          placeholder: p.placeholder,
-          class: a.value,
-          "aria-invalid": !!p.error
+          id: _.id,
+          value: a.value,
+          name: _.name,
+          type: _.type,
+          disabled: _.disabled || _.loading,
+          placeholder: _.placeholder,
+          class: r.value,
+          "aria-invalid": !!_.error
         }, l(o), {
           onInput: B,
           onKeydown: g,
@@ -482,28 +482,28 @@ const Qe = /* @__PURE__ */ b({
           onBlur: D,
           onClick: q
         }), null, 16, ht),
-        p.rightIcon ? (c(), k(l(T), {
+        _.rightIcon ? (c(), k(l(T), {
           key: 1,
-          type: p.rightIcon,
+          name: _.rightIcon,
           class: i(l(f).rightIcon),
           onClick: G
-        }, null, 8, ["type", "class"])) : _("", !0)
+        }, null, 8, ["name", "class"])) : p("", !0)
       ], 2),
       $.value ? (c(), m("div", {
         key: 1,
         class: i(l(f).description)
       }, [
-        p.error ? (c(), m("div", {
+        _.error ? (c(), m("div", {
           key: 0,
           class: i(l(f).errorText),
-          innerHTML: p.error
-        }, null, 10, yt)) : _("", !0),
-        p.description ? (c(), m("div", {
+          innerHTML: _.error
+        }, null, 10, yt)) : p("", !0),
+        _.description ? (c(), m("div", {
           key: 1,
           class: i(l(f).descriptionText),
-          innerHTML: p.description
-        }, null, 10, gt)) : _("", !0)
-      ], 2)) : _("", !0)
+          innerHTML: _.description
+        }, null, 10, gt)) : p("", !0)
+      ], 2)) : p("", !0)
     ], 2));
   }
 }), vt = "_plank_8tn62_1", kt = "_accent_8tn62_25", $t = "_danger_8tn62_31", wt = "_text_8tn62_37", Ct = "_icon_8tn62_41", N = {
@@ -523,32 +523,32 @@ const Qe = /* @__PURE__ */ b({
   emits: ["click"],
   setup(s) {
     const e = s, t = P(), n = u(() => C(t)), o = u(() => [N.plank, N[e.type]]);
-    return (r, a) => (c(), m("div", {
+    return (a, r) => (c(), m("div", {
       class: i(o.value)
     }, [
-      r.icon ? (c(), m("div", {
+      a.icon ? (c(), m("div", {
         key: 0,
         class: i(l(N).icon)
       }, [
-        j(l(T), { type: r.icon }, null, 8, ["type"])
-      ], 2)) : _("", !0),
+        j(l(T), { name: a.icon }, null, 8, ["name"])
+      ], 2)) : p("", !0),
       n.value ? (c(), m("div", {
         key: 1,
         class: i(l(N).text)
       }, [
-        y(r.$slots, "default")
-      ], 2)) : _("", !0),
-      r.label ? (c(), k(l(V), {
+        y(a.$slots, "default")
+      ], 2)) : p("", !0),
+      a.label ? (c(), k(l(V), {
         key: 2,
         size: "xs",
         type: "secondary",
-        onClick: a[0] || (a[0] = (d) => r.$emit("click"))
+        onClick: r[0] || (r[0] = (d) => a.$emit("click"))
       }, {
         default: v(() => [
-          I(S(r.label), 1)
+          I(S(a.label), 1)
         ]),
         _: 1
-      })) : _("", !0)
+      })) : p("", !0)
     ], 2));
   }
 }), Tt = "_text_1mrtv_1", zt = "_primary_1mrtv_8", It = "_medium_1mrtv_12", St = "_secondary_1mrtv_17", Bt = "_accent_1mrtv_26", Nt = "_subtitle_1mrtv_35", E = {
@@ -601,7 +601,7 @@ const Qe = /* @__PURE__ */ b({
       e.className,
       e.weight && O[e.weight]
     ]), n = u(() => `h${e.level ?? 1}`);
-    return (o, r) => (c(), k(H(n.value), {
+    return (o, a) => (c(), k(H(n.value), {
       class: i(t.value)
     }, {
       default: v(() => [
@@ -613,7 +613,7 @@ const Qe = /* @__PURE__ */ b({
 });
 export {
   V as UiButton,
-  Et as UiButtonIcon,
+  Ot as UiButtonIcon,
   Pt as UiButtonLink,
   T as UiIcon,
   Rt as UiInput,
@@ -622,5 +622,5 @@ export {
   Wt as UiPlank,
   xt as UiText,
   Ht as UiTitle,
-  Ot as injectSvgSprite
+  Et as injectSvgSprite
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@huntflow/ui",
   "description": "HuntFlow UiKit, icons, utils library",
   "private": false,
-  "version": "0.1.1",
+  "version": "0.1.2",
   "author": {
     "name": "HuntFlow Developer",
     "nickname": "developer",
@@ -24,6 +24,7 @@
     "build-storybook": "storybook build",
     "lint": "eslint './src/**/*.{js,vue,ts}' --quiet",
     "icons": "npx tsx utils/figma-icons.ts",
+    "icons:update-list": "npx tsx utils/icon-list.ts",
     "variables": "npx tsx utils/figma-variables.ts",
     "visual:create": "npx tsx tests/screenshot-create.ts",
     "visual:compare": "npx tsx tests/compare-screenshots.ts"