1 line
4.9 KiB
JavaScript
1 line
4.9 KiB
JavaScript
import{Ct as e,H as t,Ot as n,S as r,Tt as i,V as a,_ as o,b as s,d as c,nt as l,v as u,w as d,x as f,z as p}from"./vue.runtime.esm-bundler-DQjudA8G.js";import{t as m}from"./createLucideIcon-BpvmDsEE.js";import{t as h}from"./badge-check-BijlgjzK.js";import{t as g}from"./chevron-right-7JHpBKZy.js";import{t as _}from"./utils-BB02OBq2.js";import"./Teleport-CLYBkdRb.js";import{t as v}from"./Primitive-jhoGcsVx.js";import{r as y,t as b}from"./Button-2mdP_ygs.js";import{r as x}from"./global-layout-BuXj6D-T.js";var S=m(`arrow-up-right`,[[`path`,{d:`M7 7h10v10`,key:`1tivn9`}],[`path`,{d:`M7 17 17 7`,key:`1vkiza`}]]),C=d({__name:`Item`,props:{asChild:{type:Boolean},as:{default:`div`},class:{type:[Boolean,null,String,Object,Array]},variant:{},size:{}},setup(n){let r=n;return(a,o)=>(p(),u(e(v),{"data-slot":`item`,as:n.as,"as-child":n.asChild,class:i(e(_)(e(A)({variant:n.variant,size:n.size}),r.class))},{default:l(()=>[t(a.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`]))}}),w=d({__name:`ItemActions`,props:{class:{type:[Boolean,null,String,Object,Array]}},setup(n){let r=n;return(n,a)=>(p(),s(`div`,{"data-slot":`item-actions`,class:i(e(_)(`flex items-center gap-2`,r.class))},[t(n.$slots,`default`)],2))}}),T=d({__name:`ItemContent`,props:{class:{type:[Boolean,null,String,Object,Array]}},setup(n){let r=n;return(n,a)=>(p(),s(`div`,{"data-slot":`item-content`,class:i(e(_)(`flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none`,r.class))},[t(n.$slots,`default`)],2))}}),E=d({__name:`ItemDescription`,props:{class:{type:[Boolean,null,String,Object,Array]}},setup(n){let r=n;return(n,a)=>(p(),s(`p`,{"data-slot":`item-description`,class:i(e(_)(`text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance`,`[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,r.class))},[t(n.$slots,`default`)],2))}}),D=[`data-variant`],O=d({__name:`ItemMedia`,props:{class:{type:[Boolean,null,String,Object,Array]},variant:{}},setup(n){let r=n;return(a,o)=>(p(),s(`div`,{"data-slot":`item-media`,"data-variant":r.variant,class:i(e(_)(e(j)({variant:n.variant}),r.class))},[t(a.$slots,`default`)],10,D))}}),k=d({__name:`ItemTitle`,props:{class:{type:[Boolean,null,String,Object,Array]}},setup(n){let r=n;return(n,a)=>(p(),s(`div`,{"data-slot":`item-title`,class:i(e(_)(`flex w-fit items-center gap-2 text-sm leading-snug font-medium`,r.class))},[t(n.$slots,`default`)],2))}}),A=y(`group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,{variants:{variant:{default:`bg-transparent`,outline:`border-border`,muted:`bg-muted/50`},size:{default:`p-4 gap-4 `,sm:`py-3 px-4 gap-2.5`}},defaultVariants:{variant:`default`,size:`default`}}),j=y(`flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5`,{variants:{variant:{default:`bg-transparent`,icon:`size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4`,image:`size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover`}},defaultVariants:{variant:`default`}}),M={class:`grid grid-cols-1 md:grid-cols-2 w-full gap-6`},N=[`href`],P={href:`https://kit.prop.show/en`,target:`_blank`,rel:`noopener noreferrer`},F=d({__name:`index`,setup(t){let i=[{title:`Copy`,description:`Copy button component, supports custom styles and tooltip text.`,link:`https://kit.prop.show/en/components/copy`},{title:`Full Screen Dialog`,description:``,link:`https://kit.prop.show/en/components/full-screen-dialog`},{title:`Inline Tip`,description:`Inline tip component, used to display different types of tip information.`,link:`https://kit.prop.show/en/components/inline-tip`},{title:`Status Badge`,description:``,link:`https://kit.prop.show/en/components/status-badge`}];return(t,d)=>(p(),u(e(x),{title:`Prop Components`,description:`A collection of extended components for shadcn-vue.`,sticky:``},{default:l(()=>[o(`div`,M,[(p(),s(c,null,a(i,t=>r(e(C),{key:t.title,variant:`outline`},{default:l(()=>[r(e(T),null,{default:l(()=>[r(e(k),null,{default:l(()=>[f(n(t.title),1)]),_:2},1024),r(e(E),null,{default:l(()=>[f(n(t.description),1)]),_:2},1024)]),_:2},1024),r(e(w),null,{default:l(()=>[r(e(b),{variant:`outline`,size:`sm`,"as-child":``},{default:l(()=>[o(`a`,{href:t.link,target:`_blank`,rel:`noopener noreferrer`,class:`flex items-center gap-2`},[d[0]||=f(` Docs `,-1),r(e(S))],8,N)]),_:2},1024)]),_:2},1024)]),_:2},1024)),64)),r(e(C),{variant:`outline`,size:`sm`,"as-child":``},{default:l(()=>[o(`a`,P,[r(e(O),null,{default:l(()=>[r(e(h),{class:`size-5`})]),_:1}),r(e(T),null,{default:l(()=>[r(e(k),null,{default:l(()=>[...d[1]||=[f(`More components from kit.prop.show`,-1)]]),_:1})]),_:1}),r(e(w),null,{default:l(()=>[r(e(g),{class:`size-4`})]),_:1})])]),_:1})])]),_:1}))}});export{F as default}; |