@inntechcorp/it-design 4.0.0-beta.2 → 4.0.0-beta.4

package/dist/es/dropdown-menu/DropdownMenuSubContent.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{useRef as n,useEffect as t,useState as r,useCallback as o}from"react";import{ComponentXPositions as s}from"../enums/enum.js";import{useFloatingPosition as i}from"../hooks/useFloatingPosition.js";import u from"../hooks/useOnESCKeyDown.js";import{wasLastInputKeyboard as c}from"../utils/focusModality.js";import{FloatingContent as a}from"../floating/FloatingContent.js";import l from"../tinyscrollbar/index.js";import{useDropdownMenuContext as p}from"./DropdownMenu.js";import{useDropdownMenuSubContext as d}from"./DropdownMenuSub.js";import{useMenuKeyboard as m,findFirstEnabledItem as f,scrollMenuItemIntoView as v}from"./useMenuKeyboard.js";import{useMenuItemContext as S,MenuItemContext as b}from"./MenuItemContext.js";import{processChildren as g}from"./processChildren.js";import{useSubMenuRegistry as w}from"./useSubMenuRegistry.js";import{useDropdownMenuCompact as C}from"./DropdownMenuContent.js";const O=({children:O,className:h="",variant:y="default"})=>{const{id:D,onItemSelect:M}=p("DropdownMenuSubContent"),R=S("DropdownMenuSubContent"),j=d("DropdownMenuSubContent"),A=C(),I=n(null),{registerSubClose:x,unregisterSubClose:E,closeOpenSubs:P,registerOpenSubContent:N,unregisterOpenSubContent:F,isPointerInGraceArea:L,setGraceArea:H,handleContentPointerMove:k}=w(I);u(()=>{j.close(),j.triggerRef.current?.focus({preventScroll:!0})},I,{enabled:j.isOpen}),t(()=>{if(j.isOpen)return R.registerOpenSubContent(j.contentRef),j.closeDescendantSubs.current=P,()=>{R.unregisterOpenSubContent(j.contentRef),j.closeDescendantSubs.current=null}},[j.isOpen,j.contentRef,j.closeDescendantSubs,R,P]);const[G,K]=r(void 0),q=o(()=>{const e=I.current;if(!e)return;const n=e.style.width;e.style.width="";const t=e.offsetWidth;e.style.width=n,K(t)},[]),T=i({isOpen:j.isOpen,triggerRef:j.triggerRef,contentRef:j.contentRef,placement:s.INLINE_END,offset:0,showArrow:!1,padding:8,preferMoreSpace:!0}),$=T.position.top,B=void 0!==T.position.availableHeight?Math.max(T.position.availableHeight,100):void 0;t(()=>{if(!j.isOpen)return;const e=requestAnimationFrame(q);return()=>cancelAnimationFrame(e)},[j.isOpen,q]);const V={idx:0,menuId:j.subId,disabledSet:new Set},W=g(O,V),_=V.disabledSet,{handleKeyDown:z}=m({menuRef:I,disabledSet:_,onClose:()=>{j.close(),j.triggerRef.current?.focus({preventScroll:!0})}});t(()=>{j.isOpen&&I.current?.focus({preventScroll:!0})},[j.isOpen]),t(()=>{void 0!==G&&j.isOpen&&requestAnimationFrame(()=>{if(!I.current)return;const e=I.current.querySelector("[data-overlayscrollbars-viewport]");if(e&&(e.scrollTop=0),c(I.current,{anyKey:!0})){const e=f(I.current);e&&(e.focus({preventScroll:!0}),v(e,I.current))}})},[G,j.isOpen]),t(()=>{const e=j.contentRef.current;if(!j.isOpen||!e)return;const n=e=>e.stopPropagation();return e.addEventListener("mousedown",n),()=>e.removeEventListener("mousedown",n)},[j.isOpen,j.contentRef]);const J=o(e=>{if("ArrowLeft"===e.key)return e.preventDefault(),e.stopPropagation(),j.close(),void j.triggerRef.current?.focus({preventScroll:!0});if("ArrowRight"===e.key){const n=I.current?.ownerDocument??document;if(I.current&&n.activeElement===I.current){e.preventDefault(),e.stopPropagation();const n=f(I.current);n&&(n.focus({preventScroll:!0}),v(n,I.current))}return}if("Tab"===e.key)return e.preventDefault(),e.stopPropagation(),void j.close();z(e)},[z,j]),Q=o(()=>{j.isContentHovered.current=!0,j.cancelClose(),R.setGraceArea(null)},[j,R]),U=o(()=>{j.isContentHovered.current=!1},[j]),X=o(()=>{requestAnimationFrame(()=>{const e=I.current?.ownerDocument??document,n=e.activeElement;if(I.current?.contains(n)||n===j.triggerRef.current)return;n instanceof(e.defaultView?.HTMLElement??HTMLElement)&&n.closest(`[data-dropdown-menu-id="${D}"]`)||j.close()})},[j,D]);return e(a,{isOpen:j.isOpen,position:void 0!==$?{...T.position,top:$}:T.position,showArrow:!1,className:`itd-dropdown-menu ${h}`.trim(),trapFocus:!1,id:j.subId,role:"menu",ref:e=>{j.contentRef.current=e},onMouseEnter:Q,onMouseLeave:U,children:e(b.Provider,{value:{onItemSelect:M,contentInnerRef:I,closeOpenSubs:P,registerSubClose:x,unregisterSubClose:E,isPointerInGraceArea:L,setGraceArea:H,registerOpenSubContent:N,unregisterOpenSubContent:F},children:e("div",{ref:I,className:"itd-dropdown-menu-items","data-variant":y,"data-compact":A?"":void 0,"data-dropdown-menu-id":D,tabIndex:-1,onKeyDown:J,onBlur:X,onPointerMoveCapture:k,style:{outline:"none",...void 0!==G?{width:`${G}px`}:{},...void 0!==B?{"--itd-dropdown-menu-max-h":`${B}px`}:{}},children:void 0!==G?e(l,{className:"itd-dropdown-menu-scroll",children:W}):W})})})};O.displayName="DropdownMenuSubContent";export{O as DropdownMenuSubContent};

package/dist/es/dropdown-menu/DropdownMenuSubTrigger.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useState as r,useCallback as o}from"react";import{ComponentXPositions as t}from"../enums/enum.js";import{useMenuItemContext as i}from"./MenuItemContext.js";import{useDropdownMenuSubContext as a}from"./DropdownMenuSub.js";import{graceAreaFor as s}from"./usePointerGraceArea.js";import{ChevronRight as c}from"lucide-react";const u=({children:u,disabled:p=!1,className:d="",_itemId:l})=>{const{contentInnerRef:m,closeOpenSubs:g,isPointerInGraceArea:f,setGraceArea:b}=i("DropdownMenuSubTrigger"),w=a("DropdownMenuSubTrigger"),[h,v]=r(!1),y=o(e=>{"mouse"!==e.pointerType||p||f()||(g(w.close),e.currentTarget.focus({preventScroll:!0}),w.cancelClose(),w.isOpen?w.closeDescendantSubs.current?.():w.openWithDelay())},[p,w,g,f]),D=o(e=>{if("mouse"===e.pointerType)if(w.cancelOpen(),w.isOpen){const n=w.contentRef.current;if(n){const r=n.getAttribute("data-placement")===t.INLINE_START;b(s({x:e.clientX,y:e.clientY},n.getBoundingClientRect(),r))}}else m.current?.focus({preventScroll:!0})},[w,m,b]),S=o(()=>{p||w.open()},[p,w]),T=o(e=>{"ArrowRight"!==e.key||p||(e.preventDefault(),e.stopPropagation(),w.open()),"ArrowLeft"===e.key&&w.isOpen&&(e.preventDefault(),e.stopPropagation(),w.close())},[p,w]),I=o(e=>{if(v(!1),!w.isOpen)return;const n=e.relatedTarget;n&&(w.contentRef.current?.contains(n)||n.closest("[data-dropdown-menu-id]"))||w.close()},[w]);return e("button",{type:"button",role:"menuitem",id:l,ref:e=>{w.triggerRef.current=e},tabIndex:-1,className:`itd-dropdown-menu-item itd-dropdown-menu-sub-trigger ${d}`.trim(),"data-highlighted":h||w.isOpen?"":void 0,"data-disabled":p?"":void 0,"aria-disabled":p||void 0,"aria-haspopup":"menu","aria-expanded":w.isOpen,"aria-controls":w.subId,onClick:S,onPointerMove:y,onPointerLeave:D,onKeyDown:T,onFocus:()=>v(!0),onBlur:I,children:[n("span",{className:"itd-dropdown-menu-sub-trigger-label",children:u}),n(c,{size:16,className:"itd-dropdown-menu-sub-chevron ml-auto"})]})};u.displayName="DropdownMenuSubTrigger";export{u as DropdownMenuSubTrigger};

package/dist/es/dropdown-menu/DropdownMenuTrigger.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{useCallback as r,isValidElement as n}from"react";import{useDropdownMenuContext as o}from"./DropdownMenu.js";import{Slot as t}from"../primitives/Slot.js";const i=({children:i,asChild:a=!0})=>{const{id:p,trigger:s,openWithKeyboard:d}=o("DropdownMenuTrigger"),c=r(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),d();break;case"ArrowUp":e.preventDefault(),d(!0)}},[d]),g={"aria-haspopup":"menu","aria-expanded":s.isOpen,"aria-controls":p},l={...s.getTriggerProps(),...g,onKeyDown:c,tabIndex:s.getTriggerProps().tabIndex??0};return a?n(i)?e(t,{...l,children:i}):("production"!==process.env.NODE_ENV&&console.warn("[DropdownMenuTrigger]: When using `asChild`, children must be a single React element."),null):e("button",{type:"button",...l,children:i})};i.displayName="DropdownMenuTrigger";export{i as DropdownMenuTrigger};

package/dist/es/dropdown-menu/MenuItemContext.js

@@ -0,0 +1 @@
+import{createContext as r,useContext as t}from"react";const n=r(null);function o(r){const o=t(n);if(!o)throw new Error(`<${r}> must be used within a menu content provider.`);return o}export{n as MenuItemContext,o as useMenuItemContext};

package/dist/es/dropdown-menu/processChildren.js

@@ -0,0 +1 @@
+import{Children as e,isValidElement as n,cloneElement as r}from"react";const t=new Set(["DropdownMenuItem","DropdownMenuCheckboxItem","DropdownMenuRadioItem","DropdownMenuSubTrigger"]);function o(u,d){return e.map(u,e=>{if(!n(e))return e;if(function(e){return t.has(e.type?.displayName)}(e)){const n=d.idx++;return e.props.disabled&&d.disabledSet.add(n),r(e,{_itemId:`${d.menuId}-item-${n}`})}if(function(e){return"DropdownMenuRadioGroup"===e.type?.displayName}(e)||function(e){return"DropdownMenuSub"===e.type?.displayName}(e)){const n=o(e.props.children,d);return r(e,{},n)}return e})}export{o as default,o as processChildren};

package/dist/es/dropdown-menu/useMenuItemChrome.js

@@ -0,0 +1 @@
+import{useState as e,useCallback as t}from"react";import{useMenuItemContext as o}from"./MenuItemContext.js";const n=({disabled:n,className:r,itemId:i,componentName:a})=>{const{onItemSelect:s,contentInnerRef:d,closeOpenSubs:c,isPointerInGraceArea:m}=o(a),[l,u]=e(!1),p=t(e=>{"mouse"!==e.pointerType||n||m()||(c(),e.currentTarget.focus({preventScroll:!0}))},[n,c,m]),v=t(e=>{"mouse"===e.pointerType&&(m()||d.current?.focus({preventScroll:!0}))},[d,m]);return{onItemSelect:s,isFocused:l,itemProps:{type:"button",id:i,tabIndex:-1,className:`itd-dropdown-menu-item ${r}`.trim(),"data-highlighted":l?"":void 0,"data-disabled":n?"":void 0,"aria-disabled":n||void 0,onPointerMove:p,onPointerLeave:v,onFocus:()=>u(!0),onBlur:()=>u(!1)}}};export{n as default,n as useMenuItemChrome};

package/dist/es/dropdown-menu/useMenuKeyboard.js

@@ -0,0 +1 @@
+import{useRef as e,useCallback as t}from"react";function r(e){return e?Array.from(e.querySelectorAll('[role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"]')):[]}function n(e){return r(e).find(e=>"true"!==e.getAttribute("aria-disabled"))??null}function o(e){const t=r(e);for(let e=t.length-1;e>=0;e--)if("true"!==t[e].getAttribute("aria-disabled"))return t[e];return null}function l(e,t){if(!t)return;const n=t.querySelector("[data-overlayscrollbars-viewport]");if(!n)return;const o=r(t),l=o.indexOf(e);if(0===l)return void(n.scrollTop=0);if(l===o.length-1)return void(n.scrollTop=n.scrollHeight);const a=e.getBoundingClientRect(),u=n.getBoundingClientRect();a.bottom>u.bottom?n.scrollTop+=a.bottom-u.bottom:a.top<u.top&&(n.scrollTop-=u.top-a.top)}function a({menuRef:n,disabledSet:o,onClose:a}){const u=e(""),c=e(null),i=t(e=>{e&&(e.focus({preventScroll:!0}),l(e,n.current))},[n]),s=t((e,t,r)=>{const n=e.length;if(0===n)return null;let l=t;for(let t=0;t<n;t++)if(l=(l+r+n)%n,!o.has(l))return e[l];return null},[o]),f=t(e=>{c.current&&clearTimeout(c.current),u.current+=e.toLowerCase(),c.current=setTimeout(()=>{u.current=""},500);const t=u.current,l=r(n.current),a=n.current?.ownerDocument??document,s=l.indexOf(a.activeElement),f=s>=0?s+1:0;for(let e=0;e<l.length;e++){const r=(f+e)%l.length;if(o.has(r))continue;if((l[r].textContent?.toLowerCase()||"").startsWith(t))return void i(l[r])}},[n,o,i]);return{handleKeyDown:t(e=>{const t=r(n.current),l=n.current?.ownerDocument??document,u=t.indexOf(l.activeElement);switch(e.key){case"ArrowDown":{e.preventDefault(),e.stopPropagation();const r=u<0?t.find((e,t)=>!o.has(t))??null:s(t,u,1);i(r);break}case"ArrowUp":{e.preventDefault(),e.stopPropagation();let r=null;if(u<0){for(let e=t.length-1;e>=0;e--)if(!o.has(e)){r=t[e];break}}else r=s(t,u,-1);i(r);break}case"Enter":case" ":e.preventDefault(),e.stopPropagation(),u>=0&&!o.has(u)&&t[u]?.click();break;case"Home":e.preventDefault(),e.stopPropagation(),i(t.find((e,t)=>!o.has(t))??null);break;case"End":{e.preventDefault(),e.stopPropagation();let r=null;for(let e=t.length-1;e>=0;e--)if(!o.has(e)){r=t[e];break}i(r);break}case"Escape":e.preventDefault(),e.stopPropagation(),a?.();break;default:1!==e.key.length||e.ctrlKey||e.metaKey||e.altKey||(e.stopPropagation(),f(e.key))}},[n,o,s,a,f,i])}}export{n as findFirstEnabledItem,o as findLastEnabledItem,r as getMenuItems,l as scrollMenuItemIntoView,a as useMenuKeyboard};

package/dist/es/dropdown-menu/usePointerGraceArea.js

@@ -0,0 +1 @@
+import{useRef as t,useCallback as n}from"react";import{realmOf as r}from"../hooks/useRealm.js";function e(t,n,r){return(t.x-r.x)*(n.y-r.y)-(n.x-r.x)*(t.y-r.y)}const o=(t,n,r)=>{const e=r?n.right:n.left;return{triggerPoint:t,contentTop:{x:e,y:n.top},contentBottom:{x:e,y:n.bottom}}};function c(o){const c=t(null),u=t({x:0,y:0}),i=t(null),l=t(null),m=n(()=>{i.current&&(clearTimeout(i.current),i.current=null),l.current&&(clearTimeout(l.current),l.current=null)},[]),s=n(()=>{c.current=null,m(),function(t,n){const{doc:e,win:o}=r(n),c=e?.elementFromPoint(t.x,t.y);if(!c||!o)return;const u=o.PointerEvent??PointerEvent;c.dispatchEvent(new u("pointermove",{clientX:t.x,clientY:t.y,bubbles:!0,pointerType:"mouse"}))}(u.current,o?.current)},[m,o]);return{setGraceArea:n(t=>{if(c.current=t,m(),t){const e={x:(t.contentTop.x+t.contentBottom.x)/2,y:(t.contentTop.y+t.contentBottom.y)/2},o=(n=t.triggerPoint,r=e,Math.sqrt((n.x-r.x)**2+(n.y-r.y)**2)),c=Math.min(Math.max(o/.6,300),900);l.current=setTimeout(s,c)}var n,r},[m,s]),updatePointer:n((t,n)=>{u.current={x:t,y:n},c.current&&(i.current&&clearTimeout(i.current),i.current=setTimeout(s,50))},[s]),isPointerInGraceArea:n(()=>{const t=c.current;return!!t&&function(t,n,r,o){const c=e(t,n,r),u=e(t,r,o),i=e(t,o,n);return!((c<0||u<0||i<0)&&(c>0||u>0||i>0))}(u.current,t.triggerPoint,t.contentTop,t.contentBottom)},[]),pointerRef:u}}export{o as graceAreaFor,c as usePointerGraceArea};

