@hortonstudio/main 1.2.13 → 1.2.15

package/dist/index.js

@@ -0,0 +1 @@
+var n="hsmain",S=async()=>{if(window[n]&&!Array.isArray(window[n])&&window[n].loaded)return;let w=Array.isArray(window[n])?window[n]:[],h={"data-hs-anim-text":!0,"data-hs-anim-hero":!0,"data-hs-anim-transition":!0},f={"data-hs-util-toc":!0,"data-hs-util-progress":!0,"data-hs-util-navbar":!0},m={"smooth-scroll":!0},y={...h,...f},{loadModule:p}=await import("./src-load-3UYE3H3N.js"),g=async()=>new Promise(t=>{window.Webflow||(window.Webflow=[]),window.Webflow.push(t)}),A=async()=>new Promise(t=>{document.readyState==="loading"?document.addEventListener("DOMContentLoaded",t):t()}),a=[...document.querySelectorAll(`script[type="module"][src="${import.meta.url}"]`)];a.length===0&&(a=[...document.querySelectorAll('script[type="module"][src*="@hortonstudio/main"]')].filter(e=>{let o=e.src,s=import.meta.url,i=o.match(/@hortonstudio\/main(@[\d.]+)?/)?.[0],r=s.match(/@hortonstudio\/main(@[\d.]+)?/)?.[0];return i&&r&&i.split("@")[0]===r.split("@")[0]}));let l=async t=>{let e=window[n];if(e.process.has(t))return e.modules[t]?.loading;e.process.add(t);let o=e.modules[t]||{};e.modules[t]=o,o.loading=new Promise((s,i)=>{o.resolve=s,o.reject=i});try{let{init:s,version:i}=await p(t),r=await s(),{result:d,destroy:c}=r||{};return o.version=i,o.destroy=()=>{c?.(),e.process.delete(t)},o.restart=()=>(o.destroy?.(),e.load(t)),o.resolve?.(d),delete o.resolve,delete o.reject,d}catch(s){throw o.reject?.(s),e.process.delete(t),s}},u=[];window[n]={scripts:a,modules:{},process:new Set,load:l,loaded:!1,push(...t){for(let[e,o]of t)typeof o=="function"?this.modules[e]?.loading?.then(o):this.load(e)},destroy(){for(let t in this.modules)this.modules[t]?.destroy?.()},afterReady(t){typeof t=="function"&&(this.loaded?t():u.push(t))},afterWebflowReady(t){typeof t=="function"&&(this.loaded?t():u.push(t))},status(t){return t?{loaded:!!this.modules[t],loading:this.process.has(t)}:{loaded:Object.keys(this.modules),loading:[...this.process],animations:Object.keys(h),utilities:Object.keys(f),autoInit:Object.keys(m)}}};let b=()=>{for(let e of a){let o=e.getAttribute("data-hs-auto")==="true";for(let s of Object.keys(y))e.hasAttribute(s)&&l(s);o&&A().then(()=>{let s=new Set,i=document.querySelectorAll("*");for(let r of i)for(let d of r.getAttributeNames()){let c=d.match(/^(data-hs-(?:anim|util)-[^-=]+)/)?.[1];c&&y[c]&&s.add(c)}for(let r of s)l(r)})}for(let e of Object.keys(m))l(e);a.some(e=>e.hasAttribute("data-hs-anim-transition"))||document.querySelectorAll(".transition").forEach(o=>{o.style.display="none"})};document.querySelectorAll(".w-richtext").forEach(t=>{t.querySelectorAll("img").forEach(o=>{o.loading="eager"})});let M=async()=>{b(),await g(),window[n].loaded=!0,u.forEach(t=>{try{t()}catch{}})};window[n].push(...w),M().catch(()=>{})};S();

package/dist/src-hero-UYNS76KU.js

