1import n from"./Layout-ABzQUHq9.js";import{_ as s}from"./Separator.vue_vue_type_script_setup_true_lang-B7v_OBtg.js";import{v as a,p as d,q as i,E as t,C as o,D as r}from"./vendor-BGNTgfwa.js";import"./app-AsY-L5Ba.js";import"./analytics-HljD2eR7.js";/* empty css */import"./Primitive-a5lwryWE.js";import"./utils-CDN07tui.js";import"./index-abekTC-F.js";const l={class:"space-y-12"},m={class:"mt-6 rounded-lg border border-border bg-card p-6"},p={class:"max-w-md"},u={class:"flex gap-4 text-sm"},x={class:"mt-6 rounded-lg border border-border bg-card p-6"},f={class:"flex h-5 items-center gap-4 text-sm"},g={class:"mt-6 rounded-lg border border-border bg-card p-6"},v={class:"bg-card border-border max-w-sm rounded-lg border"},H={__name:"Separator",setup(c){return(b,e)=>(a(),d(n,null,{default:i(()=>[t("div",l,[e[20]||(e[20]=t("div",null,[t("h2",{class:"text-foreground text-3xl font-bold"},"Separator"),t("p",{class:"text-muted-foreground mt-2 text-lg"},"A visual divider between content sections."),t("p",{class:"text-muted-foreground mt-2 text-sm"},[t("a",{href:"https://www.shadcn-vue.com/docs/components/separator",target:"_blank",class:"text-primary hover:text-primary/80 underline"}," View shadcn-vue documentation "),t("span",{class:"text-muted-foreground/60 mx-2"},"·"),t("a",{href:"https://reka-ui.com/docs/components/separator",target:"_blank",class:"text-primary hover:text-primary/80 underline"}," Reka UI API ")])],-1)),t("section",null,[e[4]||(e[4]=t("h3",{class:"text-foreground text-xl font-semibold"},"Horizontal",-1)),e[5]||(e[5]=t("p",{class:"text-muted-foreground mt-1"}," The default orientation for separating stacked content. ",-1)),t("div",m,[t("div",p,[e[3]||(e[3]=t("div",{class:"space-y-1"},[t("h4",{class:"text-foreground text-sm font-medium"},"Biscred Dashboard"),t("p",{class:"text-muted-foreground text-sm"}," CRE prospecting and lead generation platform. ")],-1)),o(r(s),{class:"my-4"}),t("div",u,[e[0]||(e[0]=t("span",null,"Contacts",-1)),o(r(s),{orientation:"vertical"}),e[1]||(e[1]=t("span",null,"Companies",-1)),o(r(s),{orientation:"vertical"}),e[2]||(e[2]=t("span",null,"Buildings",-1))])])]),e[6]||(e[6]=t("div",{class:"bg-muted mt-3 overflow-x-auto rounded-lg p-4"},[t("pre",{class:"text-muted-foreground font-mono text-xs"},`<div class="space-y-1"> 2 <h4>Biscred Dashboard</h4> 3 <p>CRE prospecting and lead generation platform.</p> 4</div> 5<Separator class="my-4" /> 6<div class="flex gap-4 text-sm"> 7 <span>Contacts</span> 8 <Separator orientation="vertical" /> 9 <span>Companies</span> 10 <Separator orientation="vertical" /> 11 <span>Buildings</span> 12</div>`)],-1))]),t("section",null,[e[11]||(e[11]=t("h3",{class:"text-foreground text-xl font-semibold"},"Vertical",-1)),e[12]||(e[12]=t("p",{class:"text-muted-foreground mt-1"}," Use vertical orientation to separate inline content. ",-1)),t("div",x,[t("div",f,[e[7]||(e[7]=t("span",null,"Home",-1)),o(r(s),{orientation:"vertical"}),e[8]||(e[8]=t("span",null,"Search",-1)),o(r(s),{orientation:"vertical"}),e[9]||(e[9]=t("span",null,"Lists",-1)),o(r(s),{orientation:"vertical"}),e[10]||(e[10]=t("span",null,"Settings",-1))])]),e[13]||(e[13]=t("div",{class:"bg-muted mt-3 overflow-x-auto rounded-lg p-4"},[t("pre",{class:"text-muted-foreground font-mono text-xs"},`<div class="flex h-5 items-center gap-4 text-sm"> 13 <span>Home</span> 14 <Separator orientation="vertical" /> 15 <span>Search</span> 16 <Separator orientation="vertical" /> 17 <span>Lists</span> 18</div>`)],-1))]),t("section",null,[e[17]||(e[17]=t("h3",{class:"text-foreground text-xl font-semibold"},"In Lists",-1)),e[18]||(e[18]=t("p",{class:"text-muted-foreground mt-1"},"Separators work well to divide list items.",-1)),t("div",g,[t("div",v,[e[14]||(e[14]=t("div",{class:"p-4"},[t("p",{class:"text-foreground text-sm font-medium"},"John Smith"),t("p",{class:"text-muted-foreground text-sm"},"[email protected]")],-1)),o(r(s)),e[15]||(e[15]=t("div",{class:"p-4"},[t("p",{class:"text-foreground text-sm font-medium"},"Sarah Johnson"),t("p",{class:"text-muted-foreground text-sm"},"[email protected]")],-1)),o(r(s)),e[16]||(e[16]=t("div",{class:"p-4"},[t("p",{class:"text-foreground text-sm font-medium"},"Michael Chen"),t("p",{class:"text-muted-foreground text-sm"},"[email protected]")],-1))])]),e[19]||(e[19]=t("div",{class:"bg-muted mt-3 overflow-x-auto rounded-lg p-4"},[t("pre",{class:"text-muted-foreground font-mono text-xs"},`<div class="rounded-lg border"> 19 <div class="p-4">...</div> 20 <Separator /> 21 <div class="p-4">...</div> 22 <Separator /> 23 <div class="p-4">...</div> 24</div>`)],-1))])])]),_:1}))}};export{H as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.