cortex-react-components 2.26.4 → 2.27.0

package/dist/components/AdvancedComponents/navigation-tabs.js

@@ -2,4 +2,4 @@
 "use strict";
 "use client"
 
-"use strict";"use client";var Se=Object.create;var H=Object.defineProperty;var ze=Object.getOwnPropertyDescriptor;var Ie=Object.getOwnPropertyNames;var Ae=Object.getPrototypeOf,Ge=Object.prototype.hasOwnProperty;var Le=(e,t)=>{for(var o in t)H(e,o,{get:t[o],enumerable:!0})},de=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Ie(t))!Ge.call(e,i)&&i!==o&&H(e,i,{get:()=>t[i],enumerable:!(r=ze(t,i))||r.enumerable});return e};var F=(e,t,o)=>(o=e!=null?Se(Ae(e)):{},de(t||!e||!e.__esModule?H(o,"default",{value:e,enumerable:!0}):o,e)),Ee=e=>de(H({},"__esModule",{value:!0}),e);var Pt={};Le(Pt,{NavigationTabs:()=>Mt});module.exports=Ee(Pt);var oe=require("motion/react"),Te=require("lucide-react");var we=require("clsx");var Q="-",We=e=>{let t=je(e),{conflictingClassGroups:o,conflictingClassGroupModifiers:r}=e;return{getClassGroupId:l=>{let n=l.split(Q);return n[0]===""&&n.length!==1&&n.shift(),me(n,t)||_e(l)},getConflictingClassGroupIds:(l,n)=>{let m=o[l]||[];return n&&r[l]?[...m,...r[l]]:m}}},me=(e,t)=>{if(e.length===0)return t.classGroupId;let o=e[0],r=t.nextPart.get(o),i=r?me(e.slice(1),r):void 0;if(i)return i;if(t.validators.length===0)return;let s=e.join(Q);return t.validators.find(({validator:l})=>l(s))?.classGroupId},pe=/^\[(.+)\]$/,_e=e=>{if(pe.test(e)){let t=pe.exec(e)[1],o=t?.substring(0,t.indexOf(":"));if(o)return"arbitrary.."+o}},je=e=>{let{theme:t,prefix:o}=e,r={nextPart:new Map,validators:[]};return Be(Object.entries(e.classGroups),o).forEach(([s,l])=>{Z(l,r,s,t)}),r},Z=(e,t,o,r)=>{e.forEach(i=>{if(typeof i=="string"){let s=i===""?t:ue(t,i);s.classGroupId=o;return}if(typeof i=="function"){if(Ve(i)){Z(i(r),t,o,r);return}t.validators.push({validator:i,classGroupId:o});return}Object.entries(i).forEach(([s,l])=>{Z(l,ue(t,s),o,r)})})},ue=(e,t)=>{let o=e;return t.split(Q).forEach(r=>{o.nextPart.has(r)||o.nextPart.set(r,{nextPart:new Map,validators:[]}),o=o.nextPart.get(r)}),o},Ve=e=>e.isThemeGetter,Be=(e,t)=>t?e.map(([o,r])=>{let i=r.map(s=>typeof s=="string"?t+s:typeof s=="object"?Object.fromEntries(Object.entries(s).map(([l,n])=>[t+l,n])):s);return[o,i]}):e,$e=e=>{if(e<1)return{get:()=>{},set:()=>{}};let t=0,o=new Map,r=new Map,i=(s,l)=>{o.set(s,l),t++,t>e&&(t=0,r=o,o=new Map)};return{get(s){let l=o.get(s);if(l!==void 0)return l;if((l=r.get(s))!==void 0)return i(s,l),l},set(s,l){o.has(s)?o.set(s,l):i(s,l)}}},fe="!",He=e=>{let{separator:t,experimentalParseClassName:o}=e,r=t.length===1,i=t[0],s=t.length,l=n=>{let m=[],h=0,w=0,M;for(let u=0;u<n.length;u++){let v=n[u];if(h===0){if(v===i&&(r||n.slice(u,u+s)===t)){m.push(n.slice(w,u)),w=u+s;continue}if(v==="/"){M=u;continue}}v==="["?h++:v==="]"&&h--}let P=m.length===0?n:n.substring(w),R=P.startsWith(fe),C=R?P.substring(1):P,b=M&&M>w?M-w:void 0;return{modifiers:m,hasImportantModifier:R,baseClassName:C,maybePostfixModifierPosition:b}};return o?n=>o({className:n,parseClassName:l}):l},Fe=e=>{if(e.length<=1)return e;let t=[],o=[];return e.forEach(r=>{r[0]==="["?(t.push(...o.sort(),r),o=[]):o.push(r)}),t.push(...o.sort()),t},Oe=e=>({cache:$e(e.cacheSize),parseClassName:He(e),...We(e)}),Ue=/\s+/,qe=(e,t)=>{let{parseClassName:o,getClassGroupId:r,getConflictingClassGroupIds:i}=t,s=[],l=e.trim().split(Ue),n="";for(let m=l.length-1;m>=0;m-=1){let h=l[m],{modifiers:w,hasImportantModifier:M,baseClassName:P,maybePostfixModifierPosition:R}=o(h),C=!!R,b=r(C?P.substring(0,R):P);if(!b){if(!C){n=h+(n.length>0?" "+n:n);continue}if(b=r(P),!b){n=h+(n.length>0?" "+n:n);continue}C=!1}let u=Fe(w).join(":"),v=M?u+fe:u,x=v+b;if(s.includes(x))continue;s.push(x);let E=i(b,C);for(let z=0;z<E.length;++z){let V=E[z];s.push(v+V)}n=h+(n.length>0?" "+n:n)}return n};function Je(){let e=0,t,o,r="";for(;e<arguments.length;)(t=arguments[e++])&&(o=be(t))&&(r&&(r+=" "),r+=o);return r}var be=e=>{if(typeof e=="string")return e;let t,o="";for(let r=0;r<e.length;r++)e[r]&&(t=be(e[r]))&&(o&&(o+=" "),o+=t);return o};function Ke(e,...t){let o,r,i,s=l;function l(m){let h=t.reduce((w,M)=>M(w),e());return o=Oe(h),r=o.cache.get,i=o.cache.set,s=n,n(m)}function n(m){let h=r(m);if(h)return h;let w=qe(m,o);return i(m,w),w}return function(){return s(Je.apply(null,arguments))}}var d=e=>{let t=o=>o[e]||[];return t.isThemeGetter=!0,t},ge=/^\[(?:([a-z-]+):)?(.+)\]$/i,Xe=/^\d+\/\d+$/,Ze=new Set(["px","full","screen"]),Qe=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,Ye=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/,et=/^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/,tt=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,ot=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,N=e=>A(e)||Ze.has(e)||Xe.test(e),T=e=>G(e,"length",dt),A=e=>!!e&&!Number.isNaN(Number(e)),X=e=>G(e,"number",A),_=e=>!!e&&Number.isInteger(Number(e)),rt=e=>e.endsWith("%")&&A(e.slice(0,-1)),a=e=>ge.test(e),S=e=>Qe.test(e),nt=new Set(["length","size","percentage"]),st=e=>G(e,nt,he),it=e=>G(e,"position",he),at=new Set(["image","url"]),lt=e=>G(e,at,ut),ct=e=>G(e,"",pt),j=()=>!0,G=(e,t,o)=>{let r=ge.exec(e);return r?r[1]?typeof t=="string"?r[1]===t:t.has(r[1]):o(r[2]):!1},dt=e=>Ye.test(e)&&!et.test(e),he=()=>!1,pt=e=>tt.test(e),ut=e=>ot.test(e);var mt=()=>{let e=d("colors"),t=d("spacing"),o=d("blur"),r=d("brightness"),i=d("borderColor"),s=d("borderRadius"),l=d("borderSpacing"),n=d("borderWidth"),m=d("contrast"),h=d("grayscale"),w=d("hueRotate"),M=d("invert"),P=d("gap"),R=d("gradientColorStops"),C=d("gradientColorStopPositions"),b=d("inset"),u=d("margin"),v=d("opacity"),x=d("padding"),E=d("saturate"),z=d("scale"),V=d("sepia"),re=d("skew"),ne=d("space"),se=d("translate"),U=()=>["auto","contain","none"],q=()=>["auto","hidden","clip","visible","scroll"],J=()=>["auto",a,t],p=()=>[a,t],ie=()=>["",N,T],B=()=>["auto",A,a],ae=()=>["bottom","center","left","left-bottom","left-top","right","right-bottom","right-top","top"],$=()=>["solid","dashed","dotted","double","none"],le=()=>["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],K=()=>["start","end","center","between","around","evenly","stretch"],W=()=>["","0",a],ce=()=>["auto","avoid","all","avoid-page","page","left","right","column"],k=()=>[A,a];return{cacheSize:500,separator:":",theme:{colors:[j],spacing:[N,T],blur:["none","",S,a],brightness:k(),borderColor:[e],borderRadius:["none","","full",S,a],borderSpacing:p(),borderWidth:ie(),contrast:k(),grayscale:W(),hueRotate:k(),invert:W(),gap:p(),gradientColorStops:[e],gradientColorStopPositions:[rt,T],inset:J(),margin:J(),opacity:k(),padding:p(),saturate:k(),scale:k(),sepia:W(),skew:k(),space:p(),translate:p()},classGroups:{aspect:[{aspect:["auto","square","video",a]}],container:["container"],columns:[{columns:[S]}],"break-after":[{"break-after":ce()}],"break-before":[{"break-before":ce()}],"break-inside":[{"break-inside":["auto","avoid","avoid-page","avoid-column"]}],"box-decoration":[{"box-decoration":["slice","clone"]}],box:[{box:["border","content"]}],display:["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","inline-grid","contents","list-item","hidden"],float:[{float:["right","left","none","start","end"]}],clear:[{clear:["left","right","both","none","start","end"]}],isolation:["isolate","isolation-auto"],"object-fit":[{object:["contain","cover","fill","none","scale-down"]}],"object-position":[{object:[...ae(),a]}],overflow:[{overflow:q()}],"overflow-x":[{"overflow-x":q()}],"overflow-Pe":[{"overflow-Pe":q()}],overscroll:[{overscroll:U()}],"overscroll-x":[{"overscroll-x":U()}],"overscroll-Pe":[{"overscroll-Pe":U()}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:[b]}],"inset-x":[{"inset-x":[b]}],"inset-Pe":[{"inset-Pe":[b]}],start:[{start:[b]}],end:[{end:[b]}],top:[{top:[b]}],right:[{right:[b]}],bottom:[{bottom:[b]}],left:[{left:[b]}],visibility:["visible","invisible","collapse"],z:[{z:["auto",_,a]}],basis:[{basis:J()}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["wrap","wrap-reverse","nowrap"]}],flex:[{flex:["1","auto","initial","none",a]}],grow:[{grow:W()}],shrink:[{shrink:W()}],order:[{order:["first","last","none",_,a]}],"grid-cols":[{"grid-cols":[j]}],"col-start-end":[{col:["auto",{span:["full",_,a]},a]}],"col-start":[{"col-start":B()}],"col-end":[{"col-end":B()}],"grid-rows":[{"grid-rows":[j]}],"row-start-end":[{row:["auto",{span:[_,a]},a]}],"row-start":[{"row-start":B()}],"row-end":[{"row-end":B()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":["auto","min","max","fr",a]}],"auto-rows":[{"auto-rows":["auto","min","max","fr",a]}],gap:[{gap:[P]}],"gap-x":[{"gap-x":[P]}],"gap-Pe":[{"gap-Pe":[P]}],"justify-content":[{justify:["normal",...K()]}],"justify-items":[{"justify-items":["start","end","center","stretch"]}],"justify-self":[{"justify-self":["auto","start","end","center","stretch"]}],"align-content":[{content:["normal",...K(),"baseline"]}],"align-items":[{items:["start","end","center","baseline","stretch"]}],"align-self":[{self:["auto","start","end","center","stretch","baseline"]}],"place-content":[{"place-content":[...K(),"baseline"]}],"place-items":[{"place-items":["start","end","center","baseline","stretch"]}],"place-self":[{"place-self":["auto","start","end","center","stretch"]}],p:[{p:[x]}],px:[{px:[x]}],py:[{py:[x]}],ps:[{ps:[x]}],pe:[{pe:[x]}],pt:[{pt:[x]}],pr:[{pr:[x]}],pb:[{pb:[x]}],pl:[{pl:[x]}],m:[{m:[u]}],mx:[{mx:[u]}],my:[{my:[u]}],ms:[{ms:[u]}],me:[{me:[u]}],mt:[{mt:[u]}],mr:[{mr:[u]}],mb:[{mb:[u]}],ml:[{ml:[u]}],"space-x":[{"space-x":[ne]}],"space-x-reverse":["space-x-reverse"],"space-Pe":[{"space-Pe":[ne]}],"space-Pe-reverse":["space-Pe-reverse"],w:[{w:["auto","min","max","fit","svw","lvw","dvw",a,t]}],"min-w":[{"min-w":[a,t,"min","max","fit"]}],"max-w":[{"max-w":[a,t,"none","full","min","max","fit","prose",{screen:[S]},S]}],h:[{h:[a,t,"auto","min","max","fit","svh","lvh","dvh"]}],"min-h":[{"min-h":[a,t,"min","max","fit","svh","lvh","dvh"]}],"max-h":[{"max-h":[a,t,"min","max","fit","svh","lvh","dvh"]}],size:[{size:[a,t,"auto","min","max","fit"]}],"font-size":[{text:["base",S,T]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:["thin","extralight","light","normal","medium","semibold","bold","extrabold","black",X]}],"font-family":[{font:[j]}],"fvn-normal":["normal-nums"],"fvn-ordinal":["ordinal"],"fvn-slashed-zero":["slashed-zero"],"fvn-figure":["lining-nums","oldstyle-nums"],"fvn-spacing":["proportional-nums","tabular-nums"],"fvn-fraction":["diagonal-fractions","stacked-fractions"],tracking:[{tracking:["tighter","tight","normal","wide","wider","widest",a]}],"line-clamp":[{"line-clamp":["none",A,X]}],leading:[{leading:["none","tight","snug","normal","relaxed","loose",N,a]}],"list-image":[{"list-image":["none",a]}],"list-style-type":[{list:["none","disc","decimal",a]}],"list-style-position":[{list:["inside","outside"]}],"placeholder-color":[{placeholder:[e]}],"placeholder-opacity":[{"placeholder-opacity":[v]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"text-color":[{text:[e]}],"text-opacity":[{"text-opacity":[v]}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:[...$(),"wavy"]}],"text-decoration-thickness":[{decoration:["auto","from-font",N,T]}],"underline-offset":[{"underline-offset":["auto",N,a]}],"text-decoration-color":[{decoration:[e]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:p()}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",a]}],whitespace:[{whitespace:["normal","nowrap","pre","pre-line","pre-wrap","break-spaces"]}],break:[{break:["normal","words","all","keep"]}],hyphens:[{hyphens:["none","manual","auto"]}],content:[{content:["none",a]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-opacity":[{"bg-opacity":[v]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:[...ae(),it]}],"bg-repeat":[{bg:["no-repeat",{repeat:["","x","Pe","round","space"]}]}],"bg-size":[{bg:["auto","cover","contain",st]}],"bg-image":[{bg:["none",{"gradient-to":["t","tr","r","br","b","bl","l","tl"]},lt]}],"bg-color":[{bg:[e]}],"gradient-from-pos":[{from:[C]}],"gradient-via-pos":[{via:[C]}],"gradient-to-pos":[{to:[C]}],"gradient-from":[{from:[R]}],"gradient-via":[{via:[R]}],"gradient-to":[{to:[R]}],rounded:[{rounded:[s]}],"rounded-s":[{"rounded-s":[s]}],"rounded-e":[{"rounded-e":[s]}],"rounded-t":[{"rounded-t":[s]}],"rounded-r":[{"rounded-r":[s]}],"rounded-b":[{"rounded-b":[s]}],"rounded-l":[{"rounded-l":[s]}],"rounded-ss":[{"rounded-ss":[s]}],"rounded-se":[{"rounded-se":[s]}],"rounded-ee":[{"rounded-ee":[s]}],"rounded-es":[{"rounded-es":[s]}],"rounded-tl":[{"rounded-tl":[s]}],"rounded-tr":[{"rounded-tr":[s]}],"rounded-br":[{"rounded-br":[s]}],"rounded-bl":[{"rounded-bl":[s]}],"border-w":[{border:[n]}],"border-w-x":[{"border-x":[n]}],"border-w-Pe":[{"border-Pe":[n]}],"border-w-s":[{"border-s":[n]}],"border-w-e":[{"border-e":[n]}],"border-w-t":[{"border-t":[n]}],"border-w-r":[{"border-r":[n]}],"border-w-b":[{"border-b":[n]}],"border-w-l":[{"border-l":[n]}],"border-opacity":[{"border-opacity":[v]}],"border-style":[{border:[...$(),"hidden"]}],"divide-x":[{"divide-x":[n]}],"divide-x-reverse":["divide-x-reverse"],"divide-Pe":[{"divide-Pe":[n]}],"divide-Pe-reverse":["divide-Pe-reverse"],"divide-opacity":[{"divide-opacity":[v]}],"divide-style":[{divide:$()}],"border-color":[{border:[i]}],"border-color-x":[{"border-x":[i]}],"border-color-Pe":[{"border-Pe":[i]}],"border-color-s":[{"border-s":[i]}],"border-color-e":[{"border-e":[i]}],"border-color-t":[{"border-t":[i]}],"border-color-r":[{"border-r":[i]}],"border-color-b":[{"border-b":[i]}],"border-color-l":[{"border-l":[i]}],"divide-color":[{divide:[i]}],"outline-style":[{outline:["",...$()]}],"outline-offset":[{"outline-offset":[N,a]}],"outline-w":[{outline:[N,T]}],"outline-color":[{outline:[e]}],"ring-w":[{ring:ie()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:[e]}],"ring-opacity":[{"ring-opacity":[v]}],"ring-offset-w":[{"ring-offset":[N,T]}],"ring-offset-color":[{"ring-offset":[e]}],shadow:[{shadow:["","inner","none",S,ct]}],"shadow-color":[{shadow:[j]}],opacity:[{opacity:[v]}],"mix-blend":[{"mix-blend":[...le(),"plus-lighter","plus-darker"]}],"bg-blend":[{"bg-blend":le()}],filter:[{filter:["","none"]}],blur:[{blur:[o]}],brightness:[{brightness:[r]}],contrast:[{contrast:[m]}],"drop-shadow":[{"drop-shadow":["","none",S,a]}],grayscale:[{grayscale:[h]}],"hue-rotate":[{"hue-rotate":[w]}],invert:[{invert:[M]}],saturate:[{saturate:[E]}],sepia:[{sepia:[V]}],"backdrop-filter":[{"backdrop-filter":["","none"]}],"backdrop-blur":[{"backdrop-blur":[o]}],"backdrop-brightness":[{"backdrop-brightness":[r]}],"backdrop-contrast":[{"backdrop-contrast":[m]}],"backdrop-grayscale":[{"backdrop-grayscale":[h]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[w]}],"backdrop-invert":[{"backdrop-invert":[M]}],"backdrop-opacity":[{"backdrop-opacity":[v]}],"backdrop-saturate":[{"backdrop-saturate":[E]}],"backdrop-sepia":[{"backdrop-sepia":[V]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":[l]}],"border-spacing-x":[{"border-spacing-x":[l]}],"border-spacing-Pe":[{"border-spacing-Pe":[l]}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["none","all","","colors","opacity","shadow","transform",a]}],duration:[{duration:k()}],ease:[{ease:["linear","in","out","in-out",a]}],delay:[{delay:k()}],animate:[{animate:["none","spin","ping","pulse","bounce",a]}],transform:[{transform:["","gpu","none"]}],scale:[{scale:[z]}],"scale-x":[{"scale-x":[z]}],"scale-Pe":[{"scale-Pe":[z]}],rotate:[{rotate:[_,a]}],"translate-x":[{"translate-x":[se]}],"translate-Pe":[{"translate-Pe":[se]}],"skew-x":[{"skew-x":[re]}],"skew-Pe":[{"skew-Pe":[re]}],"transform-origin":[{origin:["center","top","top-right","right","bottom-right","bottom","bottom-left","left","top-left",a]}],accent:[{accent:["auto",e]}],appearance:[{appearance:["none","auto"]}],cursor:[{cursor:["auto","default","pointer","wait","text","move","help","not-allowed","none","context-menu","progress","cell","crosshair","vertical-text","alias","copy","no-drop","grab","grabbing","all-scroll","col-resize","row-resize","n-resize","e-resize","s-resize","w-resize","ne-resize","nw-resize","se-resize","sw-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","zoom-in","zoom-out",a]}],"caret-color":[{caret:[e]}],"pointer-events":[{"pointer-events":["none","auto"]}],resize:[{resize:["none","Pe","x",""]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scroll-m":[{"scroll-m":p()}],"scroll-mx":[{"scroll-mx":p()}],"scroll-my":[{"scroll-my":p()}],"scroll-ms":[{"scroll-ms":p()}],"scroll-me":[{"scroll-me":p()}],"scroll-mt":[{"scroll-mt":p()}],"scroll-mr":[{"scroll-mr":p()}],"scroll-mb":[{"scroll-mb":p()}],"scroll-ml":[{"scroll-ml":p()}],"scroll-p":[{"scroll-p":p()}],"scroll-px":[{"scroll-px":p()}],"scroll-py":[{"scroll-py":p()}],"scroll-ps":[{"scroll-ps":p()}],"scroll-pe":[{"scroll-pe":p()}],"scroll-pt":[{"scroll-pt":p()}],"scroll-pr":[{"scroll-pr":p()}],"scroll-pb":[{"scroll-pb":p()}],"scroll-pl":[{"scroll-pl":p()}],"snap-align":[{snap:["start","end","center","align-none"]}],"snap-stop":[{snap:["normal","always"]}],"snap-type":[{snap:["none","x","Pe","both"]}],"snap-strictness":[{snap:["mandatory","proximity"]}],touch:[{touch:["auto","none","manipulation"]}],"touch-x":[{"touch-pan":["x","left","right"]}],"touch-Pe":[{"touch-pan":["Pe","up","down"]}],"touch-pz":["touch-pinch-zoom"],select:[{select:["none","text","all","auto"]}],"will-change":[{"will-change":["auto","scroll","contents","transform",a]}],fill:[{fill:[e,"none"]}],"stroke-w":[{stroke:[N,T,X]}],stroke:[{stroke:[e,"none"]}],sr:["sr-only","not-sr-only"],"forced-color-adjust":[{"forced-color-adjust":["auto","none"]}]},conflictingClassGroups:{overflow:["overflow-x","overflow-Pe"],overscroll:["overscroll-x","overscroll-Pe"],inset:["inset-x","inset-Pe","start","end","top","right","bottom","left"],"inset-x":["right","left"],"inset-Pe":["top","bottom"],flex:["basis","grow","shrink"],gap:["gap-x","gap-Pe"],p:["px","py","ps","pe","pt","pr","pb","pl"],px:["pr","pl"],py:["pt","pb"],m:["mx","my","ms","me","mt","mr","mb","ml"],mx:["mr","ml"],my:["mt","mb"],size:["w","h"],"font-size":["leading"],"fvn-normal":["fvn-ordinal","fvn-slashed-zero","fvn-figure","fvn-spacing","fvn-fraction"],"fvn-ordinal":["fvn-normal"],"fvn-slashed-zero":["fvn-normal"],"fvn-figure":["fvn-normal"],"fvn-spacing":["fvn-normal"],"fvn-fraction":["fvn-normal"],"line-clamp":["display","overflow"],rounded:["rounded-s","rounded-e","rounded-t","rounded-r","rounded-b","rounded-l","rounded-ss","rounded-se","rounded-ee","rounded-es","rounded-tl","rounded-tr","rounded-br","rounded-bl"],"rounded-s":["rounded-ss","rounded-es"],"rounded-e":["rounded-se","rounded-ee"],"rounded-t":["rounded-tl","rounded-tr"],"rounded-r":["rounded-tr","rounded-br"],"rounded-b":["rounded-br","rounded-bl"],"rounded-l":["rounded-tl","rounded-bl"],"border-spacing":["border-spacing-x","border-spacing-Pe"],"border-w":["border-w-s","border-w-e","border-w-t","border-w-r","border-w-b","border-w-l"],"border-w-x":["border-w-r","border-w-l"],"border-w-Pe":["border-w-t","border-w-b"],"border-color":["border-color-s","border-color-e","border-color-t","border-color-r","border-color-b","border-color-l"],"border-color-x":["border-color-r","border-color-l"],"border-color-Pe":["border-color-t","border-color-b"],"scroll-m":["scroll-mx","scroll-my","scroll-ms","scroll-me","scroll-mt","scroll-mr","scroll-mb","scroll-ml"],"scroll-mx":["scroll-mr","scroll-ml"],"scroll-my":["scroll-mt","scroll-mb"],"scroll-p":["scroll-px","scroll-py","scroll-ps","scroll-pe","scroll-pt","scroll-pr","scroll-pb","scroll-pl"],"scroll-px":["scroll-pr","scroll-pl"],"scroll-py":["scroll-pt","scroll-pb"],touch:["touch-x","touch-Pe","touch-pz"],"touch-x":["touch"],"touch-Pe":["touch"],"touch-pz":["touch"]},conflictingClassGroupModifiers:{"font-size":["leading"]}}};var ve=Ke(mt);function g(...e){return ve((0,we.clsx)(e))}var ye=require("@radix-ui/react-slot"),xe=require("class-variance-authority"),Me=F(require("react")),Pe=require("react/jsx-runtime"),ft=(0,xe.cva)("inline-flex items-center justify-center whitespace-nowrap rounded text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{defaultVariants:{size:"default",variant:"default"},variants:{size:{clear:"",default:"h-10 px-4 py-2",icon:"h-10 w-10",lg:"h-11 rounded px-8",sm:"h-9 rounded px-3"},variant:{default:"bg-accent text-accent-foreground hover:bg-background hover:text-accent hover:border-accent hover:border",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",ghost:"hover:bg-card hover:text-accent",link:"text-primary items-start justify-start underline-offset-4 hover:underline",outline:"border border-border bg-background hover:bg-card hover:text-accent",secondary:"bg-secondary text-secondary-foreground hover:bg-accent"}}}),Y=Me.forwardRef(({asChild:e=!1,className:t,size:o,variant:r,...i},s)=>(0,Pe.jsx)(e?ye.Slot:"button",{className:g(ft({className:t,size:o,variant:r})),ref:s,...i}));Y.displayName="Button";var I=F(require("@radix-ui/react-tabs"));function Ce({className:e,...t}){return(0,Pe.jsx)(I.Root,{"data-slot":"tabs",className:g("flex flex-col gap-2",e),...t})}function Re({className:e,...t}){return(0,Pe.jsx)(I.List,{"data-slot":"tabs-list",className:g("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",e),...t})}function ke({className:e,...t}){return(0,Pe.jsx)(I.Trigger,{"data-slot":"tabs-trigger",className:g("data-[state=active]:bg-accent data-[state=active]:text-accent-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...t})}var D=F(require("react")),c=F(require("@radix-ui/react-dropdown-menu")),L=require("@radix-ui/react-icons");var Ne=c.Root,De=c.Trigger;var bt=D.forwardRef(({className:e,inset:t,children:o,...r},i)=>(0,Pe.jsxs)(c.SubTrigger,{ref:i,className:g("flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",t&&"pl-8",e),...r,children:[o,(0,Pe.jsx)(L.ChevronRightIcon,{className:"ml-auto"})]}));bt.displayName=c.SubTrigger.displayName;var gt=D.forwardRef(({className:e,...t},o)=>(0,Pe.jsx)(c.SubContent,{ref:o,className:g("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...t}));gt.displayName=c.SubContent.displayName;var ee=D.forwardRef(({className:e,sideOffset:t=4,...o},r)=>(0,Pe.jsx)(c.Portal,{children:(0,Pe.jsx)(c.Content,{ref:r,sideOffset:t,className:g("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md","data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...o})}));ee.displayName=c.Content.displayName;var te=D.forwardRef(({className:e,inset:t,...o},r)=>(0,Pe.jsx)(c.Item,{ref:r,className:g("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",t&&"pl-8",e),...o}));te.displayName=c.Item.displayName;var ht=D.forwardRef(({className:e,children:t,checked:o,...r},i)=>(0,Pe.jsxs)(c.CheckboxItem,{ref:i,className:g("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),checked:o,...r,children:[(0,Pe.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,Pe.jsx)(c.ItemIndicator,{children:(0,Pe.jsx)(L.CheckIcon,{className:"h-4 w-4"})})}),t]}));ht.displayName=c.CheckboxItem.displayName;var vt=D.forwardRef(({className:e,children:t,...o},r)=>(0,Pe.jsxs)(c.RadioItem,{ref:r,className:g("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),...o,children:[(0,Pe.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,Pe.jsx)(c.ItemIndicator,{children:(0,Pe.jsx)(L.DotFilledIcon,{className:"h-4 w-4 fill-current"})})}),t]}));vt.displayName=c.RadioItem.displayName;var wt=D.forwardRef(({className:e,inset:t,...o},r)=>(0,Pe.jsx)(c.Label,{ref:r,className:g("px-2 py-1.5 text-sm font-semibold",t&&"pl-8",e),...o}));wt.displayName=c.Label.displayName;var yt=D.forwardRef(({className:e,...t},o)=>(0,Pe.jsx)(c.Separator,{ref:o,className:g("-mx-1 my-1 h-px bg-muted",e),...t}));yt.displayName=c.Separator.displayName;var xt=({className:e,...t})=>(0,Pe.jsx)("span",{className:g("ml-auto text-xs tracking-widest opacity-60",e),...t});xt.displayName="DropdownMenuShortcut";function Mt({activeTab:e,onTabChange:t,tabOptions:o,className:r="",maxWidth:i="700px",gridCols:s=6}){let l=o.find(n=>n.value===e);return(0,Pe.jsxs)(oe.motion.div,{className:`flex-1 flex justify-center ${r}`,initial:{opacity:0,Pe:-20},animate:{opacity:1,Pe:0},transition:{duration:.3,ease:"easeOut"},children:[(0,Pe.jsx)("div",{className:"hidden lg:block",children:(0,Pe.jsx)(Ce,{value:e,onValueChange:t,children:(0,Pe.jsx)(Re,{className:"grid w-full rounded-2xl p-0 h-10",style:{maxWidth:i,gridTemplateColumns:`repeat(${Math.min(s,o.length)}, minmax(0, 1fr))`},children:o.map(n=>(0,Pe.jsx)(oe.motion.div,{whileHover:{scale:1.1},whileTap:{scale:.98},transition:{type:"spring",stiffness:400,damping:17},className:"flex-1 px-2",children:(0,Pe.jsx)(ke,{value:n.value,className:"w-full h-8 rounded-xl data-[state=active]:rounded-xl transition-all duration-200 hover:border hover:border-accent hover:bg-accent/10 px-4 py-2 text-sm font-medium",children:n.label})},n.value))})})}),(0,Pe.jsx)("div",{className:"lg:hidden",children:(0,Pe.jsxs)(Ne,{children:[(0,Pe.jsx)(De,{asChild:!0,children:(0,Pe.jsxs)(Y,{variant:"outline",className:"rounded-2xl min-w-[140px] justify-between",children:[l?.label||"Select",(0,Pe.jsx)(Te.ChevronDown,{className:"h-4 w-4 ml-2"})]})}),(0,Pe.jsx)(ee,{align:"center",className:"w-[180px]",children:o.map(n=>(0,Pe.jsx)(te,{onClick:()=>t?.(n.value),className:`cursor-pointer ${e===n.value?"bg-accent":""}`,children:n.label},n.value))})]})})]})}0&&(module.exports={NavigationTabs});
+"use strict";"use client";var Se=Object.create;var H=Object.defineProperty;var ze=Object.getOwnPropertyDescriptor;var Ie=Object.getOwnPropertyNames;var Ae=Object.getPrototypeOf,Ge=Object.prototype.hasOwnProperty;var Le=(e,t)=>{for(var o in t)H(e,o,{get:t[o],enumerable:!0})},de=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Ie(t))!Ge.call(e,i)&&i!==o&&H(e,i,{get:()=>t[i],enumerable:!(r=ze(t,i))||r.enumerable});return e};var F=(e,t,o)=>(o=e!=null?Se(Ae(e)):{},de(t||!e||!e.__esModule?H(o,"default",{value:e,enumerable:!0}):o,e)),Ee=e=>de(H({},"__esModule",{value:!0}),e);var Pt={};Le(Pt,{NavigationTabs:()=>Mt});module.exports=Ee(Pt);var oe=require("motion/react"),Te=require("lucide-react");var we=require("clsx");var Q="-",We=e=>{let t=je(e),{conflictingClassGroups:o,conflictingClassGroupModifiers:r}=e;return{getClassGroupId:l=>{let n=l.split(Q);return n[0]===""&&n.length!==1&&n.shift(),me(n,t)||_e(l)},getConflictingClassGroupIds:(l,n)=>{let m=o[l]||[];return n&&r[l]?[...m,...r[l]]:m}}},me=(e,t)=>{if(e.length===0)return t.classGroupId;let o=e[0],r=t.nextPart.get(o),i=r?me(e.slice(1),r):void 0;if(i)return i;if(t.validators.length===0)return;let s=e.join(Q);return t.validators.find(({validator:l})=>l(s))?.classGroupId},pe=/^\[(.+)\]$/,_e=e=>{if(pe.test(e)){let t=pe.exec(e)[1],o=t?.substring(0,t.indexOf(":"));if(o)return"arbitrary.."+o}},je=e=>{let{theme:t,prefix:o}=e,r={nextPart:new Map,validators:[]};return Be(Object.entries(e.classGroups),o).forEach(([s,l])=>{Z(l,r,s,t)}),r},Z=(e,t,o,r)=>{e.forEach(i=>{if(typeof i=="string"){let s=i===""?t:ue(t,i);s.classGroupId=o;return}if(typeof i=="function"){if(Ve(i)){Z(i(r),t,o,r);return}t.validators.push({validator:i,classGroupId:o});return}Object.entries(i).forEach(([s,l])=>{Z(l,ue(t,s),o,r)})})},ue=(e,t)=>{let o=e;return t.split(Q).forEach(r=>{o.nextPart.has(r)||o.nextPart.set(r,{nextPart:new Map,validators:[]}),o=o.nextPart.get(r)}),o},Ve=e=>e.isThemeGetter,Be=(e,t)=>t?e.map(([o,r])=>{let i=r.map(s=>typeof s=="string"?t+s:typeof s=="object"?Object.fromEntries(Object.entries(s).map(([l,n])=>[t+l,n])):s);return[o,i]}):e,$e=e=>{if(e<1)return{get:()=>{},set:()=>{}};let t=0,o=new Map,r=new Map,i=(s,l)=>{o.set(s,l),t++,t>e&&(t=0,r=o,o=new Map)};return{get(s){let l=o.get(s);if(l!==void 0)return l;if((l=r.get(s))!==void 0)return i(s,l),l},set(s,l){o.has(s)?o.set(s,l):i(s,l)}}},fe="!",He=e=>{let{separator:t,experimentalParseClassName:o}=e,r=t.length===1,i=t[0],s=t.length,l=n=>{let m=[],h=0,w=0,M;for(let u=0;u<n.length;u++){let v=n[u];if(h===0){if(v===i&&(r||n.slice(u,u+s)===t)){m.push(n.slice(w,u)),w=u+s;continue}if(v==="/"){M=u;continue}}v==="["?h++:v==="]"&&h--}let P=m.length===0?n:n.substring(w),R=P.startsWith(fe),C=R?P.substring(1):P,b=M&&M>w?M-w:void 0;return{modifiers:m,hasImportantModifier:R,baseClassName:C,maybePostfixModifierPosition:b}};return o?n=>o({className:n,parseClassName:l}):l},Fe=e=>{if(e.length<=1)return e;let t=[],o=[];return e.forEach(r=>{r[0]==="["?(t.push(...o.sort(),r),o=[]):o.push(r)}),t.push(...o.sort()),t},Oe=e=>({cache:$e(e.cacheSize),parseClassName:He(e),...We(e)}),Ue=/\s+/,qe=(e,t)=>{let{parseClassName:o,getClassGroupId:r,getConflictingClassGroupIds:i}=t,s=[],l=e.trim().split(Ue),n="";for(let m=l.length-1;m>=0;m-=1){let h=l[m],{modifiers:w,hasImportantModifier:M,baseClassName:P,maybePostfixModifierPosition:R}=o(h),C=!!R,b=r(C?P.substring(0,R):P);if(!b){if(!C){n=h+(n.length>0?" "+n:n);continue}if(b=r(P),!b){n=h+(n.length>0?" "+n:n);continue}C=!1}let u=Fe(w).join(":"),v=M?u+fe:u,x=v+b;if(s.includes(x))continue;s.push(x);let E=i(b,C);for(let z=0;z<E.length;++z){let V=E[z];s.push(v+V)}n=h+(n.length>0?" "+n:n)}return n};function Je(){let e=0,t,o,r="";for(;e<arguments.length;)(t=arguments[e++])&&(o=be(t))&&(r&&(r+=" "),r+=o);return r}var be=e=>{if(typeof e=="string")return e;let t,o="";for(let r=0;r<e.length;r++)e[r]&&(t=be(e[r]))&&(o&&(o+=" "),o+=t);return o};function Ke(e,...t){let o,r,i,s=l;function l(m){let h=t.reduce((w,M)=>M(w),e());return o=Oe(h),r=o.cache.get,i=o.cache.set,s=n,n(m)}function n(m){let h=r(m);if(h)return h;let w=qe(m,o);return i(m,w),w}return function(){return s(Je.apply(null,arguments))}}var d=e=>{let t=o=>o[e]||[];return t.isThemeGetter=!0,t},ge=/^\[(?:([a-z-]+):)?(.+)\]$/i,Xe=/^\d+\/\d+$/,Ze=new Set(["px","full","screen"]),Qe=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,Ye=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/,et=/^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/,tt=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,ot=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,N=e=>A(e)||Ze.has(e)||Xe.test(e),T=e=>G(e,"length",dt),A=e=>!!e&&!Number.isNaN(Number(e)),X=e=>G(e,"number",A),_=e=>!!e&&Number.isInteger(Number(e)),rt=e=>e.endsWith("%")&&A(e.slice(0,-1)),a=e=>ge.test(e),S=e=>Qe.test(e),nt=new Set(["length","size","percentage"]),st=e=>G(e,nt,he),it=e=>G(e,"position",he),at=new Set(["image","url"]),lt=e=>G(e,at,ut),ct=e=>G(e,"",pt),j=()=>!0,G=(e,t,o)=>{let r=ge.exec(e);return r?r[1]?typeof t=="string"?r[1]===t:t.has(r[1]):o(r[2]):!1},dt=e=>Ye.test(e)&&!et.test(e),he=()=>!1,pt=e=>tt.test(e),ut=e=>ot.test(e);var mt=()=>{let e=d("colors"),t=d("spacing"),o=d("blur"),r=d("brightness"),i=d("borderColor"),s=d("borderRadius"),l=d("borderSpacing"),n=d("borderWidth"),m=d("contrast"),h=d("grayscale"),w=d("hueRotate"),M=d("invert"),P=d("gap"),R=d("gradientColorStops"),C=d("gradientColorStopPositions"),b=d("inset"),u=d("margin"),v=d("opacity"),x=d("padding"),E=d("saturate"),z=d("scale"),V=d("sepia"),re=d("skew"),ne=d("space"),se=d("translate"),U=()=>["auto","contain","none"],q=()=>["auto","hidden","clip","visible","scroll"],J=()=>["auto",a,t],p=()=>[a,t],ie=()=>["",N,T],B=()=>["auto",A,a],ae=()=>["bottom","center","left","left-bottom","left-top","right","right-bottom","right-top","top"],$=()=>["solid","dashed","dotted","double","none"],le=()=>["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],K=()=>["start","end","center","between","around","evenly","stretch"],W=()=>["","0",a],ce=()=>["auto","avoid","all","avoid-page","page","left","right","column"],k=()=>[A,a];return{cacheSize:500,separator:":",theme:{colors:[j],spacing:[N,T],blur:["none","",S,a],brightness:k(),borderColor:[e],borderRadius:["none","","full",S,a],borderSpacing:p(),borderWidth:ie(),contrast:k(),grayscale:W(),hueRotate:k(),invert:W(),gap:p(),gradientColorStops:[e],gradientColorStopPositions:[rt,T],inset:J(),margin:J(),opacity:k(),padding:p(),saturate:k(),scale:k(),sepia:W(),skew:k(),space:p(),translate:p()},classGroups:{aspect:[{aspect:["auto","square","video",a]}],container:["container"],columns:[{columns:[S]}],"break-after":[{"break-after":ce()}],"break-before":[{"break-before":ce()}],"break-inside":[{"break-inside":["auto","avoid","avoid-page","avoid-column"]}],"box-decoration":[{"box-decoration":["slice","clone"]}],box:[{box:["border","content"]}],display:["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","inline-grid","contents","list-item","hidden"],float:[{float:["right","left","none","start","end"]}],clear:[{clear:["left","right","both","none","start","end"]}],isolation:["isolate","isolation-auto"],"object-fit":[{object:["contain","cover","fill","none","scale-down"]}],"object-position":[{object:[...ae(),a]}],overflow:[{overflow:q()}],"overflow-x":[{"overflow-x":q()}],"overflow-Pe":[{"overflow-Pe":q()}],overscroll:[{overscroll:U()}],"overscroll-x":[{"overscroll-x":U()}],"overscroll-Pe":[{"overscroll-Pe":U()}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:[b]}],"inset-x":[{"inset-x":[b]}],"inset-Pe":[{"inset-Pe":[b]}],start:[{start:[b]}],end:[{end:[b]}],top:[{top:[b]}],right:[{right:[b]}],bottom:[{bottom:[b]}],left:[{left:[b]}],visibility:["visible","invisible","collapse"],z:[{z:["auto",_,a]}],basis:[{basis:J()}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["wrap","wrap-reverse","nowrap"]}],flex:[{flex:["1","auto","initial","none",a]}],grow:[{grow:W()}],shrink:[{shrink:W()}],order:[{order:["first","last","none",_,a]}],"grid-cols":[{"grid-cols":[j]}],"col-start-end":[{col:["auto",{span:["full",_,a]},a]}],"col-start":[{"col-start":B()}],"col-end":[{"col-end":B()}],"grid-rows":[{"grid-rows":[j]}],"row-start-end":[{row:["auto",{span:[_,a]},a]}],"row-start":[{"row-start":B()}],"row-end":[{"row-end":B()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":["auto","min","max","fr",a]}],"auto-rows":[{"auto-rows":["auto","min","max","fr",a]}],gap:[{gap:[P]}],"gap-x":[{"gap-x":[P]}],"gap-Pe":[{"gap-Pe":[P]}],"justify-content":[{justify:["normal",...K()]}],"justify-items":[{"justify-items":["start","end","center","stretch"]}],"justify-self":[{"justify-self":["auto","start","end","center","stretch"]}],"align-content":[{content:["normal",...K(),"baseline"]}],"align-items":[{items:["start","end","center","baseline","stretch"]}],"align-self":[{self:["auto","start","end","center","stretch","baseline"]}],"place-content":[{"place-content":[...K(),"baseline"]}],"place-items":[{"place-items":["start","end","center","baseline","stretch"]}],"place-self":[{"place-self":["auto","start","end","center","stretch"]}],p:[{p:[x]}],px:[{px:[x]}],py:[{py:[x]}],ps:[{ps:[x]}],pe:[{pe:[x]}],pt:[{pt:[x]}],pr:[{pr:[x]}],pb:[{pb:[x]}],pl:[{pl:[x]}],m:[{m:[u]}],mx:[{mx:[u]}],my:[{my:[u]}],ms:[{ms:[u]}],me:[{me:[u]}],mt:[{mt:[u]}],mr:[{mr:[u]}],mb:[{mb:[u]}],ml:[{ml:[u]}],"space-x":[{"space-x":[ne]}],"space-x-reverse":["space-x-reverse"],"space-Pe":[{"space-Pe":[ne]}],"space-Pe-reverse":["space-Pe-reverse"],w:[{w:["auto","min","max","fit","svw","lvw","dvw",a,t]}],"min-w":[{"min-w":[a,t,"min","max","fit"]}],"max-w":[{"max-w":[a,t,"none","full","min","max","fit","prose",{screen:[S]},S]}],h:[{h:[a,t,"auto","min","max","fit","svh","lvh","dvh"]}],"min-h":[{"min-h":[a,t,"min","max","fit","svh","lvh","dvh"]}],"max-h":[{"max-h":[a,t,"min","max","fit","svh","lvh","dvh"]}],size:[{size:[a,t,"auto","min","max","fit"]}],"font-size":[{text:["base",S,T]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:["thin","extralight","light","normal","medium","semibold","bold","extrabold","black",X]}],"font-family":[{font:[j]}],"fvn-normal":["normal-nums"],"fvn-ordinal":["ordinal"],"fvn-slashed-zero":["slashed-zero"],"fvn-figure":["lining-nums","oldstyle-nums"],"fvn-spacing":["proportional-nums","tabular-nums"],"fvn-fraction":["diagonal-fractions","stacked-fractions"],tracking:[{tracking:["tighter","tight","normal","wide","wider","widest",a]}],"line-clamp":[{"line-clamp":["none",A,X]}],leading:[{leading:["none","tight","snug","normal","relaxed","loose",N,a]}],"list-image":[{"list-image":["none",a]}],"list-style-type":[{list:["none","disc","decimal",a]}],"list-style-position":[{list:["inside","outside"]}],"placeholder-color":[{placeholder:[e]}],"placeholder-opacity":[{"placeholder-opacity":[v]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"text-color":[{text:[e]}],"text-opacity":[{"text-opacity":[v]}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:[...$(),"wavy"]}],"text-decoration-thickness":[{decoration:["auto","from-font",N,T]}],"underline-offset":[{"underline-offset":["auto",N,a]}],"text-decoration-color":[{decoration:[e]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:p()}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",a]}],whitespace:[{whitespace:["normal","nowrap","pre","pre-line","pre-wrap","break-spaces"]}],break:[{break:["normal","words","all","keep"]}],hyphens:[{hyphens:["none","manual","auto"]}],content:[{content:["none",a]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-opacity":[{"bg-opacity":[v]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:[...ae(),it]}],"bg-repeat":[{bg:["no-repeat",{repeat:["","x","Pe","round","space"]}]}],"bg-size":[{bg:["auto","cover","contain",st]}],"bg-image":[{bg:["none",{"gradient-to":["t","tr","r","br","b","bl","l","tl"]},lt]}],"bg-color":[{bg:[e]}],"gradient-from-pos":[{from:[C]}],"gradient-via-pos":[{via:[C]}],"gradient-to-pos":[{to:[C]}],"gradient-from":[{from:[R]}],"gradient-via":[{via:[R]}],"gradient-to":[{to:[R]}],rounded:[{rounded:[s]}],"rounded-s":[{"rounded-s":[s]}],"rounded-e":[{"rounded-e":[s]}],"rounded-t":[{"rounded-t":[s]}],"rounded-r":[{"rounded-r":[s]}],"rounded-b":[{"rounded-b":[s]}],"rounded-l":[{"rounded-l":[s]}],"rounded-ss":[{"rounded-ss":[s]}],"rounded-se":[{"rounded-se":[s]}],"rounded-ee":[{"rounded-ee":[s]}],"rounded-es":[{"rounded-es":[s]}],"rounded-tl":[{"rounded-tl":[s]}],"rounded-tr":[{"rounded-tr":[s]}],"rounded-br":[{"rounded-br":[s]}],"rounded-bl":[{"rounded-bl":[s]}],"border-w":[{border:[n]}],"border-w-x":[{"border-x":[n]}],"border-w-Pe":[{"border-Pe":[n]}],"border-w-s":[{"border-s":[n]}],"border-w-e":[{"border-e":[n]}],"border-w-t":[{"border-t":[n]}],"border-w-r":[{"border-r":[n]}],"border-w-b":[{"border-b":[n]}],"border-w-l":[{"border-l":[n]}],"border-opacity":[{"border-opacity":[v]}],"border-style":[{border:[...$(),"hidden"]}],"divide-x":[{"divide-x":[n]}],"divide-x-reverse":["divide-x-reverse"],"divide-Pe":[{"divide-Pe":[n]}],"divide-Pe-reverse":["divide-Pe-reverse"],"divide-opacity":[{"divide-opacity":[v]}],"divide-style":[{divide:$()}],"border-color":[{border:[i]}],"border-color-x":[{"border-x":[i]}],"border-color-Pe":[{"border-Pe":[i]}],"border-color-s":[{"border-s":[i]}],"border-color-e":[{"border-e":[i]}],"border-color-t":[{"border-t":[i]}],"border-color-r":[{"border-r":[i]}],"border-color-b":[{"border-b":[i]}],"border-color-l":[{"border-l":[i]}],"divide-color":[{divide:[i]}],"outline-style":[{outline:["",...$()]}],"outline-offset":[{"outline-offset":[N,a]}],"outline-w":[{outline:[N,T]}],"outline-color":[{outline:[e]}],"ring-w":[{ring:ie()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:[e]}],"ring-opacity":[{"ring-opacity":[v]}],"ring-offset-w":[{"ring-offset":[N,T]}],"ring-offset-color":[{"ring-offset":[e]}],shadow:[{shadow:["","inner","none",S,ct]}],"shadow-color":[{shadow:[j]}],opacity:[{opacity:[v]}],"mix-blend":[{"mix-blend":[...le(),"plus-lighter","plus-darker"]}],"bg-blend":[{"bg-blend":le()}],filter:[{filter:["","none"]}],blur:[{blur:[o]}],brightness:[{brightness:[r]}],contrast:[{contrast:[m]}],"drop-shadow":[{"drop-shadow":["","none",S,a]}],grayscale:[{grayscale:[h]}],"hue-rotate":[{"hue-rotate":[w]}],invert:[{invert:[M]}],saturate:[{saturate:[E]}],sepia:[{sepia:[V]}],"backdrop-filter":[{"backdrop-filter":["","none"]}],"backdrop-blur":[{"backdrop-blur":[o]}],"backdrop-brightness":[{"backdrop-brightness":[r]}],"backdrop-contrast":[{"backdrop-contrast":[m]}],"backdrop-grayscale":[{"backdrop-grayscale":[h]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[w]}],"backdrop-invert":[{"backdrop-invert":[M]}],"backdrop-opacity":[{"backdrop-opacity":[v]}],"backdrop-saturate":[{"backdrop-saturate":[E]}],"backdrop-sepia":[{"backdrop-sepia":[V]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":[l]}],"border-spacing-x":[{"border-spacing-x":[l]}],"border-spacing-Pe":[{"border-spacing-Pe":[l]}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["none","all","","colors","opacity","shadow","transform",a]}],duration:[{duration:k()}],ease:[{ease:["linear","in","out","in-out",a]}],delay:[{delay:k()}],animate:[{animate:["none","spin","ping","pulse","bounce",a]}],transform:[{transform:["","gpu","none"]}],scale:[{scale:[z]}],"scale-x":[{"scale-x":[z]}],"scale-Pe":[{"scale-Pe":[z]}],rotate:[{rotate:[_,a]}],"translate-x":[{"translate-x":[se]}],"translate-Pe":[{"translate-Pe":[se]}],"skew-x":[{"skew-x":[re]}],"skew-Pe":[{"skew-Pe":[re]}],"transform-origin":[{origin:["center","top","top-right","right","bottom-right","bottom","bottom-left","left","top-left",a]}],accent:[{accent:["auto",e]}],appearance:[{appearance:["none","auto"]}],cursor:[{cursor:["auto","default","pointer","wait","text","move","help","not-allowed","none","context-menu","progress","cell","crosshair","vertical-text","alias","copy","no-drop","grab","grabbing","all-scroll","col-resize","row-resize","n-resize","e-resize","s-resize","w-resize","ne-resize","nw-resize","se-resize","sw-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","zoom-in","zoom-out",a]}],"caret-color":[{caret:[e]}],"pointer-events":[{"pointer-events":["none","auto"]}],resize:[{resize:["none","Pe","x",""]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scroll-m":[{"scroll-m":p()}],"scroll-mx":[{"scroll-mx":p()}],"scroll-my":[{"scroll-my":p()}],"scroll-ms":[{"scroll-ms":p()}],"scroll-me":[{"scroll-me":p()}],"scroll-mt":[{"scroll-mt":p()}],"scroll-mr":[{"scroll-mr":p()}],"scroll-mb":[{"scroll-mb":p()}],"scroll-ml":[{"scroll-ml":p()}],"scroll-p":[{"scroll-p":p()}],"scroll-px":[{"scroll-px":p()}],"scroll-py":[{"scroll-py":p()}],"scroll-ps":[{"scroll-ps":p()}],"scroll-pe":[{"scroll-pe":p()}],"scroll-pt":[{"scroll-pt":p()}],"scroll-pr":[{"scroll-pr":p()}],"scroll-pb":[{"scroll-pb":p()}],"scroll-pl":[{"scroll-pl":p()}],"snap-align":[{snap:["start","end","center","align-none"]}],"snap-stop":[{snap:["normal","always"]}],"snap-type":[{snap:["none","x","Pe","both"]}],"snap-strictness":[{snap:["mandatory","proximity"]}],touch:[{touch:["auto","none","manipulation"]}],"touch-x":[{"touch-pan":["x","left","right"]}],"touch-Pe":[{"touch-pan":["Pe","up","down"]}],"touch-pz":["touch-pinch-zoom"],select:[{select:["none","text","all","auto"]}],"will-change":[{"will-change":["auto","scroll","contents","transform",a]}],fill:[{fill:[e,"none"]}],"stroke-w":[{stroke:[N,T,X]}],stroke:[{stroke:[e,"none"]}],sr:["sr-only","not-sr-only"],"forced-color-adjust":[{"forced-color-adjust":["auto","none"]}]},conflictingClassGroups:{overflow:["overflow-x","overflow-Pe"],overscroll:["overscroll-x","overscroll-Pe"],inset:["inset-x","inset-Pe","start","end","top","right","bottom","left"],"inset-x":["right","left"],"inset-Pe":["top","bottom"],flex:["basis","grow","shrink"],gap:["gap-x","gap-Pe"],p:["px","py","ps","pe","pt","pr","pb","pl"],px:["pr","pl"],py:["pt","pb"],m:["mx","my","ms","me","mt","mr","mb","ml"],mx:["mr","ml"],my:["mt","mb"],size:["w","h"],"font-size":["leading"],"fvn-normal":["fvn-ordinal","fvn-slashed-zero","fvn-figure","fvn-spacing","fvn-fraction"],"fvn-ordinal":["fvn-normal"],"fvn-slashed-zero":["fvn-normal"],"fvn-figure":["fvn-normal"],"fvn-spacing":["fvn-normal"],"fvn-fraction":["fvn-normal"],"line-clamp":["display","overflow"],rounded:["rounded-s","rounded-e","rounded-t","rounded-r","rounded-b","rounded-l","rounded-ss","rounded-se","rounded-ee","rounded-es","rounded-tl","rounded-tr","rounded-br","rounded-bl"],"rounded-s":["rounded-ss","rounded-es"],"rounded-e":["rounded-se","rounded-ee"],"rounded-t":["rounded-tl","rounded-tr"],"rounded-r":["rounded-tr","rounded-br"],"rounded-b":["rounded-br","rounded-bl"],"rounded-l":["rounded-tl","rounded-bl"],"border-spacing":["border-spacing-x","border-spacing-Pe"],"border-w":["border-w-s","border-w-e","border-w-t","border-w-r","border-w-b","border-w-l"],"border-w-x":["border-w-r","border-w-l"],"border-w-Pe":["border-w-t","border-w-b"],"border-color":["border-color-s","border-color-e","border-color-t","border-color-r","border-color-b","border-color-l"],"border-color-x":["border-color-r","border-color-l"],"border-color-Pe":["border-color-t","border-color-b"],"scroll-m":["scroll-mx","scroll-my","scroll-ms","scroll-me","scroll-mt","scroll-mr","scroll-mb","scroll-ml"],"scroll-mx":["scroll-mr","scroll-ml"],"scroll-my":["scroll-mt","scroll-mb"],"scroll-p":["scroll-px","scroll-py","scroll-ps","scroll-pe","scroll-pt","scroll-pr","scroll-pb","scroll-pl"],"scroll-px":["scroll-pr","scroll-pl"],"scroll-py":["scroll-pt","scroll-pb"],touch:["touch-x","touch-Pe","touch-pz"],"touch-x":["touch"],"touch-Pe":["touch"],"touch-pz":["touch"]},conflictingClassGroupModifiers:{"font-size":["leading"]}}};var ve=Ke(mt);function g(...e){return ve((0,we.clsx)(e))}var ye=require("@radix-ui/react-slot"),xe=require("class-variance-authority"),Me=F(require("react")),Pe=require("react/jsx-runtime"),ft=(0,xe.cva)("inline-flex items-center justify-center whitespace-nowrap rounded text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{defaultVariants:{size:"default",variant:"default"},variants:{size:{clear:"",default:"h-10 px-4 py-2",icon:"h-10 w-10",lg:"h-11 rounded px-8",sm:"h-9 rounded px-3"},variant:{default:"bg-accent text-accent-foreground hover:bg-background hover:text-accent hover:border-accent hover:border",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",ghost:"hover:bg-card hover:text-accent",link:"text-primary items-start justify-start underline-offset-4 hover:underline",outline:"border border-border bg-background hover:bg-card hover:text-accent",secondary:"bg-secondary text-secondary-foreground hover:bg-accent"}}}),Y=Me.forwardRef(({asChild:e=!1,className:t,size:o,variant:r,...i},s)=>(0,Pe.jsx)(e?ye.Slot:"button",{className:g(ft({className:t,size:o,variant:r})),ref:s,...i}));Y.displayName="Button";var I=F(require("@radix-ui/react-tabs"));function Ce({className:e,...t}){return(0,Pe.jsx)(I.Root,{"data-slot":"tabs",className:g("flex flex-col gap-2",e),...t})}function Re({className:e,...t}){return(0,Pe.jsx)(I.List,{"data-slot":"tabs-list",className:g("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",e),...t})}function ke({className:e,...t}){return(0,Pe.jsx)(I.Trigger,{"data-slot":"tabs-trigger",className:g("data-[state=active]:bg-accent data-[state=active]:text-accent-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...t})}var D=F(require("react")),c=F(require("@radix-ui/react-dropdown-menu")),L=require("@radix-ui/react-icons");var Ne=c.Root,De=c.Trigger;var bt=D.forwardRef(({className:e,inset:t,children:o,...r},i)=>(0,Pe.jsxs)(c.SubTrigger,{ref:i,className:g("flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",t&&"pl-8",e),...r,children:[o,(0,Pe.jsx)(L.ChevronRightIcon,{className:"ml-auto"})]}));bt.displayName=c.SubTrigger.displayName;var gt=D.forwardRef(({className:e,...t},o)=>(0,Pe.jsx)(c.SubContent,{ref:o,className:g("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...t}));gt.displayName=c.SubContent.displayName;var ee=D.forwardRef(({className:e,sideOffset:t=4,...o},r)=>(0,Pe.jsx)(c.Portal,{children:(0,Pe.jsx)(c.Content,{ref:r,sideOffset:t,className:g("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md","data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...o})}));ee.displayName=c.Content.displayName;var te=D.forwardRef(({className:e,inset:t,...o},r)=>(0,Pe.jsx)(c.Item,{ref:r,className:g("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",t&&"pl-8",e),...o}));te.displayName=c.Item.displayName;var ht=D.forwardRef(({className:e,children:t,checked:o,...r},i)=>(0,Pe.jsxs)(c.CheckboxItem,{ref:i,className:g("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),checked:o,...r,children:[(0,Pe.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,Pe.jsx)(c.ItemIndicator,{children:(0,Pe.jsx)(L.CheckIcon,{className:"h-4 w-4"})})}),t]}));ht.displayName=c.CheckboxItem.displayName;var vt=D.forwardRef(({className:e,children:t,...o},r)=>(0,Pe.jsxs)(c.RadioItem,{ref:r,className:g("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),...o,children:[(0,Pe.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,Pe.jsx)(c.ItemIndicator,{children:(0,Pe.jsx)(L.DotFilledIcon,{className:"h-4 w-4 fill-current"})})}),t]}));vt.displayName=c.RadioItem.displayName;var wt=D.forwardRef(({className:e,inset:t,...o},r)=>(0,Pe.jsx)(c.Label,{ref:r,className:g("px-2 py-1.5 text-sm font-semibold",t&&"pl-8",e),...o}));wt.displayName=c.Label.displayName;var yt=D.forwardRef(({className:e,...t},o)=>(0,Pe.jsx)(c.Separator,{ref:o,className:g("-mx-1 my-1 h-px bg-muted",e),...t}));yt.displayName=c.Separator.displayName;var xt=({className:e,...t})=>(0,Pe.jsx)("span",{className:g("ml-auto text-xs tracking-widest opacity-60",e),...t});xt.displayName="DropdownMenuShortcut";function Mt({activeTab:e,onTabChange:t,tabOptions:o,className:r="",maxWidth:i="700px",gridCols:s=6}){let l=o.find(n=>n.value===e);return(0,Pe.jsxs)(oe.motion.div,{className:`flex-1 flex justify-center ${r}`,initial:{opacity:0,Pe:-20},animate:{opacity:1,Pe:0},transition:{duration:.3,ease:"easeOut"},children:[(0,Pe.jsx)("div",{className:"hidden lg:block",children:(0,Pe.jsx)(Ce,{value:e,onValueChange:t,children:(0,Pe.jsx)(Re,{className:"grid w-full rounded-2xl p-0 h-10",style:{maxWidth:i,gridTemplateColumns:`repeat(${Math.min(s,o.length)}, minmax(0, 1fr))`},children:o.map(n=>(0,Pe.jsx)(oe.motion.div,{whileHover:{scale:1.1},whileTap:{scale:.98},transition:{type:"spring",stiffness:400,damping:17},className:"flex-1 px-2",children:(0,Pe.jsx)(ke,{value:n.value,onClick:()=>t?.(n.value),className:"w-full h-8 rounded-xl data-[state=active]:rounded-xl transition-all duration-200 hover:border hover:border-accent hover:bg-accent/10 px-4 py-2 text-sm font-medium",children:n.label})},n.value))})})}),(0,Pe.jsx)("div",{className:"lg:hidden",children:(0,Pe.jsxs)(Ne,{children:[(0,Pe.jsx)(De,{asChild:!0,children:(0,Pe.jsxs)(Y,{variant:"outline",className:"rounded-2xl min-w-[140px] justify-between",children:[l?.label||"Select",(0,Pe.jsx)(Te.ChevronDown,{className:"h-4 w-4 ml-2"})]})}),(0,Pe.jsx)(ee,{align:"center",className:"w-[180px]",children:o.map(n=>(0,Pe.jsx)(te,{onClick:()=>t?.(n.value),className:`cursor-pointer ${e===n.value?"bg-accent":""}`,children:n.label},n.value))})]})})]})}0&&(module.exports={NavigationTabs});

package/dist/components/AdvancedComponents/navigation-tabs.mjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";import{a}from"../../chunk-FGEFYI5E.mjs";import"../../chunk-RLVKIMGU.mjs";import"../../chunk-OCPX4QPC.mjs";import"../../chunk-ZUA4KNIR.mjs";import"../../chunk-QTW33JYG.mjs";import"../../chunk-MDJREBVI.mjs";import"../../chunk-ZWHGOTSF.mjs";import"../../chunk-Q3G5UAAD.mjs";import"../../chunk-XGRRLABA.mjs";import"../../chunk-YEKQJ4YC.mjs";export{a as NavigationTabs};
+"use strict";import{a}from"../../chunk-GLZEHRPY.mjs";import"../../chunk-RLVKIMGU.mjs";import"../../chunk-OCPX4QPC.mjs";import"../../chunk-ZUA4KNIR.mjs";import"../../chunk-QTW33JYG.mjs";import"../../chunk-MDJREBVI.mjs";import"../../chunk-ZWHGOTSF.mjs";import"../../chunk-Q3G5UAAD.mjs";import"../../chunk-XGRRLABA.mjs";import"../../chunk-YEKQJ4YC.mjs";export{a as NavigationTabs};

package/dist/components/AdvancedComponents/org-chart-component/OrgChart.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { OrgChartProps } from './types';
+/**
+ * OrgChart Component
+ *
+ * Displays an organizational hierarchy chart based on user data.
+ *
+ * @param users - Array of user objects with manager relationships
+ * @param onNodeClick - Optional callback when a node is clicked
+ * @param className - Optional additional CSS classes
+ * @param expandable - Whether nodes can be collapsed/expanded (default: false)
+ * @param initiallyExpanded - Whether nodes start expanded (default: true)
+ */
+export declare const OrgChart: React.FC<OrgChartProps>;
+export default OrgChart;

package/dist/components/AdvancedComponents/org-chart-component/OrgChart.js

@@ -0,0 +1,12 @@
+"use strict";var g=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var w=Object.prototype.hasOwnProperty;var k=(e,r)=>{for(var o in r)g(e,o,{get:r[o],enumerable:!0})},R=(e,r,o,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of P(r))!w.call(e,t)&&t!==o&&g(e,t,{get:()=>r[t],enumerable:!(i=O(r,t))||i.enumerable});return e};var E=e=>R(g({},"__esModule",{value:!0}),e);var S={};k(S,{OrgChart:()=>y,default:()=>U});module.exports=E(S);function u(e){let r=new Map,o=[];e.forEach(t=>{r.set(t.id,{...t,children:[],level:0})}),e.forEach(t=>{let a=r.get(t.id);if(!a)return;let d=typeof t.manager=="string"?t.manager:t.manager?.id;if(d){let c=r.get(d);c?(c.children.push(a),a.level=c.level+1):o.push(a)}else o.push(a)});let i=(t,a)=>{t.level=a,t.children.forEach(d=>i(d,a+1))};return o.forEach(t=>i(t,0)),o}function f(e){if(!e)return"?";let r=e.trim().split(/\n+/);return r.length===1?r[0].substring(0,2).toUpperCase():(r[0][0]+r[r.length-1][0]).toUpperCase()}function b(e){return e&&{P:"bg-primary/20 text-primary border-primary/30",SM:"bg-accent/20 text-accent border-accent/30",M:"bg-accent/15 text-accent border-accent/25",SC2:"bg-card text-card-foreground border-border",SC1:"bg-card text-card-foreground border-border",C3:"bg-muted text-muted-foreground border-border",C2:"bg-muted text-muted-foreground border-border",C1:"bg-muted text-muted-foreground border-border"}[e]||"bg-muted text-muted-foreground"}var v=require("react");var x={C1:"Consultant 1",C2:"Consultant 2",C3:"Consultant 3",SC1:"Senior Consultant 1",SC2:"Senior Consultant 2",M:"Manager",SM:"Senior Manager",P:"Partner"};var n=require("react/jsx-runtime"),h=({node:e,onNodeClick:r,expandable:o=!1,isExpanded:i=!0,onToggleExpand:t})=>{let a=e.children.length>0,d=o&&a;return(0,n.jsxs)("div",{className:"flex flex-col items-center",children:[(0,n.jsxs)("div",{className:`
+          relative bg-card border border-border rounded-lg shadow-sm
+          transition-all duration-200 hover:shadow-md hover:border-primary/50
+          ${r?"cursor-pointer":""}
+          w-64 p-4
+        `,onClick:()=>r?.(e),children:[(0,n.jsxs)("div",{className:"flex items-start gap-3",children:[(0,n.jsx)("div",{className:"flex-shrink-0",children:e.profilePicture?.url?(0,n.jsx)("img",{src:e.profilePicture.url,alt:e.profilePicture.alt||e.name,className:"w-12 h-12 rounded-full object-cover border-2 border-primary/20"}):(0,n.jsx)("div",{className:"w-12 h-12 rounded-full bg-primary/10 border-2 border-primary/20 flex items-center justify-center",children:(0,n.jsx)("span",{className:"text-sm font-semibold text-primary",children:f(e.name)})})}),(0,n.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,n.jsx)("h3",{className:"font-semibold text-card-foreground text-sm truncate",children:e.name}),(0,n.jsx)("p",{className:"text-xs text-muted-foreground truncate",children:e.email}),e.jobRole&&(0,n.jsx)("div",{className:"mt-2",children:(0,n.jsx)("span",{className:`
+                    inline-block px-2 py-0.5 rounded text-xs font-medium border
+                    ${b(e.jobRole)}
+                  `,children:x[e.jobRole]})})]})]}),e.about&&(0,n.jsx)("div",{className:"mt-3 pt-3 border-t border-border",children:(0,n.jsx)("p",{className:"text-xs text-muted-foreground line-clamp-2",children:e.about})}),d&&(0,n.jsx)("button",{onClick:c=>{c.stopPropagation(),t?.()},className:"absolute -bottom-3 left-1/2 -translate-x-1/2 w-6 h-6 rounded-full bg-card border-2 border-border hover:border-primary/50 flex items-center justify-center transition-colors","aria-label":i?"Collapse":"Expand",children:(0,n.jsx)("svg",{className:`w-3 h-3 text-muted-foreground transition-transform ${i?"rotate-180":""}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,n.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})})]}),a&&i&&(0,n.jsx)("div",{className:"w-0.5 h-8 bg-border"})]})};var N=({nodes:e,onNodeClick:r,expandable:o=!1,initiallyExpanded:i=!0})=>(0,n.jsx)("div",{className:"flex flex-col items-center gap-0",children:e.map((t,a)=>(0,n.jsx)(C,{node:t,onNodeClick:r,expandable:o,initiallyExpanded:i,isLast:a===e.length-1},t.id))}),C=({node:e,onNodeClick:r,expandable:o,initiallyExpanded:i=!0,isLast:t=!1})=>{let[a,d]=(0,v.useState)(i),c=e.children.length>0;return(0,n.jsxs)("div",{className:`flex flex-col items-center ${t?"":"mb-8"}`,children:[(0,n.jsx)(h,{node:e,onNodeClick:r,expandable:o,isExpanded:a,onToggleExpand:()=>d(!a)}),c&&a&&(0,n.jsxs)("div",{className:"flex flex-col items-center mt-0",children:[e.children.length>1&&(0,n.jsx)("div",{className:"relative w-full flex justify-center",children:(0,n.jsxs)("div",{className:"absolute top-0 left-1/2 -translate-x-1/2 w-full max-w-[800px]",children:[(0,n.jsx)("div",{className:"absolute top-0 left-0 right-0 h-0.5 bg-border"}),(0,n.jsx)("div",{className:"flex justify-around",children:e.children.map((m,p)=>(0,n.jsx)("div",{className:"w-0.5 h-8 bg-border"},p))})]})}),(0,n.jsx)("div",{className:`
+              flex gap-8 mt-8
+              ${e.children.length===1?"flex-col items-center":"flex-row items-start justify-center flex-wrap"}
+            `,children:e.children.map((m,p)=>(0,n.jsx)(C,{node:m,onNodeClick:r,expandable:o,initiallyExpanded:i,isLast:p===e.children.length-1},m.id))})]})]})};var y=({users:e,onNodeClick:r,className:o="",expandable:i=!1,initiallyExpanded:t=!0})=>{let a=u(e);return e.length===0?(0,n.jsx)("div",{className:`flex items-center justify-center p-8 ${o}`,children:(0,n.jsx)("div",{className:"text-center",children:(0,n.jsx)("p",{className:"text-muted-foreground",children:"No users to display"})})}):a.length===0?(0,n.jsx)("div",{className:`flex items-center justify-center p-8 ${o}`,children:(0,n.jsxs)("div",{className:"text-center",children:[(0,n.jsx)("p",{className:"text-muted-foreground",children:"Unable to build organization tree"}),(0,n.jsx)("p",{className:"text-xs text-muted-foreground mt-1",children:"Check that manager relationships are properly configured"})]})}):(0,n.jsx)("div",{className:`org-chart w-full overflow-x-auto ${o}`,children:(0,n.jsx)("div",{className:"inline-block min-w-full p-8",children:(0,n.jsx)(N,{nodes:a,onNodeClick:r,expandable:i,initiallyExpanded:t})})})},U=y;0&&(module.exports={OrgChart});

package/dist/components/AdvancedComponents/org-chart-component/OrgChart.mjs

@@ -0,0 +1 @@
+import{a,b}from"../../../chunk-B7RZ4K6Y.mjs";import"../../../chunk-G6OGEIN4.mjs";import"../../../chunk-KQRQXBJ3.mjs";import"../../../chunk-SOTCQX2G.mjs";import"../../../chunk-32G45Z2G.mjs";import"../../../chunk-YEKQJ4YC.mjs";export{a as OrgChart,b as default};

package/dist/components/AdvancedComponents/org-chart-component/OrgNode.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { OrgNodeProps } from './types';
+export declare const OrgNode: React.FC<OrgNodeProps>;

package/dist/components/AdvancedComponents/org-chart-component/OrgNode.js

@@ -0,0 +1,9 @@
+"use strict";var s=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var f=(r,t)=>{for(var a in t)s(r,a,{get:t[a],enumerable:!0})},x=(r,t,a,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of b(t))!p.call(r,o)&&o!==a&&s(r,o,{get:()=>t[o],enumerable:!(n=u(t,o))||n.enumerable});return r};var h=r=>x(s({},"__esModule",{value:!0}),r);var v={};f(v,{OrgNode:()=>C});module.exports=h(v);function l(r){if(!r)return"?";let t=r.trim().split(/\s+/);return t.length===1?t[0].substring(0,2).toUpperCase():(t[0][0]+t[t.length-1][0]).toUpperCase()}function d(r){return r&&{P:"bg-primary/20 text-primary border-primary/30",SM:"bg-accent/20 text-accent border-accent/30",M:"bg-accent/15 text-accent border-accent/25",SC2:"bg-card text-card-foreground border-border",SC1:"bg-card text-card-foreground border-border",C3:"bg-muted text-muted-foreground border-border",C2:"bg-muted text-muted-foreground border-border",C1:"bg-muted text-muted-foreground border-border"}[r]||"bg-muted text-muted-foreground"}var c={C1:"Consultant 1",C2:"Consultant 2",C3:"Consultant 3",SC1:"Senior Consultant 1",SC2:"Senior Consultant 2",M:"Manager",SM:"Senior Manager",P:"Partner"};var e=require("react/jsx-runtime"),C=({node:r,onNodeClick:t,expandable:a=!1,isExpanded:n=!0,onToggleExpand:o})=>{let i=r.children.length>0,g=a&&i;return(0,e.jsxs)("div",{className:"flex flex-col items-center",children:[(0,e.jsxs)("div",{className:`
+          relative bg-card border border-border rounded-lg shadow-sm
+          transition-all duration-200 hover:shadow-md hover:border-primary/50
+          ${t?"cursor-pointer":""}
+          w-64 p-4
+        `,onClick:()=>t?.(r),children:[(0,e.jsxs)("div",{className:"flex items-start gap-3",children:[(0,e.jsx)("div",{className:"flex-shrink-0",children:r.profilePicture?.url?(0,e.jsx)("img",{src:r.profilePicture.url,alt:r.profilePicture.alt||r.name,className:"w-12 h-12 rounded-full object-cover border-2 border-primary/20"}):(0,e.jsx)("div",{className:"w-12 h-12 rounded-full bg-primary/10 border-2 border-primary/20 flex items-center justify-center",children:(0,e.jsx)("span",{className:"text-sm font-semibold text-primary",children:l(r.name)})})}),(0,e.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,e.jsx)("h3",{className:"font-semibold text-card-foreground text-sm truncate",children:r.name}),(0,e.jsx)("p",{className:"text-xs text-muted-foreground truncate",children:r.email}),r.jobRole&&(0,e.jsx)("div",{className:"mt-2",children:(0,e.jsx)("span",{className:`
+                    inline-block px-2 py-0.5 rounded text-xs font-medium border
+                    ${d(r.jobRole)}
+                  `,children:c[r.jobRole]})})]})]}),r.about&&(0,e.jsx)("div",{className:"mt-3 pt-3 border-t border-border",children:(0,e.jsx)("p",{className:"text-xs text-muted-foreground line-clamp-2",children:r.about})}),g&&(0,e.jsx)("button",{onClick:m=>{m.stopPropagation(),o?.()},className:"absolute -bottom-3 left-1/2 -translate-x-1/2 w-6 h-6 rounded-full bg-card border-2 border-border hover:border-primary/50 flex items-center justify-center transition-colors","aria-label":n?"Collapse":"Expand",children:(0,e.jsx)("svg",{className:`w-3 h-3 text-muted-foreground transition-transform ${n?"rotate-180":""}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,e.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})})]}),i&&n&&(0,e.jsx)("div",{className:"w-0.5 h-8 bg-border"})]})};0&&(module.exports={OrgNode});

package/dist/components/AdvancedComponents/org-chart-component/OrgNode.mjs

@@ -0,0 +1 @@
+import{a}from"../../../chunk-KQRQXBJ3.mjs";import"../../../chunk-SOTCQX2G.mjs";import"../../../chunk-32G45Z2G.mjs";import"../../../chunk-YEKQJ4YC.mjs";export{a as OrgNode};

package/dist/components/AdvancedComponents/org-chart-component/OrgTree.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { OrgChartNode, User } from './types';
+interface OrgTreeProps {
+    nodes: OrgChartNode[];
+    onNodeClick?: (user: User) => void;
+    expandable?: boolean;
+    initiallyExpanded?: boolean;
+}
+export declare const OrgTree: React.FC<OrgTreeProps>;
+export {};

package/dist/components/AdvancedComponents/org-chart-component/OrgTree.js

@@ -0,0 +1,12 @@
+"use strict";var g=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var N=Object.prototype.hasOwnProperty;var y=(e,r)=>{for(var n in r)g(e,n,{get:r[n],enumerable:!0})},O=(e,r,n,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of C(r))!N.call(e,a)&&a!==n&&g(e,a,{get:()=>r[a],enumerable:!(s=v(r,a))||s.enumerable});return e};var P=e=>O(g({},"__esModule",{value:!0}),e);var R={};y(R,{OrgTree:()=>w});module.exports=P(R);var x=require("react");function p(e){if(!e)return"?";let r=e.trim().split(/\s+/);return r.length===1?r[0].substring(0,2).toUpperCase():(r[0][0]+r[r.length-1][0]).toUpperCase()}function u(e){return e&&{P:"bg-primary/20 text-primary border-primary/30",SM:"bg-accent/20 text-accent border-accent/30",M:"bg-accent/15 text-accent border-accent/25",SC2:"bg-card text-card-foreground border-border",SC1:"bg-card text-card-foreground border-border",C3:"bg-muted text-muted-foreground border-border",C2:"bg-muted text-muted-foreground border-border",C1:"bg-muted text-muted-foreground border-border"}[e]||"bg-muted text-muted-foreground"}var b={C1:"Consultant 1",C2:"Consultant 2",C3:"Consultant 3",SC1:"Senior Consultant 1",SC2:"Senior Consultant 2",M:"Manager",SM:"Senior Manager",P:"Partner"};var t=require("react/jsx-runtime"),f=({node:e,onNodeClick:r,expandable:n=!1,isExpanded:s=!0,onToggleExpand:a})=>{let l=e.children.length>0,i=n&&l;return(0,t.jsxs)("div",{className:"flex flex-col items-center",children:[(0,t.jsxs)("div",{className:`
+          relative bg-card border border-border rounded-lg shadow-sm
+          transition-all duration-200 hover:shadow-md hover:border-primary/50
+          ${r?"cursor-pointer":""}
+          w-64 p-4
+        `,onClick:()=>r?.(e),children:[(0,t.jsxs)("div",{className:"flex items-start gap-3",children:[(0,t.jsx)("div",{className:"flex-shrink-0",children:e.profilePicture?.url?(0,t.jsx)("img",{src:e.profilePicture.url,alt:e.profilePicture.alt||e.name,className:"w-12 h-12 rounded-full object-cover border-2 border-primary/20"}):(0,t.jsx)("div",{className:"w-12 h-12 rounded-full bg-primary/10 border-2 border-primary/20 flex items-center justify-center",children:(0,t.jsx)("span",{className:"text-sm font-semibold text-primary",children:p(e.name)})})}),(0,t.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,t.jsx)("h3",{className:"font-semibold text-card-foreground text-sm truncate",children:e.name}),(0,t.jsx)("p",{className:"text-xs text-muted-foreground truncate",children:e.email}),e.jobRole&&(0,t.jsx)("div",{className:"mt-2",children:(0,t.jsx)("span",{className:`
+                    inline-block px-2 py-0.5 rounded text-xs font-medium border
+                    ${u(e.jobRole)}
+                  `,children:b[e.jobRole]})})]})]}),e.about&&(0,t.jsx)("div",{className:"mt-3 pt-3 border-t border-border",children:(0,t.jsx)("p",{className:"text-xs text-muted-foreground line-clamp-2",children:e.about})}),i&&(0,t.jsx)("button",{onClick:d=>{d.stopPropagation(),a?.()},className:"absolute -bottom-3 left-1/2 -translate-x-1/2 w-6 h-6 rounded-full bg-card border-2 border-border hover:border-primary/50 flex items-center justify-center transition-colors","aria-label":s?"Collapse":"Expand",children:(0,t.jsx)("svg",{className:`w-3 h-3 text-muted-foreground transition-transform ${s?"rotate-180":""}`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})})]}),l&&s&&(0,t.jsx)("div",{className:"w-0.5 h-8 bg-border"})]})};var w=({nodes:e,onNodeClick:r,expandable:n=!1,initiallyExpanded:s=!0})=>(0,t.jsx)("div",{className:"flex flex-col items-center gap-0",children:e.map((a,l)=>(0,t.jsx)(h,{node:a,onNodeClick:r,expandable:n,initiallyExpanded:s,isLast:l===e.length-1},a.id))}),h=({node:e,onNodeClick:r,expandable:n,initiallyExpanded:s=!0,isLast:a=!1})=>{let[l,i]=(0,x.useState)(s),d=e.children.length>0;return(0,t.jsxs)("div",{className:`flex flex-col items-center ${a?"":"mb-8"}`,children:[(0,t.jsx)(f,{node:e,onNodeClick:r,expandable:n,isExpanded:l,onToggleExpand:()=>i(!l)}),d&&l&&(0,t.jsxs)("div",{className:"flex flex-col items-center mt-0",children:[e.children.length>1&&(0,t.jsx)("div",{className:"relative w-full flex justify-center",children:(0,t.jsxs)("div",{className:"absolute top-0 left-1/2 -translate-x-1/2 w-full max-w-[800px]",children:[(0,t.jsx)("div",{className:"absolute top-0 left-0 right-0 h-0.5 bg-border"}),(0,t.jsx)("div",{className:"flex justify-around",children:e.children.map((c,m)=>(0,t.jsx)("div",{className:"w-0.5 h-8 bg-border"},m))})]})}),(0,t.jsx)("div",{className:`
+              flex gap-8 mt-8
+              ${e.children.length===1?"flex-col items-center":"flex-row items-start justify-center flex-wrap"}
+            `,children:e.children.map((c,m)=>(0,t.jsx)(h,{node:c,onNodeClick:r,expandable:n,initiallyExpanded:s,isLast:m===e.children.length-1},c.id))})]})]})};0&&(module.exports={OrgTree});