package/dist/es/dropdown-menu/useSubMenuRegistry.js

@@ -0,0 +1 @@
+import{useRef as e,useCallback as r}from"react";import{usePointerGraceArea as t}from"./usePointerGraceArea.js";const n=n=>{const o=e(new Set),a=r(e=>{o.current.add(e)},[]),s=r(e=>{o.current.delete(e)},[]),u=r(e=>{o.current.forEach(r=>{r!==e&&r()})},[]),c=e(new Set),{setGraceArea:i,updatePointer:l,isPointerInGraceArea:d}=t(n),p=r(e=>{c.current.add(e)},[]),S=r(e=>{c.current.delete(e),i(null)},[i]),b=r(e=>{"mouse"===e.pointerType&&l(e.clientX,e.clientY)},[l]);return{registerSubClose:a,unregisterSubClose:s,closeOpenSubs:u,registerOpenSubContent:p,unregisterOpenSubContent:S,isPointerInGraceArea:d,setGraceArea:i,handleContentPointerMove:b}};export{n as default,n as useSubMenuRegistry};

package/dist/es/enums/enum.js

@@ -1 +1 @@
-var n,o,t,E,e,i,L,l,m,a,T,c,I,d,f,A,M;!function(n){n.NOT_SHOW="modal-not-show",n.BEGIN="modal-begin",n.ENTERING="modal-entering",n.ENTERED="modal-entered",n.EXITING="modal-exiting",n.EXITED="modal-exited",n.REMOVED="modal-removed",n.OK_CLICK="modal-ok-button-click",n.CANCEL_CLICK="modal-cancel-button-click",n.CLOSE_CLICK="modal-close-button-click",n.OUTSIDE_CLICK="modal-outside-click",n.ESC_CLICK="modal-esc-click",n.ALL_REMOVED="modal-all-removed"}(n||(n={})),function(n){n.SVG="image/svg+xml",n.PNG="image/png",n.JPG="image/jpg",n.JPEG="image/jpeg",n.GIF="image/gif",n.PDF="application/pdf",n.OTF="font/otf"}(o||(o={})),function(n){n.SVG=".svg",n.PNG=".png",n.JPG=".jpg",n.GIF=".gif",n.PDF=".pdf",n.OTF=".otf"}(t||(t={})),function(n){n.REQUIRED="required",n.TYPE="type"}(E||(E={})),function(n){n.MIN_LENGTH="minLength",n.MAX_LENGTH="maxLength",n.EXACT_LENGTH="exactLength",n.SAME="same",n.NOT_SAME="notSame",n.TC_IDENTITY="TCIdentity",n.PASSWORD="password",n.EMAIL="email",n.USERNAME="username",n.SITE_USERNAME="siteUsername",n.ADMIN_USERNAME="adminUsername",n.URL="url",n.FORBIDDEN_WORDS="forbiddenWords"}(e||(e={})),function(n){n.ONLINE="online",n.OFFLINE="offline"}(i||(i={})),function(n){n.X_SMALL="x-small",n.SMALL="small",n.MEDIUM="medium",n.DEFAULT="default",n.LARGE="large",n.X_LARGE="x-large"}(L||(L={})),function(n){n.X_SMALL="xs",n.SMALL="sm",n.MEDIUM="md",n.DEFAULT="df",n.LARGE="lg",n.X_LARGE="xlg"}(l||(l={})),function(n){n.X_SMALL="x-small",n.SMALL="small",n.MEDIUM="medium",n.DEFAULT="default",n.LARGE="large",n.X_LARGE="x-large",n.ICON="icon",n.ICON_SM="icon-sm",n.ICON_LG="icon-lg"}(m||(m={})),function(n){n.X_SMALL="xs",n.SMALL="sm",n.MEDIUM="md",n.DEFAULT="df",n.LARGE="lg",n.X_LARGE="xlg",n.ICON="icon",n.ICON_SM="icon-sm",n.ICON_LG="icon-lg"}(a||(a={})),function(n){n.LEFT="left",n.RIGHT="right"}(T||(T={})),function(n){n.TOP="top",n.BOTTOM="bottom"}(c||(c={})),function(n){n.DEFAULT="default",n.FILLED="filled",n.CUSTOM="custom"}(I||(I={})),function(n){n.BUTTON="button",n.SUBMIT="submit",n.RESET="reset"}(d||(d={})),function(n){n.TOP_LEFT="top-left",n.TOP_RIGHT="top-right",n.BOTTOM_LEFT="bottom-left",n.BOTTOM_RIGHT="bottom-right"}(f||(f={})),function(n){n.HOVER="hover",n.CLICK="click",n.FOCUS="focus",n.MANUAL="manual"}(A||(A={})),function(n){n.LIGHT="light",n.DARK="dark"}(M||(M={}));export{m as ButtonSizes,a as ButtonSizesSlug,d as ButtonTypes,L as ComponentSizes,l as ComponentSizesSlug,I as ComponentVariants,T as ComponentXPositions,c as ComponentYPositions,i as ConnectionStatus,t as FileExtensions,o as FileTypes,e as FormValidationTypes,E as FormValidations,n as ModalState,M as ThemeAppearances,f as TooltipPositions,A as TriggerTypes};
+var n,e,o,t,i,E,l,L,m,a,c,T;!function(n){n.NOT_SHOW="modal-not-show",n.BEGIN="modal-begin",n.ENTERING="modal-entering",n.ENTERED="modal-entered",n.EXITING="modal-exiting",n.EXITED="modal-exited",n.REMOVED="modal-removed",n.OK_CLICK="modal-ok-button-click",n.CANCEL_CLICK="modal-cancel-button-click",n.CLOSE_CLICK="modal-close-button-click",n.OUTSIDE_CLICK="modal-outside-click",n.ESC_CLICK="modal-esc-click",n.ALL_REMOVED="modal-all-removed"}(n||(n={})),function(n){n.SVG="image/svg+xml",n.PNG="image/png",n.JPG="image/jpeg",n.JPEG="image/jpeg",n.GIF="image/gif",n.WEBP="image/webp",n.PDF="application/pdf",n.XLSX="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",n.OTF="font/otf"}(e||(e={})),function(n){n.SVG=".svg",n.PNG=".png",n.JPG=".jpg",n.GIF=".gif",n.WEBP=".webp",n.PDF=".pdf",n.XLSX=".xlsx",n.OTF=".otf"}(o||(o={})),function(n){n.REQUIRED="required",n.TYPE="type"}(t||(t={})),function(n){n.MIN_LENGTH="minLength",n.MAX_LENGTH="maxLength",n.EXACT_LENGTH="exactLength",n.SAME="same",n.NOT_SAME="notSame",n.TC_IDENTITY="TCIdentity",n.PASSWORD="password",n.EMAIL="email",n.USERNAME="username",n.SITE_USERNAME="siteUsername",n.ADMIN_USERNAME="adminUsername",n.URL="url",n.FORBIDDEN_WORDS="forbiddenWords"}(i||(i={})),function(n){n.ONLINE="online",n.OFFLINE="offline"}(E||(E={})),function(n){n.X_SMALL="x-small",n.SMALL="small",n.MEDIUM="medium",n.DEFAULT="default",n.LARGE="large",n.X_LARGE="x-large"}(l||(l={})),function(n){n.X_SMALL="xs",n.SMALL="sm",n.MEDIUM="md",n.DEFAULT="df",n.LARGE="lg",n.X_LARGE="xlg"}(L||(L={})),function(n){n.X_SMALL="x-small",n.SMALL="small",n.MEDIUM="medium",n.DEFAULT="default",n.LARGE="large",n.X_LARGE="x-large",n.ICON="icon",n.ICON_SM="icon-sm",n.ICON_LG="icon-lg"}(m||(m={})),function(n){n.X_SMALL="xs",n.SMALL="sm",n.MEDIUM="md",n.DEFAULT="df",n.LARGE="lg",n.X_LARGE="xlg",n.ICON="icon",n.ICON_SM="icon-sm",n.ICON_LG="icon-lg"}(a||(a={})),function(n){n.LEFT="left",n.RIGHT="right",n.INLINE_START="inline-start",n.INLINE_END="inline-end"}(c||(c={})),function(n){n.TOP="top",n.BOTTOM="bottom"}(T||(T={}));const I=c;var d,f,A,N,g;!function(n){n.DEFAULT="default",n.FILLED="filled",n.CUSTOM="custom"}(d||(d={})),function(n){n.BUTTON="button",n.SUBMIT="submit",n.RESET="reset"}(f||(f={})),function(n){n.TOP_LEFT="top-left",n.TOP_RIGHT="top-right",n.BOTTOM_LEFT="bottom-left",n.BOTTOM_RIGHT="bottom-right"}(A||(A={})),function(n){n.HOVER="hover",n.CLICK="click",n.FOCUS="focus",n.MANUAL="manual"}(N||(N={})),function(n){n.LIGHT="light",n.DARK="dark"}(g||(g={}));export{m as ButtonSizes,a as ButtonSizesSlug,f as ButtonTypes,I as ComponentPositions,l as ComponentSizes,L as ComponentSizesSlug,d as ComponentVariants,c as ComponentXPositions,T as ComponentYPositions,E as ConnectionStatus,o as FileExtensions,e as FileTypes,i as FormValidationTypes,t as FormValidations,n as ModalState,g as ThemeAppearances,A as TooltipPositions,N as TriggerTypes};

package/dist/es/field/index.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as r,useContext as t,useRef as a,useState as l,useEffect as i,Children as o,isValidElement as d,cloneElement as n}from"react";import{useTranslation as s}from"react-i18next";import{cn as c}from"../utils/cn.js";import f from"../label/index.js";import m from"../separator/index.js";import u from"../form/context/FormContext.js";import{CheckValidations as p}from"../form/validation/Validator.js";const N=r(({className:r,...t},a)=>e("div",{ref:a,"data-slot":"field-group",className:c("itd-field-group",r),...t}));N.displayName="FieldGroup";const y=r((r,a)=>{const l=t(u);if(!!r.name&&!!l&&"function"==typeof l.register)return e(S,{...r,forwardedRef:a});const{className:i,orientation:o="vertical",invalid:d,name:n,rules:s,mask:f,locked:m,dependency:p,reset:N,query:y,...v}=r;return e("div",{ref:a,role:"group","data-slot":"field","data-orientation":o,"data-invalid":d?"true":void 0,className:c("itd-field",i),...v})});y.displayName="Field";const v=r(({className:r,...t},a)=>e(f,{ref:a,"data-slot":"field-label",className:c("itd-field-label",r),...t}));v.displayName="FieldLabel";const g=r(({className:r,...t},a)=>e("p",{ref:a,"data-slot":"field-description",className:c("itd-field-description",r),...t}));g.displayName="FieldDescription";const F=r(({className:r,...t},a)=>e(m,{ref:a,"data-slot":"field-separator",className:c("itd-field-separator",r),...t}));F.displayName="FieldSeparator";const h=r(({className:r,...t},a)=>e("fieldset",{ref:a,"data-slot":"field-set",className:c("itd-field-set",r),...t}));h.displayName="FieldSet";const k=r(({className:r,variant:t="legend",...a},l)=>e("legend",{ref:l,"data-slot":"field-legend","data-variant":t,className:c("itd-field-legend",r),...a}));k.displayName="FieldLegend";const b=r(({className:r,...t},a)=>e("div",{ref:a,"data-slot":"field-content",className:c("itd-field-content",r),...t}));b.displayName="FieldContent";const D=r(({className:r,...t},a)=>e("div",{ref:a,"data-slot":"field-title",className:c("itd-field-title",r),...t}));D.displayName="FieldTitle";const I=r(({className:r,children:t,...a},l)=>t?e("div",{ref:l,role:"alert","data-slot":"field-error",className:c("itd-field-error",r),...a,children:t}):null);I.displayName="FieldError";const V=new Set(["Input","CodeInput","TextArea","Select","Checkbox","CheckboxGroup","Switch","RadioGroup","DatePicker","RangePicker","Upload"]),x=e=>{let r=!1;return o.forEach(e,e=>{if(r||!d(e))return;if(e.type===I)return void(r=!0);const t=e.props.children;t&&(r=r||x(t))}),r},E=(e,r)=>o.map(e,e=>{if(!d(e))return e;const t=e,a=t.props;if(t.type===I)return n(t,{id:a.id||r.errorId},a.children??r.error);if(t.type===v)return a.htmlFor?t:n(t,{htmlFor:r.fieldId});const l=(e=>{const r=e.type;return"string"==typeof r?void 0:r.displayName})(t);if(l&&V.has(l)){r.found.control=!0;const e={id:a.id||r.fieldId,ref:r.controlRef,onUpdate:r.onUpdate,errorDisplay:a.errorDisplay??r.controlErrorDisplay};return null!=r.mask&&(e.mask=r.mask),(r.locked||!0===r.formLocked)&&(e.locked=!0),!0===r.formDisabled&&(e.disabled=!0),void 0===a.variant&&void 0!==r.formVariant&&(e.variant=r.formVariant),n(t,e)}return a.children?n(t,{},E(a.children,r)):t}),S=({name:r="",id:o="",rules:d=[],mask:n=null,locked:f=!1,dependency:m="",reset:N=[],query:y="",orientation:v="vertical",className:g,children:F,forwardedRef:h})=>{const{t:k}=s("itd"),b=a(null),D=a(""),[I,V]=l(""),[S,U]=l(!1),{register:j,unregister:w,hasField:C,updateField:R,setFieldError:q,getFieldValue:L,getFieldInstance:O,formId:P,variant:T,disabled:_,locked:G,errorDisplay:$}=t(u),J=a(null);J.current||(J.current={getValue:()=>b.current?.getValue(),setValue:(e,r=!0,t=!0)=>b.current?.setValue(e,r,t),reset:(e=!0,r=!0)=>{V(""),b.current?.reset?.(e,r)},setError:(e="")=>{V(e||""),b.current?.setError?.(e||"")},forceUpdate:()=>b.current?.forceUpdate?.(),setFocus:()=>b.current?.setFocus?.(),clear:()=>b.current?.clear?.()});const A=(e,t=!0)=>{const a=p(d,e,L,k);return a.length>0?!!(t||""!==e&&null!=e)&&(t&&q(r,a[0],t),!1):(t&&q(r,""),!0)};i(()=>(j({name:r,field:J,valid:A(J.current?.getValue(),!1),query:y,reset:N,error:""}),U(!0),D.current=JSON.stringify(d),()=>{U(!1),w(r)}),[]),i(()=>{const e=JSON.stringify(d);if(S&&b.current&&D.current!==e){(()=>{const e=b.current.getValue(),t=d.find(e=>e.hasOwnProperty("required"));if(!t||t.required||""!==e&&null!=e){const t=A(e,!1);C(r)&&R(r,e,!1,t)}else q(r,"",!0),C(r)&&R(r,e,!1,!0)})(),D.current=e}},[d,S]);const B=o||P+"_"+r,z={control:!1},H=E(F,{fieldId:B,errorId:`${B}__error`,error:I,controlRef:b,onUpdate:(e,t=!0,a=!0)=>{S&&C(r)&&(R(r,e,t,A(e,a)),m&&""!==L(m)&&O(m)?.forceUpdate?.())},controlErrorDisplay:x(F)?"bare":$,formVariant:T,formDisabled:_,formLocked:G,mask:n,locked:f,found:z});return"production"===process.env.NODE_ENV||z.control||console.warn(`ITD Field "${r}": no ITD control found among the children to bind. Place a control (Input, Select, Checkbox, …) directly inside <Field name="${r}">.`),e("div",{ref:h,role:"group","data-slot":"field","data-orientation":v,"data-invalid":""!==I?"true":void 0,className:c("itd-field",g),children:H})};S.displayName="BoundField";export{y as Field,b as FieldContent,g as FieldDescription,I as FieldError,N as FieldGroup,v as FieldLabel,k as FieldLegend,F as FieldSeparator,h as FieldSet,D as FieldTitle};

