troncell-vue-component 1.1.2 → 1.1.4

package/dist/index.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),Xs=require("clsx"),qs=require("tailwind-merge"),xe=require("motion-v"),G=require("ogl"),Ue=require("three"),Ce=require("@vueuse/core"),Zs=require("@iconify/vue"),Vt=require("vue-router"),de=require("gsap"),O=require("gl-matrix"),Ks=require("@number-flow/vue");require("@vueuse/motion");const Js=require("@splinetool/runtime"),kt=require("lucide-vue-next");function Qs(i){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const o in i)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(i,o);Object.defineProperty(t,o,s.get?s:{enumerable:!0,get:()=>i[o]})}}return t.default=i,Object.freeze(t)}const nt=Qs(Ue);function eo(){const i=e.ref(!1);function t(o){i.value=o}return{isMouseEntered:e.readonly(i),setMouseEntered:t}}const to=e.defineComponent({__name:"CardContainer",props:{class:String,containerClass:String},setup(i){const t=e.ref(null),o=eo();e.provide("use3DCardMouseState",o);function s(l){if(!t.value)return;const{left:a,top:c,width:u,height:h}=t.value.getBoundingClientRect(),p=(l.clientX-a-u/2)/25,d=(l.clientY-c-h/2)/25;t.value.style.transform=`rotateY(${p}deg) rotateX(${d}deg)`}function n(){o.setMouseEntered(!0)}function r(){t.value&&(o.setMouseEntered(!1),t.value.style.transform="rotateY(0deg) rotateX(0deg)")}return(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex items-center justify-center p-2",i.containerClass]),style:{perspective:"1000px"}},[e.createElementVNode("div",{ref_key:"containerRef",ref:t,class:e.normalizeClass(["relative flex items-center justify-center transition-all duration-200 ease-linear",l.$props.class]),style:{"transform-style":"preserve-3d"},onMouseenter:n,onMousemove:s,onMouseleave:r},[e.renderSlot(l.$slots,"default")],34)],2))}});function J(...i){return qs.twMerge(Xs.clsx(i))}const so=e.defineComponent({__name:"CardBody",props:{class:String},setup(i){return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(J)("h-96 w-96",t.$props.class)),style:{"transform-style":"preserve-3d"}},[e.renderSlot(t.$slots,"default")],2))}}),Ze=e.defineComponent({__name:"Cardltem",props:{as:{type:String,default:"div"},class:String,translateX:{type:[Number,String],default:0},translateY:{type:[Number,String],default:0},translateZ:{type:[Number,String],default:0},rotateX:{type:[Number,String],default:0},rotateY:{type:[Number,String],default:0},rotateZ:{type:[Number,String],default:0}},setup(i){const t=i,o=e.ref(null),s=e.inject("use3DCardMouseState");function n(r){o.value&&(r?o.value.style.transform=`translateX(${t.translateX}px) translateY(${t.translateY}px) translateZ(${t.translateZ}px) rotateX(${t.rotateX}deg) rotateY(${t.rotateY}deg) rotateZ(${t.rotateZ}deg)`:o.value.style.transform="translateX(0px) translateY(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg)")}return e.watch(s.isMouseEntered,n,{immediate:!0}),(r,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.as),{ref_key:"refElement",ref:o,class:e.normalizeClass(e.unref(J)("w-fit transition duration-500 ease-in-out",r.$props.class))},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},8,["class"]))}}),oo=["src"],Ot=e.defineComponent({__name:"index",props:{title:{type:String,default:void 0},content:{type:String,default:void 0},imageSrc:{type:String,default:void 0},buttons:{type:Array,default:()=>[]},classList:{type:Object,default:()=>({})}},setup(i){const t=i,o=e.ref(),s=e.ref(),n=()=>{console.log(s.value.event)};e.onMounted(()=>{o.value=t.buttons.find(l=>l.buttonType=="a"),s.value=t.buttons.find(l=>l.buttonType=="button")});const r=e.computed(()=>{const l=t.classList?.Location||{};return[l.position,l.width,l.height,l.left,l.top].filter(Boolean)});return(l,a)=>(e.openBlock(),e.createBlock(e.unref(to),null,{default:e.withCtx(()=>[e.createVNode(e.unref(so),{class:e.normalizeClass([i.classList.overallClass,r.value])},{default:e.withCtx(()=>[e.createVNode(e.unref(Ze),{"translate-z":50,class:"text-xl font-bold text-neutral-600 dark:text-white"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.title),1)]),_:1}),e.createVNode(e.unref(Ze),{as:"p","translate-z":"60",class:"mt-2 max-w-sm text-sm text-neutral-500 dark:text-neutral-300"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.content),1)]),_:1}),e.createVNode(e.unref(Ze),{"translate-z":100,class:e.normalizeClass(i.classList.imgBoxClass)},{default:e.withCtx(()=>[e.createElementVNode("img",{src:i.imageSrc,height:"1000",width:"1000",class:e.normalizeClass(i.classList.imgClass),alt:"thumbnail"},null,10,oo)]),_:1},8,["class"]),e.createElementVNode("div",{class:e.normalizeClass(i.classList.buttonBoxClass)},[e.createVNode(e.unref(Ze),{"translate-z":20,as:o.value?.buttonType,href:o.value?.url,target:"__blank",class:"rounded-xl px-4 py-2 text-xs font-normal dark:text-white"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.value?.title)+" → ",1)]),_:1},8,["as","href"]),e.createVNode(e.unref(Ze),{"translate-z":20,as:s.value?.buttonType,onClick:n,class:"rounded-xl bg-black px-4 py-2 text-xs font-bold text-white dark:bg-white dark:text-black"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.value?.title),1)]),_:1},8,["as"])],2)]),_:1},8,["class"])]),_:1}))}}),io=Object.freeze(Object.defineProperty({__proto__:null,default:Ot},Symbol.toStringTag,{value:"Module"})),no=["src","alt"],ao=e.defineComponent({__name:"AnimatedTestimonials",props:{testimonials:{default:()=>[]},autoplay:{type:Boolean,default:()=>!1},duration:{default:5e3},classList:{default:()=>({})}},setup(i){const t=i,o=e.ref(0),s=e.ref(),n=e.computed(()=>t.testimonials[o.value].quote.split(/<\/p>\s*<p>/).map(u=>u.replace(/<\/?p>/g,"")));e.onMounted(()=>{t.autoplay&&(s.value=setInterval(r,t.duration))}),e.onUnmounted(()=>{s.value||clearInterval(s.value)});function r(){o.value=(o.value+1)%t.testimonials.length}function l(c){return o.value===c}function a(){return Math.floor(Math.random()*21)-10}return(c,u)=>{const h=e.resolveComponent("AnimatePresence");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(i.classList?.overallClass||"mx-auto max-w-sm px-4 py-20 font-sans antialiased lg:px-12 md:max-w-4xl md:px-8")},[e.createElementVNode("div",{class:e.normalizeClass(i.classList?.gridClass||"relative grid grid-cols-1 gap-20 md:grid-cols-2")},[e.createElementVNode("div",{class:e.normalizeClass(i.classList?.containerClass)},[e.createElementVNode("div",{class:e.normalizeClass(i.classList?.imageContainerClass||"relative h-80 w-full")},[e.createVNode(h,null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.testimonials,(p,d)=>(e.openBlock(),e.createBlock(e.unref(xe.Motion),{key:p.image,as:"div",initial:{opacity:0,scale:.9,z:-100,rotate:a()},animate:{opacity:l(d)?1:.7,scale:l(d)?1:.95,z:l(d)?0:-100,rotate:l(d)?0:a(),zIndex:l(d)?40:i.testimonials.length+2-d,y:l(d)?[0,-80,0]:0},exit:{opacity:0,scale:.9,z:100,rotate:a()},transition:{duration:.4,ease:"easeInOut"},class:"absolute inset-0 origin-bottom"},{default:e.withCtx(()=>[e.createElementVNode("img",{src:p.image,alt:p.name,draggable:!1,class:e.normalizeClass(i.classList?.imageClass||"size-full rounded-3xl object-cover object-center")},null,10,no)]),_:2},1032,["initial","animate","exit"]))),128))]),_:1})],2)],2),e.createElementVNode("div",{class:e.normalizeClass(i.classList?.contentClass||"flex flex-col justify-between py-4")},[(e.openBlock(),e.createBlock(e.unref(xe.Motion),{style:{"text-align":"left"},key:o.value,as:"div",initial:{y:20,opacity:0},animate:{y:0,opacity:1},exit:{y:-20,opacity:0},transition:{duration:.2,ease:"easeInOut"}},{default:e.withCtx(()=>[e.createElementVNode("h3",{class:e.normalizeClass(i.classList?.nameClass||"text-2xl font-bold text-black dark:text-white")},e.toDisplayString(t.testimonials[o.value].name),3),e.createElementVNode("p",{class:e.normalizeClass(i.classList?.designationClass||"text-sm text-gray-500 dark:text-neutral-500")},e.toDisplayString(t.testimonials[o.value].designation),3),e.createVNode(e.unref(xe.Motion),{as:"p",class:e.normalizeClass(i.classList?.quoteClass||"mt-8 text-lg text-gray-500 dark:text-neutral-300")},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,(p,d)=>(e.openBlock(),e.createBlock(e.unref(xe.Motion),{style:{"margin-bottom":"10px",display:"block"},key:d,as:"span",initial:{filter:"blur(10px)",opacity:0,y:5},animate:{filter:"blur(0px)",opacity:1,y:0},transition:{duration:.2,ease:"easeInOut",delay:.02*d},class:"inline-block"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p),1)]),_:2},1032,["transition"]))),128))]),_:1},8,["class"])]),_:1}))],2)],2)],2)}}}),ro=["src"],Ft=e.defineComponent({__name:"index",props:{title:{},titleClass:{},testimonials:{default:()=>[{quote:"The attention to detail and innovative features have completely transformed our workflow. This is exactly what we've been looking for.",name:"Sarah Chen",designation:"Product Manager at TechFlow",image:"https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?q=80&w=3560&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"},{quote:"Implementation was seamless and the results exceeded our expectations. The platform's flexibility is remarkable.",name:"Michael Rodriguez",designation:"CTO at InnovateSphere",image:"https://images.unsplash.com/photo-1438761681033-6461ffad8d80?q=80&w=3540&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"},{quote:"This solution has significantly improved our team's productivity. The intuitive interface makes complex tasks simple.",name:"Emily Watson",designation:"Operations Director at CloudScale",image:"https://images.unsplash.com/photo-1623582854588-d60de57fa33f?q=80&w=3540&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"},{quote:"Outstanding support and robust features. It's rare to find a product that delivers on all its promises.",name:"James Kim",designation:"Engineering Lead at DataPro",image:"https://images.unsplash.com/photo-1636041293178-808a6762ab39?q=80&w=3464&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"},{quote:"The scalability and performance have been game-changing for our organization. Highly recommend to any growing business.",name:"Lisa Thompson",designation:"VP of Technology at FutureNet",image:"https://images.unsplash.com/photo-1624561172888-ac93c696e10c?q=80&w=2592&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"}]},autoplay:{type:Boolean,default:!0},duration:{default:5e3},classList:{default:()=>({})}},setup(i){const t=i,o=e.computed(()=>{const s=t.classList?.Location||{};return[s.position,s.width,s.height,s.left,s.top].filter(Boolean)});return(s,n)=>{const r=e.resolveComponent("ClientOnly");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.value)},[e.createElementVNode("div",{class:e.normalizeClass(i.titleClass)},[e.createElementVNode("img",{src:i.title,alt:""},null,8,ro)],2),e.createVNode(r,null,{default:e.withCtx(()=>[e.createVNode(ao,{testimonials:i.testimonials,autoplay:i.autoplay,duration:i.duration,"class-list":i.classList},null,8,["testimonials","autoplay","duration","class-list"])]),_:1})],2)}}}),lo=Object.freeze(Object.defineProperty({__proto__:null,default:Ft},Symbol.toStringTag,{value:"Module"})),co=`#version 300 es
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),Xs=require("clsx"),qs=require("tailwind-merge"),xe=require("motion-v"),G=require("ogl"),Ue=require("three"),Ce=require("@vueuse/core"),Zs=require("@iconify/vue"),Vt=require("vue-router"),de=require("gsap"),O=require("gl-matrix"),Ks=require("@number-flow/vue");require("@vueuse/motion");const Js=require("@splinetool/runtime"),kt=require("lucide-vue-next");function Qs(i){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const o in i)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(i,o);Object.defineProperty(t,o,s.get?s:{enumerable:!0,get:()=>i[o]})}}return t.default=i,Object.freeze(t)}const nt=Qs(Ue);function eo(){const i=e.ref(!1);function t(o){i.value=o}return{isMouseEntered:e.readonly(i),setMouseEntered:t}}const to=e.defineComponent({__name:"CardContainer",props:{class:String,containerClass:String},setup(i){const t=e.ref(null),o=eo();e.provide("use3DCardMouseState",o);function s(l){if(!t.value)return;const{left:a,top:c,width:u,height:h}=t.value.getBoundingClientRect(),p=(l.clientX-a-u/2)/25,d=(l.clientY-c-h/2)/25;t.value.style.transform=`rotateY(${p}deg) rotateX(${d}deg)`}function n(){o.setMouseEntered(!0)}function r(){t.value&&(o.setMouseEntered(!1),t.value.style.transform="rotateY(0deg) rotateX(0deg)")}return(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex items-center justify-center p-2",i.containerClass]),style:{perspective:"1000px"}},[e.createElementVNode("div",{ref_key:"containerRef",ref:t,class:e.normalizeClass(["relative flex items-center justify-center transition-all duration-200 ease-linear",l.$props.class]),style:{"transform-style":"preserve-3d"},onMouseenter:n,onMousemove:s,onMouseleave:r},[e.renderSlot(l.$slots,"default")],34)],2))}});function J(...i){return qs.twMerge(Xs.clsx(i))}const so=e.defineComponent({__name:"CardBody",props:{class:String},setup(i){return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(J)("h-96 w-96",t.$props.class)),style:{"transform-style":"preserve-3d"}},[e.renderSlot(t.$slots,"default")],2))}}),Ze=e.defineComponent({__name:"Cardltem",props:{as:{type:String,default:"div"},class:String,translateX:{type:[Number,String],default:0},translateY:{type:[Number,String],default:0},translateZ:{type:[Number,String],default:0},rotateX:{type:[Number,String],default:0},rotateY:{type:[Number,String],default:0},rotateZ:{type:[Number,String],default:0}},setup(i){const t=i,o=e.ref(null),s=e.inject("use3DCardMouseState");function n(r){o.value&&(r?o.value.style.transform=`translateX(${t.translateX}px) translateY(${t.translateY}px) translateZ(${t.translateZ}px) rotateX(${t.rotateX}deg) rotateY(${t.rotateY}deg) rotateZ(${t.rotateZ}deg)`:o.value.style.transform="translateX(0px) translateY(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg)")}return e.watch(s.isMouseEntered,n,{immediate:!0}),(r,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.as),{ref_key:"refElement",ref:o,class:e.normalizeClass(e.unref(J)("w-fit transition duration-500 ease-in-out",r.$props.class))},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},8,["class"]))}}),oo=["src"],Ot=e.defineComponent({__name:"index",props:{title:{type:String,default:void 0},content:{type:String,default:void 0},imageSrc:{type:String,default:void 0},buttons:{type:Array,default:()=>[]},classList:{type:Object,default:()=>({})}},setup(i){const t=i,o=e.ref(),s=e.ref(),n=()=>{console.log(s.value.event)};e.onMounted(()=>{o.value=t.buttons.find(l=>l.buttonType=="a"),s.value=t.buttons.find(l=>l.buttonType=="button")});const r=e.computed(()=>{const l=t.classList?.Location||{};return[l.position,l.width,l.height,l.left,l.top].filter(Boolean)});return(l,a)=>(e.openBlock(),e.createBlock(e.unref(to),null,{default:e.withCtx(()=>[e.createVNode(e.unref(so),{class:e.normalizeClass([i.classList.overallClass,r.value])},{default:e.withCtx(()=>[e.createVNode(e.unref(Ze),{"translate-z":50,class:"text-xl font-bold text-neutral-600 dark:text-white"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.title),1)]),_:1}),e.createVNode(e.unref(Ze),{as:"p","translate-z":"60",class:"mt-2 max-w-sm text-sm text-neutral-500 dark:text-neutral-300"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.content),1)]),_:1}),e.createVNode(e.unref(Ze),{"translate-z":100,class:e.normalizeClass(i.classList.imgBoxClass)},{default:e.withCtx(()=>[e.createElementVNode("img",{src:i.imageSrc,height:"1000",width:"1000",class:e.normalizeClass(i.classList.imgClass),alt:"thumbnail"},null,10,oo)]),_:1},8,["class"]),e.createElementVNode("div",{class:e.normalizeClass(i.classList.buttonBoxClass)},[e.createVNode(e.unref(Ze),{"translate-z":20,as:o.value?.buttonType,href:o.value?.url,target:"__blank",class:"rounded-xl px-4 py-2 text-xs font-normal dark:text-white"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.value?.title)+" → ",1)]),_:1},8,["as","href"]),e.createVNode(e.unref(Ze),{"translate-z":20,as:s.value?.buttonType,onClick:n,class:"rounded-xl bg-black px-4 py-2 text-xs font-bold text-white dark:bg-white dark:text-black"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.value?.title),1)]),_:1},8,["as"])],2)]),_:1},8,["class"])]),_:1}))}}),io=Object.freeze(Object.defineProperty({__proto__:null,default:Ot},Symbol.toStringTag,{value:"Module"})),no=["src","alt"],ao=e.defineComponent({__name:"AnimatedTestimonials",props:{testimonials:{default:()=>[]},autoplay:{type:Boolean,default:()=>!1},duration:{default:5e3},classList:{default:()=>({})}},setup(i){const t=i,o=e.ref(0),s=e.ref(),n=e.computed(()=>t.testimonials[o.value].quote.split(/<\/p>\s*<p>/).map(u=>u.replace(/<\/?p>/g,"")));e.onMounted(()=>{t.autoplay&&(s.value=setInterval(r,t.duration))}),e.onUnmounted(()=>{s.value||clearInterval(s.value)});function r(){o.value=(o.value+1)%t.testimonials.length}function l(c){return o.value===c}function a(){return Math.floor(Math.random()*21)-10}return(c,u)=>{const h=e.resolveComponent("AnimatePresence");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(i.classList?.overallClass||"mx-auto max-w-sm px-4 py-20 font-sans antialiased lg:px-12 md:max-w-4xl md:px-8")},[e.createElementVNode("div",{class:e.normalizeClass(i.classList?.gridClass||"relative grid grid-cols-1 gap-20 md:grid-cols-2")},[e.createElementVNode("div",{class:e.normalizeClass(i.classList?.containerClass)},[e.createElementVNode("div",{class:e.normalizeClass(i.classList?.imageContainerClass||"relative h-80 w-full")},[e.createVNode(h,null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.testimonials,(p,d)=>(e.openBlock(),e.createBlock(e.unref(xe.Motion),{key:p.image,as:"div",initial:{opacity:0,scale:.9,z:-100,rotate:a()},animate:{opacity:l(d)?1:.7,scale:l(d)?1:.95,z:l(d)?0:-100,rotate:l(d)?0:a(),zIndex:l(d)?40:i.testimonials.length+2-d,y:l(d)?[0,-80,0]:0},exit:{opacity:0,scale:.9,z:100,rotate:a()},transition:{duration:.4,ease:"easeInOut"},class:"absolute inset-0 origin-bottom"},{default:e.withCtx(()=>[e.createElementVNode("img",{src:p.image,alt:p.name,draggable:!1,class:e.normalizeClass(i.classList?.imageClass||"size-full rounded-3xl object-cover object-center")},null,10,no)]),_:2},1032,["initial","animate","exit"]))),128))]),_:1})],2)],2),e.createElementVNode("div",{class:e.normalizeClass(i.classList?.contentClass||"flex flex-col justify-between py-4")},[(e.openBlock(),e.createBlock(e.unref(xe.Motion),{style:{"text-align":"left"},key:o.value,as:"div",initial:{y:20,opacity:0},animate:{y:0,opacity:1},exit:{y:-20,opacity:0},transition:{duration:.2,ease:"easeInOut"}},{default:e.withCtx(()=>[e.createElementVNode("h3",{class:e.normalizeClass(i.classList?.nameClass||"text-2xl font-bold text-black dark:text-white")},e.toDisplayString(t.testimonials[o.value].name),3),e.createElementVNode("p",{class:e.normalizeClass(i.classList?.designationClass||"text-sm text-gray-500 dark:text-neutral-500")},e.toDisplayString(t.testimonials[o.value].designation),3),e.createVNode(e.unref(xe.Motion),{as:"p",class:e.normalizeClass(i.classList?.quoteClass||"mt-8 text-lg text-gray-500 dark:text-neutral-300")},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,(p,d)=>(e.openBlock(),e.createBlock(e.unref(xe.Motion),{style:{"margin-bottom":"25px",display:"block"},key:d,as:"span",initial:{filter:"blur(10px)",opacity:0,y:5},animate:{filter:"blur(0px)",opacity:1,y:0},transition:{duration:.2,ease:"easeInOut",delay:.02*d},class:"inline-block"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p),1)]),_:2},1032,["transition"]))),128))]),_:1},8,["class"])]),_:1}))],2)],2)],2)}}}),ro=["src"],Ft=e.defineComponent({__name:"index",props:{title:{},titleClass:{},testimonials:{default:()=>[{quote:"The attention to detail and innovative features have completely transformed our workflow. This is exactly what we've been looking for.",name:"Sarah Chen",designation:"Product Manager at TechFlow",image:"https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?q=80&w=3560&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"},{quote:"Implementation was seamless and the results exceeded our expectations. The platform's flexibility is remarkable.",name:"Michael Rodriguez",designation:"CTO at InnovateSphere",image:"https://images.unsplash.com/photo-1438761681033-6461ffad8d80?q=80&w=3540&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"},{quote:"This solution has significantly improved our team's productivity. The intuitive interface makes complex tasks simple.",name:"Emily Watson",designation:"Operations Director at CloudScale",image:"https://images.unsplash.com/photo-1623582854588-d60de57fa33f?q=80&w=3540&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"},{quote:"Outstanding support and robust features. It's rare to find a product that delivers on all its promises.",name:"James Kim",designation:"Engineering Lead at DataPro",image:"https://images.unsplash.com/photo-1636041293178-808a6762ab39?q=80&w=3464&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"},{quote:"The scalability and performance have been game-changing for our organization. Highly recommend to any growing business.",name:"Lisa Thompson",designation:"VP of Technology at FutureNet",image:"https://images.unsplash.com/photo-1624561172888-ac93c696e10c?q=80&w=2592&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"}]},autoplay:{type:Boolean,default:!0},duration:{default:5e3},classList:{default:()=>({})}},setup(i){const t=i,o=e.computed(()=>{const s=t.classList?.Location||{};return[s.position,s.width,s.height,s.left,s.top].filter(Boolean)});return(s,n)=>{const r=e.resolveComponent("ClientOnly");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(o.value)},[e.createElementVNode("div",{class:e.normalizeClass(i.titleClass)},[e.createElementVNode("img",{src:i.title,alt:""},null,8,ro)],2),e.createVNode(r,null,{default:e.withCtx(()=>[e.createVNode(ao,{testimonials:i.testimonials,autoplay:i.autoplay,duration:i.duration,"class-list":i.classList},null,8,["testimonials","autoplay","duration","class-list"])]),_:1})],2)}}}),lo=Object.freeze(Object.defineProperty({__proto__:null,default:Ft},Symbol.toStringTag,{value:"Module"})),co=`#version 300 es
 in vec2 position;
 void main() {
   gl_Position = vec4(position, 0.0, 1.0);

package/dist/index.mjs

@@ -330,7 +330,7 @@ const Gi = /* @__PURE__ */ j({
                 }, {
                   default: ee(() => [
                     (b(!0), M(oe, null, me(o.value, (m, u) => (b(), Te(Y(Xe), {
-                      style: { "margin-bottom": "10px", display: "block" },
+                      style: { "margin-bottom": "25px", display: "block" },
                       key: u,
                       as: "span",
                       initial: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "troncell-vue-component",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "description": "A collection of beautiful Vue 3 UI components",
   "type": "module",
   "main": "./dist/index.cjs",