@inntechcorp/it-design 2.2.55 → 2.2.57

package/dist/alink/index.d.ts

@@ -1,2 +1,2 @@
-declare const ALink: (props: any) => import("react/jsx-runtime").JSX.Element;
-export default ALink;
+declare const _default: import("react").MemoExoticComponent<(props: any) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/index.cjs.js

@@ -1123,7 +1123,7 @@
   ${Y}
 `,J=t.a`
   ${Y}
-`;function Z(M){return!!new RegExp("^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[-a-z\\d_]*)?$","i").test(M)}const MM=[];for(let M=0;M<256;++M)MM.push((M+256).toString(16).slice(1));let bM;const zM=new Uint8Array(16);var pM={randomUUID:"undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function oM(M,b,z){if(pM.randomUUID&&!M)return pM.randomUUID();const p=(M=M||{}).random??M.rng?.()??function(){if(!bM){if("undefined"==typeof crypto||!crypto.getRandomValues)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");bM=crypto.getRandomValues.bind(crypto)}return bM(zM)}();if(p.length<16)throw new Error("Random bytes length must be >= 16");return p[6]=15&p[6]|64,p[8]=63&p[8]|128,function(M,b=0){return(MM[M[b+0]]+MM[M[b+1]]+MM[M[b+2]]+MM[M[b+3]]+"-"+MM[M[b+4]]+MM[M[b+5]]+"-"+MM[M[b+6]]+MM[M[b+7]]+"-"+MM[M[b+8]]+MM[M[b+9]]+"-"+MM[M[b+10]]+MM[M[b+11]]+MM[M[b+12]]+MM[M[b+13]]+MM[M[b+14]]+MM[M[b+15]]).toLowerCase()}(p)}function cM(M){return"x-small"===M?"14":"small"===M?"16":"medium"===M?"18":"default"===M?"20":"large"===M?"22":"x-large"===M?"24":"20"}function eM(M){return"x-small"===M?"xs":"small"===M?"sm":"medium"===M?"md":"default"===M?"df":"large"===M?"lg":"x-large"===M?"xlg":"df"}const OM=new Map;var tM=p.memo((({src:M,className:b,style:o,title:c,role:e,onLoaded:O,onError:t})=>{const n=p.useRef(null);return p.useEffect((()=>{const b=n.current;if(!b)return;let z=!1;const p=M=>{z||(b.innerHTML=M,O&&O())};try{if(M.trim().startsWith("<svg"))return p(M),()=>{z=!0};if(OM.has(M))return p(OM.get(M)),()=>{z=!0};const b=new AbortController;return fetch(M,{signal:b.signal}).then((async M=>{if(!M.ok)throw new Error(`SVG load failed: ${M.status}`);return M.text()})).then((b=>{OM.set(M,b),p(b)})).catch((M=>{z||t&&t(M)})),()=>{z=!0,b.abort()}}catch(M){t&&t(M)}return()=>{z=!0}}),[M]),z.jsx("span",{ref:n,className:b,style:o,title:c,role:e,"aria-hidden":!c||void 0})}));const nM=({id:M="",disabled:b=!1,loading:o=!1,selected:c=!1,circle:O=!1,strecth:t=!1,justify:n="center",contentPosition:A="left",type:a="button",variant:r="default",size:i="default",state:d=null,icon:q=null,href:s="",target:l="_self",className:W="",children:u=null,onClick:f=null})=>{const h=p.useRef(null),[R,L]=p.useState(M);p.useEffect((()=>{""===M&&L("itd-button-"+oM())}),[]);const m=()=>o||!q?null:p.isValidElement(q)?z.jsx(H,{className:"icon itd-element",$contentPosition:A,$justify:n,$useIconPadding:null!==u&&""!==u,children:q}):"string"==typeof q&&Z(q)?z.jsx(V,{className:"icon itd-image",src:q,as:kc,height:cM(i),brokenHeight:cM(i),$contentPosition:A,$justify:n}):"string"==typeof q?z.jsx($,{className:"icon itd-icon "+q,$contentPosition:A,$justify:n,$useIconPadding:null!==u&&""!==u}):q instanceof SVGElement?z.jsx(U,{className:"icon itd-svg",$singleIcon:!u,$contentPosition:A,$justify:n,children:z.jsx(tM,{src:q.toString()})}):null,g=()=>z.jsxs(z.Fragment,{children:["left"===A?m():null,o?z.jsx(F,{}):null,u?z.jsx(G,{$loading:o?"true":"false",children:u}):null,"right"===A?m():null]}),N=()=>p.isValidElement(q)?"element":"string"==typeof q&&Z(q)?"image":"string"==typeof q?"icon":q instanceof SVGElement?"svg":"",B=()=>{let M={id:R,$loading:"false",$justify:n,$size:eM(i),disabled:!1};return o&&(M.$loading="true"),b&&(M.disabled=!0),M},v=()=>{let M="itd-button";return M+=" itd-button-"+r,M+=" itd-button-"+eM(i),M+=" itd-button-"+a,null===u&&(M+=" itd-button-has-icon"),"statable"===r&&d&&(M+=" itd-button-"+d),"custom"===r&&d&&(M+=" itd-button-"+d),c&&(M+=" itd-button-selected"),t&&(M+=" itd-button-stretch"),O&&(M+=" itd-button-circle"),o&&(M+=" itd-button-loading"),"element"===N()&&(M+=" itd-element"),"svg"===N()&&(M+=" itd-svg"),"icon"===N()&&(M+=" itd-icon"),"image"===N()&&(M+=" itd-image"),""!==W&&(M+=" "+W),M},x=M=>{o||f&&f(M)},X=M=>z.jsx(K,{className:v(),type:M,...B(),children:g()});return"submit"===a?X("submit"):"reset"===a?X("reset"):""!==s?z.jsx(Q,{className:v(),as:e.NavLink,to:s,target:l,...B(),children:z.jsxs(z.Fragment,{children:[m(),z.jsx("span",{children:u})]})}):"link"===r?z.jsx(J,{className:v(),onClick:x,...B(),children:g()}):z.jsx(K,{className:v(),onClick:x,type:"button",ref:h,...B(),children:g()})};const AM=t.div`
+`;function Z(M){return!!new RegExp("^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[-a-z\\d_]*)?$","i").test(M)}const MM=[];for(let M=0;M<256;++M)MM.push((M+256).toString(16).slice(1));let bM;const zM=new Uint8Array(16);var pM={randomUUID:"undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function oM(M,b,z){if(pM.randomUUID&&!M)return pM.randomUUID();const p=(M=M||{}).random??M.rng?.()??function(){if(!bM){if("undefined"==typeof crypto||!crypto.getRandomValues)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");bM=crypto.getRandomValues.bind(crypto)}return bM(zM)}();if(p.length<16)throw new Error("Random bytes length must be >= 16");return p[6]=15&p[6]|64,p[8]=63&p[8]|128,function(M,b=0){return(MM[M[b+0]]+MM[M[b+1]]+MM[M[b+2]]+MM[M[b+3]]+"-"+MM[M[b+4]]+MM[M[b+5]]+"-"+MM[M[b+6]]+MM[M[b+7]]+"-"+MM[M[b+8]]+MM[M[b+9]]+"-"+MM[M[b+10]]+MM[M[b+11]]+MM[M[b+12]]+MM[M[b+13]]+MM[M[b+14]]+MM[M[b+15]]).toLowerCase()}(p)}function cM(M){return"x-small"===M?"14":"small"===M?"16":"medium"===M?"18":"default"===M?"20":"large"===M?"22":"x-large"===M?"24":"20"}function eM(M){return"x-small"===M?"xs":"small"===M?"sm":"medium"===M?"md":"default"===M?"df":"large"===M?"lg":"x-large"===M?"xlg":"df"}const OM=new Map;var tM=p.memo((({src:M,className:b,style:o,title:c,role:e,onLoaded:O,onError:t})=>{const n=p.useRef(null);return p.useEffect((()=>{const b=n.current;if(!b)return;let z=!1;const p=M=>{if(z)return;b.__itdLastSvg!==M?(b.innerHTML=M,b.__itdLastSvg=M,O&&O()):O&&O()};try{if(M.trim().startsWith("<svg"))return p(M),()=>{z=!0};if(OM.has(M))return p(OM.get(M)),()=>{z=!0};const b=new AbortController;return fetch(M,{signal:b.signal}).then((async M=>{if(!M.ok)throw new Error(`SVG load failed: ${M.status}`);return M.text()})).then((b=>{OM.set(M,b),p(b)})).catch((M=>{z||t&&t(M)})),()=>{z=!0,b.abort()}}catch(M){t&&t(M)}return()=>{z=!0}}),[M]),z.jsx("span",{ref:n,className:b,style:o,title:c,role:e,"aria-hidden":!c||void 0})}),((M,b)=>M.src===b.src&&M.className===b.className&&M.title===b.title&&M.role===b.role&&M.style===b.style));const nM=({id:M="",disabled:b=!1,loading:o=!1,selected:c=!1,circle:O=!1,strecth:t=!1,justify:n="center",contentPosition:A="left",type:a="button",variant:r="default",size:i="default",state:d=null,icon:q=null,href:s="",target:l="_self",className:W="",children:u=null,onClick:f=null})=>{const h=p.useRef(null),[R,L]=p.useState(M);p.useEffect((()=>{""===M&&L("itd-button-"+oM())}),[]);const m=()=>o||!q?null:p.isValidElement(q)?z.jsx(H,{className:"icon itd-element",$contentPosition:A,$justify:n,$useIconPadding:null!==u&&""!==u,children:q}):"string"==typeof q&&Z(q)?z.jsx(V,{className:"icon itd-image",src:q,as:kc,height:cM(i),brokenHeight:cM(i),$contentPosition:A,$justify:n}):"string"==typeof q?z.jsx($,{className:"icon itd-icon "+q,$contentPosition:A,$justify:n,$useIconPadding:null!==u&&""!==u}):q instanceof SVGElement?z.jsx(U,{className:"icon itd-svg",$singleIcon:!u,$contentPosition:A,$justify:n,children:z.jsx(tM,{src:q.toString()})}):null,g=()=>z.jsxs(z.Fragment,{children:["left"===A?m():null,o?z.jsx(F,{}):null,u?z.jsx(G,{$loading:o?"true":"false",children:u}):null,"right"===A?m():null]}),N=()=>p.isValidElement(q)?"element":"string"==typeof q&&Z(q)?"image":"string"==typeof q?"icon":q instanceof SVGElement?"svg":"",B=()=>{let M={id:R,$loading:"false",$justify:n,$size:eM(i),disabled:!1};return o&&(M.$loading="true"),b&&(M.disabled=!0),M},v=()=>{let M="itd-button";return M+=" itd-button-"+r,M+=" itd-button-"+eM(i),M+=" itd-button-"+a,null===u&&(M+=" itd-button-has-icon"),"statable"===r&&d&&(M+=" itd-button-"+d),"custom"===r&&d&&(M+=" itd-button-"+d),c&&(M+=" itd-button-selected"),t&&(M+=" itd-button-stretch"),O&&(M+=" itd-button-circle"),o&&(M+=" itd-button-loading"),"element"===N()&&(M+=" itd-element"),"svg"===N()&&(M+=" itd-svg"),"icon"===N()&&(M+=" itd-icon"),"image"===N()&&(M+=" itd-image"),""!==W&&(M+=" "+W),M},x=M=>{o||f&&f(M)},X=M=>z.jsx(K,{className:v(),type:M,...B(),children:g()});return"submit"===a?X("submit"):"reset"===a?X("reset"):""!==s?z.jsx(Q,{className:v(),as:e.NavLink,to:s,target:l,...B(),children:z.jsxs(z.Fragment,{children:[m(),z.jsx("span",{children:u})]})}):"link"===r?z.jsx(J,{className:v(),onClick:x,...B(),children:g()}):z.jsx(K,{className:v(),onClick:x,type:"button",ref:h,...B(),children:g()})};const AM=t.div`
   
   position: absolute;
   left: 50%;