package/dist/es/flex/index.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{Wrapper as a}from"./styled.js";const e=({gap:e,justify:r,align:s,vertical:l,wrap:i,stretch:c,style:m,className:p,children:n})=>t(a,{$gap:e,$justify:r,$align:s,$vertical:l,$wrap:i,$stretch:c,style:m,className:p,children:n});export{e as default};
+import{jsx as t}from"react/jsx-runtime";const a=({gap:a,justify:e,align:i,vertical:r,wrap:d,stretch:l,style:s,className:c,children:p})=>{const n=(()=>{if(a)return"small"===a?"10px":"medium"===a?"16px":"large"===a?"24px":"string"==typeof a?a:a+"px"})();return t("div",{className:c?"itd-flex "+c:"itd-flex","data-vertical":r||void 0,"data-wrap":d||void 0,"data-stretch":l||void 0,"data-justify":e,"data-align":i,style:void 0!==n?{"--itd-flex-gap":n,...s}:s,children:p})};export{a as default};

package/dist/es/floating/Arrow.js

@@ -1,108 +1 @@
-import{jsx as r}from"react/jsx-runtime";import o from"styled-components";import{useRef as t,useEffect as e}from"react";import{ComponentYPositions as a,ComponentXPositions as p}from"../enums/enum.js";const i=o.div`
-  position: absolute;
-
-  /* Top placement - arrow below */
-  &[data-placement="${a.TOP}"] {
-    top: 100%;
-    width: 10px;
-    height: 5px;
-
-    /* Outer layer for border - only if data-border-color is set */
-    &[data-border-color] {
-      border-left: 5px solid transparent;
-      border-right: 5px solid transparent;
-      border-top: 5px solid var(--border-color);
-    }
-    
-    /* ::after for inner fill - only if borderColor is set */
-    &[data-border-color]::after {
-      content: '';
-      position: absolute;
-      width: 0;
-      height: 0;
-      top: -6.5px;
-      left: calc(50% - 5px); /* Center: arrow width (10px) / 2 = 5px, minus half of triangle width (5px) */
-      border-left: 5px solid transparent;
-      border-right: 5px solid transparent;
-      border-top: 5px solid var(--arrow-color);
-    }
-  }
-
-  /* Bottom placement - arrow above */
-  &[data-placement="${a.BOTTOM}"] {
-    bottom: 100%;
-    width: 10px;
-    height: 5px;
-
-    &[data-border-color] {
-      border-left: 5px solid transparent;
-      border-right: 5px solid transparent;
-      border-bottom: 5px solid var(--border-color);
-      filter: drop-shadow(0px -1px 1px rgba(0, 0, 0, 0.03));
-    }
-    
-    &[data-border-color]::after {
-      content: '';
-      position: absolute;
-      width: 0;
-      height: 0;
-      bottom: -6.5px;
-      left: calc(50% - 5px); /* Center: arrow width (10px) / 2 = 5px, minus half of triangle width (5px) */
-      border-left: 5px solid transparent;
-      border-right: 5px solid transparent;
-      border-bottom: 5px solid var(--arrow-color);
-    }
-  }
-
-  /* Left placement - arrow right */
-  &[data-placement="${p.LEFT}"] {
-    left: 100%;
-    width: 5px;
-    height: 10px;
-
-    &[data-border-color] {
-      border-top: 5px solid transparent;
-      border-bottom: 5px solid transparent;
-      border-left: 5px solid var(--border-color);
-      filter: drop-shadow(1px 0px 1px rgba(0, 0, 0, 0.03));
-    }
-    
-    &[data-border-color]::after {
-      content: '';
-      position: absolute;
-      width: 0;
-      height: 0;
-      left: -6.5px;
-      top: calc(50% - 5px); /* Center: arrow height (10px) / 2 = 5px, minus half of triangle height (5px) */
-      border-top: 5px solid transparent;
-      border-bottom: 5px solid transparent;
-      border-left: 5px solid var(--arrow-color);
-    }
-  }
-
-  /* Right placement - ok solda */
-  &[data-placement="${p.RIGHT}"] {
-    right: 100%;
-    width: 5px;
-    height: 10px;
-
-    &[data-border-color] {
-      border-top: 5px solid transparent;
-      border-bottom: 5px solid transparent;
-      border-right: 5px solid var(--border-color);
-      filter: drop-shadow(-1px 0px 1px rgba(0, 0, 0, 0.03));
-    }
-    
-    &[data-border-color]::after {
-      content: '';
-      position: absolute;
-      width: 0;
-      height: 0;
-      right: -6.5px;
-      top: calc(50% - 5px); /* Center: arrow height (10px) / 2 = 5px, minus half of triangle height (5px) */
-      border-top: 5px solid transparent;
-      border-bottom: 5px solid transparent;
-      border-right: 5px solid var(--arrow-color);
-    }
-  }
-`,n=({placement:o,color:n,borderColor:d})=>{const l=t(null);return e(()=>{const r=l.current;if(!r)return;const t=r.parentElement;if(!t)return;const e=()=>{const i=t.offsetWidth,n=t.offsetHeight;if(!i||!n)return void requestAnimationFrame(e);const d=r.offsetWidth||10,l=r.offsetHeight||10;if(o===a.TOP||o===a.BOTTOM){const o=i/2,t=Math.round(o-d/2);r.style.left=`${t}px`,r.style.right="auto",r.style.transform="none"}else if(o===p.LEFT||o===p.RIGHT){const o=n/2,t=Math.round(o-l/2);r.style.top=`${t}px`,r.style.bottom="auto",r.style.transform="none"}},i=new ResizeObserver(()=>{requestAnimationFrame(e)});i.observe(t);const n=setTimeout(()=>{requestAnimationFrame(e)},0);return()=>{clearTimeout(n),i.disconnect()}},[o]),r(i,{ref:l,"data-placement":o,"data-border-color":d,style:{"--arrow-color":n||"var(--itd-popover)","--border-color":d}})};export{n as Arrow,n as default};
+import{jsx as t}from"react/jsx-runtime";import{useRef as e,useEffect as o}from"react";import{ComponentYPositions as r,ComponentXPositions as n}from"../enums/enum.js";const s=({placement:s,color:a,borderColor:i,shiftX:m=0,shiftY:f=0})=>{const c=e(null);return o(()=>{const t=c.current;if(!t)return;const e=t.parentElement;if(!e)return;const o=()=>{const a=e.offsetWidth,i=e.offsetHeight;if(!a||!i)return void requestAnimationFrame(o);const c=t.offsetWidth||10,l=t.offsetHeight||10,u=(t,e)=>Math.max(6,Math.min(t,e-6));if(s===r.TOP||s===r.BOTTOM){const e=a/2,o=Math.round(e-c/2-m);t.style.left=`${u(o,a-c)}px`,t.style.right="auto",t.style.transform="none"}else if(s===n.LEFT||s===n.RIGHT){const e=i/2,o=Math.round(e-l/2-f);t.style.top=`${u(o,i-l)}px`,t.style.bottom="auto",t.style.transform="none"}},a=new ResizeObserver(()=>{requestAnimationFrame(o)});a.observe(e);const i=setTimeout(()=>{requestAnimationFrame(o)},0);return()=>{clearTimeout(i),a.disconnect()}},[s,m,f]),t("div",{className:"itd-floating-arrow",ref:c,"data-placement":s,"data-border-color":i,style:{"--arrow-color":a||"var(--itd-popover)","--border-color":i}})};export{s as Arrow,s as default};

package/dist/es/floating/FloatingContent.js

@@ -1,38 +1 @@
-import{jsx as t,jsxs as o}from"react/jsx-runtime";import{useRef as e}from"react";import{createPortal as r}from"react-dom";import{CSSTransition as a}from"react-transition-group";import n from"styled-components";import{ComponentYPositions as i,ComponentXPositions as s}from"../enums/enum.js";import{useFocusTrap as c}from"../hooks/useFocusTrap.js";import{Arrow as m}from"./Arrow.js";const l=n.div`
-
-  /* Transform origin - the point where the arrow is */
-  &[data-placement="${i.TOP}"] {
-    transform-origin: 50% calc(100% + 32px);
-  }
-
-  &[data-placement="${i.BOTTOM}"] {
-    transform-origin: 50% -32px;
-  }
-
-  &[data-placement="${s.LEFT}"] {
-    transform-origin: calc(100% + 32px) 50%;
-  }
-
-  &[data-placement="${s.RIGHT}"] {
-    transform-origin: -32px 50%;
-  }
-
-  /* Animation */
-  &.itd-floating-transition-enter {
-    opacity: 0;
-    transform: scale(0.75);
-  }
-
-  &.itd-floating-transition-enter-active {
-    opacity: 1;
-    transform: scale(1);
-    transition: opacity 150ms ease-out, transform 150ms cubic-bezier(0.16, 1, 0.3, 1);
-  }
-
-  &.itd-floating-transition-exit-active {
-    opacity: 0;
-    transform: scale(0.75);
-    transition: opacity 150ms ease-in, transform 150ms cubic-bezier(0.7, 0, 0.84, 0);
-  }
-
-`,p=({children:n,position:i,isOpen:s,showArrow:p=!0,maxWidth:u,className:d="",onMouseEnter:f,onMouseLeave:y,timeout:b=150,transitionClassNames:x="itd-floating-transition",arrowColor:g,arrowBorderColor:h,trapFocus:F=!1,returnFocusRef:v,id:w,role:T,"aria-modal":$,"aria-labelledby":O,"aria-describedby":C,ref:M})=>{const N=e(null);if(c({isActive:s&&F,containerRef:N,returnFocusRef:v,autoFocus:F,trapFocusOutside:!1,restoreFocus:!0}),"undefined"==typeof document)return null;const R=t(a,{in:s,timeout:b,classNames:x,nodeRef:N,unmountOnExit:!0,children:o(l,{ref:t=>{N.current=t,M&&("function"==typeof M?M(t):M.current=t)},id:w,role:T,"aria-modal":$,"aria-labelledby":O,"aria-describedby":C,className:"itd-floating-content z-9999 fixed pointer-events-auto".concat(" "+d),"data-placement":i.actualPlacement,onMouseEnter:f,onMouseLeave:y,style:{top:`${i.top}px`,left:`${i.left}px`,maxWidth:"number"==typeof u?`${u}px`:u},children:[n,p&&t(m,{placement:i.actualPlacement,color:g,borderColor:h})]})});return r(R,document.body)};p.displayName="FloatingContent";export{p as FloatingContent,p as default};
+import{jsx as o,jsxs as t}from"react/jsx-runtime";import{useRef as e}from"react";import{createPortal as r}from"react-dom";import{CSSTransition as a}from"react-transition-group";import{useFocusTrap as i}from"../hooks/useFocusTrap.js";import{usePortalDocument as n}from"../context/PortalDocumentContext.js";import{Arrow as s}from"./Arrow.js";const l=({children:l,position:c,isOpen:u,showArrow:m=!0,maxWidth:d,className:f="",onMouseEnter:p,onMouseLeave:b,timeout:h=150,transitionClassNames:x="itd-floating-transition",arrowColor:y,arrowBorderColor:F,trapFocus:v=!1,returnFocusRef:C,id:w,role:N,"aria-modal":g,"aria-labelledby":j,"aria-describedby":M,ref:R})=>{const A=e(null),E=n();if(i({isActive:u&&v,containerRef:A,returnFocusRef:C,autoFocus:v,trapFocusOutside:!1,restoreFocus:!0}),!E)return null;const O=o(a,{in:u,timeout:h,classNames:x,nodeRef:A,unmountOnExit:!0,children:t("div",{ref:o=>{A.current=o,R&&("function"==typeof R?R(o):R.current=o)},id:w,role:N,"aria-modal":g,"aria-labelledby":j,"aria-describedby":M,className:"itd-floating-content z-9999 fixed pointer-events-auto".concat(" "+f),"data-placement":c.actualPlacement,onMouseEnter:p,onMouseLeave:b,style:{top:`${c.top}px`,left:`${c.left}px`,maxWidth:"number"==typeof d?`${d}px`:d,visibility:!1===c.ready?"hidden":void 0},children:[l,m&&o(s,{placement:c.actualPlacement,color:y,borderColor:F,shiftX:c.shiftX,shiftY:c.shiftY})]})});return r(O,E.body)};l.displayName="FloatingContent";export{l as FloatingContent,l as default};

package/dist/es/floating/createFloatingTrigger.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{isValidElement as t}from"react";import{Slot as r}from"../primitives/Slot.js";function n(n){const{name:i,useTriggerContext:o,aria:a,fallback:l}=n,s=({children:n,asChild:s=!0})=>{const c=o(i),u=c.trigger.getTriggerProps(),d={...u,...a(c),tabIndex:u.tabIndex??0};return s?t(n)?e(r,{...d,children:n}):("production"!==process.env.NODE_ENV&&console.warn(`[${i}]: When using \`asChild\`, children must be a single React element. Example: <${i} asChild><Button /></${i}>.`),null):"button"===l?e("button",{type:"button",...d,children:n}):e("span",{role:"button",...d,children:n})};return s.displayName=i,s}export{n as createFloatingTrigger,n as default};

package/dist/es/form/context/FormStore.js

