https://i-maker.jp/build/assets/Hello-BqSkAsUq.js

1import{A as de,an as R,r as P,q as M,ai as te,ao as ce,ap as B,F as K,d as A,D as ne,l as T,aq as V,w as pe,g as X,f as u,e as N,t as Y,b as F,j,o as J,m as fe,x as ve}from"./app-DW94hlRc.js";import{_ as be}from"./_plugin-vue_export-helper-DlAUqK2U.js";/* empty css            */function me(e){typeof queueMicrotask=="function"?queueMicrotask(e):Promise.resolve().then(e).catch(t=>setTimeout(()=>{throw t}))}var Q;let ge=Symbol("headlessui.useid"),xe=0;const re=(Q=de)!=null?Q:function(){return R(ge,()=>`${++xe}`)()};function x(e){var t;if(e==null||e.value==null)return null;let n=(t=e.value.$el)!=null?t:e.value;return n instanceof Node?n:null}function L(e,t,...n){if(e in t){let s=t[e];return typeof s=="function"?s(...n):s}let l=new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(t).map(s=>`"${s}"`).join(", ")}.`);throw Error.captureStackTrace&&Error.captureStackTrace(l,L),l}var ye=Object.defineProperty,he=(e,t,n)=>t in e?ye(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Z=(e,t,n)=>(he(e,typeof t!="symbol"?t+"":t,n),n);let we=class{constructor(){Z(this,"current",this.detect()),Z(this,"currentId",0)}set(t){this.current!==t&&(this.currentId=0,this.current=t)}reset(){this.set(this.detect())}nextId(){return++this.currentId}get isServer(){return this.current==="server"}get isClient(){return this.current==="client"}detect(){return typeof window>"u"||typeof document>"u"?"server":"client"}},Te=new we;function Ie(e){if(Te.isServer)return null;if(e instanceof Node)return e.ownerDocument;if(e!=null&&e.hasOwnProperty("value")){let t=x(e);if(t)return t.ownerDocument}return document}let ke=["[contentEditable=true]","[tabindex]","a[href]","area[href]","button:not([disabled])","iframe","input:not([disabled])","select:not([disabled])","textarea:not([disabled])"].map(e=>`${e}:not([tabindex='-1'])`).join(",");var E=(e=>(e[e.First=1]="First",e[e.Previous=2]="Previous",e[e.Next=4]="Next",e[e.Last=8]="Last",e[e.WrapAround=16]="WrapAround",e[e.NoScroll=32]="NoScroll",e))(E||{}),C=(e=>(e[e.Error=0]="Error",e[e.Overflow=1]="Overflow",e[e.Success=2]="Success",e[e.Underflow=3]="Underflow",e))(C||{}),Ee=(e=>(e[e.Previous=-1]="Previous",e[e.Next=1]="Next",e))(Ee||{});function Se(e=document.body){return e==null?[]:Array.from(e.querySelectorAll(ke)).sort((t,n)=>Math.sign((t.tabIndex||Number.MAX_SAFE_INTEGER)-(n.tabIndex||Number.MAX_SAFE_INTEGER)))}var Pe=(e=>(e[e.Strict=0]="Strict",e[e.Loose=1]="Loose",e))(Pe||{}),Oe=(e=>(e[e.Keyboard=0]="Keyboard",e[e.Mouse=1]="Mouse",e))(Oe||{});typeof window<"u"&&typeof document<"u"&&(document.addEventListener("keydown",e=>{e.metaKey||e.altKey||e.ctrlKey||(document.documentElement.dataset.headlessuiFocusVisible="")},!0),document.addEventListener("click",e=>{e.detail===1?delete document.documentElement.dataset.headlessuiFocusVisible:e.detail===0&&(document.documentElement.dataset.headlessuiFocusVisible="")},!0));let Ae=["textarea","input"].join(",");function Ne(e){var t,n;return(n=(t=e==null?void 0:e.matches)==null?void 0:t.call(e,Ae))!=null?n:!1}function $(e,t=n=>n){return e.slice().sort((n,l)=>{let s=t(n),r=t(l);

1if(s===null||r===null)return 0;let a=s.compareDocumentPosition(r);return a&Node.DOCUMENT_POSITION_FOLLOWING?-1:a&Node.DOCUMENT_POSITION_PRECEDING?1:0})}function _(e,t,{sorted:n=!0,relativeTo:l=null,skipElements:s=[]}={}){var r;let a=(r=Array.isArray(e)?e.length>0?e[0].ownerDocument:document:e==null?void 0:e.ownerDocument)!=null?r:document,i=Array.isArray(e)?n?$(e):e:Se(e);s.length>0&&i.length>1&&(i=i.filter(v=>!s.includes(v))),l=l??a.activeElement;let b=(()=>{if(t&5)return 1;if(t&10)return-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),g=(()=>{if(t&1)return 0;if(t&2)return Math.max(0,i.indexOf(l))-1;if(t&4)return Math.max(0,i.indexOf(l))+1;if(t&8)return i.length-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),w=t&32?{preventScroll:!0}:{},c=0,f=i.length,y;do{if(c>=f||c+f<=0)return 0;let v=g+c;if(t&16)v=(v+f)%f;else{if(v<0)return 3;if(v>=f)return 1}y=i[v],y==null||y.focus(w),c+=b}while(y!==a.activeElement);return t&6&&Ne(y)&&y.select(),2}function ee(e,t){if(e)return e;let n=t??"button";if(typeof n=="string"&&n.toLowerCase()==="button")return"button"}function Fe(e,t){let n=P(ee(e.value.type,e.value.as));return M(()=>{n.value=ee(e.value.type,e.value.as)}),te(()=>{var l;n.value||x(t)&&x(t)instanceof HTMLButtonElement&&!((l=x(t))!=null&&l.hasAttribute("type"))&&(n.value="button")}),n}var W=(e=>(e[e.None=0]="None",e[e.RenderStrategy=1]="RenderStrategy",e[e.Static=2]="Static",e))(W||{}),je=(e=>(e[e.Unmount=0]="Unmount",e[e.Hidden=1]="Hidden",e))(je||{});function D({visible:e=!0,features:t=0,ourProps:n,theirProps:l,...s}){var r;let a=le(l,n),i=Object.assign(s,{props:a});if(e||t&2&&a.static)return q(i);if(t&1){let b=(r=a.unmount)==null||r?0:1;return L(b,{0(){return null},1(){return q({...s,props:{...a,hidden:!0,style:{display:"none"}}})}})}return q(i)}function q({props:e,attrs:t,slots:n,slot:l,name:s}){var r,a;let{as:i,...b}=se(e,["unmount","static"]),g=(r=n.default)==null?void 0:r.call(n,l),w={};if(l){let c=!1,f=[];for(let[y,v]of Object.entries(l))typeof v=="boolean"&&(c=!0),v===!0&&f.push(y);c&&(w["data-headlessui-state"]=f.join(" "))}if(i==="template"){if(g=ae(g??[]),Object.keys(b).length>0||Object.keys(t).length>0){let[c,...f]=g??[];if(!_e(c)||f.length>0)throw new Error(['Passing props on "template"!',"",`The current component <${s} /> is rendering a "template".`,"However we need to passthrough the following props:",Object.keys(b).concat(Object.keys(t)).map(o=>o.trim()).filter((o,p,m)=>m.indexOf(o)===p).sort((o,p)=>o.localeCompare(p)).map(o=>`  - ${o}`).join(`
2`),"","You can apply a few solutions:",['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".',"Render a single element as the child so that we can forward the props onto that element."].map(o=>`  - ${o}`).join(`
3`)].join(`
4`));let y=le((a=c.props)!=null?a:{},b,w),v=ce(c,y,!0);for(let o in y)o.startsWith("on")&&(v.props||(v.props={}),v.props[o]=y[o]);return v}return Array.isArray(g)&&g.length===1?g[0]:g}return B(i,Object.assign({},b,w),{default:()=>g})}function ae(e){return e.flatMap(t=>t.type===K?ae(t.children):[t])}function le(...e){if(e.length===0)return{};if(e.length===1)return e[0];let t={},n={};for(let l of e)for(let s in l)s.startsWith("on")&&typeof l[s]=="function"?(n[s]!=null||(n[s]=[]),n[s].push(l[s])):t[s]=l[s];if(t.disabled||t["aria-disabled"])return Object.assign(t,Object.fromEntries(Object.keys(n).map(l=>[l,void 0])));for(let l in n)Object.assign(t,{[l](s,...r){let a=n[l];for(let i of a){if(s instanceof Event&&s.defaultPrevented)return;i(s,...r)}}});return t}function se(e,t=[]){let n=Object.assign({},e);for(let l of t)l in n&&delete n[l];return n}function _e(e){return e==null?!1:typeof e.type=="string"||typeof e.type=="object"||typeof e.type=="function"}var oe=(e=>(e[e.None=1]="None",e[e.Focusable=2]="Focusable",e[e.Hidden=4]="Hidden",e))(oe||{});let ue=A({name:"Hidden",props:{as:{type:[Object,String],default:"div"},features:{type:Number,default:1}},setup(e,{slots:t,attrs:n}){return()=>{var l;let{features:s,...r}=e,a={"aria-hidden":(s&2)===2?!0:(l=r["aria-hidden"])!=null?l:void 0,hidden:(s&4)===4?!0:void 0,style:{position:"fixed",top:1,left:1,width:1,height:0,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0",...(s&4)===4&&(s&2)!==2&&{display:"none"}}};return D({ourProps:a,theirProps:r,slot:{},attrs:n,slots:t,name:"Hidden"})}}});var S=(e=>(e.Space=" ",e.Enter="Enter",e.Escape="Escape",e.Backspace="Backspace",e.Delete="Delete",e.ArrowLeft="ArrowLeft",e.ArrowUp="ArrowUp",e.ArrowRight="ArrowRight",e.ArrowDown="ArrowDown",e.Home="Home",e.End="End",e.PageUp="PageUp",e.PageDown="PageDown",e.Tab="Tab",e))(S||{});let $e=A({props:{onFocus:{type:Function,required:!0}},setup(e){let t=P(!0);return()=>t.value?B(ue,{as:"button",type:"button",features:oe.Focusable,onFocus(n){n.preventDefault();let l,s=50;function r(){var a;if(s--<=0){l&&cancelAnimationFrame(l);return}if((a=e.onFocus)!=null&&a.call(e)){t.value=!1,cancelAnimationFrame(l);return}l=requestAnimationFrame(r)}l=requestAnimationFrame(r)}}):null}});var Le=(e=>(e[e.Forwards=0]="Forwards",e[e.Backwards=1]="Backwards",e))(Le||{}),De=(e=>(e[e.Less=-1]="Less",e[e.Equal=0]="Equal",e[e.Greater=1]="Greater",e))(De||{});let ie=Symbol("TabsContext");function H(e){let t=R(ie,null);if(t===null){let n=new Error(`<${e} /> is missing a parent <TabGroup /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(n,H),n}return t}let z=Symbol("TabsSSRContext"),Ce=A({name:"TabGroup",emits:{change:e=>!0},props:{as:{type:[Object,String],default:"template"},selectedIndex:{type:[Number],default:null},defaultIndex:{type:[Number],default:0},vertical:{type:[Boolean],default:!1},manual:{type:[Boolean],default:!1}},inheritAttrs:!1,setup(e,{slots:t,attrs:n,emit:l}){var s;let r=P((s=e.selectedIndex)!=null?s:e.defaultIndex),a=P([]),i=P([]),b=T(()=>e.selectedIndex!==null),g=T(()=>b.value?e.selectedIndex:r.value);function w(o){var p;

4let m=$(c.tabs.value,x),d=$(c.panels.value,x),h=m.filter(I=>{var k;return!((k=x(I))!=null&&k.hasAttribute("disabled"))});if(o<0||o>m.length-1){let I=L(r.value===null?0:Math.sign(o-r.value),{[-1]:()=>1,0:()=>L(Math.sign(o),{[-1]:()=>0,0:()=>0,1:()=>1}),1:()=>0}),k=L(I,{0:()=>m.indexOf(h[0]),1:()=>m.indexOf(h[h.length-1])});k!==-1&&(r.value=k),c.tabs.value=m,c.panels.value=d}else{let I=m.slice(0,o),k=[...m.slice(o),...I].find(U=>h.includes(U));if(!k)return;let O=(p=m.indexOf(k))!=null?p:c.selectedIndex.value;O===-1&&(O=c.selectedIndex.value),r.value=O,c.tabs.value=m,c.panels.value=d}}let c={selectedIndex:T(()=>{var o,p;return(p=(o=r.value)!=null?o:e.defaultIndex)!=null?p:null}),orientation:T(()=>e.vertical?"vertical":"horizontal"),activation:T(()=>e.manual?"manual":"auto"),tabs:a,panels:i,setSelectedIndex(o){g.value!==o&&l("change",o),b.value||w(o)},registerTab(o){var p;if(a.value.includes(o))return;let m=a.value[r.value];if(a.value.push(o),a.value=$(a.value,x),!b.value){let d=(p=a.value.indexOf(m))!=null?p:r.value;d!==-1&&(r.value=d)}},unregisterTab(o){let p=a.value.indexOf(o);p!==-1&&a.value.splice(p,1)},registerPanel(o){i.value.includes(o)||(i.value.push(o),i.value=$(i.value,x))},unregisterPanel(o){let p=i.value.indexOf(o);p!==-1&&i.value.splice(p,1)}};V(ie,c);let f=P({tabs:[],panels:[]}),y=P(!1);M(()=>{y.value=!0}),V(z,T(()=>y.value?null:f.value));let v=T(()=>e.selectedIndex);return M(()=>{pe([v],()=>{var o;return w((o=e.selectedIndex)!=null?o:e.defaultIndex)},{immediate:!0})}),te(()=>{if(!b.value||g.value==null||c.tabs.value.length<=0)return;let o=$(c.tabs.value,x);o.some((p,m)=>x(c.tabs.value[m])!==x(p))&&c.setSelectedIndex(o.findIndex(p=>x(p)===x(c.tabs.value[g.value])))}),()=>{let o={selectedIndex:r.value};return B(K,[a.value.length<=0&&B($e,{onFocus:()=>{for(let p of a.value){let m=x(p);if((m==null?void 0:m.tabIndex)===0)return m.focus(),!0}return!1}}),D({theirProps:{...n,...se(e,["selectedIndex","defaultIndex","manual","vertical","onChange"])},ourProps:{},slot:o,slots:t,attrs:n,name:"TabGroup"})])}}}),Me=A({name:"TabList",props:{as:{type:[Object,String],default:"div"}},setup(e,{attrs:t,slots:n}){let l=H("TabList");return()=>{let s={selectedIndex:l.selectedIndex.value},r={role:"tablist","aria-orientation":l.orientation.value};return D({ourProps:r,theirProps:e,slot:s,attrs:t,slots:n,name:"TabList"})}}}),Be=A({name:"Tab",props:{as:{type:[Object,String],default:"button"},disabled:{type:[Boolean],default:!1},id:{type:String,default:null}},setup(e,{attrs:t,slots:n,expose:l}){var s;let r=(s=e.id)!=null?s:`headlessui-tabs-tab-${re()}`,a=H("Tab"),i=P(null);l({el:i,$el:i}),M(()=>a.registerTab(i)),ne(()=>a.unregisterTab(i));let b=R(z),g=T(()=>{if(b.value){let d=b.value.tabs.indexOf(r);return d===-1?b.value.tabs.push(r)-1:d}return-1}),w=T(()=>{let d=a.tabs.value.indexOf(i);return d===-1?g.value:d}),c=T(()=>w.value===a.selectedIndex.value);function f(d){var h;let I=d();if(I===C.Success&&a.activation.value==="auto"){let k=(h=Ie(i))==null?void 0:h.activeElement,O=a.tabs.value.findIndex(U=>x(U)===k);O!==-1&&a.setSelectedIndex(O)}return I}function y(d){let h=a.tabs.value.map(I=>x(I)).filter(Boolean);if(d.key===S.Space||d.key===S.Enter){d.preventDefault(),d.stopPropagation(),a.setSelectedIndex(w.value);return}switch(d.key){case S.Home:case S.PageUp:return d.preventDefault(),d.stopPropagation(),f(()=>_(h,E.First));case S.End:case S.PageDown:return d.preventDefault(),d.stopPropagation(),f(()=>_(h,E.Last))}if(f(()=>L(a.orientation.value,{vertical(){return d.key===S.ArrowUp?_(h,E.Previous|E.WrapAround):d.key===S.ArrowDown?_(h,E.Next|E.WrapAround):C.Error},horizontal(){return d.key===S.ArrowLeft?_(h,E.Previous|E.WrapAround):d.key===S.ArrowRight?_(h,E.Next|E.WrapAround):C.Error}}))===C.Success)return d.preventDefault()}let v=P(!1);function o(){var d;v.value||(v.value=!0,!e.disabled&&((d=x(i))==null||d.focus({preventScroll:!0}),a.setSelectedIndex(w.value),me(()=>{v.value=!1})))}function p(d){d.preventDefault()}let m=Fe(T(()=>({as:e.as,type:t.type})),i);return()=>{var d,h;let I={selected:c.value,disabled:(d=e.disabled)!=null?d:!1},{...k}=e,O={ref:i,onKeydown:y,onMousedown:p,onClick:o,id:r,role:"tab",type:m.value,"aria-controls":(h=x(a.panels.value[w.value]))==null?void 0:h.id,"aria-selected":c.value,tabIndex:c.value?0:-1,disabled:e.disabled?!0:void 0};return D({ourProps:O,theirProps:k,slot:I,attrs:t,slots:n,name:"Tab"})}}}),He=A({name:"TabPanels",props:{as:{type:[Object,String],default:"div"}},setup(e,{slots:t,attrs:n}){let l=H("TabPanels");return()=>{let s={selectedIndex:l.selectedIndex.value};return D({theirProps:e,ourProps:{},slot:s,attrs:n,slots:t,name:"TabPanels"})}}}),G=A({name:"TabPanel",props:{as:{type:[Object,String],default:"div"},static:{type:Boolean,default:!1},unmount:{type:Boolean,default:!0},id:{type:String,default:null},tabIndex:{type:Number,default:0}},setup(e,{attrs:t,slots:n,expose:l}){var s;let r=(s=e.id)!=null?s:`headlessui-tabs-panel-${re()}`,a=H("TabPanel"),i=P(null);l({el:i,$el:i}),M(()=>a.registerPanel(i)),ne(()=>a.unregisterPanel(i));let b=R(z),g=T(()=>{if(b.value){let f=b.value.panels.indexOf(r);return f===-1?b.value.panels.push(r)-1:f}return-1}),w=T(()=>{let f=a.panels.value.indexOf(i);return f===-1?g.value:f}),c=T(()=>w.value===a.selectedIndex.value);return()=>{var f;let y={selected:c.value},{tabIndex:v,...o}=e,p={ref:i,id:r,role:"tabpanel","aria-labelledby":(f=x(a.tabs.value[w.value]))==null?void 0:f.id,tabIndex:c.value?v:-1};return!c.value&&e.unmount&&!e.static?B(ue,{as:"span","aria-hidden":!0,...p}):D({ourProps:p,theirProps:o,slot:y,attrs:t,slots:n,features:W.Static|W.RenderStrategy,visible:c.value,

4name:"TabPanel"})}}});const Re={class:"min-h-screen bg-gray-950 relative overflow-hidden"},Ue={class:"relative z-10 min-h-screen flex items-center justify-center px-4 py-16"},qe={class:"w-full max-w-2xl"},Ge={class:"relative group"},We={class:"relative bg-gray-900/90 backdrop-blur-xl rounded-2xl border border-gray-800 p-10 lg:p-12"},Ke={class:"counter-section flex justify-center m-8 p-8"},ze={class:"relative px-14 py-4 bg-gray-900/50 backdrop-blur-sm border border-white/10 group-hover/btn:border-white/20 transition-all duration-300"},Ve={class:"flex items-center gap-3"},Xe={class:"text-5xl font-black text-white tabular-nums"},Ye={class:"relative z-10"},Je=A({__name:"Hello",setup(e){const t=P(0),n=()=>{t.value++},l=["Tab 1","Tab 2","Tab 3"];return(s,r)=>(J(),X("div",Re,[r[9]||(r[9]=u("div",{class:"absolute inset-0 bg-gradient-to-br from-purple-900/20 via-transparent to-cyan-900/20"},null,-1)),r[10]||(r[10]=u("div",{class:"absolute inset-0 opacity-20"},[u("div",{class:"h-full w-full",style:{"background-size":"14px 24px"}})],-1)),u("div",Ue,[u("div",qe,[u("div",Ge,[r[8]||(r[8]=u("div",{class:"absolute -inset-1 bg-gradient-to-r from-purple-600 to-cyan-600 rounded-2xl blur-lg opacity-25 group-hover:opacity-40 transition duration-1000"},null,-1)),u("div",We,[r[7]||(r[7]=u("div",{class:"header-section text-center"},[u("h1",{class:"text-4xl lg:text-5xl font-black text-transparent bg-clip-text bg-gradient-to-r from-purple-400 via-pink-400 to-cyan-400 mb-4 tracking-tight"}," Test Page New Cart ")],-1)),u("div",Ke,[u("button",{onClick:n,class:"relative group/btn overflow-hidden rounded-2xl transform transition-all duration-300 hover:scale-105 active:scale-95"},[r[2]||(r[2]=u("div",{class:"absolute inset-0 bg-gradient-to-r from-purple-600 via-pink-600 to-cyan-600 opacity-90 group-hover/btn:opacity-100 transition-opacity duration-300"},null,-1)),r[3]||(r[3]=u("div",{class:"absolute inset-0 bg-gradient-to-r from-purple-600 via-pink-600 to-cyan-600 blur-xl opacity-50 group-hover/btn:opacity-70 transition-opacity duration-300"},null,-1)),u("div",ze,[u("div",Ve,[u("span",Xe,Y(t.value.toString().padStart(2,"0")),1),r[0]||(r[0]=u("div",{class:"h-12 w-px bg-white/20"},null,-1)),r[1]||(r[1]=u("span",{class:"text-sm font-medium text-gray-300 tracking-widest"},"CLICKS",-1))])])])]),N(j(Ce),null,{default:F(()=>[N(j(Me),{class:"tab-list grid grid-cols-3 gap-2 p-1.5 bg-gray-800/50 backdrop-blur-sm rounded-xl"},{default:F(()=>[(J(),X(K,null,fe(l,a=>N(j(Be),{key:a,class:"relative py-3 rounded-lg font-semibold text-sm transition-all duration-200 focus:outline-none ui-selected:text-white ui-not-selected:text-gray-500 ui-selected:shadow-lg ui-not-selected:hover:text-gray-300 focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2 focus-visible:ring-offset-gray-900"},{default:F(()=>[u("div",{class:ve(["absolute inset-0 rounded-lg bg-gradient-to-br transition-all duration-200 ui-selected:opacity-100 ui-not-selected:opacity-0",[a==="Tab 1"?"from-purple-600 to-purple-800":a==="Tab 2"?"from-pink-600 to-pink-800":"from-cyan-600 to-cyan-800"]])},null,2),u("span",Ye,Y(a),1)]),_:2},1024)),64))]),_:1}),N(j(He),null,{default:F(()=>[N(j(G),{class:"animate-fade-in"},{default:F(()=>r[4]||(r[4]=[u("div",{class:"relative overflow-hidden rounded-xl bg-gradient-to-br from-purple-900/20 to-transparent border border-purple-500/20 p-8"},[u("div",{class:"space-y-4"},[u("h3",{class:"text-xl font-bold text-purple-300"},"Content 1"),u("p",{class:"text-gray-400 leading-relaxed"},"This is the first tab panel with purple accent. The content flows naturally with proper spacing and typography."),u("div",{class:"flex gap-2 pt-4"},[u("span",{class:"px-3 py-1 text-xs font-medium text-purple-400 bg-purple-900/30 rounded-full border border-purple-500/30"},"Tag 1"),u("span",{class:"px-3 py-1 text-xs font-medium text-purple-400 bg-purple-900/30 rounded-full border border-purple-500/30"},"Tag 2")])])],-1)])),_:1,__:[4]}),N(j(G),{class:"animate-fade-in"},{default:F(()=>r[5]||(r[5]=[u("div",{class:"relative overflow-hidden rounded-xl bg-gradient-to-br from-pink-900/20 to-transparent border border-pink-500/20 p-8"},[u("div",{class:"space-y-4"},[u("h3",{class:"text-xl font-bold text-pink-300"},"Content 2"),u("p",{class:"text-gray-400 leading-relaxed"},"This is the second tab panel with pink accent. It demonstrates consistent styling across different c

4olor schemes."),u("div",{class:"flex gap-2 pt-4"},[u("span",{class:"px-3 py-1 text-xs font-medium text-pink-400 bg-pink-900/30 rounded-full border border-pink-500/30"},"Tag A"),u("span",{class:"px-3 py-1 text-xs font-medium text-pink-400 bg-pink-900/30 rounded-full border border-pink-500/30"},"Tag B")])])],-1)])),_:1,__:[5]}),N(j(G),{class:"animate-fade-in"},{default:F(()=>r[6]||(r[6]=[u("div",{class:"relative overflow-hidden rounded-xl bg-gradient-to-br from-cyan-900/20 to-transparent border border-cyan-500/20 p-8"},[u("div",{class:"space-y-4"},[u("h3",{class:"text-xl font-bold text-cyan-300"},"Content 3"),u("p",{class:"text-gray-400 leading-relaxed"},"This is the third tab panel with cyan accent. Each panel maintains its unique color identity while sharing the same structure."),u("div",{class:"flex gap-2 pt-4"},[u("span",{class:"px-3 py-1 text-xs font-medium text-cyan-400 bg-cyan-900/30 rounded-full border border-cyan-500/30"},"Tag X"),u("span",{class:"px-3 py-1 text-xs font-medium text-cyan-400 bg-cyan-900/30 rounded-full border border-cyan-500/30"},"Tag Y")])])],-1)])),_:1,__:[6]})]),_:1})]),_:1})])])])])]))}}),nt=be(Je,[["__scopeId","data-v-7abb747c"]]);export{nt as default};