@@ -4072,7 +4072,7 @@ function(b,z){M.exports?M.exports=z(Co()):z(b.moment)}(Io,(function(M){void 0===
 
   text-decoration: none;
   
-`,nr=M=>z.jsx(tr,{to:M.to,...M,children:M.children}),Ar=t.div`
+`;var nr=p.memo((M=>(()=>{const{to:b,children:p,...o}=M;return z.jsx(tr,{...o,to:b,children:p})})()),((M,b)=>M.to===b.to&&M.className===b.className&&M.style===b.style&&M.children===b.children));const Ar=t.div`
   display: flex;
   flex-direction: column;
   `,ar=t.div`

package/dist/index.d.ts

@@ -391,7 +391,7 @@ type InlineSVGCachedProps = {
     onLoaded?: () => void;
     onError?: (error: unknown) => void;
 };
-declare const _default$4: react.MemoExoticComponent<({ src, className, style, title, role, onLoaded, onError }: InlineSVGCachedProps) => react_jsx_runtime.JSX.Element>;
+declare const _default$5: react.MemoExoticComponent<({ src, className, style, title, role, onLoaded, onError }: InlineSVGCachedProps) => react_jsx_runtime.JSX.Element>;
 
 type OptionsTypeProps = {
     customKey?: string;
@@ -403,13 +403,13 @@ type OptionsTypeProps = {
     checked?: boolean;
     onChange?: (value: SelectValue$1, checked: boolean, label: ChildrenProps$1) => null;
 };
-declare const _default$3: react.MemoExoticComponent<{
+declare const _default$4: react.MemoExoticComponent<{
     ({ multi, checked, icon, image, value, customKey, onChange, label }: OptionsTypeProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 }>;
 
 type SelectSubComponentProps = {
-    Option: typeof _default$3;
+    Option: typeof _default$4;
 };
 type SelectComponentProps = ForwardRefExoticComponent<PropsWithoutRef<SelectProps> & RefAttributes<ITDImperativeFuncProps>> & SelectSubComponentProps;
 declare const Select: SelectComponentProps;
@@ -633,15 +633,15 @@ declare const Notification: {
 
 declare function RadioButton({ id, name, value, type, buttonProps, checked, hasError, children, icon, image, component, onChange }: RadioButtonProps$1): react_jsx_runtime.JSX.Element;
 
-declare const _default$2: react__default.NamedExoticComponent<RadioGroupProps$1 & react__default.RefAttributes<ITDImperativeFuncProps$1>>;
+declare const _default$3: react__default.NamedExoticComponent<RadioGroupProps$1 & react__default.RefAttributes<ITDImperativeFuncProps$1>>;
 
 interface RadioComponent extends React.FC {
-    Group: typeof _default$2;
+    Group: typeof _default$3;
     Button: typeof RadioButton;
 }
 declare const Radio: RadioComponent;
 
-declare const _default$1: react__default.MemoExoticComponent<({ value, checked, single, onChange, children }: {
+declare const _default$2: react__default.MemoExoticComponent<({ value, checked, single, onChange, children }: {
     value?: string | undefined;
     checked?: boolean | undefined;
     single?: boolean | undefined;
@@ -659,7 +659,7 @@ declare function InlineSelect({ label, value, children, single, minWidth, classN
     onChange?: null | undefined;
 }): react_jsx_runtime.JSX.Element;
 declare namespace InlineSelect {
-    export { _default$1 as Option };
+    export { _default$2 as Option };
 }
 
 interface ImageProps extends react__default.ImgHTMLAttributes<HTMLImageElement> {
@@ -671,7 +671,7 @@ interface ImageProps extends react__default.ImgHTMLAttributes<HTMLImageElement>
     onLoad?: () => void;
     onError?: () => void;
 }
-declare const _default: react__default.NamedExoticComponent<ImageProps>;
+declare const _default$1: react__default.NamedExoticComponent<ImageProps>;
 
 declare namespace ConsoleLog {
     export { single };
@@ -694,7 +694,7 @@ declare const Result: {
     displayName: string;
 };
 
-declare const ALink: (props: any) => react_jsx_runtime.JSX.Element;
+declare const _default: react.MemoExoticComponent<(props: any) => react_jsx_runtime.JSX.Element>;
 
 interface ISpin {
     updating?: boolean;
@@ -2166,5 +2166,5 @@ declare const resources: {
     };
 };
 
-export { ALink, Accordion, AddDefaultThemeStyle, AddDefaultUnit, AddZero, Alert, Arrow as ArrowIcon, BackToTop, BackTop, Base64Decode, Base64Encode, Button, Calendar, Card, CheckFileURL, Checkbox, Checkmark, ChunkArray, Collapse, ConsoleLog, ConvertCurrency, DatePicker, DetermineNewHeight, DetermineNewWidth, FileChecker, FileExtensions, FileTypes, FindSelector, Flex, Form, FormValidationTypes, FormatBytes, FormatDate, FormatDateTime, FormatSimpleDate, FormatSimpleDateTime, FormatTime, GetByCurrency, GetCountryCodeByCurrencyCode, GetCountryCodeByLanguage, GetCurrencyFormat, GetCurrencySymbol, GetDecimalByCurrency, GetTypeByFileType, H1, H2, H3, H4, ITDContext, ITDProvider, _default as Image, _default$4 as InlineSVGCached, InlineSelect, InlineSelectArrow, Input, IsValidJSON, Lock as LockIcon, ModalManager, ModalState, NoData, Notification, Picture, Progress, Radio, RemoveUnits, Result, SVGLoader, Select, Spin, Status, Switch, Table, Tabs, TextArea, TinyScrollbar, Trash, UniUpperCase, UpdateThemeStyle, Upload, Upload$1 as UploadIcon, Wait, ZoomIn, ZoomOut, resources, toKebabCase, useAddExternalCSS, useComponentSize, useConnectionStatus, useConstructor, useContextBridge, useCoreFetch, useKeyboardShortcut, useMultiQuery, useOnClickOutside, useOnESCKeyDown, useOnResize, useOrientation, useReCaptcha, useSingleQuery };
+export { _default as ALink, Accordion, AddDefaultThemeStyle, AddDefaultUnit, AddZero, Alert, Arrow as ArrowIcon, BackToTop, BackTop, Base64Decode, Base64Encode, Button, Calendar, Card, CheckFileURL, Checkbox, Checkmark, ChunkArray, Collapse, ConsoleLog, ConvertCurrency, DatePicker, DetermineNewHeight, DetermineNewWidth, FileChecker, FileExtensions, FileTypes, FindSelector, Flex, Form, FormValidationTypes, FormatBytes, FormatDate, FormatDateTime, FormatSimpleDate, FormatSimpleDateTime, FormatTime, GetByCurrency, GetCountryCodeByCurrencyCode, GetCountryCodeByLanguage, GetCurrencyFormat, GetCurrencySymbol, GetDecimalByCurrency, GetTypeByFileType, H1, H2, H3, H4, ITDContext, ITDProvider, _default$1 as Image, _default$5 as InlineSVGCached, InlineSelect, InlineSelectArrow, Input, IsValidJSON, Lock as LockIcon, ModalManager, ModalState, NoData, Notification, Picture, Progress, Radio, RemoveUnits, Result, SVGLoader, Select, Spin, Status, Switch, Table, Tabs, TextArea, TinyScrollbar, Trash, UniUpperCase, UpdateThemeStyle, Upload, Upload$1 as UploadIcon, Wait, ZoomIn, ZoomOut, resources, toKebabCase, useAddExternalCSS, useComponentSize, useConnectionStatus, useConstructor, useContextBridge, useCoreFetch, useKeyboardShortcut, useMultiQuery, useOnClickOutside, useOnESCKeyDown, useOnResize, useOrientation, useReCaptcha, useSingleQuery };
 export type { AccordionItemProps, AccordionProps, AccordionSubMenuProps, AlertProps, AlertSize, AlertType, ButtonContentPosition, ButtonProps, ButtonState, ButtonType, ButtonVariant, CalendarDayProps, CalendarProps, CalendarValueProps, CardProps, CheckboxEvent, CheckboxGroupProps, CheckboxProps, DatePickerProps, Direction, FieldUpdateProps, FlexAlignProps, FlexGapProps, FlexJustifyProps, FlexProps, FormContextType, FormItemProps, FormProps, FormRuleProps, FormSubComponentProps, FormValueProps, GroupCheckboxOptionType, ITDContextType, ITDImperativeFuncProps, ITDProviderProps, ITDSize, ITDSizeSlug, InputProps, InputVariant, ModalContentProps, ModalProps, ModalRefProps, NotificationContextType, NotificationsProps, ProgressProps, ProgressStatus, QueryValueProps, RadioButtonProps, RadioGroupProps, RadioType, ResultProps, SelectDirection, SelectOptionProps, SelectPosition, SelectProps, SelectToggleProps, SelectValue, SelectVariant, SingleQueryProps, StatusProps, StatusVariant, SwitchProps, TableColumnType, TableProps, TableRefProps, TableRow, TableTRProps, TabsItemProps, TabsProps, TextAreaEvent, TextAreaProps, TextAreaVariant, UploadProgressProps, UploadProps, UploadResultMessageProps };

package/dist/index.esm.js

@@ -1123,7 +1123,7 @@ import M from"i18next";import{useTranslation as b,initReactI18next as z}from"rea
   ${yM}
 `,TM=_.a`
   ${yM}
-`;function _M(M){return!!new RegExp("^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[-a-z\\d_]*)?$","i").test(M)}const kM=[];for(let M=0;M<256;++M)kM.push((M+256).toString(16).slice(1));let SM;const EM=new Uint8Array(16);var CM={randomUUID:"undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function DM(M,b,z){if(CM.randomUUID&&!M)return CM.randomUUID();const p=(M=M||{}).random??M.rng?.()??function(){if(!SM){if("undefined"==typeof crypto||!crypto.getRandomValues)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");SM=crypto.getRandomValues.bind(crypto)}return SM(EM)}();if(p.length<16)throw new Error("Random bytes length must be >= 16");return p[6]=15&p[6]|64,p[8]=63&p[8]|128,function(M,b=0){return(kM[M[b+0]]+kM[M[b+1]]+kM[M[b+2]]+kM[M[b+3]]+"-"+kM[M[b+4]]+kM[M[b+5]]+"-"+kM[M[b+6]]+kM[M[b+7]]+"-"+kM[M[b+8]]+kM[M[b+9]]+"-"+kM[M[b+10]]+kM[M[b+11]]+kM[M[b+12]]+kM[M[b+13]]+kM[M[b+14]]+kM[M[b+15]]).toLowerCase()}(p)}function PM(M){return"x-small"===M?"14":"small"===M?"16":"medium"===M?"18":"default"===M?"20":"large"===M?"22":"x-large"===M?"24":"20"}function FM(M){return"x-small"===M?"xs":"small"===M?"sm":"medium"===M?"md":"default"===M?"df":"large"===M?"lg":"x-large"===M?"xlg":"df"}const IM=new Map;var $M=r((({src:M,className:b,style:z,title:o,role:O,onLoaded:c,onError:e})=>{const t=A(null);return n((()=>{const b=t.current;if(!b)return;let z=!1;const p=M=>{z||(b.innerHTML=M,c&&c())};try{if(M.trim().startsWith("<svg"))return p(M),()=>{z=!0};if(IM.has(M))return p(IM.get(M)),()=>{z=!0};const b=new AbortController;return fetch(M,{signal:b.signal}).then((async M=>{if(!M.ok)throw new Error(`SVG load failed: ${M.status}`);return M.text()})).then((b=>{IM.set(M,b),p(b)})).catch((M=>{z||e&&e(M)})),()=>{z=!0,b.abort()}}catch(M){e&&e(M)}return()=>{z=!0}}),[M]),p("span",{ref:t,className:b,style:z,title:o,role:O,"aria-hidden":!o||void 0})}));const HM=({id:M="",disabled:b=!1,loading:z=!1,selected:c=!1,circle:e=!1,strecth:a=!1,justify:i="center",contentPosition:r="left",type:q="button",variant:s="default",size:l="default",state:W=null,icon:u=null,href:f="",target:h="_self",className:R="",children:L=null,onClick:m=null})=>{const g=A(null),[N,B]=t(M);n((()=>{""===M&&B("itd-button-"+DM())}),[]);const v=()=>z||!u?null:d(u)?p(NM,{className:"icon itd-element",$contentPosition:r,$justify:i,$useIconPadding:null!==L&&""!==L,children:u}):"string"==typeof u&&_M(u)?p(vM,{className:"icon itd-image",src:u,as:jc,height:PM(l),brokenHeight:PM(l),$contentPosition:r,$justify:i}):"string"==typeof u?p(gM,{className:"icon itd-icon "+u,$contentPosition:r,$justify:i,$useIconPadding:null!==L&&""!==L}):u instanceof SVGElement?p(BM,{className:"icon itd-svg",$singleIcon:!L,$contentPosition:r,$justify:i,children:p($M,{src:u.toString()})}):null,X=()=>O(o,{children:["left"===r?v():null,z?p(LM,{}):null,L?p(XM,{$loading:z?"true":"false",children:L}):null,"right"===r?v():null]}),y=()=>d(u)?"element":"string"==typeof u&&_M(u)?"image":"string"==typeof u?"icon":u instanceof SVGElement?"svg":"",w=()=>{let M={id:N,$loading:"false",$justify:i,$size:FM(l),disabled:!1};return z&&(M.$loading="true"),b&&(M.disabled=!0),M},T=()=>{let M="itd-button";return M+=" itd-button-"+s,M+=" itd-button-"+FM(l),M+=" itd-button-"+q,null===L&&(M+=" itd-button-has-icon"),"statable"===s&&W&&(M+=" itd-button-"+W),"custom"===s&&W&&(M+=" itd-button-"+W),c&&(M+=" itd-button-selected"),a&&(M+=" itd-button-stretch"),e&&(M+=" itd-button-circle"),z&&(M+=" itd-button-loading"),"element"===y()&&(M+=" itd-element"),"svg"===y()&&(M+=" itd-svg"),"icon"===y()&&(M+=" itd-icon"),"image"===y()&&(M+=" itd-image"),""!==R&&(M+=" "+R),M},_=M=>{z||m&&m(M)},k=M=>p(xM,{className:T(),type:M,...w(),children:X()});return"submit"===q?k("submit"):"reset"===q?k("reset"):""!==f?p(wM,{className:T(),as:x,to:f,target:h,...w(),children:O(o,{children:[v(),p("span",{children:L})]})}):"link"===s?p(TM,{className:T(),onClick:_,...w(),children:X()}):p(xM,{className:T(),onClick:_,type:"button",ref:g,...w(),children:X()})};const UM=_.div`
+`;function _M(M){return!!new RegExp("^(https?:\\/\\/)?((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*(\\?[;&a-z\\d%_.~+=-]*)?(\\#[-a-z\\d_]*)?$","i").test(M)}const kM=[];for(let M=0;M<256;++M)kM.push((M+256).toString(16).slice(1));let SM;const EM=new Uint8Array(16);var CM={randomUUID:"undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function DM(M,b,z){if(CM.randomUUID&&!M)return CM.randomUUID();const p=(M=M||{}).random??M.rng?.()??function(){if(!SM){if("undefined"==typeof crypto||!crypto.getRandomValues)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");SM=crypto.getRandomValues.bind(crypto)}return SM(EM)}();if(p.length<16)throw new Error("Random bytes length must be >= 16");return p[6]=15&p[6]|64,p[8]=63&p[8]|128,function(M,b=0){return(kM[M[b+0]]+kM[M[b+1]]+kM[M[b+2]]+kM[M[b+3]]+"-"+kM[M[b+4]]+kM[M[b+5]]+"-"+kM[M[b+6]]+kM[M[b+7]]+"-"+kM[M[b+8]]+kM[M[b+9]]+"-"+kM[M[b+10]]+kM[M[b+11]]+kM[M[b+12]]+kM[M[b+13]]+kM[M[b+14]]+kM[M[b+15]]).toLowerCase()}(p)}function PM(M){return"x-small"===M?"14":"small"===M?"16":"medium"===M?"18":"default"===M?"20":"large"===M?"22":"x-large"===M?"24":"20"}function FM(M){return"x-small"===M?"xs":"small"===M?"sm":"medium"===M?"md":"default"===M?"df":"large"===M?"lg":"x-large"===M?"xlg":"df"}const IM=new Map;var $M=r((({src:M,className:b,style:z,title:o,role:O,onLoaded:c,onError:e})=>{const t=A(null);return n((()=>{const b=t.current;if(!b)return;let z=!1;const p=M=>{if(z)return;b.__itdLastSvg!==M?(b.innerHTML=M,b.__itdLastSvg=M,c&&c()):c&&c()};try{if(M.trim().startsWith("<svg"))return p(M),()=>{z=!0};if(IM.has(M))return p(IM.get(M)),()=>{z=!0};const b=new AbortController;return fetch(M,{signal:b.signal}).then((async M=>{if(!M.ok)throw new Error(`SVG load failed: ${M.status}`);return M.text()})).then((b=>{IM.set(M,b),p(b)})).catch((M=>{z||e&&e(M)})),()=>{z=!0,b.abort()}}catch(M){e&&e(M)}return()=>{z=!0}}),[M]),p("span",{ref:t,className:b,style:z,title:o,role:O,"aria-hidden":!o||void 0})}),((M,b)=>M.src===b.src&&M.className===b.className&&M.title===b.title&&M.role===b.role&&M.style===b.style));const HM=({id:M="",disabled:b=!1,loading:z=!1,selected:c=!1,circle:e=!1,strecth:a=!1,justify:i="center",contentPosition:r="left",type:q="button",variant:s="default",size:l="default",state:W=null,icon:u=null,href:f="",target:h="_self",className:R="",children:L=null,onClick:m=null})=>{const g=A(null),[N,B]=t(M);n((()=>{""===M&&B("itd-button-"+DM())}),[]);const v=()=>z||!u?null:d(u)?p(NM,{className:"icon itd-element",$contentPosition:r,$justify:i,$useIconPadding:null!==L&&""!==L,children:u}):"string"==typeof u&&_M(u)?p(vM,{className:"icon itd-image",src:u,as:jc,height:PM(l),brokenHeight:PM(l),$contentPosition:r,$justify:i}):"string"==typeof u?p(gM,{className:"icon itd-icon "+u,$contentPosition:r,$justify:i,$useIconPadding:null!==L&&""!==L}):u instanceof SVGElement?p(BM,{className:"icon itd-svg",$singleIcon:!L,$contentPosition:r,$justify:i,children:p($M,{src:u.toString()})}):null,X=()=>O(o,{children:["left"===r?v():null,z?p(LM,{}):null,L?p(XM,{$loading:z?"true":"false",children:L}):null,"right"===r?v():null]}),y=()=>d(u)?"element":"string"==typeof u&&_M(u)?"image":"string"==typeof u?"icon":u instanceof SVGElement?"svg":"",w=()=>{let M={id:N,$loading:"false",$justify:i,$size:FM(l),disabled:!1};return z&&(M.$loading="true"),b&&(M.disabled=!0),M},T=()=>{let M="itd-button";return M+=" itd-button-"+s,M+=" itd-button-"+FM(l),M+=" itd-button-"+q,null===L&&(M+=" itd-button-has-icon"),"statable"===s&&W&&(M+=" itd-button-"+W),"custom"===s&&W&&(M+=" itd-button-"+W),c&&(M+=" itd-button-selected"),a&&(M+=" itd-button-stretch"),e&&(M+=" itd-button-circle"),z&&(M+=" itd-button-loading"),"element"===y()&&(M+=" itd-element"),"svg"===y()&&(M+=" itd-svg"),"icon"===y()&&(M+=" itd-icon"),"image"===y()&&(M+=" itd-image"),""!==R&&(M+=" "+R),M},_=M=>{z||m&&m(M)},k=M=>p(xM,{className:T(),type:M,...w(),children:X()});return"submit"===q?k("submit"):"reset"===q?k("reset"):""!==f?p(wM,{className:T(),as:x,to:f,target:h,...w(),children:O(o,{children:[v(),p("span",{children:L})]})}):"link"===s?p(TM,{className:T(),onClick:_,...w(),children:X()}):p(xM,{className:T(),onClick:_,type:"button",ref:g,...w(),children:X()})};const UM=_.div`
   
   position: absolute;
   left: 50%;
@@ -4072,7 +4072,7 @@ function(b,z){M.exports?M.exports=z(EO()):z(b.moment)}(IO,(function(M){void 0===
 
   text-decoration: none;
   
-`,Wr=M=>p(lr,{to:M.to,...M,children:M.children}),ur=_.div`
+`;var Wr=r((M=>(()=>{const{to:b,children:z,...o}=M;return p(lr,{...o,to:b,children:z})})()),((M,b)=>M.to===b.to&&M.className===b.className&&M.style===b.style&&M.children===b.children));const ur=_.div`
   display: flex;
   flex-direction: column;
   `,fr=_.div`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inntechcorp/it-design",
-  "version": "2.2.55",
+  "version": "2.2.57",
   "description": "All in one Design library for web applications.",
   "author": "Inn.Tech",
   "license": "ISC",