@@ -1 +1 @@
-import{useState as e,useEffect as r,useCallback as t}from"react";import n from"../../_virtual/react.js";import{useTranslation as o}from"react-i18next";function i({name:i="",useQueryString:l=!1,onUpdate:s,onReset:c,onFieldUpdate:a,variant:u,disabled:f=!1,locked:d=!1}){const{i18n:h}=o(),[m,E]=e({}),[y,g]=e(i),[F,v]=e(!1),[w,V]=e({});function I(e){return m.hasOwnProperty(e)&&void 0!==m[e]}r(()=>{const e=()=>{Object.keys(m).forEach(e=>{const r=m[e];if(r.error&&""!==r.error){const e=r.field.current?.getValue();void 0!==e&&r.field.current?.forceUpdate?.()}})};return h.on("languageChanged",e),()=>{h.off("languageChanged",e)}},[m,h]);function p(e){return I(e)?m[e].field.current:null}function T(){let e={};return Object.keys(m).forEach(r=>{e[r]=b(r)}),e}function $(e,r,t=!0){if(I(e)&&m[e].field.current){if(m[e].valid=!1,m[e].error=r,!m[e].field.current?.hasOwnProperty("setError"))throw new Error(`ITD Reference Error: You must declare the 'setError' function on the field "${e}"`);m[e].field.current?.setError?.(t?r:"")}}function O(){let e=!0;return Object.keys(m).forEach(r=>{m[r].valid||(e=!1)}),v(e),e}function b(e){if(I(e)){if(m[e].field.current?.hasOwnProperty("getValue"))return m[e].field.current?.getValue();throw new Error(`ITD Reference Error: You must declare the 'getValue' function on the field "${e}"`)}console.error(`ITD Form Error [getFieldValueByName]: There is no field registered with this name: ${e}`)}function k(e,r,t,o){if(I(e)){if(!m[e].field.current?.hasOwnProperty("setValue"))throw new Error(`ITD Reference Error: You must declare the 'setValue' function on the field "${e}"`);{let i=b(e),l=!1;l=Array.isArray(i)&&Array.isArray(r)?n(i,r):Array.isArray(i)||Array.isArray(r)?i.toString()===r.toString():i===r,l||m[e].field.current?.setValue(r,t,o)}}else console.error(`ITD Form Error [setFieldValueByName]: There is no field registered with this name: ${e}`)}return{register:function(e){m[e.name]={name:e.name,field:e.field,value:e.field.current?.getValue(),valid:e.valid,query:e.query,reset:e.reset,error:e.error}},unregister:function(e){I(e)?(delete m[e],O()):console.error(`ITD Form Error [unregister]: There is no field registered with this name: ${e}`)},scrollTo:function(e,r){const t=void 0!==r?r:{behavior:"smooth",block:"center",inline:"nearest"},n=e=>!(!e||"function"!=typeof e.scrollIntoView)&&(e.scrollIntoView(t),!0);if(I(e)){const r=p(e);if(r&&"function"==typeof r.scrollIntoView)return r.scrollIntoView(t),!0}if("undefined"!=typeof document){const r=document.getElementById(y);if(r){const t=e.startsWith(`${y}_`)?[`#${e}`]:[`#${e}`,`#${y}_${e}`];for(const e of t){if(n(r.querySelector(e)))return!0}}if(n(document.getElementById(e)))return!0}return console.error(`ITD Form Error [scrollTo]: Could not find element in form '${y}' by name/id '${e}'. ScrollIntoView not provided.`),!1},checkFormIsValid:O,hasField:I,getValues:T,getFieldValue:function(e){return I(e)?(r=m[e].value)instanceof Object?JSON.stringify(r):r:"";var r},getFieldValueByName:b,getFieldInstance:p,getFields:function(){let e={};return Object.keys(m).forEach(r=>{e[r]=m[r]}),e},getFieldsInstance:function(){let e={};return Object.keys(m).forEach(r=>{e[r]=m[r].field.current}),e},setName:function(e){g(e)},setInitialValues:function(e,r=!0,t=!1){Object.keys(e).forEach(n=>{k(n,e[n],r,t)});let n={};return Object.keys(e).forEach(r=>{n[r]=e[r]}),r&&(l&&V(n),s&&s(n)),O(),n},setInvalidField:function(e="",r=""){$(e,r),O()},setInvalidFields:function(e=[],r=""){e.forEach(e=>{$(e,r)}),O()},setFieldValue:function(e,r){I(e)?m[e].field.current?.setValue(r,!0,!0):console.error(`ITD Form Error [setFieldValue]: There is no field registered with this name: ${e}`)},setFieldValueByName:k,setFieldError:$,removeFieldError:function(e){if(I(e)){if(m[e].valid=!0,m[e].error="",!m[e].field.current?.hasOwnProperty("setError"))throw new Error(`ITD Reference Error: You must declare the 'setError' function on the field "${e}"`);m[e].field.current?.setError?.("")}else console.error(`ITD Form Error [removeFieldError]: There is no field registered with this name: ${e}`)},updateField:function(e,r,t,n){if(I(e)){if(m[e].value=r,m[e].valid=n,t){a&&a({name:e,value:r,valid:n}),m[e].reset.length>0&&m[e].reset.forEach(e=>{m[e].value="",m[e].valid=!1,m[e].field.current?.reset(!1)});let t={...T(),[e]:r};m[e].reset.length>0&&m[e].reset.forEach(e=>{t[e]=""}),l&&n&&V(t),s&&s(t)}O()}else console.error(`ITD Form Error [updateField]: There is no field registered with this name: ${e}`)},isFormValid:t(()=>F,[F]),isFieldsValid:function(e){let r=!0;return e.forEach(e=>{m[e].valid||(r=!1)}),r},isFieldValid:function(e){return m[e].valid},resetFields:function(e=!1,r=!1){Object.keys(m).forEach(t=>{if(!m[t].field.current?.hasOwnProperty("reset"))throw new Error(`ITD Reference Error: You must declare the 'reset' function on the field "${t}"`);m[t].field.current?.reset(e,r)}),c&&c()},removeFields:function(){E({})},formId:y,updated:w,variant:u,disabled:f,locked:d}}export{i as default};
+import{useState as e,useEffect as r,useCallback as t}from"react";import o from"fast-deep-equal/react.js";import{useTranslation as n}from"react-i18next";function i({name:i="",useQueryString:l=!1,onUpdate:s,onReset:a,onFieldUpdate:c,variant:d,disabled:f=!1,locked:u=!1,errorDisplay:h="tooltip"}){const{i18n:m}=n(),[E,y]=e({}),[g,F]=e(i),[v,w]=e(!1),[V,I]=e({});function p(e){return E.hasOwnProperty(e)&&void 0!==E[e]}r(()=>{const e=()=>{Object.keys(E).forEach(e=>{const r=E[e];if(r.error&&""!==r.error){const e=r.field.current?.getValue();void 0!==e&&r.field.current?.forceUpdate?.()}})};if("function"==typeof m?.on)return m.on("languageChanged",e),()=>{m.off?.("languageChanged",e)}},[E,m]);function T(e){return p(e)?E[e].field.current:null}function $(){let e={};return Object.keys(E).forEach(r=>{e[r]=b(r)}),e}function D(e,r,t=!0){if(p(e)&&E[e].field.current){if(E[e].valid=!1,E[e].error=r,!E[e].field.current?.hasOwnProperty("setError"))throw new Error(`ITD Reference Error: You must declare the 'setError' function on the field "${e}"`);E[e].field.current?.setError?.(t?r:"")}}function O(){let e=!0;return Object.keys(E).forEach(r=>{E[r].valid||(e=!1)}),w(e),e}function b(e){if(p(e)){if(E[e].field.current?.hasOwnProperty("getValue"))return E[e].field.current?.getValue();throw new Error(`ITD Reference Error: You must declare the 'getValue' function on the field "${e}"`)}console.error(`ITD Form Error [getFieldValueByName]: There is no field registered with this name: ${e}`)}function k(e,r,t,n){if(p(e)){if(!E[e].field.current?.hasOwnProperty("setValue"))throw new Error(`ITD Reference Error: You must declare the 'setValue' function on the field "${e}"`);{let i=b(e),l=!1;l=Array.isArray(i)&&Array.isArray(r)?o(i,r):Array.isArray(i)||Array.isArray(r)?String(i??"")===String(r??""):i===r,l||E[e].field.current?.setValue(r,t,n)}}else console.error(`ITD Form Error [setFieldValueByName]: There is no field registered with this name: ${e}`)}return{register:function(e){E[e.name]={name:e.name,field:e.field,value:e.field.current?.getValue(),valid:e.valid,query:e.query,reset:e.reset,error:e.error}},unregister:function(e){p(e)?(delete E[e],O()):console.error(`ITD Form Error [unregister]: There is no field registered with this name: ${e}`)},scrollTo:function(e,r){const t=void 0!==r?r:{behavior:"smooth",block:"center",inline:"nearest"},o=e=>!(!e||"function"!=typeof e.scrollIntoView)&&(e.scrollIntoView(t),!0);if(p(e)){const r=T(e);if(r&&"function"==typeof r.scrollIntoView)return r.scrollIntoView(t),!0}if("undefined"!=typeof document){const r=document.getElementById(g);if(r){const t=e.startsWith(`${g}_`)?[`#${e}`]:[`#${e}`,`#${g}_${e}`];for(const e of t){if(o(r.querySelector(e)))return!0}}if(o(document.getElementById(e)))return!0}return console.error(`ITD Form Error [scrollTo]: Could not find element in form '${g}' by name/id '${e}'. ScrollIntoView not provided.`),!1},checkFormIsValid:O,hasField:p,getValues:$,getFieldValue:function(e){return p(e)?(r=E[e].value)instanceof Object?JSON.stringify(r):r:"";var r},getFieldValueByName:b,getFieldInstance:T,getFields:function(){let e={};return Object.keys(E).forEach(r=>{e[r]=E[r]}),e},getFieldsInstance:function(){let e={};return Object.keys(E).forEach(r=>{e[r]=E[r].field.current}),e},setName:function(e){F(e)},setInitialValues:function(e,r=!0,t=!1){Object.keys(e).forEach(o=>{k(o,e[o],r,t)});let o={};return Object.keys(e).forEach(r=>{o[r]=e[r]}),r&&(l&&I(o),s&&s(o)),O(),o},setInvalidField:function(e="",r=""){D(e,r),O()},setInvalidFields:function(e=[],r=""){e.forEach(e=>{D(e,r)}),O()},setFieldValue:function(e,r){p(e)?E[e].field.current?.setValue(r,!0,!0):console.error(`ITD Form Error [setFieldValue]: There is no field registered with this name: ${e}`)},setFieldValueByName:k,setFieldError:D,removeFieldError:function(e){if(p(e)){if(E[e].valid=!0,E[e].error="",!E[e].field.current?.hasOwnProperty("setError"))throw new Error(`ITD Reference Error: You must declare the 'setError' function on the field "${e}"`);E[e].field.current?.setError?.("")}else console.error(`ITD Form Error [removeFieldError]: There is no field registered with this name: ${e}`)},updateField:function(e,r,t,o){if(p(e)){if(E[e].value=r,E[e].valid=o,t){c&&c({name:e,value:r,valid:o}),E[e].reset.length>0&&E[e].reset.forEach(e=>{E[e].value="",E[e].valid=!1,E[e].field.current?.reset(!1)});let t={...$(),[e]:r};E[e].reset.length>0&&E[e].reset.forEach(e=>{t[e]=""}),l&&o&&I(t),s&&s(t)}O()}else console.error(`ITD Form Error [updateField]: There is no field registered with this name: ${e}`)},isFormValid:t(()=>v,[v]),isFieldsValid:function(e){let r=!0;return e.forEach(e=>{if(!p(e))return console.error(`ITD Form Error [isFieldsValid]: There is no field registered with this name: ${e}`),void(r=!1);E[e].valid||(r=!1)}),r},isFieldValid:function(e){return p(e)?E[e].valid:(console.error(`ITD Form Error [isFieldValid]: There is no field registered with this name: ${e}`),!1)},resetFields:function(e=!1,r=!1){Object.keys(E).forEach(t=>{if(!E[t].field.current?.hasOwnProperty("reset"))throw new Error(`ITD Reference Error: You must declare the 'reset' function on the field "${t}"`);E[t].field.current?.reset(e,r)}),a&&a()},removeFields:function(){y({})},formId:g,updated:V,variant:d,disabled:f,locked:u,errorDisplay:h}}export{i as default};

package/dist/es/form/control/Control.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import o,{useContext as t,useCallback as r,useSyncExternalStore as i}from"react";import d from"../context/FormContext.js";import{FormRegistry as s}from"../context/FormRegistry.js";function n({position:n="end",className:l,form:c,children:m}){const{disabled:a,locked:p}=t(d),b=r(()=>s.getDisabled(c),[c]),f=r(()=>s.getLocked(c),[c]),u=i(s.subscribe,b),k=i(s.subscribe,f),v=a??u,x=p??k;return e("div",{className:(()=>{let e="itd-form-control";return l&&(e+=" "+l),e})(),"data-position":n,children:o.Children.map(m,e=>{if(!o.isValidElement(e))return e;const t={};return!0===v?t.disabled=!0:void 0===e.props.disabled&&void 0!==v&&(t.disabled=v),!0===x?t.locked=!0:void 0===e.props.locked&&void 0!==x&&(t.locked=x),0===Object.keys(t).length?e:o.cloneElement(e,t)})})}export{n as default};
+import{jsx as e}from"react/jsx-runtime";import t,{useContext as o,useCallback as r,useSyncExternalStore as i}from"react";import s from"../context/FormContext.js";import{FormRegistry as n}from"../context/FormRegistry.js";function d({position:d="end",className:l,form:c,children:m}){const{disabled:a,locked:p}=o(s),b=r(()=>n.getDisabled(c),[c]),f=r(()=>n.getLocked(c),[c]),u=i(n.subscribe,b),g=i(n.subscribe,f),x=a??u,h=p??g;return e("div",{className:(()=>{let e="itd-form-control";return l&&(e+=" "+l),e})(),"data-position":d,children:t.Children.map(m,e=>{if(!t.isValidElement(e))return e;const o={};return!0===x?o.disabled=!0:void 0===e.props.disabled&&void 0!==x&&(o.disabled=x),!0===h&&"string"!=typeof e.type&&(o.locked=!0),0===Object.keys(o).length?e:t.cloneElement(e,o)})})}export{d as default};

package/dist/es/form/index.js

@@ -1 +1 @@
-import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useRef as o,useEffect as t,useImperativeHandle as n,useMemo as i,useContext as s}from"react";import a from"./group/Group.js";import m from"./control/Control.js";import l from"./wrapper/FormWrapper.js";import d from"./item/Item.js";import u from"./context/FormContext.js";import c from"./context/FormStore.js";import{FormRegistry as p}from"./context/FormRegistry.js";const F=e(({initialValues:e,children:s,onUpdate:a,onReset:m,onFinish:d,onFinishFailed:F,onFieldUpdate:f,onValidated:h,useQueryString:j,variant:g,disabled:x,locked:v,className:U,name:b},w)=>{const y=o(null);t(()=>(b&&p.register(b,{disabled:!!x,locked:!!v}),()=>{b&&p.unregister(b),y.current=null}),[b,x,v]),y.current=c({name:b,onUpdate:a,onReset:m,onFieldUpdate:f,useQueryString:j,variant:g,disabled:!!x,locked:!!v}),n(w,()=>y.current);const C=i(()=>{let r="itd-form";return b&&(r+=" "+b),U&&(r+=" "+U),r},[b,U]);return r(u.Provider,{value:y.current,children:r(l,{className:C,initialValues:e,useQueryString:j,onUpdate:a,onFinish:d,onFinishFailed:F,onValidated:h,name:b,children:s})})}),f=()=>{const r=s(u);if(!r)throw new Error("useFormAPI must be used within a FormContext.Provider");return r},h=()=>s(u);F.Item=d,F.Group=a,F.Control=m,F.useForm=h,F.useFormAPI=f;export{m as Control,a as Group,d as Item,F as default,h as useForm,f as useFormAPI};
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useRef as o,useContext as t,useEffect as n,useImperativeHandle as i,useMemo as s}from"react";import a from"./group/Group.js";import m from"./control/Control.js";import l from"./wrapper/FormWrapper.js";import d from"./item/Item.js";import u from"./context/FormContext.js";import p from"./context/FormStore.js";import{FormRegistry as c}from"./context/FormRegistry.js";import F from"../context/ITDContext.js";const f=e(({initialValues:e,children:a,onUpdate:m,onReset:d,onFinish:f,onFinishFailed:h,onFieldUpdate:j,onValidated:x,useQueryString:g,variant:y,disabled:v,locked:C,errorDisplay:I,className:U,name:b},w)=>{const D=o(null),P=t(F),S=I??P?.errorDisplay;n(()=>(b&&c.register(b,{disabled:!!v,locked:!!C}),()=>{b&&c.unregister(b),D.current=null}),[b,v,C]),D.current=p({name:b,onUpdate:m,onReset:d,onFieldUpdate:j,useQueryString:g,variant:y,disabled:!!v,locked:!!C,errorDisplay:S}),i(w,()=>D.current);const V=s(()=>{let r="itd-form";return b&&(r+=" "+b),U&&(r+=" "+U),r},[b,U]);return r(u.Provider,{value:D.current,children:r(l,{className:V,initialValues:e,useQueryString:g,onUpdate:m,onFinish:f,onFinishFailed:h,onValidated:x,name:b,children:a})})}),h=()=>{const r=t(u);if(!r)throw new Error("useFormAPI must be used within a FormContext.Provider");return r},j=()=>t(u);f.Item=d,f.Group=a,f.Control=m,f.useForm=j,f.useFormAPI=h;export{m as Control,a as Group,d as Item,f as default,j as useForm,h as useFormAPI};

package/dist/es/form/item/Item.js

@@ -1 +1 @@
-import{forwardRef as e,useRef as r,useContext as t,useState as i,useEffect as n,useImperativeHandle as o,cloneElement as d}from"react";import{CheckValidations as l}from"../validation/Validator.js";import a from"../context/FormContext.js";import{useTranslation as s}from"react-i18next";const c=e(({name:e="",id:c="",label:u="",error:m="",rules:f=[],mask:p=null,locked:v=!1,dependency:g="",reset:k=[],query:y="",children:F=null},N)=>{const{t:b}=s("itd"),q=r(null),V=r(""),{register:h,unregister:x,hasField:O,updateField:E,setFieldError:U,getFieldValue:j,getFieldInstance:I,formId:J,variant:S,disabled:_,locked:w}=t(a),[A,C]=i(!1);n(()=>(h({name:e,field:q,valid:P(q.current?.getValue(),!1),query:y,reset:k,error:m}),C(!0),V.current=JSON.stringify(f),()=>{C(!1),x(e)}),[]),n(()=>{const r=JSON.stringify(f);if(A&&q.current&&V.current!==r){const t=()=>{const r=q.current.getValue(),t=f.find(e=>e.hasOwnProperty("required"));if(!t||t.required||""!==r&&null!=r){const t=P(r,!1);O(e)&&E(e,r,!1,t)}else U(e,"",!0),O(e)&&E(e,r,!1,!0)};"development"===process.env.NODE_ENV?requestAnimationFrame(t):t(),V.current=r}},[f,A]),o(N,()=>q.current);const D=(r,t=!0,i=!0)=>{A&&O(e)&&(E(e,r,t,P(r,i)),z())},P=(r,t=!0)=>{const i=l(f,r,j,b);return i.length>0?!!(t||""!==r&&null!=r)&&(t&&U(e,i[0],t),!1):(t&&U(e,""),!0)},z=()=>{if(""===g)return;if(""===j(g))return;const e=I(g);e&&e.forceUpdate&&e.forceUpdate()};return(()=>{if(!F)return null;let r=F.props;const t="string"!=typeof F.type,i={id:r.id?r.id:c||J+"_"+e,label:u,className:r.className?r.className+" itd-form-item":"itd-form-item",onUpdate:D,ref:q};return p&&(i.mask=p),v&&(i.locked=v),t&&(void 0===r.variant&&void 0!==S&&(i.variant=S),!0===_?i.disabled=!0:void 0===r.disabled&&void 0!==_&&(i.disabled=_),!0===w?i.locked=!0:void 0!==r.locked||void 0===w||v||(i.locked=w)),d(F,{...r,...i})})()});export{c as default};
+import{forwardRef as e,useRef as r,useContext as t,useState as i,useEffect as n,useImperativeHandle as o,isValidElement as l,cloneElement as d}from"react";import{CheckValidations as a}from"../validation/Validator.js";import s from"../context/FormContext.js";import{useTranslation as c}from"react-i18next";const u=e(({name:e="",id:u="",label:f="",error:m="",rules:p=[],mask:y=null,locked:g=!1,dependency:v="",reset:b=[],query:k="",children:F=null},N)=>{const{t:h}=c("itd"),q=r(null),x=r(""),{register:V,unregister:D,hasField:O,updateField:U,setFieldError:j,getFieldValue:I,getFieldInstance:J,formId:S,variant:w,disabled:C,locked:E,errorDisplay:P}=t(s),[_,z]=i(!1);n(()=>(V({name:e,field:q,valid:B(q.current?.getValue(),!1),query:k,reset:b,error:m}),z(!0),x.current=JSON.stringify(p),()=>{z(!1),D(e)}),[]),n(()=>{const r=JSON.stringify(p);if(_&&q.current&&x.current!==r){(()=>{const r=q.current.getValue(),t=p.find(e=>e.hasOwnProperty("required"));if(!t||t.required||""!==r&&null!=r){const t=B(r,!1);O(e)&&U(e,r,!1,t)}else j(e,"",!0),O(e)&&U(e,r,!1,!0)})(),x.current=r}},[p,_]),o(N,()=>q.current);const A=(r,t=!0,i=!0)=>{_&&O(e)&&(U(e,r,t,B(r,i)),G())},B=(r,t=!0)=>{const i=a(p,r,I,h);return i.length>0?!!(t||""!==r&&null!=r)&&(t&&j(e,i[0],t),!1):(t&&j(e,""),!0)},G=()=>{if(""===v)return;if(""===I(v))return;const e=J(v);e&&e.forceUpdate&&e.forceUpdate()};return(()=>{if(!F||!l(F))return F??null;const r=F,t=r.props??{},i="string"!=typeof r.type,n="string"==typeof t.id?t.id:"",o="string"==typeof t.className?t.className:"",a={id:n||u||S+"_"+e,label:f,className:o?o+" itd-form-item":"itd-form-item",onUpdate:A,ref:q};return i&&(y&&(a.mask=y),g&&(a.locked=g),void 0===t.variant&&void 0!==w&&(a.variant=w),void 0===t.errorDisplay&&void 0!==P&&(a.errorDisplay=P),!0===C?a.disabled=!0:void 0===t.disabled&&void 0!==C&&(a.disabled=C),!0===E&&(a.locked=!0)),d(r,{...t,...a})})()});export{u as default};