@@ -0,0 +1 @@
+var m="hsmain",D=()=>window.matchMedia&&window.matchMedia("(prefers-reduced-motion: reduce)").matches,c={announce:0,nav:.1,navLogo:.3,navList:.35,navMenu:.35,navButton:.5,tag:.1,heading:.15,subheading:.25,button:.35,image:.5,appear:.6},r=null,y=[],C=[],x=null,e={global:{animationDelay:.2},headingSplit:{duration:1.5,stagger:.1,yPercent:110,ease:"power4.out"},subheadingSplit:{duration:1.5,stagger:.1,yPercent:110,ease:"power4.out"},appear:{y:50,duration:1.5,ease:"power3.out"},navStagger:{duration:1.5,stagger:.1,ease:"power3.out"},nav:{duration:1,ease:"power3.out"}};function B(p){function i(t,s){for(let d in s)s[d]&&typeof s[d]=="object"&&!Array.isArray(s[d])?(t[d]=t[d]||{},i(t[d],s[d])):t[d]=s[d];return t}i(e,p)}function w(){x&&(clearTimeout(x),x=null),r&&(r.kill(),r=null),y.forEach(t=>{t&&t.revert&&t.revert()}),y=[],C.forEach(t=>{t&&t.revert&&t.revert()}),C=[],document.querySelectorAll("[data-original-tabindex]").forEach(t=>{t.style.pointerEvents="";let s=t.getAttribute("data-original-tabindex");s==="0"?t.removeAttribute("tabindex"):t.setAttribute("tabindex",s),t.removeAttribute("data-original-tabindex")});let i=document.querySelector('[data-hs-hero="nav"]');i&&(i.style.pointerEvents="")}function P(){w(),j()}function N(){[...document.querySelectorAll('[data-hs-hero="announce"]'),...document.querySelectorAll('[data-hs-hero="nav"]'),...document.querySelectorAll('[data-hs-hero="nav-menu"]'),...document.querySelectorAll('[data-hs-hero="nav-logo"]'),...document.querySelectorAll('[data-hs-hero="nav-button"] > *:first-child'),...document.querySelectorAll('[data-hs-hero="nav-list"] > * > *:first-child'),...document.querySelectorAll('[data-hs-hero="heading"] > *:first-child'),...document.querySelectorAll('[data-hs-hero="subheading"] > *:first-child'),...document.querySelectorAll('[data-hs-hero="tag"] > *:first-child'),...document.querySelectorAll('[data-hs-hero="button"] > *'),...document.querySelectorAll('[data-hs-hero="image"]'),...document.querySelectorAll('[data-hs-hero="appear"]')].forEach(t=>{t&&(gsap.set(t,{autoAlpha:1,opacity:1,y:0,yPercent:0}),t.style.pointerEvents="")}),document.querySelectorAll("[data-original-tabindex]").forEach(t=>{t.style.pointerEvents="";let s=t.getAttribute("data-original-tabindex");s==="0"?t.removeAttribute("tabindex"):t.setAttribute("tabindex",s),t.removeAttribute("data-original-tabindex")})}async function j(){if(typeof window.gsap>"u"){console.error("GSAP not found - hero animations disabled");return}if(D())return N(),window[m]=window[m]||{},window[m].heroAnimations={config:e,updateConfig:B,start:P,kill:w,restart:()=>{w(),P()}},{result:"anim-hero initialized (reduced motion)"};gsap.registerPlugin(ScrollTrigger,SplitText);let p=document.querySelectorAll('[data-hs-hero="announce"]'),i=document.querySelector('[data-hs-hero="nav"]'),t=document.querySelectorAll('[data-hs-hero="nav-menu"]'),s=document.querySelectorAll('[data-hs-hero="nav-logo"]'),d=document.querySelectorAll('[data-hs-hero="image"]'),T=document.querySelectorAll('[data-hs-hero="appear"]'),g=i&&i.hasAttribute("data-hs-heroconfig")&&i.getAttribute("data-hs-heroconfig")==="advanced",b=[];g&&document.querySelectorAll('[data-hs-hero="nav-button"]').forEach(n=>{n.firstElementChild&&b.push(n.firstElementChild)});let L=[],v=[],H=document.querySelectorAll('[data-hs-hero="subheading"]'),F=[];H.forEach(a=>{a.firstElementChild&&((a.getAttribute("data-hs-heroconfig")||"appear")==="appear"?v.push(a.firstElementChild):(L.push(a.firstElementChild),F.push(a)))});let k=[],q=[],z=document.querySelectorAll('[data-hs-hero="heading"]'),M=[];z.forEach(a=>{a.firstElementChild&&((a.getAttribute("data-hs-heroconfig")||"word")==="appear"?q.push(a.firstElementChild):(k.push(a.firstElementChild),M.push(a)))});let A=[];document.querySelectorAll('[data-hs-hero="tag"]').forEach(a=>{a.firstElementChild&&A.push(a.firstElementChild)});let E=[];document.querySelectorAll('[data-hs-hero="button"]').forEach(a=>{let n=Array.from(a.children);E.push(...n)});let S=[];return g&&document.querySelectorAll('[data-hs-hero="nav-list"]').forEach(n=>{Array.from(n.children).forEach(l=>{l.classList.add("u-overflow-clip"),l.firstElementChild&&S.push(l.firstElementChild)})}),p.length>0&&gsap.set(p,{opacity:0,y:-50}),i&&(gsap.set(i,{opacity:0,y:-50}),i.style.pointerEvents="none"),g&&S.length>0&&gsap.set(S,{opacity:0,yPercent:110}),g&&t.length>0&&gsap.set(t,{opacity:0}),g&&b.length>0&&gsap.set(b,{opacity:0}),g&&s.length>0&&gsap.set(s,{opacity:0}),v.length>0&&gsap.set(v,{y:e.appear.y,opacity:0}),A.length>0&&gsap.set(A,{y:e.appear.y,opacity:0}),E.length>0&&gsap.set(E,{y:e.appear.y,opacity:0}),d.length>0&&gsap.set(d,{opacity:0}),T.length>0&&gsap.set(T,{y:e.appear.y,opacity:0}),q.length>0&&gsap.set(q,{y:e.appear.y,opacity:0}),document.querySelectorAll('a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])').forEach(a=>{a.style.pointerEvents="none",a.setAttribute("data-original-tabindex",a.getAttribute("tabindex")||"0"),a.setAttribute("tabindex","-1")}),document.fonts.ready.then(()=>{y=[],k.length>0&&M.forEach((a,n)=>{let o=k[n],l=a.getAttribute("data-hs-heroconfig")||"word",u={},h="";l==="char"?(u={type:"words,chars",mask:"chars",charsClass:"char"},h="chars"):l==="line"?(u={type:"lines",mask:"lines",linesClass:"line"},h="lines"):(u={type:"words",mask:"words",wordsClass:"word"},h="words");let f=new SplitText(o,u);f.elementsClass=h,y.push(f),gsap.set(f[h],{yPercent:e.headingSplit.yPercent}),gsap.set(o,{autoAlpha:1})}),L.length>0&&F.forEach((a,n)=>{let o=L[n],l=a.getAttribute("data-hs-heroconfig")||"word",u={},h="";l==="char"?(u={type:"words,chars",mask:"chars",charsClass:"char"},h="chars"):l==="line"?(u={type:"lines",mask:"lines",linesClass:"line"},h="lines"):(u={type:"words",mask:"words",wordsClass:"word"},h="words");let f=new SplitText(o,u);f.elementsClass=h,C.push(f),gsap.set(f[h],{yPercent:e.subheadingSplit.yPercent}),gsap.set(o,{autoAlpha:1})}),x=setTimeout(()=>{r=gsap.timeline(),p.length>0&&r.to(p,{opacity:1,y:0,duration:e.nav.duration,ease:e.nav.ease},c.announce),i&&r.to(i,{opacity:1,y:0,duration:e.nav.duration,ease:e.nav.ease},c.nav),g&&s.length>0&&r.to(s,{opacity:1,duration:.5,ease:e.nav.ease},c.navLogo),g&&S.length>0&&r.to(S,{opacity:1,yPercent:0,duration:e.nav.duration,stagger:.05,ease:e.nav.ease,onComplete:()=>{document.querySelectorAll('[data-hs-hero="nav-list"]').forEach(o=>{let l=o.children;Array.from(l).forEach(u=>{u.classList.remove("u-overflow-clip")})})}},c.navList),g&&t.length>0&&r.to(t,{opacity:1,duration:e.nav.duration,ease:e.nav.ease},c.navMenu),g&&b.length>0&&r.to(b,{opacity:1,duration:e.nav.duration,ease:e.nav.ease},c.navButton),y.length>0&&y.forEach(n=>{r.to(n[n.elementsClass],{yPercent:0,duration:e.headingSplit.duration,stagger:e.headingSplit.stagger,ease:e.headingSplit.ease,onComplete:()=>{n&&n.revert}},c.heading)}),C.length>0&&C.forEach(n=>{r.to(n[n.elementsClass],{yPercent:0,duration:e.subheadingSplit.duration,stagger:e.subheadingSplit.stagger,ease:e.subheadingSplit.ease,onComplete:()=>{n&&n.revert}},c.subheading)}),v.length>0&&r.to(v,{y:0,opacity:1,duration:e.appear.duration,ease:e.appear.ease},c.subheading),A.length>0&&r.to(A,{y:0,opacity:1,duration:e.appear.duration,ease:e.appear.ease},c.tag),E.length>0&&r.to(E,{y:0,opacity:1,duration:e.navStagger.duration,stagger:e.navStagger.stagger,ease:e.navStagger.ease},c.button),d.length>0&&r.to(d,{opacity:1,duration:e.appear.duration,ease:e.appear.ease},c.image);let a=[...T,...q];a.length>0?r.to(a,{y:0,opacity:1,duration:e.appear.duration,ease:e.appear.ease,onComplete:()=>{document.querySelectorAll("[data-original-tabindex]").forEach(o=>{o.style.pointerEvents="";let l=o.getAttribute("data-original-tabindex");l==="0"?o.removeAttribute("tabindex"):o.setAttribute("tabindex",l),o.removeAttribute("data-original-tabindex")}),i&&(i.style.pointerEvents="")}},c.appear):r.call(()=>{document.querySelectorAll("[data-original-tabindex]").forEach(o=>{o.style.pointerEvents="";let l=o.getAttribute("data-original-tabindex");l==="0"?o.removeAttribute("tabindex"):o.setAttribute("tabindex",l),o.removeAttribute("data-original-tabindex")}),i&&(i.style.pointerEvents="")}),x=null},e.global.animationDelay*1e3)}),window[m]=window[m]||{},window[m].heroAnimations={config:e,updateConfig:B,start:P,kill:w,restart:()=>{w(),P()}},{result:"anim-hero initialized"}}export{j as init};

