kdpa-components 1.39.0 → 1.39.1

package/dist/index.js

@@ -1407,7 +1407,7 @@ Message: ${e}`),e}}const pu=e=>typeof e=="string",O_e=e=>typeof e=="function",SH
 `),KHe=Gi("img")(`
   transition: opacity 0.8s;
   display: block;
-`);function XHe({zoom:e="200",alt:t="This is an imageZoom image",src:n,onError:r,className:o,errorContent:i=W(UHe,{children:"There was a problem loading your image"}),...a}){const[s,c]=Mn("1"),[f,p]=Mn("50% 50%"),[m,b]=Mn(null),[y,w]=Mn(!1),S=m?"loaded":"loading",k=s==="0"?"zoomed":"fullView",[T,E]=Mn(!1),_=K=>{const Y=K.currentTarget.getBoundingClientRect();let J,X;if(K.type==="touchmove"){T||(E(!0),document.body.style.overflow="hidden");const ne=K.touches[0];J=(ne.clientX-Y.x)/Y.width*100,X=(ne.clientY-Y.y)/Y.height*100}else J=(K.clientX-Y.x)/Y.width*100,X=(K.clientY-Y.y)/Y.height*100;p(`${Math.max(0,Math.min(J,100))}% ${Math.max(0,Math.min(X,100))}%`)},R=K=>{s==="0"?c("1"):(c("0"),_(K))},N=K=>{R(K)},F=K=>{s==="0"&&_(K)},V=()=>{c("1"),p("50% 50%"),T&&(E(!1),document.body.style.overflow="initial")};return vn(()=>{if(b(null),n===""||n===null)throw new Error("Prop src must be defined when using ImageZoom component!");c("0");const K=new Image;K.addEventListener("load",()=>{setTimeout(()=>{c("1"),b(K.src)},200)}),K.addEventListener("error",Y=>{w(!0),r&&r(Y)}),n&&(K.src=n)},[n,r]),y?W(Zr,{children:i}):W(YHe,{className:[S,k,o].join(" "),style:{backgroundImage:`url( ${s==="0"&&m?m:""} )`,backgroundSize:e+"%",backgroundPosition:f},onClick:N,onMouseMove:F,onMouseLeave:V,onTouchStart:N,onTouchMove:F,onTouchEnd:V,...a,children:m&&W(KHe,{id:"imageZoom",src:m,alt:t,style:{opacity:s},...a})})}const GHe=Gi("img")(),qHe=Gi("div")(),ZHe=Gi(LT)(),JHe=({src:e,quality:t="LOW",zoomable:n,...r})=>{const[o,i]=Mn();vn(()=>{e===void 0?i(void 0):Array.isArray(e)?i(e[0]):i(e)},[e]);const a=c=>Array.isArray(e)?W(RL,{overlap:"circular",badgeContent:e.length,color:"primary",anchorOrigin:{vertical:"top",horizontal:"right"},children:c.children}):W(Zr,{children:c.children}),s=c=>c==="small"?r.basePath?.basePathThumbnail?r.basePath?.basePathThumbnail+o:o:r.basePath?.basePathStream?r.basePath?.basePathStream+o:o;return o?W(a,{children:r.modal===!1?W(GHe,{...r,onError:c=>{c.onerror=null,!(c?.target?.src??"").endsWith(s("small"))&&(c.target.src=s("small"))},src:s(t==="HIGH"?"large":"small")}):n?W(XHe,{...r,src:s(t==="HIGH"?"large":"small")}):W(ZHe,{...r,small:s(t==="HIGH"?"large":"small"),medium:s("large"),large:s("large"),hideZoom:!0})}):W(qHe,{sx:{...r?.style,...r?.sx},children:W(cFe,{style:{color:"gray",height:"100%",width:"100%"}})})};function fr(e,t,{checkForDefaultPrevented:n=!0}={}){return function(o){if(e?.(o),n===!1||!o.defaultPrevented)return t?.(o)}}function Ep(e,t=[]){let n=[];function r(i,a){const s=xf(a),c=n.length;n=[...n,a];function f(m){const{scope:b,children:y,...w}=m,S=b?.[e][c]||s,k=Jr(()=>w,Object.values(w));return cn(S.Provider,{value:k},y)}function p(m,b){const y=b?.[e][c]||s,w=yf(y);if(w)return w;if(a!==void 0)return a;throw new Error(`\`${m}\` must be used within \`${i}\``)}return f.displayName=i+"Provider",[f,p]}const o=()=>{const i=n.map(a=>xf(a));return function(s){const c=s?.[e]||i;return Jr(()=>({[`__scope${e}`]:{...s,[e]:c}}),[s,c])}};return o.scopeName=e,[r,QHe(o,...t)]}function QHe(...e){const t=e[0];if(e.length===1)return t;const n=()=>{const r=e.map(o=>({useScope:o(),scopeName:o.scopeName}));return function(i){const a=r.reduce((s,{useScope:c,scopeName:f})=>{const m=c(i)[`__scope${f}`];return{...s,...m}},{});return Jr(()=>({[`__scope${t.scopeName}`]:a}),[a])}};return n.scopeName=t.scopeName,n}function eWe(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function pP(...e){return t=>e.forEach(n=>eWe(n,t))}function Ta(...e){return Zn(pP(...e),e)}const eb=rr((e,t)=>{const{children:n,...r}=e,o=Fu.toArray(n),i=o.find(nWe);if(i){const a=i.props.children,s=o.map(c=>c===i?Fu.count(a)>1?Fu.only(null):Ui(a)?a.props.children:null:c);return cn(mP,j({},r,{ref:t}),Ui(a)?js(a,void 0,s):null)}return cn(mP,j({},r,{ref:t}),n)});eb.displayName="Slot";const mP=rr((e,t)=>{const{children:n,...r}=e;return Ui(n)?js(n,{...rWe(r,n.props),ref:t?pP(t,n.ref):n.ref}):Fu.count(n)>1?Fu.only(null):null});mP.displayName="SlotClone";const tWe=({children:e})=>cn(VS,null,e);function nWe(e){return Ui(e)&&e.type===tWe}function rWe(e,t){const n={...t};for(const r in t){const o=e[r],i=t[r];/^on[A-Z]/.test(r)?o&&i?n[r]=(...s)=>{i(...s),o(...s)}:o&&(n[r]=o):r==="style"?n[r]={...o,...i}:r==="className"&&(n[r]=[o,i].filter(Boolean).join(" "))}return{...e,...n}}function gP(e){const t=e+"CollectionProvider",[n,r]=Ep(t),[o,i]=n(t,{collectionRef:{current:null},itemMap:new Map}),a=y=>{const{scope:w,children:S}=y,k=Dt.useRef(null),T=Dt.useRef(new Map).current;return Dt.createElement(o,{scope:w,itemMap:T,collectionRef:k},S)},s=e+"CollectionSlot",c=Dt.forwardRef((y,w)=>{const{scope:S,children:k}=y,T=i(s,S),E=Ta(w,T.collectionRef);return Dt.createElement(eb,{ref:E},k)}),f=e+"CollectionItemSlot",p="data-radix-collection-item",m=Dt.forwardRef((y,w)=>{const{scope:S,children:k,...T}=y,E=Dt.useRef(null),_=Ta(w,E),R=i(f,S);return Dt.useEffect(()=>(R.itemMap.set(E,{ref:E,...T}),()=>void R.itemMap.delete(E))),Dt.createElement(eb,{[p]:"",ref:_},k)});function b(y){const w=i(e+"CollectionConsumer",y);return Dt.useCallback(()=>{const k=w.collectionRef.current;if(!k)return[];const T=Array.from(k.querySelectorAll(`[${p}]`));return Array.from(w.itemMap.values()).sort((R,N)=>T.indexOf(R.ref.current)-T.indexOf(N.ref.current))},[w.collectionRef,w.itemMap])}return[{Provider:a,Slot:c,ItemSlot:m},b,r]}const Tp=globalThis?.document?Al:()=>{},oWe=M.useId||(()=>{});let iWe=0;function Jd(e){const[t,n]=M.useState(oWe());return Tp(()=>{e||n(r=>r??String(iWe++))},[e]),e||(t?`radix-${t}`:"")}const aWe=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],Wi=aWe.reduce((e,t)=>{const n=rr((r,o)=>{const{asChild:i,...a}=r,s=i?eb:t;return vn(()=>{window[Symbol.for("radix-ui")]=!0},[]),cn(s,j({},a,{ref:o}))});return n.displayName=`Primitive.${t}`,{...e,[t]:n}},{});function sWe(e,t){e&&qb(()=>e.dispatchEvent(t))}function Ns(e){const t=Wt(e);return vn(()=>{t.current=e}),Jr(()=>(...n)=>{var r;return(r=t.current)===null||r===void 0?void 0:r.call(t,...n)},[])}function Sw({prop:e,defaultProp:t,onChange:n=()=>{}}){const[r,o]=lWe({defaultProp:t,onChange:n}),i=e!==void 0,a=i?e:r,s=Ns(n),c=Zn(f=>{if(i){const m=typeof f=="function"?f(e):f;m!==e&&s(m)}else o(f)},[i,e,o,s]);return[a,c]}function lWe({defaultProp:e,onChange:t}){const n=Mn(e),[r]=n,o=Wt(r),i=Ns(t);return vn(()=>{o.current!==r&&(i(r),o.current=r)},[r,o,i]),n}const cWe=xf(void 0);function Cw(e){const t=yf(cWe);return e||t||"ltr"}const vP="rovingFocusGroup.onEntryFocus",uWe={bubbles:!1,cancelable:!0},bP="RovingFocusGroup",[yP,P7,dWe]=gP(bP),[fWe,Op]=Ep(bP,[dWe]),[hWe,pWe]=fWe(bP),mWe=rr((e,t)=>cn(yP.Provider,{scope:e.__scopeRovingFocusGroup},cn(yP.Slot,{scope:e.__scopeRovingFocusGroup},cn(gWe,j({},e,{ref:t}))))),gWe=rr((e,t)=>{const{__scopeRovingFocusGroup:n,orientation:r,loop:o=!1,dir:i,currentTabStopId:a,defaultCurrentTabStopId:s,onCurrentTabStopIdChange:c,onEntryFocus:f,...p}=e,m=Wt(null),b=Ta(t,m),y=Cw(i),[w=null,S]=Sw({prop:a,defaultProp:s,onChange:c}),[k,T]=Mn(!1),E=Ns(f),_=P7(n),R=Wt(!1),[N,F]=Mn(0);return vn(()=>{const V=m.current;if(V)return V.addEventListener(vP,E),()=>V.removeEventListener(vP,E)},[E]),cn(hWe,{scope:n,orientation:r,dir:y,loop:o,currentTabStopId:w,onItemFocus:Zn(V=>S(V),[S]),onItemShiftTab:Zn(()=>T(!0),[]),onFocusableItemAdd:Zn(()=>F(V=>V+1),[]),onFocusableItemRemove:Zn(()=>F(V=>V-1),[])},cn(Wi.div,j({tabIndex:k||N===0?-1:0,"data-orientation":r},p,{ref:b,style:{outline:"none",...e.style},onMouseDown:fr(e.onMouseDown,()=>{R.current=!0}),onFocus:fr(e.onFocus,V=>{const K=!R.current;if(V.target===V.currentTarget&&K&&!k){const Y=new CustomEvent(vP,uWe);if(V.currentTarget.dispatchEvent(Y),!Y.defaultPrevented){const J=_().filter(re=>re.focusable),X=J.find(re=>re.active),ne=J.find(re=>re.id===w),te=[X,ne,...J].filter(Boolean).map(re=>re.ref.current);A7(te)}}R.current=!1}),onBlur:fr(e.onBlur,()=>T(!1))})))}),vWe="RovingFocusGroupItem",bWe=rr((e,t)=>{const{__scopeRovingFocusGroup:n,focusable:r=!0,active:o=!1,tabStopId:i,...a}=e,s=Jd(),c=i||s,f=pWe(vWe,n),p=f.currentTabStopId===c,m=P7(n),{onFocusableItemAdd:b,onFocusableItemRemove:y}=f;return vn(()=>{if(r)return b(),()=>y()},[r,b,y]),cn(yP.ItemSlot,{scope:n,id:c,focusable:r,active:o},cn(Wi.span,j({tabIndex:p?0:-1,"data-orientation":f.orientation},a,{ref:t,onMouseDown:fr(e.onMouseDown,w=>{r?f.onItemFocus(c):w.preventDefault()}),onFocus:fr(e.onFocus,()=>f.onItemFocus(c)),onKeyDown:fr(e.onKeyDown,w=>{if(w.key==="Tab"&&w.shiftKey){f.onItemShiftTab();return}if(w.target!==w.currentTarget)return;const S=wWe(w,f.orientation,f.dir);if(S!==void 0){w.preventDefault();let T=m().filter(E=>E.focusable).map(E=>E.ref.current);if(S==="last")T.reverse();else if(S==="prev"||S==="next"){S==="prev"&&T.reverse();const E=T.indexOf(w.currentTarget);T=f.loop?SWe(T,E+1):T.slice(E+1)}setTimeout(()=>A7(T))}})})))}),yWe={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function xWe(e,t){return t!=="rtl"?e:e==="ArrowLeft"?"ArrowRight":e==="ArrowRight"?"ArrowLeft":e}function wWe(e,t,n){const r=xWe(e.key,n);if(!(t==="vertical"&&["ArrowLeft","ArrowRight"].includes(r))&&!(t==="horizontal"&&["ArrowUp","ArrowDown"].includes(r)))return yWe[r]}function A7(e){const t=document.activeElement;for(const n of e)if(n===t||(n.focus(),document.activeElement!==t))return}function SWe(e,t){return e.map((n,r)=>e[(t+r)%e.length])}const xP=mWe,wP=bWe;function CWe(e,t){return BS((n,r)=>{const o=t[n][r];return o??n},e)}const tb=e=>{const{present:t,children:n}=e,r=kWe(t),o=typeof n=="function"?n({present:r.isPresent}):Fu.only(n),i=Ta(r.ref,o.ref);return typeof n=="function"||r.isPresent?js(o,{ref:i}):null};tb.displayName="Presence";function kWe(e){const[t,n]=Mn(),r=Wt({}),o=Wt(e),i=Wt("none"),a=e?"mounted":"unmounted",[s,c]=CWe(a,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return vn(()=>{const f=kw(r.current);i.current=s==="mounted"?f:"none"},[s]),Tp(()=>{const f=r.current,p=o.current;if(p!==e){const b=i.current,y=kw(f);e?c("MOUNT"):y==="none"||f?.display==="none"?c("UNMOUNT"):c(p&&b!==y?"ANIMATION_OUT":"UNMOUNT"),o.current=e}},[e,c]),Tp(()=>{if(t){const f=m=>{const y=kw(r.current).includes(m.animationName);m.target===t&&y&&qb(()=>c("ANIMATION_END"))},p=m=>{m.target===t&&(i.current=kw(r.current))};return t.addEventListener("animationstart",p),t.addEventListener("animationcancel",f),t.addEventListener("animationend",f),()=>{t.removeEventListener("animationstart",p),t.removeEventListener("animationcancel",f),t.removeEventListener("animationend",f)}}else c("ANIMATION_END")},[t,c]),{isPresent:["mounted","unmountSuspended"].includes(s),ref:Zn(f=>{f&&(r.current=getComputedStyle(f)),n(f)},[])}}function kw(e){return e?.animationName||"none"}const D7="Tabs",[EWe,yYe]=Ep(D7,[Op]),_7=Op(),[TWe,SP]=EWe(D7),OWe=rr((e,t)=>{const{__scopeTabs:n,value:r,onValueChange:o,defaultValue:i,orientation:a="horizontal",dir:s,activationMode:c="automatic",...f}=e,p=Cw(s),[m,b]=Sw({prop:r,onChange:o,defaultProp:i});return cn(TWe,{scope:n,baseId:Jd(),value:m,onValueChange:b,orientation:a,dir:p,activationMode:c},cn(Wi.div,j({dir:p,"data-orientation":a},f,{ref:t})))}),MWe="TabsList",PWe=rr((e,t)=>{const{__scopeTabs:n,loop:r=!0,...o}=e,i=SP(MWe,n),a=_7(n);return cn(xP,j({asChild:!0},a,{orientation:i.orientation,dir:i.dir,loop:r}),cn(Wi.div,j({role:"tablist","aria-orientation":i.orientation},o,{ref:t})))}),AWe="TabsTrigger",DWe=rr((e,t)=>{const{__scopeTabs:n,value:r,disabled:o=!1,...i}=e,a=SP(AWe,n),s=_7(n),c=N7(a.baseId,r),f=R7(a.baseId,r),p=r===a.value;return cn(wP,j({asChild:!0},s,{focusable:!o,active:p}),cn(Wi.button,j({type:"button",role:"tab","aria-selected":p,"aria-controls":f,"data-state":p?"active":"inactive","data-disabled":o?"":void 0,disabled:o,id:c},i,{ref:t,onMouseDown:fr(e.onMouseDown,m=>{!o&&m.button===0&&m.ctrlKey===!1?a.onValueChange(r):m.preventDefault()}),onKeyDown:fr(e.onKeyDown,m=>{[" ","Enter"].includes(m.key)&&a.onValueChange(r)}),onFocus:fr(e.onFocus,()=>{const m=a.activationMode!=="manual";!p&&!o&&m&&a.onValueChange(r)})})))}),_We="TabsContent",NWe=rr((e,t)=>{const{__scopeTabs:n,value:r,forceMount:o,children:i,...a}=e,s=SP(_We,n),c=N7(s.baseId,r),f=R7(s.baseId,r),p=r===s.value,m=Wt(p);return vn(()=>{const b=requestAnimationFrame(()=>m.current=!1);return()=>cancelAnimationFrame(b)},[]),cn(tb,{present:o||p},({present:b})=>cn(Wi.div,j({"data-state":p?"active":"inactive","data-orientation":s.orientation,role:"tabpanel","aria-labelledby":c,hidden:!b,id:f,tabIndex:0},a,{ref:t,style:{...e.style,animationDuration:m.current?"0s":void 0}}),b&&i))});function N7(e,t){return`${e}-trigger-${t}`}function R7(e,t){return`${e}-content-${t}`}const RWe=OWe,IWe=PWe,LWe=DWe,$We=NWe,FWe=Gi(RWe)();function zWe({children:e,...t}){return W(FWe,{dir:"rtl",className:"KdTabsRoot",...t,children:e})}const BWe=Gi(IWe)();function VWe({children:e,...t}){return W(bT,{children:W(BWe,{className:"KdTabsList",...t,children:e})})}const jWe=Gi($We)();function HWe({children:e,...t}){return W(jWe,{className:"KdTabsContent",...t,children:e})}const WWe=et(LWe)`
+`);function XHe({zoom:e="200",alt:t="This is an imageZoom image",src:n,onError:r,className:o,errorContent:i=W(UHe,{children:"There was a problem loading your image"}),...a}){const[s,c]=Mn("1"),[f,p]=Mn("50% 50%"),[m,b]=Mn(null),[y,w]=Mn(!1),S=m?"loaded":"loading",k=s==="0"?"zoomed":"fullView",[T,E]=Mn(!1),_=K=>{const Y=K.currentTarget.getBoundingClientRect();let J,X;if(K.type==="touchmove"){T||(E(!0),document.body.style.overflow="hidden");const ne=K.touches[0];J=(ne.clientX-Y.x)/Y.width*100,X=(ne.clientY-Y.y)/Y.height*100}else J=(K.clientX-Y.x)/Y.width*100,X=(K.clientY-Y.y)/Y.height*100;p(`${Math.max(0,Math.min(J,100))}% ${Math.max(0,Math.min(X,100))}%`)},R=K=>{s==="0"?c("1"):(c("0"),_(K))},N=K=>{R(K)},F=K=>{s==="0"&&_(K)},V=()=>{c("1"),p("50% 50%"),T&&(E(!1),document.body.style.overflow="initial")};return vn(()=>{if(b(null),n===""||n===null)throw new Error("Prop src must be defined when using ImageZoom component!");c("0");const K=new Image;K.addEventListener("load",()=>{setTimeout(()=>{c("1"),b(K.src)},200)}),K.addEventListener("error",Y=>{w(!0),r&&r(Y)}),n&&(K.src=n)},[n,r]),y?W(Zr,{children:i}):W(YHe,{className:[S,k,o].join(" "),style:{backgroundImage:`url( ${s==="0"&&m?m:""} )`,backgroundSize:e+"%",backgroundPosition:f},onClick:N,onMouseMove:F,onMouseLeave:V,onTouchStart:N,onTouchMove:F,onTouchEnd:V,...a,children:m&&W(KHe,{id:"imageZoom",src:m,alt:t,style:{opacity:s},...a})})}const GHe=Gi("img")(),qHe=Gi("div")(),ZHe=Gi(LT)(),JHe=({src:e,quality:t="LOW",zoomable:n,...r})=>{const[o,i]=Mn();vn(()=>{e===void 0?i(void 0):Array.isArray(e)?i(e[0]):i(e)},[e]);const a=c=>Array.isArray(e)?W(RL,{overlap:"circular",badgeContent:e.length,color:"primary",anchorOrigin:{vertical:"top",horizontal:"right"},children:c.children}):W(Zr,{children:c.children}),s=c=>c==="small"?r.basePath?.basePathThumbnail?r.basePath?.basePathThumbnail+o:o:r.basePath?.basePathStream?r.basePath?.basePathStream+o:o;return o?W(a,{children:r.modal===!0?W(ZHe,{...r,small:s(t==="HIGH"?"large":"small"),medium:s("large"),large:s("large"),hideZoom:!0}):n===!0?W(XHe,{...r,src:s(t==="HIGH"?"large":"small")}):W(GHe,{...r,onError:c=>{c.onerror=null,!(c?.target?.src??"").endsWith(s("small"))&&(c.target.src=s("small"))},src:s(t==="HIGH"?"large":"small")})}):W(qHe,{sx:{...r?.style,...r?.sx},children:W(cFe,{style:{color:"gray",height:"100%",width:"100%"}})})};function fr(e,t,{checkForDefaultPrevented:n=!0}={}){return function(o){if(e?.(o),n===!1||!o.defaultPrevented)return t?.(o)}}function Ep(e,t=[]){let n=[];function r(i,a){const s=xf(a),c=n.length;n=[...n,a];function f(m){const{scope:b,children:y,...w}=m,S=b?.[e][c]||s,k=Jr(()=>w,Object.values(w));return cn(S.Provider,{value:k},y)}function p(m,b){const y=b?.[e][c]||s,w=yf(y);if(w)return w;if(a!==void 0)return a;throw new Error(`\`${m}\` must be used within \`${i}\``)}return f.displayName=i+"Provider",[f,p]}const o=()=>{const i=n.map(a=>xf(a));return function(s){const c=s?.[e]||i;return Jr(()=>({[`__scope${e}`]:{...s,[e]:c}}),[s,c])}};return o.scopeName=e,[r,QHe(o,...t)]}function QHe(...e){const t=e[0];if(e.length===1)return t;const n=()=>{const r=e.map(o=>({useScope:o(),scopeName:o.scopeName}));return function(i){const a=r.reduce((s,{useScope:c,scopeName:f})=>{const m=c(i)[`__scope${f}`];return{...s,...m}},{});return Jr(()=>({[`__scope${t.scopeName}`]:a}),[a])}};return n.scopeName=t.scopeName,n}function eWe(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function pP(...e){return t=>e.forEach(n=>eWe(n,t))}function Ta(...e){return Zn(pP(...e),e)}const eb=rr((e,t)=>{const{children:n,...r}=e,o=Fu.toArray(n),i=o.find(nWe);if(i){const a=i.props.children,s=o.map(c=>c===i?Fu.count(a)>1?Fu.only(null):Ui(a)?a.props.children:null:c);return cn(mP,j({},r,{ref:t}),Ui(a)?js(a,void 0,s):null)}return cn(mP,j({},r,{ref:t}),n)});eb.displayName="Slot";const mP=rr((e,t)=>{const{children:n,...r}=e;return Ui(n)?js(n,{...rWe(r,n.props),ref:t?pP(t,n.ref):n.ref}):Fu.count(n)>1?Fu.only(null):null});mP.displayName="SlotClone";const tWe=({children:e})=>cn(VS,null,e);function nWe(e){return Ui(e)&&e.type===tWe}function rWe(e,t){const n={...t};for(const r in t){const o=e[r],i=t[r];/^on[A-Z]/.test(r)?o&&i?n[r]=(...s)=>{i(...s),o(...s)}:o&&(n[r]=o):r==="style"?n[r]={...o,...i}:r==="className"&&(n[r]=[o,i].filter(Boolean).join(" "))}return{...e,...n}}function gP(e){const t=e+"CollectionProvider",[n,r]=Ep(t),[o,i]=n(t,{collectionRef:{current:null},itemMap:new Map}),a=y=>{const{scope:w,children:S}=y,k=Dt.useRef(null),T=Dt.useRef(new Map).current;return Dt.createElement(o,{scope:w,itemMap:T,collectionRef:k},S)},s=e+"CollectionSlot",c=Dt.forwardRef((y,w)=>{const{scope:S,children:k}=y,T=i(s,S),E=Ta(w,T.collectionRef);return Dt.createElement(eb,{ref:E},k)}),f=e+"CollectionItemSlot",p="data-radix-collection-item",m=Dt.forwardRef((y,w)=>{const{scope:S,children:k,...T}=y,E=Dt.useRef(null),_=Ta(w,E),R=i(f,S);return Dt.useEffect(()=>(R.itemMap.set(E,{ref:E,...T}),()=>void R.itemMap.delete(E))),Dt.createElement(eb,{[p]:"",ref:_},k)});function b(y){const w=i(e+"CollectionConsumer",y);return Dt.useCallback(()=>{const k=w.collectionRef.current;if(!k)return[];const T=Array.from(k.querySelectorAll(`[${p}]`));return Array.from(w.itemMap.values()).sort((R,N)=>T.indexOf(R.ref.current)-T.indexOf(N.ref.current))},[w.collectionRef,w.itemMap])}return[{Provider:a,Slot:c,ItemSlot:m},b,r]}const Tp=globalThis?.document?Al:()=>{},oWe=M.useId||(()=>{});let iWe=0;function Jd(e){const[t,n]=M.useState(oWe());return Tp(()=>{e||n(r=>r??String(iWe++))},[e]),e||(t?`radix-${t}`:"")}const aWe=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],Wi=aWe.reduce((e,t)=>{const n=rr((r,o)=>{const{asChild:i,...a}=r,s=i?eb:t;return vn(()=>{window[Symbol.for("radix-ui")]=!0},[]),cn(s,j({},a,{ref:o}))});return n.displayName=`Primitive.${t}`,{...e,[t]:n}},{});function sWe(e,t){e&&qb(()=>e.dispatchEvent(t))}function Ns(e){const t=Wt(e);return vn(()=>{t.current=e}),Jr(()=>(...n)=>{var r;return(r=t.current)===null||r===void 0?void 0:r.call(t,...n)},[])}function Sw({prop:e,defaultProp:t,onChange:n=()=>{}}){const[r,o]=lWe({defaultProp:t,onChange:n}),i=e!==void 0,a=i?e:r,s=Ns(n),c=Zn(f=>{if(i){const m=typeof f=="function"?f(e):f;m!==e&&s(m)}else o(f)},[i,e,o,s]);return[a,c]}function lWe({defaultProp:e,onChange:t}){const n=Mn(e),[r]=n,o=Wt(r),i=Ns(t);return vn(()=>{o.current!==r&&(i(r),o.current=r)},[r,o,i]),n}const cWe=xf(void 0);function Cw(e){const t=yf(cWe);return e||t||"ltr"}const vP="rovingFocusGroup.onEntryFocus",uWe={bubbles:!1,cancelable:!0},bP="RovingFocusGroup",[yP,P7,dWe]=gP(bP),[fWe,Op]=Ep(bP,[dWe]),[hWe,pWe]=fWe(bP),mWe=rr((e,t)=>cn(yP.Provider,{scope:e.__scopeRovingFocusGroup},cn(yP.Slot,{scope:e.__scopeRovingFocusGroup},cn(gWe,j({},e,{ref:t}))))),gWe=rr((e,t)=>{const{__scopeRovingFocusGroup:n,orientation:r,loop:o=!1,dir:i,currentTabStopId:a,defaultCurrentTabStopId:s,onCurrentTabStopIdChange:c,onEntryFocus:f,...p}=e,m=Wt(null),b=Ta(t,m),y=Cw(i),[w=null,S]=Sw({prop:a,defaultProp:s,onChange:c}),[k,T]=Mn(!1),E=Ns(f),_=P7(n),R=Wt(!1),[N,F]=Mn(0);return vn(()=>{const V=m.current;if(V)return V.addEventListener(vP,E),()=>V.removeEventListener(vP,E)},[E]),cn(hWe,{scope:n,orientation:r,dir:y,loop:o,currentTabStopId:w,onItemFocus:Zn(V=>S(V),[S]),onItemShiftTab:Zn(()=>T(!0),[]),onFocusableItemAdd:Zn(()=>F(V=>V+1),[]),onFocusableItemRemove:Zn(()=>F(V=>V-1),[])},cn(Wi.div,j({tabIndex:k||N===0?-1:0,"data-orientation":r},p,{ref:b,style:{outline:"none",...e.style},onMouseDown:fr(e.onMouseDown,()=>{R.current=!0}),onFocus:fr(e.onFocus,V=>{const K=!R.current;if(V.target===V.currentTarget&&K&&!k){const Y=new CustomEvent(vP,uWe);if(V.currentTarget.dispatchEvent(Y),!Y.defaultPrevented){const J=_().filter(re=>re.focusable),X=J.find(re=>re.active),ne=J.find(re=>re.id===w),te=[X,ne,...J].filter(Boolean).map(re=>re.ref.current);A7(te)}}R.current=!1}),onBlur:fr(e.onBlur,()=>T(!1))})))}),vWe="RovingFocusGroupItem",bWe=rr((e,t)=>{const{__scopeRovingFocusGroup:n,focusable:r=!0,active:o=!1,tabStopId:i,...a}=e,s=Jd(),c=i||s,f=pWe(vWe,n),p=f.currentTabStopId===c,m=P7(n),{onFocusableItemAdd:b,onFocusableItemRemove:y}=f;return vn(()=>{if(r)return b(),()=>y()},[r,b,y]),cn(yP.ItemSlot,{scope:n,id:c,focusable:r,active:o},cn(Wi.span,j({tabIndex:p?0:-1,"data-orientation":f.orientation},a,{ref:t,onMouseDown:fr(e.onMouseDown,w=>{r?f.onItemFocus(c):w.preventDefault()}),onFocus:fr(e.onFocus,()=>f.onItemFocus(c)),onKeyDown:fr(e.onKeyDown,w=>{if(w.key==="Tab"&&w.shiftKey){f.onItemShiftTab();return}if(w.target!==w.currentTarget)return;const S=wWe(w,f.orientation,f.dir);if(S!==void 0){w.preventDefault();let T=m().filter(E=>E.focusable).map(E=>E.ref.current);if(S==="last")T.reverse();else if(S==="prev"||S==="next"){S==="prev"&&T.reverse();const E=T.indexOf(w.currentTarget);T=f.loop?SWe(T,E+1):T.slice(E+1)}setTimeout(()=>A7(T))}})})))}),yWe={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function xWe(e,t){return t!=="rtl"?e:e==="ArrowLeft"?"ArrowRight":e==="ArrowRight"?"ArrowLeft":e}function wWe(e,t,n){const r=xWe(e.key,n);if(!(t==="vertical"&&["ArrowLeft","ArrowRight"].includes(r))&&!(t==="horizontal"&&["ArrowUp","ArrowDown"].includes(r)))return yWe[r]}function A7(e){const t=document.activeElement;for(const n of e)if(n===t||(n.focus(),document.activeElement!==t))return}function SWe(e,t){return e.map((n,r)=>e[(t+r)%e.length])}const xP=mWe,wP=bWe;function CWe(e,t){return BS((n,r)=>{const o=t[n][r];return o??n},e)}const tb=e=>{const{present:t,children:n}=e,r=kWe(t),o=typeof n=="function"?n({present:r.isPresent}):Fu.only(n),i=Ta(r.ref,o.ref);return typeof n=="function"||r.isPresent?js(o,{ref:i}):null};tb.displayName="Presence";function kWe(e){const[t,n]=Mn(),r=Wt({}),o=Wt(e),i=Wt("none"),a=e?"mounted":"unmounted",[s,c]=CWe(a,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return vn(()=>{const f=kw(r.current);i.current=s==="mounted"?f:"none"},[s]),Tp(()=>{const f=r.current,p=o.current;if(p!==e){const b=i.current,y=kw(f);e?c("MOUNT"):y==="none"||f?.display==="none"?c("UNMOUNT"):c(p&&b!==y?"ANIMATION_OUT":"UNMOUNT"),o.current=e}},[e,c]),Tp(()=>{if(t){const f=m=>{const y=kw(r.current).includes(m.animationName);m.target===t&&y&&qb(()=>c("ANIMATION_END"))},p=m=>{m.target===t&&(i.current=kw(r.current))};return t.addEventListener("animationstart",p),t.addEventListener("animationcancel",f),t.addEventListener("animationend",f),()=>{t.removeEventListener("animationstart",p),t.removeEventListener("animationcancel",f),t.removeEventListener("animationend",f)}}else c("ANIMATION_END")},[t,c]),{isPresent:["mounted","unmountSuspended"].includes(s),ref:Zn(f=>{f&&(r.current=getComputedStyle(f)),n(f)},[])}}function kw(e){return e?.animationName||"none"}const D7="Tabs",[EWe,yYe]=Ep(D7,[Op]),_7=Op(),[TWe,SP]=EWe(D7),OWe=rr((e,t)=>{const{__scopeTabs:n,value:r,onValueChange:o,defaultValue:i,orientation:a="horizontal",dir:s,activationMode:c="automatic",...f}=e,p=Cw(s),[m,b]=Sw({prop:r,onChange:o,defaultProp:i});return cn(TWe,{scope:n,baseId:Jd(),value:m,onValueChange:b,orientation:a,dir:p,activationMode:c},cn(Wi.div,j({dir:p,"data-orientation":a},f,{ref:t})))}),MWe="TabsList",PWe=rr((e,t)=>{const{__scopeTabs:n,loop:r=!0,...o}=e,i=SP(MWe,n),a=_7(n);return cn(xP,j({asChild:!0},a,{orientation:i.orientation,dir:i.dir,loop:r}),cn(Wi.div,j({role:"tablist","aria-orientation":i.orientation},o,{ref:t})))}),AWe="TabsTrigger",DWe=rr((e,t)=>{const{__scopeTabs:n,value:r,disabled:o=!1,...i}=e,a=SP(AWe,n),s=_7(n),c=N7(a.baseId,r),f=R7(a.baseId,r),p=r===a.value;return cn(wP,j({asChild:!0},s,{focusable:!o,active:p}),cn(Wi.button,j({type:"button",role:"tab","aria-selected":p,"aria-controls":f,"data-state":p?"active":"inactive","data-disabled":o?"":void 0,disabled:o,id:c},i,{ref:t,onMouseDown:fr(e.onMouseDown,m=>{!o&&m.button===0&&m.ctrlKey===!1?a.onValueChange(r):m.preventDefault()}),onKeyDown:fr(e.onKeyDown,m=>{[" ","Enter"].includes(m.key)&&a.onValueChange(r)}),onFocus:fr(e.onFocus,()=>{const m=a.activationMode!=="manual";!p&&!o&&m&&a.onValueChange(r)})})))}),_We="TabsContent",NWe=rr((e,t)=>{const{__scopeTabs:n,value:r,forceMount:o,children:i,...a}=e,s=SP(_We,n),c=N7(s.baseId,r),f=R7(s.baseId,r),p=r===s.value,m=Wt(p);return vn(()=>{const b=requestAnimationFrame(()=>m.current=!1);return()=>cancelAnimationFrame(b)},[]),cn(tb,{present:o||p},({present:b})=>cn(Wi.div,j({"data-state":p?"active":"inactive","data-orientation":s.orientation,role:"tabpanel","aria-labelledby":c,hidden:!b,id:f,tabIndex:0},a,{ref:t,style:{...e.style,animationDuration:m.current?"0s":void 0}}),b&&i))});function N7(e,t){return`${e}-trigger-${t}`}function R7(e,t){return`${e}-content-${t}`}const RWe=OWe,IWe=PWe,LWe=DWe,$We=NWe,FWe=Gi(RWe)();function zWe({children:e,...t}){return W(FWe,{dir:"rtl",className:"KdTabsRoot",...t,children:e})}const BWe=Gi(IWe)();function VWe({children:e,...t}){return W(bT,{children:W(BWe,{className:"KdTabsList",...t,children:e})})}const jWe=Gi($We)();function HWe({children:e,...t}){return W(jWe,{className:"KdTabsContent",...t,children:e})}const WWe=et(LWe)`
   font-family: inherit;
   background-color: inherit;
   width: 50px;

package/dist/types/designerKit/components/ImageBox/KdImageBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KdImageBox.d.ts","sourceRoot":"","sources":["../../../../../src/designerKit/components/ImageBox/KdImageBox.tsx"],"names":[],"mappings":"AAEA,OAAmB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAWhE,MAAM,WAAW,eAAgB,SAAQ,OAAO,CAAC,eAAe,CAAC;IAC/D,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE;QACT,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;KAC5B,CAAC;IACF,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,GAAG,CAAC;CACV;AAED,QAAA,MAAM,UAAU,yCAKb,eAAe,4CA6EjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"KdImageBox.d.ts","sourceRoot":"","sources":["../../../../../src/designerKit/components/ImageBox/KdImageBox.tsx"],"names":[],"mappings":"AAEA,OAAmB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAWhE,MAAM,WAAW,eAAgB,SAAQ,OAAO,CAAC,eAAe,CAAC;IAC/D,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE;QACT,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;KAC5B,CAAC;IACF,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,GAAG,CAAC;CACV;AAED,QAAA,MAAM,UAAU,yCAKb,eAAe,4CAyGjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/types/designerKit/components/ImageBox/KdModalImage.stories.d.ts

@@ -3,7 +3,7 @@ import KdImageBox from "./KdImageBox";
 declare const meta: Meta<typeof KdImageBox>;
 export default meta;
 type Story = StoryObj<typeof KdImageBox>;
-export declare const Primary: Story;
-export declare const Secondary: Story;
+export declare const Normal: Story;
+export declare const Modal: Story;
 export declare const Zoomable: Story;
 //# sourceMappingURL=KdModalImage.stories.d.ts.map

package/dist/types/designerKit/components/ImageBox/KdModalImage.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KdModalImage.stories.d.ts","sourceRoot":"","sources":["../../../../../src/designerKit/components/ImageBox/KdModalImage.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,UAAU,MAAM,cAAc,CAAC;AAItC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAGjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC"}
+{"version":3,"file":"KdModalImage.stories.d.ts","sourceRoot":"","sources":["../../../../../src/designerKit/components/ImageBox/KdModalImage.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,UAAU,MAAM,cAAc,CAAC;AAItC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAGjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,MAAM,EAAE,KAcpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kdpa-components",
-  "version": "1.39.0",
+  "version": "1.39.1",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",