https://docus.dev/_nuxt/Dw9MOSxV.js

1import{$ as e,D as t,E as n,Ft as r,Ht as i,Lt as a,On as o,Zn as s,at as c,b as l,bt as u,ct as d,et as f,g as p,mt as m,o as h,qt as g,tr as _,v,vn as y,wt as b,xt as x,y as S}from"./B8D2lM98.js";import{t as C}from"./nVxVb8TJ.js";import{t as w}from"./DXQTjCCI.js";import{v as T}from"./DigmNhtY.js";import{i as E,t as D}from"./BaeznIil.js";import{t as O}from"./CDHmy1bX.js";import{a as k,i as A,n as j,r as M,t as N}from"./EDYdSepb.js";import{c as P,t as F}from"./BuZU4CRT.js";import{t as I}from"./Bpvq-xV-.js";import{t as L}from"./DaltrsJo.js";import{C as R}from"#entry";var z={slots:{root:`flex items-center gap-2`,list:`relative flex p-1 group`,indicator:`absolute transition-[translate,width] duration-200 ease-out motion-reduce:transition-none`,trigger:[`group relative inline-flex items-center min-w-0 data-[state=inactive]:text-muted hover:data-[state=inactive]:not-disabled:text-default font-medium rounded-md disabled:cursor-not-allowed disabled:opacity-75`,`transition-colors`],leadingIcon:`shrink-0`,leadingAvatar:`shrink-0`,leadingAvatarSize:``,label:`truncate`,trailingBadge:`shrink-0`,trailingBadgeSize:`sm`,content:`w-full rounded-md focus-visible:outline-3`},variants:{color:{primary:{content:`outline-primary/25`},secondary:{content:`outline-secondary/25`},success:{content:`outline-success/25`},info:{content:`outline-info/25`},warning:{content:`outline-warning/25`},error:{content:`outline-error/25`},neutral:{content:`outline-inverted/25`}},variant:{pill:{list:`bg-elevated rounded-lg`,trigger:[`grow`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:content-[''] in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:absolute in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:inset-0 in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:rounded-md in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:shadow-xs in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:-z-10 in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:isolate`],indicator:`rounded-md shadow-xs`},link:{list:`border-default`,indicator:`rounded-full`,trigger:`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:content-[''] in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:absolute in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:rounded-full`}},orientation:{horizontal:{root:`flex-col`,list:`w-full`,indicator:`left-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position)`,trigger:`justify-center`},vertical:{list:`flex-col`,indicator:`top-0 h-(--reka-tabs-indicator-size) translate-y-(--reka-tabs-indicator-position)`}},size:{xs:{trigger:`px-2 py-1 text-xs gap-1`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`},sm:{trigger:`px-2.5 py-1.5 text-xs gap-1.5`,leadingIcon:`size-4`,leadingAvatarSize:`3xs`},md:{trigger:`px-3 py-1.5 text-sm gap-1.5`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`},lg:{trigger:`px-3 py-2 text-sm gap-2`,leadingIcon:`size-5`,leadingAvatarSize:`2xs`},xl:{trigger:`px-3 py-2 text-base gap-2`,leadingIcon:`size-6`,leadingAvatarSize:`xs`}}},compoundVariants:[{orientation:`horizontal`,variant:`pill`,class:{indicator:`inset-y-1`}},{orientation:`horizontal`,variant:`link`,class:{list:`border-b -mb-px`,indicator:`-bottom-px h-px`,trigger:`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:inset-x-0 in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:-bottom-[calc(var(--spacing)+1px)] in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:h-px`}},{orientation:`vertical`,variant:`pill`,class:{indicator:`inset-x-1`,list:`items-center`,trigger:`w-full justify-center`}},{orientation:`vertical`,variant:`link`,class:{list:`border-s -ms-px`,indicator:`-start-px w-px`,trigger:`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:inset-y-0 in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:-start-[calc(var(--spacing)+1px)] in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:w-

1px`}},{color:`primary`,variant:`pill`,class:{indicator:`bg-primary`,trigger:[`data-[state=active]:text-inverted outline-primary/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-primary`]}},{color:`secondary`,variant:`pill`,class:{indicator:`bg-secondary`,trigger:[`data-[state=active]:text-inverted outline-secondary/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-secondary`]}},{color:`success`,variant:`pill`,class:{indicator:`bg-success`,trigger:[`data-[state=active]:text-inverted outline-success/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-success`]}},{color:`info`,variant:`pill`,class:{indicator:`bg-info`,trigger:[`data-[state=active]:text-inverted outline-info/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-info`]}},{color:`warning`,variant:`pill`,class:{indicator:`bg-warning`,trigger:[`data-[state=active]:text-inverted outline-warning/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-warning`]}},{color:`error`,variant:`pill`,class:{indicator:`bg-error`,trigger:[`data-[state=active]:text-inverted outline-error/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-error`]}},{color:`neutral`,variant:`pill`,class:{indicator:`bg-inverted`,trigger:[`data-[state=active]:text-inverted outline-inverted/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:before:bg-inverted`]}},{color:`primary`,variant:`link`,class:{indicator:`bg-primary`,trigger:[`data-[state=active]:text-primary outline-primary/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-primary`]}},{color:`secondary`,variant:`link`,class:{indicator:`bg-secondary`,trigger:[`data-[state=active]:text-secondary outline-secondary/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-secondary`]}},{color:`success`,variant:`link`,class:{indicator:`bg-success`,trigger:[`data-[state=active]:text-success outline-success/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-success`]}},{color:`info`,variant:`link`,class:{indicator:`bg-info`,trigger:[`data-[state=active]:text-info outline-info/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-info`]}},{color:`warning`,variant:`link`,class:{indicator:`bg-warning`,trigger:[`data-[state=active]:text-warning outline-warning/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-warning`]}},{color:`error`,variant:`link`,class:{indicator:`bg-error`,trigger:[`data-[state=active]:text-error outline-error/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-error`]}},{color:`neutral`,variant:`link`,class:{indicator:`bg-inverted`,trigger:[`data-[state=active]:text-highlighted outline-inverted/25 focus-visible:outline-3`,`in-[[data-slot=list]:not(:has([data-slot=indicator]))]:data-[state=active]:after:bg-inverted`]}}],defaultVariants:{color:`primary`,variant:`pill`,size:`md`}},B={__name:`UTabs`,props:{as:{type:null,required:!1},items:{type:Array,required:!1},color:{type:null,required:!1},variant:{type:null,required:!1},size:{type:null,required:!1},orientation:{type:null,required:!1,default:`horizontal`},content:{type:Boolean,required:!1,default:!0},valueKey:{type:null,required:!1,default:`value`},labelKey:{type:null,required:!1,default:`label`},class:{type:null,required:!1},ui:{type:Object,required:!1},defaultValue:{type:[String,Number],required:!1,default:`0`},modelValue:{type:[String,Number],required:!1},activationMode:{type:String,required:!1},unmountOnHide:{type:Boolean,required:!1,default:!0}},emits:[`update:modelValue`],setup(e,{expose:r,emit:i}){let c=e,d=i,b=a(),C=E(`tabs`,c),P=w(),B=O(T(C,`as`,`unmountOnHide`),d),V=p(()=>D({extend:z,...P.ui?.tabs||{}})({color:C.color,variant:C.variant,size:C.size,orientation:C.orientation})),H=y([]);function U(e,t){H.value[e]=t}return r({triggersRef:H}),(e,r)=>(m(),v(o(k),f(o(B),{"model-value":o(C).modelValue,"default-value":o(C).defaultValue,orientation:o(C).orientation,"activation-mode":o(C).activationMode,"data-slot":`root`,class:V.value.root({class:[o(C).ui?.root,o(C).class]})}),{default:g(()=>[t(o(j),{"data-slot":`list`,class:s(V.value.list({class:o(C).ui?.list}))},{default:g(()=>[t(o(M),{"data-slot":`indicator`,class:s(V.value.indicator({class:o(C).ui?.indicator}))},null,8,[`class`]),x(e.$slots,`list-leading`),(m(!0),l(h,null,u(o(C).items,(t,r)=>(m(),v(o(N),{key:o(F)(t,o(C).valueKey)??r,ref_for:!0,ref:e=>U(r,e),value:o(F)(t,o(C).valueKey)??String(r),disabled:t.disabled,"data-slot":`trigger`,class:s(V.value.trigger({class:[o(C).ui?.trigger,t.ui?.trigger]}))},{default:g(()=>[x(e.$slots,`leading`,{item:t,index:r,ui:V.value},()=>[t.icon?(m(),v(L,{key:0,name:t.icon,"data-slot":`leadingIcon`,class:s(V.value.leadingIcon({class:[o(C).ui?.leadingIcon,t.ui?.leadingIcon]}))},null,8,[`name`,`class`])):t.avatar?(m(),v(I,f({key:1,size:t.ui?.leadingAvatarSize||o(C).ui?.leadingAvatarSize||V.value.leadingAvatarSize()},{ref_for:!0},t.avatar,{"data-slot":`leadingAvatar`,class:V.value.leadingAvatar({class:[o(C).ui?.leadingAvatar,t.ui?.leadingAvatar]})}),null,16,[`size`,`class`])):S(``,!0)]),o(F)(t,o(C).labelKey)||b.default?(m(),l(`span`,{key:0,"data-slot":`label`,class:s(V.value.label({class:[o(C).ui?.label,t.ui?.label]}))},[x(e.$slots,`default`,{item:t,index:r},()=>[n(_(o(F)(t,o(C).labelKey)),1)])],2)):S(``,!0),x(e.$slots,`trailing`,{item:t,index:r,ui:V.value},()=>[t.badge||t.badge===0?(m(),v(R,f({key:0,color:`neutral`,variant:`outline`,size:t.ui?.trailingBadgeSize||o(C).ui?.trailingBadgeSize||V.value.trailingBadgeSize()},{ref_for:!0},typeof t.badge==`string`||typeof t.badge==`number`?{label:t.badge}:t.badge,{"data-slot":`trailingBadge`,class:V.value.trailingBadge({class:[o(C).ui?.trailingBadge,t.ui?.trailingBadge]})}),null,16,[`size`,`class`])):S(``,!0)])]),_:2},1032,[`value`,`disabled`,`class`]))),128)),x(e.$slots,`list-trailing`)]),_:3},8,[`class`]),o(C).content?(m(!0),l(h,{key:0},u(o(C).items,(t,r)=>(m(),v(o(A),{key:o(F)(t,o(C).valueKey)??r,value:o(F)(t,o(C).valueKey)??String(r),"data-slot":`content`,class:s(V.value.content({class:[o(C).ui?.content,t.ui?.content,t.class]}))},{default:g(()=>[x(e.$slots,t.slot||`content`,{item:t,index:r,ui:V.value},()=>[n(_(t.content),1)])]),_:2},1032,[`value`,`class`]))),128)):S(``,!0)]),_:3},16,[`model-value`,`default-value`,`orientation`,`activation-mode`,`class`]))}},V={slots:{root:`my-5 gap-4`}},H={__name:`ProseTabs`,props:e({defaultValue:{type:String,required:!1,default:`0`},sync:{type:String,required:!1},hash:{type:String,required:!1},class:{type:null,required:!1},ui:{type:Object,required:!1}},{modelValue:{type:String},modelModifiers:{}}),emits:[`update:modelValue`],setup(e){let t=e,n=a(),l=E(`prose.tabs`,t),u=r(e,`modelValue`),f=w(),h=p(()=>D({extend:V,...f.ui?.prose?.tabs||{}})),_=y(1),x=p(()=>

1(_.value,n.default?.()?.flatMap(S).filter(Boolean)||[]));function S(e,t){return typeof e.type==`symbol`?e.children?.map(S):{index:t,label:e.props?.label||`${t}`,description:e.props?.description,icon:e.props?.icon,component:e}}d(()=>{if(l.sync){let e=`tabs-${l.sync}`,t=C(e,()=>localStorage.getItem(e));i(t,()=>{t.value&&(u.value=t.value)},{immediate:!0}),i(u,()=>{u.value&&(t.value=u.value,localStorage.setItem(e,u.value))})}});async function T(){if(l.hash){let e=l.hash.startsWith(`#`)?l.hash:`#${l.hash}`;setTimeout(()=>{document.querySelector(e)?.scrollIntoView()},200)}}return c(()=>_.value++),(e,t)=>(m(),v(B,{modelValue:u.value,"onUpdate:modelValue":[t[0]||=e=>u.value=e,T],color:`primary`,variant:`link`,items:x.value,class:s(o(l).class),"unmount-on-hide":!1,ui:o(P)(h.value(),o(l).ui)},{content:g(({item:e})=>[(m(),v(b(e.component)))]),_:1},8,[`modelValue`,`items`,`class`,`ui`]))}};export{H as default};