package/dist/components/AdvancedComponents/org-chart-component/OrgTree.mjs

@@ -0,0 +1 @@
+import{a}from"../../../chunk-G6OGEIN4.mjs";import"../../../chunk-KQRQXBJ3.mjs";import"../../../chunk-SOTCQX2G.mjs";import"../../../chunk-32G45Z2G.mjs";import"../../../chunk-YEKQJ4YC.mjs";export{a as OrgTree};

package/dist/components/AdvancedComponents/org-chart-component/examples/PayloadIntegration.js

@@ -0,0 +1,233 @@
+var a=`
+\`\`\`js
+/**
+ * Example: Integrating OrgChart with PayloadCMS3
+ * 
+ * This example shows how to fetch user data from Payload using the client SDK
+ * and render it in the OrgChart component.
+ */
+
+import React from 'react';
+import { OrgChart } from '../OrgChart';
+import type { User } from '../types';
+
+/**
+ * Server Component Example (Next.js App Router)
+ * 
+ * Use this approach in a server component to fetch data at build/request time.
+ */
+export async function OrgChartServerComponent() {
+  // Import Payload config (adjust path to your project structure)
+  const { getPayload } = await import('payload');
+  const config = await import('@/payload.config').then((m) => m.default);
+  
+  // Get Payload instance
+  const payload = await getPayload({ config });
+  
+  // Fetch all users with manager relationships
+  const usersResponse = await payload.find({
+    collection: 'users',
+    depth: 2, // Include manager relationship data
+    limit: 1000, // Adjust based on your org size
+  });
+  
+  // Transform Payload data to OrgChart format
+  const users: User[] = usersResponse.docs.map((doc) => ({
+    id: doc.id,
+    name: doc.name || '',
+    email: doc.email,
+    jobRole: doc.jobRole,
+    manager: doc.manager,
+    about: doc.about,
+    profilePicture: doc.profilePicture
+      ? {
+          url: typeof doc.profilePicture === 'object' 
+            ? doc.profilePicture.url 
+            : doc.profilePicture,
+          alt: doc.name,
+        }
+      : undefined,
+  }));
+  
+  return (
+    <div className="container mx-auto py-8">
+      <h1 className="text-3xl font-bold mb-8">Organization Chart</h1>
+      <OrgChart 
+        users={users} 
+        expandable={true}
+        initiallyExpanded={true}
+      />
+    </div>
+  );
+}
+
+/**
+ * Client Component Example (with Server Action or API Route)
+ * 
+ * Use this approach when you need client-side interactivity.
+ */
+'use client';
+
+interface OrgChartClientComponentProps {
+  initialUsers: User[];
+}
+
+export function OrgChartClientComponent({ initialUsers }: OrgChartClientComponentProps) {
+  const [users, setUsers] = React.useState<User[]>(initialUsers);
+  const [selectedUser, setSelectedUser] = React.useState<User | null>(null);
+  
+  const handleNodeClick = (user: User) => {
+    setSelectedUser(user);
+    // You could also navigate to a user detail page here
+    // router.push(\`/team/\${user.id}\`);
+  };
+  
+  return (
+    <div className="container mx-auto py-8">
+      <div className="mb-8">
+        <h1 className="text-3xl font-bold">Organization Chart</h1>
+        <p className="text-muted-foreground mt-2">
+          Click on any team member to view details
+        </p>
+      </div>
+      
+      <div className="grid grid-cols-1 lg:grid-cols-3 gap-8">
+        {/* Org Chart */}
+        <div className="lg:col-span-2">
+          <OrgChart 
+            users={users}
+            onNodeClick={handleNodeClick}
+            expandable={true}
+            initiallyExpanded={true}
+          />
+        </div>
+        
+        {/* Selected User Details */}
+        <div className="lg:col-span-1">
+          {selectedUser ? (
+            <div className="bg-card border border-border rounded-lg p-6 sticky top-8">
+              <h2 className="text-xl font-semibold mb-4">Team Member Details</h2>
+              <div className="space-y-4">
+                <div>
+                  <label className="text-sm text-muted-foreground">Name</label>
+                  <p className="font-medium">{selectedUser.name}</p>
+                </div>
+                <div>
+                  <label className="text-sm text-muted-foreground">Email</label>
+                  <p className="font-medium">{selectedUser.email}</p>
+                </div>
+                {selectedUser.jobRole && (
+                  <div>
+                    <label className="text-sm text-muted-foreground">Role</label>
+                    <p className="font-medium">{selectedUser.jobRole}</p>
+                  </div>
+                )}
+                {selectedUser.about && (
+                  <div>
+                    <label className="text-sm text-muted-foreground">About</label>
+                    <p className="text-sm">{selectedUser.about}</p>
+                  </div>
+                )}
+              </div>
+            </div>
+          ) : (
+            <div className="bg-muted/50 border border-border rounded-lg p-6 text-center">
+              <p className="text-muted-foreground">
+                Select a team member to view details
+              </p>
+            </div>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+/**
+ * API Route Example (Next.js App Router)
+ * 
+ * Create this file at: app/api/org-chart/route.ts
+ */
+export async function GET() {
+  const { getPayload } = await import('payload');
+  const config = await import('@/payload.config').then((m) => m.default);
+  
+  const payload = await getPayload({ config });
+  
+  const usersResponse = await payload.find({
+    collection: 'users',
+    depth: 2,
+    limit: 1000,
+  });
+  
+  const users: User[] = usersResponse.docs.map((doc) => ({
+    id: doc.id,
+    name: doc.name || '',
+    email: doc.email,
+    jobRole: doc.jobRole,
+    manager: doc.manager,
+    about: doc.about,
+    profilePicture: doc.profilePicture
+      ? {
+          url: typeof doc.profilePicture === 'object' 
+            ? doc.profilePicture.url 
+            : doc.profilePicture,
+          alt: doc.name,
+        }
+      : undefined,
+  }));
+  
+  return Response.json({ users });
+}
+
+/**
+ * Server Action Example (Next.js App Router)
+ * 
+ * Create this file at: app/actions/getOrgChartData.ts
+ */
+'use server';
+
+export async function getOrgChartData(): Promise<User[]> {
+  const { getPayload } = await import('payload');
+  const config = await import('@/payload.config').then((m) => m.default);
+  
+  const payload = await getPayload({ config });
+  
+  const usersResponse = await payload.find({
+    collection: 'users',
+    depth: 2,
+    limit: 1000,
+    // Optional: Add sorting
+    sort: 'name',
+  });
+  
+  return usersResponse.docs.map((doc) => ({
+    id: doc.id,
+    name: doc.name || '',
+    email: doc.email,
+    jobRole: doc.jobRole,
+    manager: doc.manager,
+    about: doc.about,
+    profilePicture: doc.profilePicture
+      ? {
+          url: typeof doc.profilePicture === 'object' 
+            ? doc.profilePicture.url 
+            : doc.profilePicture,
+          alt: doc.name,
+        }
+      : undefined,
+  }));
+}
+
+/**
+ * Usage in a page component:
+ * 
+ * import { getOrgChartData } from '@/app/actions/getOrgChartData';
+ * import { OrgChartClientComponent } from '@/components/OrgChartClientComponent';
+ * 
+ * export default async function OrgChartPage() {
+ *   const users = await getOrgChartData();
+ *   return <OrgChartClientComponent initialUsers={users} />;
+ * }
+ */
+\`\`\``;