package/dist/src-load-3UYE3H3N.js

@@ -0,0 +1 @@
+var r=async t=>{switch(t){case"data-hs-anim-text":return import("./src-text-BZVCCQJP.js");case"data-hs-anim-hero":return import("./src-hero-UYNS76KU.js");case"data-hs-anim-transition":return import("./src-transition-UBAPWTIU.js");case"data-hs-util-toc":return import("./src-toc-SHTDW6BF.js");case"data-hs-util-progress":return import("./src-scroll-progress-EX62FWYD.js");case"data-hs-util-navbar":return import("./src-navbar-763V2PWX.js");case"smooth-scroll":return import("./src-smooth-scroll-TG4SEEIC.js");default:throw new Error(`hsmain module "${t}" is not supported.`)}};export{r as loadModule};

package/dist/src-navbar-763V2PWX.js

@@ -0,0 +1 @@
+var w=()=>{let v=document.querySelectorAll('[data-hs-nav-dropdown="wrapper"]'),u=[],y=(n=null)=>{u.forEach(a=>{a.wrapper!==n&&a.isOpen&&a.closeDropdown()})};return v.forEach(n=>{let r=n.querySelector("a"),t=n.querySelector('[data-hs-nav-dropdown="list"]'),d=t.querySelector('[data-hs-nav-dropdown="container"]'),f=r.querySelector('[data-hs-nav-dropdown="arrow"]'),p=r.querySelector('[data-hs-nav-dropdown="text"]');gsap.set(d,{yPercent:-110}),gsap.set(t,{display:"none"}),gsap.set(f,{rotation:0,scale:1,x:0,color:""}),gsap.set(p,{scale:1,color:""});let i=!1,s=null;function m(){i||(s&&s.kill(),y(n),i=!0,r.setAttribute("aria-expanded","true"),t.setAttribute("aria-hidden","false"),s=gsap.timeline(),s.set(t,{display:"flex"}).to(d,{yPercent:0,duration:.3,ease:"ease"},0).to(f,{rotation:90,scale:1.2,x:4,color:"var(--swatch--brand)",duration:.3,ease:"ease"},0).to(p,{scale:1.1,color:"var(--swatch--brand)",duration:.3,ease:"ease"},0))}function l(){if(!i)return;s&&s.kill();let e=t.contains(document.activeElement);i=!1,o=-1,r.setAttribute("aria-expanded","false"),t.setAttribute("aria-hidden","true");let D=t.getAttribute("role");t.removeAttribute("role"),s=gsap.timeline(),s.to(d,{yPercent:-110,duration:.3,ease:"ease"},0).to(f,{rotation:0,scale:1,x:0,color:"",duration:.3,ease:"ease"},0).to(p,{scale:1,color:"",duration:.3,ease:"ease"},0).set(t,{display:"none"}).call(()=>{t.setAttribute("role",D||"menu")}),e&&setTimeout(()=>{r.focus()},50)}let c=t.querySelectorAll('a, button, [role="menuitem"]'),o=-1;r.addEventListener("mouseenter",m),n.addEventListener("mouseleave",l),t.addEventListener("keydown",function(e){i&&(e.key==="ArrowDown"?(e.preventDefault(),o=(o+1)%c.length,c[o].focus()):e.key==="ArrowUp"?(e.preventDefault(),o=o<=0?c.length-1:o-1,c[o].focus()):e.key==="Escape"&&(e.preventDefault(),l(),r.focus()))}),r.addEventListener("keydown",function(e){e.key==="ArrowDown"?(e.preventDefault(),m(),c.length>0&&(o=0,setTimeout(()=>c[0].focus(),50))):e.key===" "?(e.preventDefault(),i?l():m()):(e.key==="ArrowUp"||e.key==="Escape")&&(e.preventDefault(),l())}),document.addEventListener("click",function(e){!n.contains(e.target)&&i&&l()}),u.push({wrapper:n,isOpen:()=>i,closeDropdown:l})}),document.addEventListener("focusin",function(n){u.forEach(a=>{a.isOpen()&&!a.wrapper.contains(n.target)&&a.closeDropdown()})}),{result:"navbar initialized"}};export{w as init};

package/dist/src-scroll-progress-EX62FWYD.js

@@ -0,0 +1 @@
+async function e(){let r=document.querySelector('[data-hs-progress="bar"]'),t=document.querySelector('[data-hs-progress="wrapper"]');return!r||!t?{result:"util-scroll-progress initialized"}:(gsap.set(r,{width:"0%"}),gsap.to(r,{width:"100%",ease:"none",scrollTrigger:{trigger:t,start:"top bottom",end:"bottom bottom",scrub:!0}}),{result:"util-scroll-progress initialized"})}export{e as init};

package/dist/src-smooth-scroll-TG4SEEIC.js

@@ -0,0 +1 @@
+var f="hsmain";async function m(){window[f].afterWebflowReady(()=>{typeof $<"u"&&$(document).off("click.wf-scroll")}),document.documentElement.style.scrollBehavior="auto",document.body.style.scrollBehavior="auto";function i(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}function c(){let t=getComputedStyle(document.documentElement).getPropertyValue("--misc--scroll-offset").trim();return parseInt(t)||0}function l(t,e=0){if(t){if(i()){let n=t.getBoundingClientRect().top+window.scrollY-e;window.scrollTo(0,n),t.setAttribute("tabindex","-1"),t.focus({preventScroll:!0});return}gsap.to(window,{duration:1,scrollTo:{y:t,offsetY:e},ease:"power2.out",onComplete:function(){t.setAttribute("tabindex","-1"),t.focus({preventScroll:!0})}})}}function s(){document.addEventListener("click",r),document.addEventListener("keydown",function(t){(t.key==="Enter"||t.key===" ")&&r(t)})}function r(t){let e=t.target.closest('a[href^="#"]');if(!e)return;let n=e.getAttribute("href");if(!n||n==="#")return;let u=n.substring(1),o=document.getElementById(u);if(o){t.preventDefault(),history.replaceState&&history.replaceState(null,null,`#${o.id}`);let d=c();l(o,d)}}return s(),{result:"autoInit-smooth-scroll initialized"}}export{m as init};

package/dist/src-text-BZVCCQJP.js

