@vela-ui/react/dist/components/link.js

Vela UI React components

"use client"
"use strict";"use client";var i=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var k=(t,e)=>{for(var n in e)i(t,n,{get:e[n],enumerable:!0})},y=(t,e,n,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of x(e))!h.call(t,r)&&r!==n&&i(t,r,{get:()=>e[r],enumerable:!(o=b(e,r))||o.enumerable});return t};var z=t=>y(i({},"__esModule",{value:!0}),t);var L={};k(L,{Link:()=>w,LinkButton:()=>V});module.exports=z(L);var s=require("react-aria-components"),v=require("tailwind-variants");var d=require("react-aria-components"),l=require("tailwind-variants");var c=require("tailwind-variants"),p=(0,c.tv)({base:"outline-hidden",variants:{isFocusVisible:{true:"border-ring ring-ring/50 ring-[3px]"},isInvalid:{true:"ring-destructive/20 dark:ring-destructive/40 border-destructive"}}});var a=require("react/jsx-runtime"),g=(0,l.tv)({extend:p,base:"inline-flex shrink-0 items-center justify-center rounded-md font-medium whitespace-nowrap transition-all [&_svg]:pointer-events-none [&_svg]:shrink-0",variants:{variant:{neutral:"bg-neutral text-neutral-foreground hover:bg-neutral/90 shadow-xs",primary:"bg-primary text-primary-foreground hover:bg-primary/90 shadow-xs",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80 shadow-xs",accent:"bg-accent text-accent-foreground hover:bg-accent/80 shadow-xs",destructive:"bg-destructive hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 text-white shadow-xs",outline:"bg-background hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 border shadow-xs",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{xs:"size-8 gap-1 text-xs [&_svg:not([class*='size-'])]:size-4",sm:"size-9 gap-2 text-sm [&_svg:not([class*='size-'])]:size-4",md:"size-10 gap-2 text-sm [&_svg:not([class*='size-'])]:size-5",lg:"size-11 gap-2.5 text-base [&_svg:not([class*='size-'])]:size-5",xl:"size-12 gap-2.5 text-base [&_svg:not([class*='size-'])]:size-5"},shape:{rectangle:"",square:"",circle:"rounded-full"},isDisabled:{true:"pointer-events-none opacity-50"},isPending:{true:"pointer-events-none opacity-50"}},compoundVariants:[{size:"xs",shape:"rectangle",className:"w-auto px-2.5"},{size:"sm",shape:"rectangle",className:"w-auto px-3.5"},{size:"md",shape:"rectangle",className:"w-auto px-4"},{size:"lg",shape:"rectangle",className:"w-auto px-5"},{size:"xl",shape:"rectangle",className:"w-auto px-5"}],defaultVariants:{variant:"primary",size:"md",shape:"rectangle"}});var u=require("react/jsx-runtime"),P=(0,v.tv)({base:"underline-offset-4 outline-0 outline-offset-2 outline-current focus-visible:outline-2",variants:{variant:{hover:"hover:underline",underline:"underline",none:"no-underline"},isDisabled:{true:"pointer-events-none cursor-default opacity-50"}},defaultVariants:{variant:"hover"}});function w({className:t,variant:e,...n}){return(0,u.jsx)(s.Link,{"data-slot":"link",className:(0,s.composeRenderProps)(t,(o,r)=>P({...r,variant:e,className:o})),...n})}function V({className:t,variant:e,size:n,shape:o,...r}){return(0,u.jsx)(s.Link,{"data-slot":"link",className:(0,s.composeRenderProps)(t,(m,f)=>g({...f,variant:e,size:n,shape:o,className:m})),...r})}0&&(module.exports={Link,LinkButton});