package/dist/es/form/validation/Validator.js

@@ -1 +1 @@
-import{FormValidations as e,FormValidationTypes as s}from"../../enums/enum.js";import r from"./TCIdentity.js";const t=new RegExp(/^[a-zA-Z0-9.!#$%&'+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/),a=new RegExp(/^[a-zA-Z0-9_.-]+$/),n=new RegExp(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_+={};:<>|./?,"'\[\]\\`~\-])[a-zA-Z\d$begin:math:display$$end:math:display$\\`~!@#$%^&*()_+={};:<>|.\/?,"'-]{8,60}$/),g=new RegExp(/^[a-z0-9._-]+$/),i=new RegExp(/^[a-zA-Z0-9]+$/),m=new RegExp(/^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,4}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)$/);function u(r,t,a,n){let g=[];return r.forEach(r=>{if(r.hasOwnProperty(e.REQUIRED)&&!_(t)&&r.required&&g.push(r.message?r.message:n("errors.required")),r.hasOwnProperty(e.TYPE)&&(r.type===s.MIN_LENGTH&&(h(String(t),Number(r.value))||g.push(r.message?r.message:n("errors.minLength",{length:Number(r.value)}))),r.type===s.MAX_LENGTH&&(y(String(t),Number(r.value))||g.push(r.message?r.message:n("errors.maxLength",{length:Number(r.value)}))),r.type===s.EXACT_LENGTH&&(d(String(t),Number(r.value))||g.push(r.message?r.message:n("errors.exactLength",{length:Number(r.value)}))),r.type===s.SAME&&(S(String(t),String(a(String(r.field))))||g.push(r.message?r.message:n("errors.fieldMustBeTheSame",{fields:r.field}))),r.type===s.NOT_SAME&&(E(String(t),String(a(String(r.field))))||g.push(r.message?r.message:n("errors.fieldMustBeDifferent",{fields:r.field}))),r.type===s.TC_IDENTITY&&(w(String(t))||g.push(r.message?r.message:n("errors.wrongTCIdentity"))),r.type===s.PASSWORD&&(p(String(t))||g.push(r.message?r.message:n("errors.passwordRule"))),r.type===s.EMAIL&&(o(String(t))||g.push(r.message?r.message:n("errors.invalidEmailAddress"))),r.type===s.USERNAME&&(l(String(t))||g.push(r.message?r.message:n("errors.usernameRule"))),r.type===s.SITE_USERNAME&&(f(String(t))||g.push(r.message?r.message:n("errors.siteUsernameRule"))),r.type===s.ADMIN_USERNAME&&(A(String(t))||g.push(r.message?r.message:n("errors.adminUsernameRule"))),r.type===s.URL&&(R(String(t))||g.push(r.message?r.message:n("errors.invalidURL"))),r.type===s.FORBIDDEN_WORDS)){const e=Array.isArray(r.value)?r.value:void 0!==r.value?[r.value]:[];N(String(t),e)||g.push(r.message?r.message:n("errors.forbiddenWords"))}}),g}const p=e=>n.test(e),o=e=>t.test(e),l=e=>a.test(e),h=(e,s)=>e.length>=s,y=(e,s)=>e.length<=s,S=(e,s)=>e===s,E=(e,s)=>e!==s,d=(e,s)=>e.length===s,f=e=>g.test(e),A=e=>i.test(e),R=e=>m.test(e),N=(e,s)=>{if(!Array.isArray(s)||0===s.length)return!0;const r=String(e).trim().toLowerCase();return!s.some(e=>r===String(e).trim().toLowerCase())},w=e=>r(e),_=e=>{if(Array.isArray(e)){if(0===e.length)return!1}else{if("object"==typeof e){let s=!0;return Object.keys(e).forEach(r=>{""===e[r]&&(s=!1)}),s}if("string"==typeof e){if(""===e)return!1}else if("boolean"==typeof e&&!1===e)return!1}return!0};export{u as CheckValidations};
+import{FormValidations as e,FormValidationTypes as r}from"../../enums/enum.js";import s from"./TCIdentity.js";const t=new RegExp(/^[a-zA-Z0-9.!#$%&'+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/),a=new RegExp(/^[a-zA-Z0-9_.-]+$/),n=new RegExp(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_+={};:<>|./?,"'\[\]\\`~\-])[a-zA-Z\d\[\]\\`~!@#$%^&*()_+={};:<>|.\/?,"'-]{8,60}$/),g=new RegExp(/^[a-z0-9._-]+$/),i=new RegExp(/^[a-zA-Z0-9]+$/),u=new RegExp(/^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,4}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)$/);function m(s,t,a,n){let g=[];return s.forEach(s=>{if(s.hasOwnProperty(e.REQUIRED)&&!w(t)&&s.required&&g.push(s.message?s.message:n("errors.required")),s.hasOwnProperty(e.TYPE)&&(s.type===r.MIN_LENGTH&&(f(String(t),Number(s.value))||g.push(s.message?s.message:n("errors.minLength",{length:Number(s.value)}))),s.type===r.MAX_LENGTH&&(h(String(t),Number(s.value))||g.push(s.message?s.message:n("errors.maxLength",{length:Number(s.value)}))),s.type===r.EXACT_LENGTH&&(E(String(t),Number(s.value))||g.push(s.message?s.message:n("errors.exactLength",{length:Number(s.value)}))),s.type===r.SAME&&(y(String(t),String(a(String(s.field))))||g.push(s.message?s.message:n("errors.fieldMustBeTheSame",{fields:s.field}))),s.type===r.NOT_SAME&&(S(String(t),String(a(String(s.field))))||g.push(s.message?s.message:n("errors.fieldMustBeDifferent",{fields:s.field}))),s.type===r.TC_IDENTITY&&(v(String(t))||g.push(s.message?s.message:n("errors.wrongTCIdentity"))),s.type===r.PASSWORD&&(o(String(t))||g.push(s.message?s.message:n("errors.passwordRule"))),s.type===r.EMAIL&&(p(String(t))||g.push(s.message?s.message:n("errors.invalidEmailAddress"))),s.type===r.USERNAME&&(l(String(t))||g.push(s.message?s.message:n("errors.usernameRule"))),s.type===r.SITE_USERNAME&&(d(String(t))||g.push(s.message?s.message:n("errors.siteUsernameRule"))),s.type===r.ADMIN_USERNAME&&(A(String(t))||g.push(s.message?s.message:n("errors.adminUsernameRule"))),s.type===r.URL&&(R(String(t))||g.push(s.message?s.message:n("errors.invalidURL"))),s.type===r.FORBIDDEN_WORDS)){const e=Array.isArray(s.value)?s.value:void 0!==s.value?[s.value]:[];N(String(t),e)||g.push(s.message?s.message:n("errors.forbiddenWords"))}if("function"==typeof s.validator){const e=s.validator(t,a);!0!==e&&g.push("string"==typeof e&&e?e:s.message?s.message:n("errors.invalid"))}}),g}const o=e=>n.test(e),p=e=>t.test(e),l=e=>a.test(e),f=(e,r)=>e.length>=r,h=(e,r)=>e.length<=r,y=(e,r)=>e===r,S=(e,r)=>e!==r,E=(e,r)=>e.length===r,d=e=>g.test(e),A=e=>i.test(e),R=e=>u.test(e),N=(e,r)=>{if(!Array.isArray(r)||0===r.length)return!0;const s=String(e).trim().toLowerCase();return!r.some(e=>s===String(e).trim().toLowerCase())},v=e=>s(e),w=e=>{if(null==e)return!1;if(Array.isArray(e)){if(0===e.length)return!1}else{if("object"==typeof e){let r=!0;return Object.keys(e).forEach(s=>{""===e[s]&&(r=!1)}),r}if("string"==typeof e){if(""===e)return!1}else if("boolean"==typeof e&&!1===e)return!1}return!0};export{m as CheckValidations};

package/dist/es/form/wrapper/FormWrapper.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useContext as o,useState as r,useEffect as s,useImperativeHandle as a,memo as n}from"react";import{useLocation as l}from"react-router-dom";import i from"../../_virtual/react.js";import{getChildrenDeep as u}from"react-nanny";import c from"../../hooks/useMultiQuery.js";import m from"../../hooks/useSingleQuery.js";import p from"../item/Item.js";import y from"../context/FormContext.js";var h=n(t(({name:t="",className:n="",initialValues:h={},useQueryString:f=!1,onUpdate:d,onFinish:j,onFinishFailed:g,onValidated:b,children:O},k)=>{const{updated:v,setInitialValues:E,isFormValid:q,getValues:F,getFields:w,setFieldValueByName:S,resetFields:V}=o(y),I=m(),{search:P}=l(),x=c(),[D,Q]=r([]),[C,N]=r(!1),[U,T]=r([]),[B,M]=r(!1),[R,$]=r(!1);s(()=>{O&&L()},[O]),s(()=>{_(),z()},[B]),s(()=>{B||0!==Object.keys(w()).length&&0!==U.length&&Object.keys(w()).length===U.length&&M(!0)},[w(),U]),s(()=>{z()},[h]),s(()=>{_()},[P]),s(()=>{R&&B&&f&&Object.keys(v).length>0&&H(v)},[v]),s(()=>{b&&q()!==C&&b(q()),N(q())},[q()]);const _=()=>{B&&f&&(J(),R||G())},z=()=>{B&&(f||R||A())},A=()=>{const e=!Object.values(h).some(e=>null!==e&&""!==e);e&&!R&&$(!0),e||R||(E(h,!1),$(!0))},G=()=>{const e=w(),t=!Object.values(e).some(e=>""!==I.get(e.query,""));if(Object.values(e).some(e=>null===e.query||""===e.query)){let t=[];throw Object.keys(e).forEach(o=>{e[o].hasOwnProperty("query")&&null!==e[o].query&&""!==e[o].query||t.push(o)}),new Error(`ITD Form Initial Fields Error: "useQueryString" is activated but "query" value is not passed to whole form elements! Invalid fields are ${t.toString()}`)}if(t&&!R&&$(!0),!t&&!R){let t={};Object.keys(e).forEach(o=>{t[o]=I.get(e[o].query,"")}),E(t,!0,!0),$(!0)}},H=e=>{let t=[],o=[];const r=w();Object.keys(e).forEach(t=>{o.push(e[t])}),i(o,D)||(Object.keys(r).forEach(o=>{t.push({type:r[o].query,value:e[o]})}),x.set(t))},J=()=>{let e=[],t=[];const o=w();if(Object.keys(o).forEach(t=>{let r=String(I.get(o[t].query,""));e.push(r)}),i(e,D))return;Q(e),Object.keys(o).forEach(e=>{t[e]=I.get(o[e].query,"")}),Object.keys(t).forEach(e=>{S(e,t[e],!1,!1)});let r={};Object.keys(t).forEach(e=>{r[e]=t[e]}),d&&d(r)},K=()=>{if(t)try{const e=new CustomEvent("itd-input-unlock",{detail:{formId:t}});document.dispatchEvent(e)}catch{}},L=()=>{let e=[];u(O,t=>(t.hasOwnProperty("type")&&t.type===p&&e.push({[t.props.name]:t}),!0)),T(e)};return a(k,()=>({fieldUpdate(e){console.log("fieldUpdate"),console.log(e)}})),e("form",{id:t,onSubmit:e=>{e&&(e.preventDefault(),e.stopPropagation()),q()?j&&j(F()):g&&g(w())},onReset:e=>{e&&(e.preventDefault(),e.stopPropagation());let t=[];Object.keys(w()).map(e=>{t.push({type:e,value:""})}),x.set(t),V(!0,!1)},onPointerDown:K,onTouchStart:K,autoComplete:"off",className:n,noValidate:!0,children:O})}));export{h as default};
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useContext as o,useState as r,useEffect as s,useImperativeHandle as a,memo as n}from"react";import"../../router/context.js";import{useITDLocation as u}from"../../router/hooks.js";import"../../router/ITDLink.js";import i from"fast-deep-equal/react.js";import l from"../../hooks/useMultiQuery.js";import c from"../../hooks/useSingleQuery.js";import m from"../context/FormContext.js";var p=n(t(({name:t="",className:n="",initialValues:p={},useQueryString:f=!1,onUpdate:y,onFinish:d,onFinishFailed:h,onValidated:j,children:b},k)=>{const{updated:g,setInitialValues:O,isFormValid:v,getValues:E,getFields:q,setFieldValueByName:F,resetFields:S}=o(m),V=c(),{search:w}=u(),I=l(),[x,D]=r([]),[C,P]=r(!1),[Q,N]=r(!1),[T,U]=r(!1);s(()=>{B(),L()},[Q]),s(()=>{Q||0!==Object.keys(q()).length&&N(!0)}),s(()=>{L()},[p]),s(()=>{B()},[w]),s(()=>{T&&Q&&f&&Object.keys(g).length>0&&$(g)},[g]),s(()=>{j&&v()!==C&&j(v()),P(v())},[v()]);const B=()=>{Q&&f&&(z(),T||R())},L=()=>{Q&&(f||T||M())},M=()=>{const e=!Object.values(p).some(e=>null!==e&&""!==e);e&&!T&&U(!0),e||T||(O(p,!1),U(!0))},R=()=>{const e=q(),t=!Object.values(e).some(e=>""!==V.get(e.query,""));if(Object.values(e).some(e=>null===e.query||""===e.query)){let t=[];throw Object.keys(e).forEach(o=>{e[o].hasOwnProperty("query")&&null!==e[o].query&&""!==e[o].query||t.push(o)}),new Error(`ITD Form Initial Fields Error: "useQueryString" is activated but "query" value is not passed to whole form elements! Invalid fields are ${t.toString()}`)}if(t&&!T&&U(!0),!t&&!T){let t={};Object.keys(e).forEach(o=>{t[o]=V.get(e[o].query,"")}),O(t,!0,!0),U(!0)}},$=e=>{let t=[],o=[];const r=q();Object.keys(e).forEach(t=>{o.push(e[t])}),i(o,x)||(Object.keys(r).forEach(o=>{t.push({type:r[o].query,value:e[o]})}),I.set(t))},z=()=>{let e=[],t=[];const o=q();if(Object.keys(o).forEach(t=>{let r=String(V.get(o[t].query,""));e.push(r)}),i(e,x))return;D(e),Object.keys(o).forEach(e=>{t[e]=V.get(o[e].query,"")}),Object.keys(t).forEach(e=>{F(e,t[e],!1,!1)});let r={};Object.keys(t).forEach(e=>{r[e]=t[e]}),y&&y(r)},A=()=>{if(!t||"function"!=typeof CustomEvent)return;const e=new CustomEvent("itd-input-unlock",{detail:{formId:t}});document.dispatchEvent(e)};return a(k,()=>({fieldUpdate(e){}})),e("form",{id:t,onSubmit:e=>{e&&(e.preventDefault(),e.stopPropagation()),v()?d&&d(E()):h&&h(q())},onReset:e=>{e&&(e.preventDefault(),e.stopPropagation());let t=[];Object.keys(q()).map(e=>{t.push({type:e,value:""})}),I.set(t),S(!0,!1)},onPointerDown:A,onTouchStart:A,autoComplete:"off",className:n,noValidate:!0,children:b})}));export{p as default};

package/dist/es/helpers/array/ChunkArray.js

@@ -1 +1 @@
-function t(t,e){let o=0,n=[];for(o=0;o<t.length;o+=e){const c=t.slice(o,o+e);"object"!=typeof c&&n.push(c)}return n}export{t as default};
+function r(r,t){const e=[];if(!(Array.isArray(r)&&t>=1))return e;for(let n=0;n<r.length;n+=t)e.push(r.slice(n,n+t));return e}export{r as default};

package/dist/es/helpers/binary/GetExtensionByMimeType.js

@@ -0,0 +1 @@
+import{FileTypes as e,FileExtensions as r}from"../../enums/enum.js";function t(t){switch(t){case e.SVG:return r.SVG;case e.PNG:return r.PNG;case e.JPG:return r.JPG;case e.GIF:return r.GIF;case e.WEBP:return r.WEBP;case e.PDF:return r.PDF;case e.XLSX:return r.XLSX;case e.OTF:return r.OTF;default:return""}}export{t as default};

package/dist/es/helpers/binary/GetTypeByFileType.js

@@ -1 +1 @@
-import"../../context/ITDContext.js";import"react/jsx-runtime";import"react";import"../theme/cssVariables.js";import"../theme/light.js";import"../theme/dark.js";import"../theme/tokens.js";import{FileTypes as t,FileExtensions as r}from"../../enums/enum.js";import"../../utils/InlineSVGCached.js";import"../svg/styles.js";import"../datetime/dayjsSetup.js";import"../../logger/index.js";import"react-router-dom";import"axios";import"../../html/header/styled.js";import"../../select/index.js";import"../../form/index.js";import"../../checkbox/index.js";import"../../accordion/index.js";import"../../calendar/day/styled.js";import"../../calendar/header/styled.js";import"../../calendar/styled.js";import"../../datepicker/index.js";import"../../input/index.js";import"../../textarea/index.js";import"../../switch/index.js";import"../../upload/index.js";import"react-dom";import"react-transition-group";import"../../button/index.js";import"../../modal/modal/styled.js";import"../../modal/container/styled.js";import"../../modal/context/ModalContext.js";import"../../notification/context/NotificationsContext.js";import"../../radio/index.js";import"../../image/index.js";import"../../alert/index.js";import"../../result/index.js";import"../../alink/index.js";import"../../back-top/styled.js";import"../../progress/styled.js";import"../../node_modules/overlayscrollbars/styles/overlayscrollbars.css.js";import"../../tinyscrollbar/scroll.styled.js";import"../../label/index.js";import"../../card/Card.js";import"../../card/CardHeader.js";import"../../card/CardTitle.js";import"../../card/CardDescription.js";import"../../card/CardAction.js";import"../../card/CardTabs.js";import"../../card/CardContent.js";import"../../card/CardFooter.js";import"../../popover/PopoverContent.js";import"../../popover/Popover.js";import"../../popover/PopoverTrigger.js";import"../../tooltip/Tooltip.js";import"../../tooltip/TooltipTrigger.js";import"../../tooltip/TooltipContent.js";import"../../hovercard/HoverCard.js";import"../../hovercard/HoverCardTrigger.js";import"../../hovercard/HoverCardContent.js";import"../../table/index.js";import"../../flex/styled.js";function o(o){return o===t.SVG?r.SVG:o===t.JPG?r.JPG:o===t.PNG?r.PNG:o===t.GIF?r.GIF:o===t.OTF?r.OTF:o===t.PDF?r.PDF:""}export{o as default};
+import{FileTypes as G,FileExtensions as P}from"../../enums/enum.js";function e(e){return e===G.SVG?P.SVG:e===G.JPG?".jpg, .jpeg":e===G.PNG?P.PNG:e===G.GIF?P.GIF:e===G.WEBP?P.WEBP:e===G.OTF?P.OTF:e===G.PDF?P.PDF:e===G.XLSX?P.XLSX:""}export{e as default};

package/dist/es/helpers/checker/FileChecker.js

@@ -1 +1 @@
-function e(e="config",o="resource"){let r=void 0!==performance.getEntries().filter(e=>e.entryType===o).filter(o=>o.name.indexOf(e)>-1)[0];return r?console.log("script already loaded"):console.log("script was not loaded"),r}export{e as default};
+function e(e="config",r="resource"){return void 0!==performance.getEntries().filter(e=>e.entryType===r).filter(r=>r.name.indexOf(e)>-1)[0]}export{e as default};

package/dist/es/helpers/classname/GetClassNameByPlatform.js

@@ -0,0 +1 @@
+var e;!function(e){e.BOTH="both",e.DESKTOP="desktop",e.MOBILE="mobile"}(e||(e={}));const o=e=>{if("undefined"==typeof document)return;const o=e.replace(/([.$?*|{}()[\]\\/+^])/g,"\\$1"),n=document.cookie.match(new RegExp("(?:^|; )"+o+"=([^;]*)"));return n?decodeURIComponent(n[1]):void 0},n=n=>o("web-platform")===e.MOBILE?n.replaceAll("inn-","inn-mobile-"):n;export{n as GetClassNameByPlatform,e as PlatformTypes,n as default,o as readCookie};

package/dist/es/helpers/config/defineITDConfig.js

@@ -0,0 +1 @@
+const o=o=>o;export{o as defineITDConfig};

package/dist/es/helpers/currency/ConvertCurrency.js

@@ -1 +1 @@
-function t(t,D){if(t)return $(t,"USD"===D?"$":"EUR"===D?"€":"TRY"===D?"₺":"GBP"===D?"£":"JPY"===D?"¥":"CHF"===D?"₣":"CAD"===D?"CA$":"AUD"===D?"A$":"NZD"===D?"NZ$":"RUB"===D?"₽":"INR"===D?"₹":"BRL"===D?"R$":"MXN"===D?"MX$":"ARS"===D?"AR$":"CLP"===D?"CL$":"COP"===D?"CO$":"PEN"===D?"PE$":"ZAR"===D?"ZA$":"CNY"===D?"CN¥":"SEK"===D?"SEK":"NOK"===D?"NOK":"DKK"===D?"DKK":"SGD"===D?"SGD":"HKD"===D?"HKD":"?");t=0}const $=(t,$)=>{let D=!1,K=parseFloat(String(t)).toFixed(2);return K.indexOf("-")>-1&&(D=!0,K=K.split("-")[1]),(D?"-":"")+$+K};export{t as default};
+function t(t,D){return t||(t=0),$(t,"USD"===D?"$":"EUR"===D?"€":"TRY"===D?"₺":"GBP"===D?"£":"JPY"===D?"¥":"CHF"===D?"₣":"CAD"===D?"CA$":"AUD"===D?"A$":"NZD"===D?"NZ$":"RUB"===D?"₽":"INR"===D?"₹":"BRL"===D?"R$":"MXN"===D?"MX$":"ARS"===D?"AR$":"CLP"===D?"CL$":"COP"===D?"CO$":"PEN"===D?"PE$":"ZAR"===D?"ZA$":"CNY"===D?"CN¥":"SEK"===D?"SEK":"NOK"===D?"NOK":"DKK"===D?"DKK":"SGD"===D?"SGD":"HKD"===D?"HKD":"?")}const $=(t,$)=>{let D=!1,K=parseFloat(String(t)).toFixed(2);return K.indexOf("-")>-1&&(D=!0,K=K.split("-")[1]),(D?"-":"")+$+K};export{t as default};

package/dist/es/helpers/datetime/FormatDate.js

@@ -1 +1 @@
-import"./dayjsSetup.js";import t from"../../_virtual/dayjs.min.js";function r(r,a="tr",d="D MMMM YYYY dddd"){return t(new Date(r)).locale(a).format(d)}export{r as default};
+import"./dayjsSetup.js";import t from"dayjs";function r(r,a="tr",d="D MMMM YYYY dddd"){return t(new Date(r)).locale(a).format(d)}export{r as default};

package/dist/es/helpers/datetime/FormatDateTime.js

@@ -1 +1 @@
-import"./dayjsSetup.js";import t from"../../_virtual/dayjs.min.js";function r(r,a="tr",d="D MMMM YYYY dddd - HH:mm"){return t(new Date(r)).locale(a).format(d)}export{r as default};
+import"./dayjsSetup.js";import t from"dayjs";function r(r,a="tr",d="D MMMM YYYY dddd - HH:mm"){return t(new Date(r)).locale(a).format(d)}export{r as default};

package/dist/es/helpers/datetime/FormatSimpleDate.js

@@ -1 +1 @@
-import"./dayjsSetup.js";import t from"../../_virtual/dayjs.min.js";function r(r,a="tr",e="D MMMM YYYY"){return t(new Date(r)).locale(a).format(e)}export{r as default};
+import"./dayjsSetup.js";import t from"dayjs";function r(r,a="tr",e="D MMMM YYYY"){return t(new Date(r)).locale(a).format(e)}export{r as default};

package/dist/es/helpers/datetime/FormatSimpleDateTime.js

@@ -1 +1 @@
-import"./dayjsSetup.js";import t from"../../_virtual/dayjs.min.js";function r(r,a="tr",e="MM/DD/YYYY - HH:mm"){return t(new Date(r)).locale(a).format(e)}export{r as default};
+import"./dayjsSetup.js";import t from"dayjs";function r(r,a="tr",e="MM/DD/YYYY - HH:mm"){return t(new Date(r)).locale(a).format(e)}export{r as default};

package/dist/es/helpers/datetime/FormatTime.js

@@ -1 +1 @@
-import"./dayjsSetup.js";import t from"../../_virtual/dayjs.min.js";function r(r,a="tr",m="HH:mm"){return t(r).locale(a).format(m)}export{r as default};
+import"./dayjsSetup.js";import t from"dayjs";function r(r,o="tr",a="HH:mm"){return t(r).locale(o).format(a)}export{r as default};

package/dist/es/helpers/datetime/dayjsSetup.js

@@ -1 +1 @@
-import r from"../../_virtual/dayjs.min.js";import t from"../../_virtual/customParseFormat.js";import o from"../../_virtual/localizedFormat.js";r.extend(t),r.extend(o);export{r as default};
+import t from"dayjs";export{default}from"dayjs";import o from"dayjs/plugin/customParseFormat.js";import r from"dayjs/plugin/localizedFormat.js";import e from"dayjs/plugin/utc.js";import n from"dayjs/plugin/timezone.js";t.extend(o),t.extend(r),t.extend(e),t.extend(n);const u=/^\d{4}-\d{2}-\d{2}$/;function c(o,r){return"string"==typeof o&&u.test(o)?t(o):r&&"local"!==r?"utc"===r?t(o).utc():t(o).tz(r):t(o)}function d(o){return o&&"local"!==o?"utc"===o?t.utc():t().tz(o):t()}function i(o,r,e){return r&&"local"!==r?"utc"===r?e?t.utc(o,e):t.utc(o):e?t.tz(o,e,r):t.tz(o,r):e?t(o,e):t(o)}export{i as fromZonedWallClock,d as nowInZone,c as toZonedDayjs};

package/dist/es/helpers/device/touchDevice.js

@@ -0,0 +1 @@
+const t=()=>{if("undefined"==typeof navigator)return!1;const t=navigator.userAgent,e=/Android|iPhone|iPad|iPod|Mobile|Tablet/i.test(t)||!0===navigator.userAgentData?.mobile,n=/Macintosh/.test(t)&&(navigator.maxTouchPoints??0)>1;return e||n},e=e=>{if(!t())return()=>{};e.documentElement.classList.add("itd-touch");const n=()=>{};return e.addEventListener("touchstart",n,{passive:!0}),()=>{e.documentElement.classList.remove("itd-touch"),e.removeEventListener("touchstart",n)}};export{e as applyTouchMode,t as isTouchDevice};

package/dist/es/helpers/image/SVGUrlToPNGDataUrl.js

@@ -0,0 +1 @@
+const t=async(t,e={})=>{const{format:r="png",quality:a=1,pixelRatio:i=2,trim:n=!0}=e,o=await fetch(t);if(!o.ok)throw new Error("svg fetch failed: "+o.status);const s=await o.text(),m=(new DOMParser).parseFromString(s,"image/svg+xml").documentElement;if("svg"!==m.nodeName)throw new Error("not an svg document");let[g,h,c,l]=(t=>{const e=t.getAttribute("viewBox");if(e){const t=e.trim().split(/[\s,]+/).map(Number);if(4===t.length&&t.every(t=>Number.isFinite(t)))return t}return[0,0,Number.parseFloat(t.getAttribute("width")??"")||100,Number.parseFloat(t.getAttribute("height")??"")||100]})(m);if(n){const t=.15*Math.min(c,l);(Math.abs(g)>t||Math.abs(h)>t)&&(c+=2*g,l+=2*h,g=0,h=0)}m.setAttribute("viewBox",`${g} ${h} ${c} ${l}`);const u=c/l;let w=e.width??0,d=e.height??0;w||d?w?d||(d=w/u):w=d*u:(w=c,d=l);let b=w,f=w/u;f>d&&(f=d,b=d*u);const v=(w-b)/2,x=(d-f)/2,p=new Blob([(new XMLSerializer).serializeToString(m)],{type:"image/svg+xml"}),M=URL.createObjectURL(p);try{const t=await new Promise((t,e)=>{const r=new Image;r.crossOrigin="anonymous",r.onload=()=>t(r),r.onerror=()=>e(new Error("svg rasterization failed")),r.src=M}),e=document.createElement("canvas");e.width=Math.max(1,Math.round(w*i)),e.height=Math.max(1,Math.round(d*i));const n=e.getContext("2d");if(!n)throw new Error("no 2d context");return n.imageSmoothingEnabled=!0,n.imageSmoothingQuality="high",n.drawImage(t,v*i,x*i,b*i,f*i),e.toDataURL("image/"+r,a)}finally{URL.revokeObjectURL(M)}};export{t as default};

package/dist/es/helpers/phone/index.js

@@ -0,0 +1 @@
+import e from"../../data/phones.json.js";const o=e,t=new Map(o.map(e=>[e.iso2.toLowerCase(),e])),n=e=>e?t.get(e.toLowerCase()):void 0,r=e=>(e??"").replace(/\D+/g,""),a=e=>e?(e.match(/#/g)??[]).length:0,s=(e,o)=>{const t=r(o).replace(/^0+/,"");return t?e?e.code+t:"+"+t:""},c=(e,o)=>{const t=r(o),n=a(e?.mask);return n>0?t.length===n:t.length>0};export{o as PHONE_COUNTRIES,n as getPhoneCountry,c as isPhoneComplete,r as phoneDigits,a as phoneLength,s as toE164};

package/dist/es/helpers/phone/usePhoneCountry.js

@@ -0,0 +1 @@
+import{useContext as t,useMemo as o}from"react";import r from"../../context/ITDContext.js";import{getPhoneCountry as e}from"./index.js";const n=n=>{const m=t(r),c=n??m?.country;return o(()=>e(c),[c])};export{n as default,n as usePhoneCountry};

package/dist/es/helpers/platform/index.js

@@ -0,0 +1 @@
+import{PlatformTypes as e,readCookie as t}from"../classname/GetClassNameByPlatform.js";const o=t=>{const o=t??("undefined"!=typeof navigator?navigator.userAgent:""),n=/android|iphone|ipod|windows phone|iemobile|opera mini|blackberry|mobile/i.test(o),i=/ipad/i.test(o)||/macintosh/i.test(o)&&"undefined"!=typeof navigator&&navigator.maxTouchPoints>1;return n||i?e.MOBILE:e.DESKTOP},n=()=>t("web-platform")===e.MOBILE?e.MOBILE:e.DESKTOP,i=(n=!1)=>{if("undefined"==typeof document)return e.DESKTOP;const i=t("web-platform");if(!n&&(i===e.MOBILE||i===e.DESKTOP))return i;const r=o();return document.cookie="web-platform="+r+"; path=/",r};export{o as DetectPlatform,n as GetPlatform,i as InitPlatform};

package/dist/es/helpers/svg/SVGLoader.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import"../../enums/enum.js";import r from"../../utils/InlineSVGCached.js";import{Wrapper as e}from"./styles.js";const s=(s,i,m)=>t(e,{$width:i,$height:m,children:t(r,{src:s})});export{s as default};
+import{jsx as t}from"react/jsx-runtime";import"../../enums/enum.js";import e from"../../utils/InlineSVGCached.js";const s=t=>"string"==typeof t?t:"number"==typeof t?t+"px":"auto",i=(i,r,o)=>t("div",{className:"itd-svg-loader",style:{"--itd-svg-width":s(r),"--itd-svg-height":s(o)},children:t(e,{src:i})});export{i as default};

package/dist/es/helpers/theme/Color.js

@@ -1 +1 @@
-function t(t,r=1){let s=t.trim();if(s.startsWith("#")&&(s=s.slice(1)),3===s.length&&(s=s.split("").map(t=>t+t).join("")),6!==s.length)return t;return`rgba(${parseInt(s.slice(0,2),16)}, ${parseInt(s.slice(2,4),16)}, ${parseInt(s.slice(4,6),16)}, ${Math.min(1,Math.max(0,r))})`}function r(r,s=1){const n=Math.min(1,Math.max(0,s)),i=r.match(/^oklch\(([^)\/]+)(?:\s*\/\s*[\d.]+)?\)$/i);if(i){return`oklch(${i[1].trim()} / ${n})`}const a=r.match(/^rgba?\(([^)]+)\)$/i);if(a){const t=a[1].split(",").map(t=>t.trim()),[r,s,i]=t;return`rgba(${r}, ${s}, ${i}, ${n})`}const e=r.match(/^hsla?\(([^)]+)\)$/i);if(e){const t=e[1].split(",").map(t=>t.trim()),[r,s,i]=t;return`hsla(${r}, ${s}, ${i}, ${n})`}return r.startsWith("#")?t(r,n):r}function s(t){if(t.startsWith("oklch")){const r=t.match(/oklch\(([\d.]+)%/);if(r){return parseFloat(r[1])>=60?"#071437":"#ffffff"}}let r=t.replace("#","");3===r.length&&(r=r.split("").map(t=>t+t).join(""));return(299*parseInt(r.substring(0,2),16)+587*parseInt(r.substring(2,4),16)+114*parseInt(r.substring(4,6),16))/1e3>=140?"#071437":"#ffffff"}export{s as getContrastText,t as hexToRgba,r as withOpacity};
+import{resolveOnColor as t}from"./contrast.js";function r(t,r=1){let i=t.trim();if(i.startsWith("#")&&(i=i.slice(1)),3===i.length&&(i=i.split("").map(t=>t+t).join("")),6!==i.length)return t;return`rgba(${parseInt(i.slice(0,2),16)}, ${parseInt(i.slice(2,4),16)}, ${parseInt(i.slice(4,6),16)}, ${Math.min(1,Math.max(0,r))})`}function i(t,i=1){const n=Math.min(1,Math.max(0,i)),a=t.match(/^oklch\(([^)\/]+)(?:\s*\/\s*[\d.]+)?\)$/i);if(a){return`oklch(${a[1].trim()} / ${n})`}const s=t.match(/^rgba?\(([^)]+)\)$/i);if(s){const t=s[1].split(",").map(t=>t.trim()),[r,i,a]=t;return`rgba(${r}, ${i}, ${a}, ${n})`}const e=t.match(/^hsla?\(([^)]+)\)$/i);if(e){const t=e[1].split(",").map(t=>t.trim()),[r,i,a]=t;return`hsla(${r}, ${i}, ${a}, ${n})`}return t.startsWith("#")?r(t,n):t}function n(r){return t(r,{candidates:["#071437","#ffffff"]}).value}export{n as getContrastText,r as hexToRgba,i as withOpacity};