@@ -0,0 +1 @@
+var w="hsmain",r=()=>window.matchMedia&&window.matchMedia("(prefers-reduced-motion: reduce)").matches,a={global:{animationDelay:0},wordSplit:{duration:1.5,stagger:.075,yPercent:110,ease:"power4.out",start:"top 97%"},lineSplit:{duration:1.5,stagger:.1,yPercent:110,ease:"power4.out",start:"top 97%"},charSplit:{duration:1.2,stagger:.03,yPercent:110,ease:"power4.out",start:"top 97%"},appear:{y:50,duration:1.5,ease:"power3.out",start:"top 97%"}};function S(e){function t(i,l){for(let n in l)l[n]&&typeof l[n]=="object"&&!Array.isArray(l[n])?(i[n]=i[n]||{},t(i[n],l[n])):i[n]=l[n];return i}t(a,e)}function c(){o.forEach(({timeline:e,element:t})=>{e&&e.kill(),t?.splitTextInstance&&t.splitTextInstance.revert()}),o.length=0}function p(){if(r()){u();return}f().then(()=>{g()})}var o=[];function s(){return document.fonts.ready}function u(){[...document.querySelectorAll(".a-char-split > *:first-child"),...document.querySelectorAll(".a-word-split > *:first-child"),...document.querySelectorAll(".a-line-split > *:first-child"),...document.querySelectorAll(".a-appear")].forEach(t=>{gsap.set(t,{autoAlpha:1,y:0,yPercent:0,opacity:1})})}var d={async initial(){if(await s(),r())return;document.querySelectorAll(".a-char-split > *:first-child").forEach(t=>{let i=SplitText.create(t,{type:"chars",mask:"chars",charsClass:"char"});t.splitTextInstance=i,gsap.set(i.chars,{yPercent:a.charSplit.yPercent}),gsap.set(t,{autoAlpha:1})})},async animate(){await s(),!r()&&document.querySelectorAll(".a-char-split > *:first-child").forEach(e=>{let t=e.querySelectorAll(".char"),i=gsap.timeline({scrollTrigger:{trigger:e,start:a.charSplit.start,invalidateOnRefresh:!0},onComplete:()=>{}});i.to(t,{yPercent:0,duration:a.charSplit.duration,stagger:a.charSplit.stagger,ease:a.charSplit.ease}),o.push({timeline:i,element:e})})}},y={async initial(){if(await s(),r())return;document.querySelectorAll(".a-word-split > *:first-child").forEach(t=>{let i=SplitText.create(t,{type:"words",mask:"words",wordsClass:"word"});t.splitTextInstance=i,gsap.set(i.words,{yPercent:a.wordSplit.yPercent}),gsap.set(t,{autoAlpha:1})})},async animate(){await s(),!r()&&document.querySelectorAll(".a-word-split > *:first-child").forEach(e=>{let t=e.querySelectorAll(".word"),i=gsap.timeline({scrollTrigger:{trigger:e,start:a.wordSplit.start,invalidateOnRefresh:!0},onComplete:()=>{}});i.to(t,{yPercent:0,duration:a.wordSplit.duration,stagger:a.wordSplit.stagger,ease:a.wordSplit.ease}),o.push({timeline:i,element:e})})}},h={async initial(){if(await s(),r())return;document.querySelectorAll(".a-line-split > *:first-child").forEach(t=>{let i=SplitText.create(t,{type:"lines",mask:"lines",linesClass:"line"});t.splitTextInstance=i,gsap.set(i.lines,{yPercent:a.lineSplit.yPercent}),gsap.set(t,{autoAlpha:1})})},async animate(){await s(),!r()&&document.querySelectorAll(".a-line-split > *:first-child").forEach(e=>{let t=e.querySelectorAll(".line"),i=gsap.timeline({scrollTrigger:{trigger:e,start:a.lineSplit.start,invalidateOnRefresh:!0},onComplete:()=>{}});i.to(t,{yPercent:0,duration:a.lineSplit.duration,stagger:a.lineSplit.stagger,ease:a.lineSplit.ease}),o.push({timeline:i,element:e})})}},m={async initial(){if(await s(),r())return;document.querySelectorAll(".a-appear").forEach(t=>{gsap.set(t,{y:a.appear.y,opacity:0})})},async animate(){await s(),!r()&&document.querySelectorAll(".a-appear").forEach(e=>{let t=gsap.timeline({scrollTrigger:{trigger:e,start:a.appear.start,invalidateOnRefresh:!0}});t.to(e,{y:0,opacity:1,duration:a.appear.duration,ease:a.appear.ease}),o.push({timeline:t,element:e})})}};async function f(){await Promise.all([d.initial(),y.initial(),h.initial(),m.initial()])}async function g(){a.global.animationDelay>0&&await new Promise(e=>setTimeout(e,a.global.animationDelay*1e3)),await Promise.all([d.animate(),y.animate(),h.animate(),m.animate()])}async function A(){r()?u():(await f(),g()),window.addEventListener("resize",ScrollTrigger.refresh());let e=window[w]||{};return e.textAnimations={config:a,updateConfig:S,start:p,kill:c,restart:()=>{c(),p()}},{result:"anim-text initialized"}}export{A as init};

package/dist/src-toc-SHTDW6BF.js

@@ -0,0 +1 @@
+async function p(){let s=document.querySelector('[data-hs-toc="content"]'),o=document.querySelector('[data-hs-toc="list"]');if(!s||!o||o.children.length===0)return;let u=o.children[0];o.innerHTML="";let d=s.querySelectorAll("h2");return d.forEach((n,a)=>{let c=n.textContent.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/(^-|-$)/g,""),e=document.createElement("div");e.id=c,n.parentNode.insertBefore(e,n),e.appendChild(n);let t=e.nextElementSibling;for(;t&&t.tagName!=="H2";){let r=t;t=t.nextElementSibling,e.appendChild(r)}}),d.forEach((n,a)=>{let c=u.cloneNode(!0),e=c.querySelector("a"),t=n.parentElement.id;e.href="#"+t;let r=document.createElement("strong");r.textContent=a+1+". ",e.innerHTML="",e.appendChild(r),e.appendChild(document.createTextNode(n.textContent)),e.addEventListener("click",m=>{m.preventDefault();let l=document.getElementById(t);l&&(l.scrollIntoView({behavior:"smooth"}),setTimeout(()=>{l.focus()},100))});let i=document.getElementById(t);i&&(i.setAttribute("tabindex","-1"),i.style.outline="none",i.style.setProperty("outline","none","important")),o.appendChild(c)}),{result:"util-toc initialized"}}export{p as init};

package/dist/src-transition-UBAPWTIU.js

@@ -0,0 +1 @@
+var a="hsmain";async function l(){return window[a].afterReady(()=>{typeof $<"u"&&r()}),{result:"anim-transition initialized"}}function r(){let i=$(".transition-trigger"),n=800,o=400,e="no-transition";i.length>0&&(window.Webflow&&window.Webflow.push?Webflow.push(function(){i.click()}):setTimeout(()=>{i.click()},100),$("body").addClass("no-scroll-transition"),setTimeout(()=>{$("body").removeClass("no-scroll-transition")},n)),$("a").on("click",function(t){if($(this).prop("hostname")==window.location.host&&$(this).attr("href").indexOf("#")===-1&&!$(this).hasClass(e)&&$(this).attr("target")!=="_blank"&&i.length>0){t.preventDefault(),$("body").addClass("no-scroll-transition");let s=$(this).attr("href");i.click(),setTimeout(function(){window.location=s},o)}}),window.onpageshow=function(t){t.persisted&&window.location.reload()},setTimeout(()=>{$(window).on("resize",function(){setTimeout(()=>{$(".transition").css("display","none")},50)})},n)}export{l as init};

package/package.json