package/dist/es/helpers/theme/GenerateColorScale.js

@@ -1 +1 @@
-const e=[50,100,200,300,400,500,600,700,800,900,950];function t(e,t,n){return Math.min(n,Math.max(t,e))}function n(e){const t=function(e){let t=e.trim();if(t.startsWith("#")&&(t=t.slice(1)),3===t.length&&(t=t.split("").map(e=>e+e).join("")),6!==t.length)throw new Error(`Invalid HEX color: ${e}`);return t.toLowerCase()}(e);return{r:parseInt(t.slice(0,2),16),g:parseInt(t.slice(2,4),16),b:parseInt(t.slice(4,6),16)}}const s={lighten:{50:.018,100:.054,200:.143,300:.232,400:.5,500:.786},darken:{700:.841,800:.614,900:.455,950:.318}},a={lighten:{50:.063,100:.136,200:.272,300:.433,400:.654,500:.82},darken:{700:.863,800:.748,900:.672,950:.44}},h={lighten:{50:.053,100:.113,200:.226,300:.368,400:.581,500:.773},darken:{700:.865,800:.742,900:.655,950:.462}},o=[{hueRange:[0,29],lightness:a,chromaMul:{50:.09,100:.14,200:.27,300:.5,400:.77,500:1,600:1,700:.91,800:.77,900:.68,950:.45},hueOffset:{50:-6,100:-5,200:-8,300:-6,400:-5,500:-2,600:0,700:-1,800:-4,900:-8,950:-6},defaultBaseChroma:.22},{hueRange:[30,50],lightness:a,chromaMul:{50:.1,100:.2,200:.35,300:.6,400:.84,500:1,600:1,700:.9,800:.74,900:.63,950:.42},hueOffset:{50:33,100:34,200:30,300:25,400:15,500:7,600:0,700:-3,800:-4,900:-3,950:-5},defaultBaseChroma:.19},{hueRange:[51,119],lightness:h,chromaMul:{50:.22,100:.5,200:.86,300:1.21,400:1.21,500:1.14,600:1,700:.86,800:.71,900:.64,950:.43},hueOffset:{50:26,100:27,200:26,300:22,400:16,500:10,600:0,700:-10,800:-14,900:-18,950:-22},defaultBaseChroma:.14},{hueRange:[120,145],lightness:{lighten:{50:.029,100:.086,200:.171,300:.286,400:.571,500:.8},darken:{700:.815,800:.692,900:.631,950:.415}},chromaMul:{50:.17,100:.39,200:.67,300:1,400:1.17,500:1.11,600:1,700:.78,800:.61,900:.56,950:.39},hueOffset:{50:-11,100:-10,200:-8,300:-5,400:-3,500:-1,600:0,700:0,800:-1,900:-1,950:0},defaultBaseChroma:.18},{hueRange:[146,160],lightness:h,chromaMul:{50:.12,100:.24,200:.47,300:.82,400:1.06,500:1.12,600:1,700:.82,800:.65,900:.53,950:.35},hueOffset:{50:7,100:8,200:7,300:5,400:3,500:1,600:0,700:1,800:2,900:4,950:4},defaultBaseChroma:.17},{hueRange:[161,175],lightness:h,chromaMul:{50:.15,100:.38,200:.69,300:1,400:1.15,500:1.15,600:1,700:.77,800:.69,900:.54,950:.38},hueOffset:{50:3,100:0,200:1,300:2,400:0,500:-1,600:0,700:3,800:4,900:6,950:10},defaultBaseChroma:.13},{hueRange:[176,200],lightness:h,chromaMul:{50:.1,100:.5,200:.9,300:1.3,400:1.3,500:1.2,600:1,700:.9,800:.7,900:.6,950:.4},hueOffset:{50:-4,100:-4,200:-5,300:-4,400:-3,500:-2,600:0,700:1,800:3,900:3,950:8},defaultBaseChroma:.1},{hueRange:[201,235],lightness:h,chromaMul:{50:.18,100:.36,200:.73,300:1.09,400:1.18,500:1.18,600:1,700:.82,800:.73,900:.64,950:.45},hueOffset:{50:-21,100:-19,200:-17,300:-15,400:-10,500:-7,600:0,700:1,800:2,900:5,950:8},defaultBaseChroma:.11},{hueRange:[236,250],lightness:h,chromaMul:{50:.07,100:.21,200:.43,300:.71,400:1,500:1.07,600:1,700:.86,800:.71,900:.57,950:.43},hueOffset:{50:-5,100:-5,200:-11,300:-12,400:-9,500:-5,600:0,700:1,800:-1,900:-1,950:1},defaultBaseChroma:.14},{hueRange:[251,270],lightness:h,chromaMul:{50:.05,100:.14,200:.27,300:.45,400:.64,500:.86,600:1,700:1,800:.82,900:.64,950:.41},hueOffset:{50:-8,100:-7,200:-9,300:-11,400:-8,500:-3,600:0,700:1,800:3,900:3,950:5},defaultBaseChroma:.22},{hueRange:[271,285],lightness:h,chromaMul:{50:.09,100:.13,200:.26,300:.43,400:.7,500:.87,600:1,700:.91,800:.78,900:.61,950:.39},hueOffset:{50:-5,100:-4,200:-3,300:-2,400:0,500:0,600:0,700:0,800:0,900:2,950:4},defaultBaseChroma:.23},{hueRange:[286,300],lightness:h,chromaMul:{50:.08,100:.12,200:.2,300:.4,400:.64,500:.88,600:1,700:.96,800:.84,900:.72,950:.56},hueOffset:{50:1,100:2,200:0,300:1,400:1,500:0,600:0,700:0,800:0,900:1,950:-2},defaultBaseChroma:.25},{hueRange:[301,310],lightness:h,chromaMul:{50:.04,100:.12,200:.24,300:.44,400:.72,500:.92,600:1,700:.96,800:.8,900:.68,950:.56},hueOffset:{50:6,100:5,200:5,300:4,400:4,500:2,600:0,700:0,800:2,900:3,950:1},defaultBaseChroma:.25},{hueRange:[311,330],lightness:h,chromaMul:{50:.08,100:.15,200:.27,300:.5,400:.81,500:1,600:1,700:.88,800:.73,900:.62,950:.5},hueOffset:{50:-3,100:-4,200:-3,300:-2,400:-1,500:-1,600:0,700:1,800:2,900:3,950:3},defaultBaseChroma:.26},{hueRange:[331,360],lightness:h,chromaMul:{50:.05,100:.14,200:.27,300:.5,400:.82,500:.95,600:1,700:.91,800:.77,900:.64,950:.45},hueOffset:{50:-7,100:-8,200:-7,300:-4,400:0,500:4,600:11,700:14,800:14,900:12,950:14},defaultBaseChroma:.22}];function r(a,r){let l,u,c=null;if(a.trim().startsWith("oklch")){l=function(e){const t=e.match(/oklch\(([\d.]+)%?\s+([\d.]+)\s+([\d.]+)/);if(!t)throw new Error(`Invalid OKLCH color: ${e}`);let n=parseFloat(t[1]);const s=parseFloat(t[2]);n<=1&&(n*=100);let a=.4;return n>90||n<20?a=.2:(n>80||n<30)&&(a=.3),{h:parseFloat(t[3]),s:Math.min(100,s/a*100),l:n}}(a);const e=a.match(/oklch\(([\d.]+)%?\s+([\d.]+)\s+([\d.]+)/);e?(c=parseFloat(e[3]),u=parseFloat(e[2])):u=.18}else{const e=n(a);l=function({r:e,g:t,b:n}){const s=e/255,a=t/255,h=n/255,o=Math.max(s,a,h),r=Math.min(s,a,h),l=o-r;let u=0;if(0!==l)switch(o){case s:u=(a-h)/l%6;break;case a:u=(h-s)/l+2;break;default:u=(s-a)/l+4}u=(60*u+360)%360;const c=(o+r)/2;return{h:u,s:100*(0===l?0:l/(1-Math.abs(2*c-1))),l:100*c}}(e),u=l.s/100*.37}const i=r?.clampLightness?.min??4,f=r?.clampLightness?.max??99,d=c??l.h,g=u>=.005&&u<=.055;if(u<.005){const n=t(l.l,i,f);return e.reduce((e,a)=>{let h=n;if(50===a||100===a||200===a||300===a||400===a||500===a){const e=s.lighten[a];h=100-(100-n)*e}else if(700===a||800===a||900===a||950===a){const e=s.darken[a];h=n*e}const o=t(h,i,f);return e[a]=`oklch(${o.toFixed(2)}% 0.00 0)`,e},{})}if(g){const n=t(l.l,i,f),a=d>=240&&d<=310;if(a&&u<=.012){const a={50:0,100:0,200:.01,300:.01,400:.02,500:.02,600:.03,700:.03,800:.03,900:.03,950:.03},h={50:-2,100:15,200:15,300:8,400:11,500:14,600:7,700:10,800:7,900:15,950:12};return e.reduce((e,o)=>{let r=n;if(50===o||100===o||200===o||300===o||400===o||500===o){const e=s.lighten[o];r=100-(100-n)*e}else if(700===o||800===o||900===o||950===o){const e=s.darken[o];r=n*e}const u=t(r,i,f),c=t(a[o],0,.06),d=Math.round(l.h+h[o]);return e[o]=`oklch(${u.toFixed(2)}% ${c.toFixed(3)} ${d})`,e},{})}if(a){const a=t(u,.035,.055),h={50:.005,100:.008,200:.012,300:.02,400:a,500:a,600:a,700:a,800:a,900:a,950:a};return e.reduce((e,a)=>{let o=n;if(50===a||100===a||200===a||300===a||400===a||500===a){const e=s.lighten[a];o=100-(100-n)*e}else if(700===a||800===a||900===a||950===a){const e=s.darken[a];o=n*e}const r=t(o,i,f),u=t(h[a],0,.06);let c=l.h;return c+=a<=300?-2:800===a?3:a>=900?8:0,e[a]=`oklch(${r.toFixed(2)}% ${u.toFixed(3)} ${Math.round(c)})`,e},{})}if(d>=20&&d<=110&&u<=.015){const a={50:0,100:0,200:0,300:0,400:.01,500:.01,600:.01,700:.01,800:.01,900:.01,950:0},h={50:32,100:32,200:-25,300:-18,400:-18,500:-16,600:0,700:-6,800:-40,900:-18,950:-25};return e.reduce((e,o)=>{let r=n;if(50===o||100===o||200===o||300===o||400===o||500===o){const e=s.lighten[o];r=100-(100-n)*e}else if(700===o||800===o||900===o||950===o){const e=s.darken[o];r=n*e}const u=t(r,i,f),c=t(a[o],0,.06),d=Math.round(l.h+h[o]);return e[o]=`oklch(${u.toFixed(2)}% ${c.toFixed(3)} ${d})`,e},{})}}if(d>=340&&d<=360||d>29&&d<=40){const n={50:.071,100:.143,200:.286,300:.452,400:.69,500:.857},s={700:.879,800:.759,900:.69,950:.448},a=t(l.l,i,f);return e.reduce((e,h)=>{let o=a;if(50===h||100===h||200===h||300===h||400===h||500===h){const e=n[h];o=100-(100-a)*e}else if(700===h||800===h||900===h||950===h){const e=s[h];o=a*e}const r=t(o,i,f),c=u/.22,d=t({50:.01*c,100:.03*c,200:.06*c,300:.1*c,400:.17*c,500:.21*c,600:.22*c,700:.19*c,800:.16*c,900:.13*c,950:.09*c}[h],0,.4),g=Math.round(l.h+({50:17,100:18,200:18,300:20,400:22,500:25,600:27,700:28,800:27,900:26,950:26}[h]-27));return e[h]=`oklch(${r.toFixed(2)}% ${d.toFixed(3)} ${g})`,e},{})}const m=o.find(e=>d>=e.hueRange[0]&&d<=e.hueRange[1]);if(m){const n=t(l.l,i,f);return e.reduce((e,s)=>{let a=n;if(50===s||100===s||200===s||300===s||400===s||500===s){const e=m.lightness.lighten[s];a=100-(100-n)*e}else if(700===s||800===s||900===s||950===s){const e=m.lightness.darken[s];a=n*e}const h=t(a,i,f),o=t(u*m.chromaMul[s],0,.4),r=Math.round((c??l.h)+m.hueOffset[s]);return e[s]=`oklch(${h.toFixed(2)}% ${o.toFixed(3)} ${r})`,e},{})}const M=t(l.l,i,f);return e.reduce((e,n)=>{let s=M;if(50===n||100===n||200===n||300===n||400===n||500===n){const e=h.lighten[n];s=100-(100-M)*e}else if(700===n||800===n||900===n||950===n){const e=h.darken[n];s=M*e}const a=t(s,i,f),o=t(u*{50:.6,100:.75,200:.86,300:.93,400:.98,500:1,600:1,700:.91,800:.77,900:.68,950:.45}[n],0,.4),r=Math.round((c??l.h)+{50:2,100:1,200:1,300:0,400:0,500:0,600:0,700:-1,800:-4,900:-5,950:-3}[n]);return e[n]=`oklch(${a.toFixed(2)}% ${o.toFixed(3)} ${r})`,e},{})}export{r as default,r as generateColorScaleFromBase};
+const e=[50,100,200,300,400,500,600,700,800,900,950];function t(e,t,n){return Math.min(n,Math.max(t,e))}function n(e){const t=function(e){let t=e.trim();if(t.startsWith("#")&&(t=t.slice(1)),3===t.length&&(t=t.split("").map(e=>e+e).join("")),6!==t.length)throw new Error(`Invalid HEX color: ${e}`);return t.toLowerCase()}(e);return{r:parseInt(t.slice(0,2),16),g:parseInt(t.slice(2,4),16),b:parseInt(t.slice(4,6),16)}}function s({r:e,g:t,b:n}){const s=e/255,a=t/255,h=n/255,o=Math.max(s,a,h),r=Math.min(s,a,h),l=o-r;let u=0;if(0!==l)switch(o){case s:u=(a-h)/l%6;break;case a:u=(h-s)/l+2;break;default:u=(s-a)/l+4}u=(60*u+360)%360;const c=(o+r)/2;return{h:u,s:100*(0===l?0:l/(1-Math.abs(2*c-1))),l:100*c}}const a={lighten:{50:.018,100:.054,200:.143,300:.232,400:.5,500:.786},darken:{700:.841,800:.614,900:.455,950:.318}},h={lighten:{50:.063,100:.136,200:.272,300:.433,400:.654,500:.82},darken:{700:.863,800:.748,900:.672,950:.44}},o={lighten:{50:.053,100:.113,200:.226,300:.368,400:.581,500:.773},darken:{700:.865,800:.742,900:.655,950:.462}},r=[{hueRange:[0,29],lightness:h,chromaMul:{50:.09,100:.14,200:.27,300:.5,400:.77,500:1,600:1,700:.91,800:.77,900:.68,950:.45},hueOffset:{50:-6,100:-5,200:-8,300:-6,400:-5,500:-2,600:0,700:-1,800:-4,900:-8,950:-6},defaultBaseChroma:.22},{hueRange:[30,50],lightness:h,chromaMul:{50:.1,100:.2,200:.35,300:.6,400:.84,500:1,600:1,700:.9,800:.74,900:.63,950:.42},hueOffset:{50:33,100:34,200:30,300:25,400:15,500:7,600:0,700:-3,800:-4,900:-3,950:-5},defaultBaseChroma:.19},{hueRange:[51,119],lightness:o,chromaMul:{50:.22,100:.5,200:.86,300:1.21,400:1.21,500:1.14,600:1,700:.86,800:.71,900:.64,950:.43},hueOffset:{50:26,100:27,200:26,300:22,400:16,500:10,600:0,700:-10,800:-14,900:-18,950:-22},defaultBaseChroma:.14},{hueRange:[120,145],lightness:{lighten:{50:.029,100:.086,200:.171,300:.286,400:.571,500:.8},darken:{700:.815,800:.692,900:.631,950:.415}},chromaMul:{50:.17,100:.39,200:.67,300:1,400:1.17,500:1.11,600:1,700:.78,800:.61,900:.56,950:.39},hueOffset:{50:-11,100:-10,200:-8,300:-5,400:-3,500:-1,600:0,700:0,800:-1,900:-1,950:0},defaultBaseChroma:.18},{hueRange:[146,160],lightness:o,chromaMul:{50:.12,100:.24,200:.47,300:.82,400:1.06,500:1.12,600:1,700:.82,800:.65,900:.53,950:.35},hueOffset:{50:7,100:8,200:7,300:5,400:3,500:1,600:0,700:1,800:2,900:4,950:4},defaultBaseChroma:.17},{hueRange:[161,175],lightness:o,chromaMul:{50:.15,100:.38,200:.69,300:1,400:1.15,500:1.15,600:1,700:.77,800:.69,900:.54,950:.38},hueOffset:{50:3,100:0,200:1,300:2,400:0,500:-1,600:0,700:3,800:4,900:6,950:10},defaultBaseChroma:.13},{hueRange:[176,200],lightness:o,chromaMul:{50:.1,100:.5,200:.9,300:1.3,400:1.3,500:1.2,600:1,700:.9,800:.7,900:.6,950:.4},hueOffset:{50:-4,100:-4,200:-5,300:-4,400:-3,500:-2,600:0,700:1,800:3,900:3,950:8},defaultBaseChroma:.1},{hueRange:[201,235],lightness:o,chromaMul:{50:.18,100:.36,200:.73,300:1.09,400:1.18,500:1.18,600:1,700:.82,800:.73,900:.64,950:.45},hueOffset:{50:-21,100:-19,200:-17,300:-15,400:-10,500:-7,600:0,700:1,800:2,900:5,950:8},defaultBaseChroma:.11},{hueRange:[236,250],lightness:o,chromaMul:{50:.07,100:.21,200:.43,300:.71,400:1,500:1.07,600:1,700:.86,800:.71,900:.57,950:.43},hueOffset:{50:-5,100:-5,200:-11,300:-12,400:-9,500:-5,600:0,700:1,800:-1,900:-1,950:1},defaultBaseChroma:.14},{hueRange:[251,270],lightness:o,chromaMul:{50:.05,100:.14,200:.27,300:.45,400:.64,500:.86,600:1,700:1,800:.82,900:.64,950:.41},hueOffset:{50:-8,100:-7,200:-9,300:-11,400:-8,500:-3,600:0,700:1,800:3,900:3,950:5},defaultBaseChroma:.22},{hueRange:[271,285],lightness:o,chromaMul:{50:.09,100:.13,200:.26,300:.43,400:.7,500:.87,600:1,700:.91,800:.78,900:.61,950:.39},hueOffset:{50:-5,100:-4,200:-3,300:-2,400:0,500:0,600:0,700:0,800:0,900:2,950:4},defaultBaseChroma:.23},{hueRange:[286,300],lightness:o,chromaMul:{50:.08,100:.12,200:.2,300:.4,400:.64,500:.88,600:1,700:.96,800:.84,900:.72,950:.56},hueOffset:{50:1,100:2,200:0,300:1,400:1,500:0,600:0,700:0,800:0,900:1,950:-2},defaultBaseChroma:.25},{hueRange:[301,310],lightness:o,chromaMul:{50:.04,100:.12,200:.24,300:.44,400:.72,500:.92,600:1,700:.96,800:.8,900:.68,950:.56},hueOffset:{50:6,100:5,200:5,300:4,400:4,500:2,600:0,700:0,800:2,900:3,950:1},defaultBaseChroma:.25},{hueRange:[311,330],lightness:o,chromaMul:{50:.08,100:.15,200:.27,300:.5,400:.81,500:1,600:1,700:.88,800:.73,900:.62,950:.5},hueOffset:{50:-3,100:-4,200:-3,300:-2,400:-1,500:-1,600:0,700:1,800:2,900:3,950:3},defaultBaseChroma:.26},{hueRange:[331,360],lightness:o,chromaMul:{50:.05,100:.14,200:.27,300:.5,400:.82,500:.95,600:1,700:.91,800:.77,900:.64,950:.45},hueOffset:{50:-7,100:-8,200:-7,300:-4,400:0,500:4,600:11,700:14,800:14,900:12,950:14},defaultBaseChroma:.22}];function l(h,l){let u,c,i=null;if(h.trim().startsWith("oklch")){u=function(e){const t=e.match(/oklch\(([\d.]+)%?\s+([\d.]+)\s+([\d.]+)/);if(!t)throw new Error(`Invalid OKLCH color: ${e}`);let n=parseFloat(t[1]);const s=parseFloat(t[2]);n<=1&&(n*=100);let a=.4;return n>90||n<20?a=.2:(n>80||n<30)&&(a=.3),{h:parseFloat(t[3]),s:Math.min(100,s/a*100),l:n}}(h);const e=h.match(/oklch\(([\d.]+)%?\s+([\d.]+)\s+([\d.]+)/);e?(i=parseFloat(e[3]),c=parseFloat(e[2])):c=.18}else{const e=n(h);u=s(e),c=u.s/100*.37}const f=l?.clampLightness?.min??4,d=l?.clampLightness?.max??99,g=i??u.h,m=c>=.005&&c<=.055;if(c<.005){const n=t(u.l,f,d);return e.reduce((e,s)=>{let h=n;if(50===s||100===s||200===s||300===s||400===s||500===s){const e=a.lighten[s];h=100-(100-n)*e}else if(700===s||800===s||900===s||950===s){const e=a.darken[s];h=n*e}const o=t(h,f,d);return e[s]=`oklch(${o.toFixed(2)}% 0.00 0)`,e},{})}if(m){const n=t(u.l,f,d),s=g>=240&&g<=310;if(s&&c<=.012){const s={50:0,100:0,200:.01,300:.01,400:.02,500:.02,600:.03,700:.03,800:.03,900:.03,950:.03},h={50:-2,100:15,200:15,300:8,400:11,500:14,600:7,700:10,800:7,900:15,950:12};return e.reduce((e,o)=>{let r=n;if(50===o||100===o||200===o||300===o||400===o||500===o){const e=a.lighten[o];r=100-(100-n)*e}else if(700===o||800===o||900===o||950===o){const e=a.darken[o];r=n*e}const l=t(r,f,d),c=t(s[o],0,.06),i=Math.round(u.h+h[o]);return e[o]=`oklch(${l.toFixed(2)}% ${c.toFixed(3)} ${i})`,e},{})}if(s){const s=t(c,.035,.055),h={50:.005,100:.008,200:.012,300:.02,400:s,500:s,600:s,700:s,800:s,900:s,950:s};return e.reduce((e,s)=>{let o=n;if(50===s||100===s||200===s||300===s||400===s||500===s){const e=a.lighten[s];o=100-(100-n)*e}else if(700===s||800===s||900===s||950===s){const e=a.darken[s];o=n*e}const r=t(o,f,d),l=t(h[s],0,.06);let c=u.h;return c+=s<=300?-2:800===s?3:s>=900?8:0,e[s]=`oklch(${r.toFixed(2)}% ${l.toFixed(3)} ${Math.round(c)})`,e},{})}if(g>=20&&g<=110&&c<=.015){const s={50:0,100:0,200:0,300:0,400:.01,500:.01,600:.01,700:.01,800:.01,900:.01,950:0},h={50:32,100:32,200:-25,300:-18,400:-18,500:-16,600:0,700:-6,800:-40,900:-18,950:-25};return e.reduce((e,o)=>{let r=n;if(50===o||100===o||200===o||300===o||400===o||500===o){const e=a.lighten[o];r=100-(100-n)*e}else if(700===o||800===o||900===o||950===o){const e=a.darken[o];r=n*e}const l=t(r,f,d),c=t(s[o],0,.06),i=Math.round(u.h+h[o]);return e[o]=`oklch(${l.toFixed(2)}% ${c.toFixed(3)} ${i})`,e},{})}}if(g>=340&&g<=360||g>29&&g<=40){const n={50:.071,100:.143,200:.286,300:.452,400:.69,500:.857},s={700:.879,800:.759,900:.69,950:.448},a=t(u.l,f,d);return e.reduce((e,h)=>{let o=a;if(50===h||100===h||200===h||300===h||400===h||500===h){const e=n[h];o=100-(100-a)*e}else if(700===h||800===h||900===h||950===h){const e=s[h];o=a*e}const r=t(o,f,d),l=c/.22,i=t({50:.01*l,100:.03*l,200:.06*l,300:.1*l,400:.17*l,500:.21*l,600:.22*l,700:.19*l,800:.16*l,900:.13*l,950:.09*l}[h],0,.4),g=Math.round(u.h+({50:17,100:18,200:18,300:20,400:22,500:25,600:27,700:28,800:27,900:26,950:26}[h]-27));return e[h]=`oklch(${r.toFixed(2)}% ${i.toFixed(3)} ${g})`,e},{})}const M=r.find(e=>g>=e.hueRange[0]&&g<=e.hueRange[1]);if(M){const n=t(u.l,f,d);return e.reduce((e,s)=>{let a=n;if(50===s||100===s||200===s||300===s||400===s||500===s){const e=M.lightness.lighten[s];a=100-(100-n)*e}else if(700===s||800===s||900===s||950===s){const e=M.lightness.darken[s];a=n*e}const h=t(a,f,d),o=t(c*M.chromaMul[s],0,.4),r=Math.round((i??u.h)+M.hueOffset[s]);return e[s]=`oklch(${h.toFixed(2)}% ${o.toFixed(3)} ${r})`,e},{})}const k=t(u.l,f,d);return e.reduce((e,n)=>{let s=k;if(50===n||100===n||200===n||300===n||400===n||500===n){const e=o.lighten[n];s=100-(100-k)*e}else if(700===n||800===n||900===n||950===n){const e=o.darken[n];s=k*e}const a=t(s,f,d),h=t(c*{50:.6,100:.75,200:.86,300:.93,400:.98,500:1,600:1,700:.91,800:.77,900:.68,950:.45}[n],0,.4),r=Math.round((i??u.h)+{50:2,100:1,200:1,300:0,400:0,500:0,600:0,700:-1,800:-4,900:-5,950:-3}[n]);return e[n]=`oklch(${a.toFixed(2)}% ${h.toFixed(3)} ${r})`,e},{})}function u(e,a){const{h:h,c:o,l:r}=function(e){const t=e.trim();if(t.startsWith("oklch")){const e=t.match(/oklch\(([\d.]+)(%?)\s+([\d.]+)\s+([\d.]+)/);return e?{l:"%"===e[2]?parseFloat(e[1]):100*parseFloat(e[1]),c:parseFloat(e[3]),h:parseFloat(e[4])}:{l:50,c:0,h:0}}const a=s(n(t));return{l:a.l,c:a.s/100*.37,h:a.h}}(e),u=t(r,20,"dark"===a?56:64)/100,c=t(o,0,.045);return l(`oklch(${u.toFixed(3)} ${c.toFixed(3)} ${Math.round(h)})`)}export{l as default,l as generateColorScaleFromBase,u as generateSurfaceScale};

package/dist/es/helpers/theme/colorOps.js

@@ -0,0 +1 @@
+function t(t){const n=t.match(/oklch\(([\d.]+)(%?)\s+([\d.]+)\s+([\d.]+)/);if(n){let t=parseFloat(n[1]);return"%"===n[2]&&(t/=100),{l:t,c:parseFloat(n[3]),h:parseFloat(n[4])}}const e=t.match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);return e?function(t,n,e){const o=t=>t<=.04045?t/12.92:Math.pow((t+.055)/1.055,2.4),[r,c,a]=[o(t),o(n),o(e)],h=Math.cbrt(.4122214708*r+.5363325363*c+.0514459929*a),s=Math.cbrt(.2119034982*r+.6806995451*c+.1073969566*a),u=Math.cbrt(.0883024619*r+.2817188376*c+.6299787005*a),l=.2104542553*h+.793617785*s-.0040720468*u,i=1.9779984951*h-2.428592205*s+.4505937099*u,f=.0259040371*h+.7827717662*s-.808675766*u,d=Math.sqrt(i*i+f*f),p=(180*Math.atan2(f,i)/Math.PI+360)%360;return{l:l,c:d,h:p}}(...function(t){const n=3===t.length?t.replace(/./g,t=>t+t):t;return[0,2,4].map(t=>parseInt(n.slice(t,t+2),16)/255)}(e[1])):null}function n(n){return t(n)??{l:.5,c:0,h:0}}function e(t){return Math.round((t%360+360)%360*100)/100}function o(t,n,o){return`oklch(${t.toFixed(2)} ${n.toFixed(2)} ${e(o)})`}function r(t,n,o){return`oklch(${t.toFixed(2)} ${n.toFixed(3)} ${e(o)})`}function c(t,n,o,r){return`oklch(${t.toFixed(2)} ${n.toFixed(2)} ${e(o)} / ${r})`}function a(t,e){const o=n(t);return c(o.l,o.c,o.h,e)}function h(t,e,r=.5){const c=n(t),a=n(e);return o(c.l+(a.l-c.l)*r,c.c+(a.c-c.c)*r,c.h+(a.h-c.h)*r)}function s(t,e){return n(t[e])}const u=/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;function l(n){const e=n.trim();return u.test(e)||null!==t(e)}const i=new Set;function f(t,n){(function(){try{return"undefined"!=typeof process&&!!process.env&&"production"!==process.env.NODE_ENV}catch{return!1}})()&&(l(t)||i.has(t)||(i.add(t),console.warn(`[itd theme] ${n} "${t}" is not a parseable HEX or oklch() color. createTheme falls back to a neutral oklch(0.5 0 0) for its lightness/chroma math, which desaturates the generated theme. Pass an oklch() or #hex seed.`)))}export{o as fmt,c as fmtAlpha,r as fmtC3,l as isParseableSeed,h as lerp,t as parseColorSafe,n as parseOklch,s as shadeVal,f as validateSeed,a as withAlpha};