@@ -1,9 +1,12 @@
 {
   "name": "@hortonstudio/main",
-  "version": "1.2.13",
+  "version": "1.2.15",
   "description": "Core animation and utility library for client websites",
-  "main": "index.js",
+  "main": "dist/index.js",
   "type": "module",
+  "files": [
+    "dist/**/*"
+  ],
   "keywords": [
     "animation",
     "gsap",
@@ -12,6 +15,12 @@
   ],
   "author": "Horton Studio",
   "license": "ISC",
+  "scripts": {
+    "build": "tsx bin/build.ts",
+    "build:dev": "tsx bin/build.ts --dev",
+    "dev": "tsx bin/build.ts --dev --watch",
+    "prepublishOnly": "npm run build"
+  },
   "dependencies": {
     "@hortonstudio/main-anim-hero": "^1.0.0",
     "@hortonstudio/main-anim-text": "^1.0.0",
@@ -20,5 +29,10 @@
     "@hortonstudio/main-util-toc": "^1.0.0",
     "@hortonstudio/main-util-progress": "^1.0.0",
     "@hortonstudio/main-smooth-scroll": "^1.0.0"
+  },
+  "devDependencies": {
+    "esbuild": "^0.19.0",
+    "tsx": "^4.0.0",
+    "typescript": "^5.0.0"
   }
 }

package/CLAUDE.md

@@ -1,45 +0,0 @@
-# CLAUDE.md
-
-This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
-
-## Project Overview
-
-This is `@hortonstudio/main` - an animation and utility library for client websites, primarily designed for Webflow integration. The library uses a modular ES6 system with dynamic loading based on HTML data attributes.
-
-## Architecture
-
-**Main API**: `window.hsmain` (configurable via `API_NAME` constant in index.js)
-
-**Module Categories**:
-- Animation modules: `data-hs-anim-*` attributes trigger loading
-- Utility modules: `data-hs-util-*` attributes trigger loading  
-- Auto-init modules: Always loaded automatically
-
-**Dependencies**: Requires GSAP with ScrollTrigger and SplitText plugins
-
-**Integration**: Designed for Webflow with `Webflow.ready()` callback system
-
-## Module Loading System
-
-Modules are loaded via script tag attributes:
-```html
-<script src="index.js" data-hs-main data-hs-anim-hero data-hs-util-toc></script>
-```
-
-Each module exports an `init()` function returning `{ result: 'module-name initialized' }`.
-
-## Key Animation Patterns
-
-**Hero animations** (`hero.js`): Orchestrated timeline with navigation reveals, split text headings, and staggered element appearances. Uses data attributes like `data-hs-hero="heading"` and `data-hs-split="word|line|char"`.
-
-**Text animations** (`text.js`): Scroll-triggered animations using CSS classes `.a-word-split`, `.a-line-split`, `.a-char-split`, `.a-appear` on parent elements, targeting first child for animation.
-
-**Configuration**: All modules expose config objects via `window.hsmain.moduleAnimations.config` with `updateConfig()` methods for runtime modification.
-
-## Important Implementation Details
-
-- All animations wait for `document.fonts.ready` before initialization
-- Split text instances are automatically cleaned up after animations complete
-- CSS utility classes like `.u-overflow-clip` are dynamically added/removed for animation masking
-- The library handles Webflow DOM changes by calling `Webflow.ready()` after module loading
-- Navigation accessibility is temporarily disabled during hero animations then restored

package/HS-MAIN-DOCUMENTATION.md

@@ -1,567 +0,0 @@
-# @hortonstudio/main - Complete Usage Guide
-
-This is a comprehensive guide for using the `@hortonstudio/main` animation and utility library, designed for modern web applications including Webflow, Next.js, React, and vanilla JavaScript projects.
-
-## Table of Contents
-1. [Installation & Setup](#installation--setup)
-2. [Framework Integration](#framework-integration)
-3. [Hero Animations](#hero-animations)
-4. [Text Animations](#text-animations)
-5. [Page Transitions](#page-transitions)
-6. [Utility Modules](#utility-modules)
-7. [Auto-Init Modules](#auto-init-modules)
-8. [Configuration](#configuration)
-9. [API Reference](#api-reference)
-
----
-
-## Installation & Setup
-
-### 1. Include the Script
-Add this script tag to your page (preferably in the `<head>` or before closing `</body>`):
-
-```html
-<script src="https://cdn.jsdelivr.net/npm/@hortonstudio/main@latest/index.js" 
-        data-hs-main 
-        data-hs-anim-hero 
-        data-hs-util-toc></script>
-```
-
-### 2. Required Dependencies
-Ensure GSAP with required plugins is loaded before the main script:
-
-```html
-<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/SplitText.min.js"></script>
-```
-
-### 3. Module Loading
-Modules are loaded based on data attributes on the script tag:
-
-- `data-hs-main`: **Required** - Core library identifier
-- `data-hs-anim-*`: Animation modules
-- `data-hs-util-*`: Utility modules
-
-**Example:**
-```html
-<script src="index.js" 
-        data-hs-main 
-        data-hs-anim-hero 
-        data-hs-anim-text 
-        data-hs-util-navbar 
-        data-hs-util-progress></script>
-```
-
----
-
-## Framework Integration
-
-### Webflow
-The library works seamlessly with Webflow with full integration support:
-
-```html
-<script src="https://cdn.jsdelivr.net/npm/@hortonstudio/main@latest/index.js" 
-        data-hs-main 
-        data-hs-anim-hero 
-        data-hs-util-toc></script>
-```
-
-### Next.js / React
-For Next.js applications, install and use as an ES module:
-
-```bash
-npm install @hortonstudio/main
-```
-
-```javascript
-// In your component or _app.js
-import { useEffect } from 'react'
-
-export default function MyApp({ Component, pageProps }) {
-  useEffect(() => {
-    // Load the library after component mounts
-    import('@hortonstudio/main').then((lib) => {
-      // Library automatically initializes
-      console.log('HS Main loaded:', window.hsmain)
-    })
-  }, [])
-
-  return <Component {...pageProps} />
-}
-```
-
-### Vanilla JavaScript
-For standard JavaScript projects:
-
-```javascript
-// Import as ES module
-import '@hortonstudio/main'
-
-// Or use CDN with script tag
-// <script src="https://cdn.jsdelivr.net/npm/@hortonstudio/main@latest/index.js" data-hs-main></script>
-
-// Access via global API
-console.log(window.hsmain.status())
-```
-
-### Vue.js
-```javascript
-// In main.js or component
-import { onMounted } from 'vue'
-import '@hortonstudio/main'
-
-export default {
-  setup() {
-    onMounted(() => {
-      // Library ready after DOM mount
-      window.hsmain.afterReady(() => {
-        console.log('Animations ready!')
-      })
-    })
-  }
-}
-```
-
-### Framework-Agnostic Initialization
-The library detects the environment and initializes appropriately:
-
-- **With Webflow**: Uses `Webflow.ready()` and `Webflow.push()`
-- **Without Webflow**: Uses standard DOM events and timeouts
-- **Universal**: All animations and utilities work in any environment
-
----
-
-## Hero Animations
-
-Hero animations create orchestrated entrance animations for landing page elements.
-
-### Basic Setup
-
-#### 1. Navigation
-```html
-<nav data-hs-hero="nav">
-  <!-- Your navigation content -->
-</nav>
-```
-
-#### 2. Advanced Navigation (with staggered animations)
-```html
-<nav data-hs-hero="nav" data-hs-heroconfig="advanced">
-  <div data-hs-hero="nav-logo">
-    <!-- Logo content -->
-  </div>
-  <ul data-hs-hero="nav-list">
-    <li><a href="#">Link 1</a></li>
-    <li><a href="#">Link 2</a></li>
-  </ul>
-  <div data-hs-hero="nav-menu">
-    <!-- Menu button -->
-  </div>
-  <div data-hs-hero="nav-button">
-    <!-- CTA button -->
-  </div>
-</nav>
-```
-
-#### 3. Headings with Text Splitting
-```html
-<div data-hs-hero="heading" data-hs-heroconfig="word">
-  <h1>Your Main Heading</h1>
-</div>
-
-<div data-hs-hero="heading" data-hs-heroconfig="line">
-  <h1>Multi-line Heading That Splits by Lines</h1>
-</div>
-
-<div data-hs-hero="heading" data-hs-heroconfig="char">
-  <h1>Character Split Animation</h1>
-</div>
-```
-
-#### 4. Subheadings
-```html
-<div data-hs-hero="subheading" data-hs-heroconfig="appear">
-  <h2>Simple fade-in subheading</h2>
-</div>
-
-<div data-hs-hero="subheading" data-hs-heroconfig="word">
-  <h2>Word-split subheading</h2>
-</div>
-```
-
-#### 5. Other Hero Elements
-```html
-<!-- Announcement banner -->
-<div data-hs-hero="announce">
-  <p>Special announcement</p>
-</div>
-
-<!-- Tag/category -->
-<div data-hs-hero="tag">
-  <span>Category Tag</span>
-</div>
-
-<!-- Buttons (all children animate with stagger) -->
-<div data-hs-hero="button">
-  <a href="#" class="btn">Primary Button</a>
-  <a href="#" class="btn">Secondary Button</a>
-</div>
-
-<!-- Images -->
-<img data-hs-hero="image" src="hero-image.jpg" alt="Hero Image">
-
-<!-- General appear elements -->
-<div data-hs-hero="appear">
-  <p>Any content that should fade in</p>
-</div>
-```
-
-### Hero Configuration Options
-
-| Attribute Value | Description | Usage |
-|----------------|-------------|--------|
-| `word` | Split text by words | `data-hs-heroconfig="word"` |
-| `line` | Split text by lines | `data-hs-heroconfig="line"` |
-| `char` | Split text by characters | `data-hs-heroconfig="char"` |
-| `appear` | Simple fade-in animation | `data-hs-heroconfig="appear"` |
-| `advanced` | Enable advanced nav animations | `data-hs-heroconfig="advanced"` |
-
----
-
-## Text Animations
-
-Text animations provide scroll-triggered text splitting animations for content sections.
-
-### Setup Classes
-
-Add these classes to parent elements, with the actual text element as the first child:
-
-#### 1. Word Split Animation
-```html
-<div class="a-word-split">
-  <h2>Text that splits by words on scroll</h2>
-</div>
-```
-
-#### 2. Line Split Animation
-```html
-<div class="a-line-split">
-  <h2>Multi-line text that splits by lines</h2>
-</div>
-```
-
-#### 3. Character Split Animation
-```html
-<div class="a-char-split">
-  <h1>Text split by individual characters</h1>
-</div>
-```
-
-#### 4. Simple Appear Animation
-```html
-<div class="a-appear">
-  <p>Content that fades in on scroll</p>
-</div>
-```
-
-### Important Notes
-- **First child targeting**: The animation targets the **first child element** of the element with the class
-- **Scroll triggered**: All text animations trigger when the element enters the viewport
-- **Auto cleanup**: SplitText instances are automatically cleaned up after animation completes
-
----
-
-## Page Transitions
-
-Page transitions create smooth animations between page loads.
-
-### Setup
-
-#### 1. Add Transition Trigger Element
-```html
-<!-- This element triggers the transition animation -->
-<div class="transition-trigger" style="display: none;"></div>
-```
-
-#### 2. Add Transition Overlay
-```html
-<!-- This element covers the screen during transitions -->
-<div class="transition">
-  <!-- Your transition content/animation -->
-</div>
-```
-
-#### 3. Exclude Links from Transitions
-```html
-<!-- Links that should NOT trigger transitions -->
-<a href="/page" class="no-transition">Direct Link</a>
-<a href="/external" target="_blank">External Link</a>
-<a href="#section">Anchor Link</a>
-```
-
-### Configuration
-- **Intro Duration**: 800ms (time for page load transition)
-- **Exit Duration**: 400ms (time for page exit transition)
-- **Excluded**: Links with `no-transition` class, external links, anchor links
-- **Auto-disable**: Transitions disable on window resize for mobile compatibility
-
----
-
-## Utility Modules
-
-### Table of Contents (TOC)
-Auto-generates navigation from page headings.
-
-```html
-<!-- Container where TOC will be inserted -->
-<nav data-hs-toc="container">
-  <!-- TOC items will be auto-generated here -->
-</nav>
-
-<!-- Headings that should appear in TOC -->
-<h2 data-hs-toc="item">Section 1</h2>
-<h3 data-hs-toc="item">Subsection 1.1</h3>
-<h2 data-hs-toc="item">Section 2</h2>
-```
-
-### Scroll Progress Indicator
-Shows page scroll progress.
-
-```html
-<!-- Progress bar element -->
-<div data-hs-progress="bar"></div>
-```
-
-### Smart Navbar
-Navbar that hides/shows based on scroll direction.
-
-```html
-<nav data-hs-navbar="container">
-  <!-- Your navigation content -->
-</nav>
-```
-
-**Behavior:**
-- Hides when scrolling down
-- Shows when scrolling up
-- Always visible at the top of the page
-- Smooth transitions with CSS transforms
-
----
-
-## Auto-Init Modules
-
-These modules load automatically without requiring data attributes.
-
-### Smooth Scroll
-- **Automatically enabled** for all anchor links
-- **Smooth scrolling** to page sections
-- **Offset support** for fixed headers
-- **No setup required**
-
----
-
-## Configuration
-
-### Global API Access
-All modules expose configuration through the global API:
-
-```javascript
-// Access the API (default name: 'hsmain')
-window.hsmain
-
-// Check module status
-window.hsmain.status() // All modules
-window.hsmain.status('data-hs-anim-hero') // Specific module
-
-// Restart a module
-window.hsmain.modules['data-hs-anim-hero'].restart()
-```
-
-### Hero Animation Configuration
-```javascript
-// Update hero animation settings
-window.hsmain.heroAnimations.updateConfig({
-  global: {
-    animationDelay: 0.5 // Delay before animations start
-  },
-  headingSplit: {
-    duration: 2.0,      // Animation duration
-    stagger: 0.15,      // Delay between elements
-    yPercent: 120,      // Initial position offset
-    ease: "power3.out"  // Easing function
-  }
-})
-
-// Restart hero animations with new config
-window.hsmain.heroAnimations.restart()
-```
-
-### Module Animation Configuration
-```javascript
-// Update text animation settings
-window.hsmain.moduleAnimations.config.updateConfig({
-  wordSplit: {
-    duration: 1.8,
-    stagger: 0.1,
-    start: "top 90%" // ScrollTrigger start position
-  }
-})
-```
-
----
-
-## API Reference
-
-### Core API Methods
-
-```javascript
-// Load a module manually
-window.hsmain.load('data-hs-util-navbar')
-
-// Check if modules are loaded/loading
-window.hsmain.status()
-// Returns: { loaded: [...], loading: [...], animations: [...], utilities: [...] }
-
-// Register callback for after library initialization
-window.hsmain.afterReady(() => {
-  console.log('Library is ready!')
-})
-
-// Legacy Webflow callback (still supported)
-window.hsmain.afterWebflowReady(() => {
-  console.log('Webflow compatibility mode')
-})
-```
-
-### Hero Animations API
-
-```javascript
-// Available methods
-window.hsmain.heroAnimations.start()    // Start animations
-window.hsmain.heroAnimations.kill()     // Stop animations
-window.hsmain.heroAnimations.restart()  // Restart animations
-window.hsmain.heroAnimations.config     // Current configuration
-window.hsmain.heroAnimations.updateConfig(newConfig) // Update settings
-```
-
-### Timing Configuration
-
-#### Hero Animation Timing (in seconds)
-```javascript
-const timing = {
-  announce: 0,      // Announcement elements
-  nav: 0.1,         // Main navigation
-  navLogo: 0.3,     // Navigation logo
-  navList: 0.35,    // Navigation links
-  navMenu: 0.35,    // Menu button
-  navButton: 0.5,   // CTA button
-  tag: 0.1,         // Category tags
-  heading: 0.15,    // Main headings
-  subheading: 0.25, // Subheadings
-  button: 0.35,     // Action buttons
-  image: 0.5,       // Images
-  appear: 0.6       // General appear elements
-}
-```
-
----
-
-## CSS Utility Classes
-
-The library includes these utility classes:
-
-```css
-/* Transition styles */
-.transition { display: block; }
-.w-editor .transition { display: none; }
-.no-scroll-transition { overflow: hidden; position: relative; }
-
-/* Split text masks */
-.line-mask, .word-mask, .char-mask {
-  padding-bottom: .1em;
-  margin-bottom: -.1em;
-  padding-inline: .1em;
-  margin-inline: -.1em;
-}
-
-/* Scroll improvements */
-html, body {
-  overscroll-behavior: none;
-  scrollbar-gutter: stable;
-}
-```
-
----
-
-## Best Practices
-
-### 1. Module Loading
-- Only load modules you actually use
-- Include required dependencies before the main script
-- Use `data-hs-main` on the script tag
-
-### 2. Hero Animations
-- Structure your HTML with proper parent/child relationships
-- Use semantic HTML elements (h1, h2, nav, etc.)
-- Test animations on different screen sizes
-
-### 3. Text Animations
-- Place classes on parent containers, not the text elements directly
-- Ensure the text element is the first child
-- Consider animation timing with page scroll speed
-
-### 4. Performance
-- Animations wait for fonts to load (`document.fonts.ready`)
-- SplitText instances are cleaned up automatically
-- Modules only initialize when needed
-
-### 5. Framework Integration
-- **Webflow**: Full integration with Webflow's responsive design and interactions
-- **React/Next.js**: Works with SSR and client-side rendering
-- **Vue.js**: Compatible with reactive data and component lifecycle
-- **Universal**: Framework-agnostic core ensures compatibility
-
----
-
-## Troubleshooting
-
-### Common Issues
-
-1. **Animations not starting**
-   - Check that GSAP and plugins are loaded
-   - Verify data attributes are correct
-   - Check browser console for errors
-
-2. **Text splitting not working**
-   - Ensure SplitText plugin is loaded
-   - Check that target element is the first child
-   - Verify class names are correct
-
-3. **Module not loading**
-   - Check script tag has `data-hs-main`
-   - Verify module attribute name
-   - Check `window.hsmain.status()` for loading state
-
-4. **Webflow conflicts**
-   - Ensure script loads after Webflow
-   - Check for conflicting CSS
-   - Test without other custom scripts
-
-### Debug Commands
-
-```javascript
-// Check what's loaded
-console.log(window.hsmain.status())
-
-// Check for errors
-window.hsmain.modules
-
-// Restart problematic modules
-window.hsmain.modules['module-name'].restart()
-```
-
----
-
-*This documentation covers version 1.1.27 of @hortonstudio/main*

package/index.js

@@ -1,305 +0,0 @@
-// ver 1.2.13
-
-const API_NAME = 'hsmain';
-
-// Main initialization function
-const initializeHsMain = () => {
-    // Handle existing API
-    if (window[API_NAME] && !Array.isArray(window[API_NAME]) && window[API_NAME].loaded) {
-        return;
-    }
-
-    // Store any early API calls
-    const existingRequests = Array.isArray(window[API_NAME]) ? window[API_NAME] : [];
-
-    // Module definitions
-    const animationModules = {
-        "data-hs-anim-text": true,
-        "data-hs-anim-hero": true,
-        "data-hs-anim-transition": true
-    };
-
-    const utilityModules = {
-        "data-hs-util-toc": true,
-        "data-hs-util-progress": true,
-        "data-hs-util-navbar": true
-    };
-
-    const autoInitModules = {
-        "smooth-scroll": true
-    };
-
-    // All available modules
-    const allModules = { ...animationModules, ...utilityModules };
-
-    // Dynamic module loader (like Finsweet)
-    const loadModule = async (moduleName) => {
-        switch (moduleName) {
-            case "data-hs-anim-text":
-                return import('@hortonstudio/main-anim-text');
-            case "data-hs-anim-hero":
-                return import('@hortonstudio/main-anim-hero');
-            case "data-hs-anim-transition":
-                return import('@hortonstudio/main-anim-transition');
-            case "data-hs-util-toc":
-                return import('@hortonstudio/main-util-toc');
-            case "data-hs-util-progress":
-                return import('@hortonstudio/main-util-progress');
-            case "data-hs-util-navbar":
-                return import('@hortonstudio/main-util-navbar');
-            case "smooth-scroll":
-                return import('@hortonstudio/main-smooth-scroll');
-            default:
-                throw new Error(`${API_NAME} module "${moduleName}" is not supported.`);
-        }
-    };
-
-    // Webflow ready helper (like Finsweet)
-    const waitWebflowReady = async () => {
-        return new Promise((resolve) => {
-            window.Webflow ||= [];
-            window.Webflow.push(resolve);
-        });
-    };
-
-    // DOM ready helper (like Finsweet)
-    const waitDOMReady = async () => {
-        return new Promise((resolve) => {
-            if (document.readyState === 'loading') {
-                document.addEventListener('DOMContentLoaded', resolve);
-            } else {
-                resolve();
-            }
-        });
-    };
-
-    // Find script tags (with CDN version redirect support)
-    let scripts = [...document.querySelectorAll(`script[type="module"][src="${import.meta.url}"]`)];
-    
-    // Handle CDN version redirects (e.g., @1 -> @1.2.11)
-    if (scripts.length === 0) {
-        const allScripts = [...document.querySelectorAll('script[type="module"][src*="@hortonstudio/main"]')];
-        scripts = allScripts.filter(script => {
-            const src = script.src;
-            const metaUrl = import.meta.url;
-            // Extract package name and check if they match (ignoring version differences)
-            const srcPackage = src.match(/@hortonstudio\/main(@[\d.]+)?/)?.[0];
-            const metaPackage = metaUrl.match(/@hortonstudio\/main(@[\d.]+)?/)?.[0];
-            return srcPackage && metaPackage && srcPackage.split('@')[0] === metaPackage.split('@')[0];
-        });
-    }
-
-    // Module loading function
-    const loadHsModule = async (moduleName) => {
-        const apiInstance = window[API_NAME];
-        
-        // Check if already processing
-        if (apiInstance.process.has(moduleName)) {
-            return apiInstance.modules[moduleName]?.loading;
-        }
-        
-        // Add to processing set
-        apiInstance.process.add(moduleName);
-        
-        // Create module object
-        const moduleObj = apiInstance.modules[moduleName] || {};
-        apiInstance.modules[moduleName] = moduleObj;
-        
-        // Create loading promise
-        moduleObj.loading = new Promise((resolve, reject) => {
-            moduleObj.resolve = resolve;
-            moduleObj.reject = reject;
-        });
-        
-        try {
-            const { init, version } = await loadModule(moduleName);
-            const initResult = await init();
-            const { result, destroy } = initResult || {};
-            
-            moduleObj.version = version;
-            
-            // Add destroy and restart methods
-            moduleObj.destroy = () => {
-                destroy?.();
-                apiInstance.process.delete(moduleName);
-            };
-            
-            moduleObj.restart = () => {
-                moduleObj.destroy?.();
-                return apiInstance.load(moduleName);
-            };
-            
-            moduleObj.resolve?.(result);
-            delete moduleObj.resolve;
-            delete moduleObj.reject;
-            
-            return result;
-            
-        } catch (error) {
-            moduleObj.reject?.(error);
-            apiInstance.process.delete(moduleName);
-            throw error;
-        }
-    };
-
-    // Store callbacks to run after initialization
-    const postWebflowCallbacks = [];
-
-    // Initialize API
-    window[API_NAME] = {
-        scripts,
-        modules: {},
-        process: new Set(),
-        load: loadHsModule,
-        loaded: false,
-        
-        // Push method for queuing
-        push(...requests) {
-            for (let [moduleName, callback] of requests) {
-                if (typeof callback === 'function') {
-                    this.modules[moduleName]?.loading?.then(callback);
-                } else {
-                    this.load(moduleName);
-                }
-            }
-        },
-        
-        // Destroy all modules
-        destroy() {
-            for (let moduleName in this.modules) {
-                this.modules[moduleName]?.destroy?.();
-            }
-        },
-
-        // API function for scripts to register post-initialization callbacks
-        afterReady(callback) {
-            if (typeof callback === 'function') {
-                if (this.loaded) {
-                    callback();
-                } else {
-                    postWebflowCallbacks.push(callback);
-                }
-            }
-        },
-        
-        // Legacy alias for Webflow compatibility
-        afterWebflowReady(callback) {
-            if (typeof callback === 'function') {
-                if (this.loaded) {
-                    callback();
-                } else {
-                    postWebflowCallbacks.push(callback);
-                }
-            }
-        },
-        
-        // Status method
-        status(moduleName) {
-            if (!moduleName) {
-                return {
-                    loaded: Object.keys(this.modules),
-                    loading: [...this.process],
-                    animations: Object.keys(animationModules),
-                    utilities: Object.keys(utilityModules),
-                    autoInit: Object.keys(autoInitModules)
-                };
-            }
-            return {
-                loaded: !!this.modules[moduleName],
-                loading: this.process.has(moduleName)
-            };
-        }
-    };
-
-    // Process modules from script tags
-    const processScriptModules = () => {
-        for (const script of scripts) {
-            // Check for auto mode
-            const autoMode = script.getAttribute('data-hs-auto') === 'true';
-            
-            // Load modules based on script attributes
-            for (const moduleName of Object.keys(allModules)) {
-                if (script.hasAttribute(moduleName)) {
-                    loadHsModule(moduleName);
-                }
-            }
-            
-            // Auto-discovery mode
-            if (autoMode) {
-                waitDOMReady().then(() => {
-                    const foundModules = new Set();
-                    const allElements = document.querySelectorAll('*');
-                    
-                    for (const element of allElements) {
-                        for (const attrName of element.getAttributeNames()) {
-                            // Look for data-hs-* attributes
-                            const match = attrName.match(/^(data-hs-(?:anim|util)-[^-=]+)/)?.[1];
-                            if (match && allModules[match]) {
-                                foundModules.add(match);
-                            }
-                        }
-                    }
-                    
-                    for (const moduleName of foundModules) {
-                        loadHsModule(moduleName);
-                    }
-                });
-            }
-        }
-        
-        // Always load auto-init modules
-        for (const moduleName of Object.keys(autoInitModules)) {
-            loadHsModule(moduleName);
-        }
-        
-        // Hide .transition elements if transition module is not loaded
-        const hasTransition = scripts.some(script => script.hasAttribute('data-hs-anim-transition'));
-        if (!hasTransition) {
-            const transitionElements = document.querySelectorAll('.transition');
-            transitionElements.forEach(element => {
-                element.style.display = 'none';
-            });
-        }
-    };
-
-    // Handle rich text blocks
-    const richTextBlocks = document.querySelectorAll('.w-richtext');
-    richTextBlocks.forEach(block => {
-        const images = block.querySelectorAll('img');
-        images.forEach(img => {
-            img.loading = 'eager';
-        });
-    });
-
-    // Main initialization
-    const initializeMain = async () => {
-        // Process script modules
-        processScriptModules();
-        
-        // Wait for Webflow
-        await waitWebflowReady();
-        
-        // Mark as loaded
-        window[API_NAME].loaded = true;
-        
-        // Run all registered post-Webflow callbacks
-        postWebflowCallbacks.forEach((callback) => {
-            try {
-                callback();
-            } catch (error) {
-                // Silent fail for callbacks
-            }
-        });
-    };
-
-    // Process any early requests
-    window[API_NAME].push(...existingRequests);
-
-    // Start initialization
-    initializeMain().catch(() => {
-        // Silent fail for initialization
-    });
-};
-
-// Run initialization
-initializeHsMain();

package/styles.css

@@ -1,29 +0,0 @@
-/* transition */
-body .transition {display: block}
-.w-editor .transition {display: none;}
-.no-scroll-transition {overflow: hidden; position: relative;}
-
-/* splittext */
-.line-mask, .word-mask, .char-mask {
-    padding-bottom: .1em;
-    margin-bottom: -.1em;
-    padding-inline: .1em;
-    margin-inline: -.1em;
-}
-
-
-/* scroll cleanliness */
-html, body {
-    overscroll-behavior: none;
-    scrollbar-gutter: stable;
-  }
-
-/* TOC focus handling - only show focus outline for keyboard navigation */
-[data-hs-toc] div[id]:focus:not(:focus-visible) {
-    outline: none !important;
-}
-
-[data-hs-toc] div[id]:focus-visible {
-    outline: 2px solid #007bff !important;
-    outline-offset: 2px;
-}