nextuiq
Version:
NextUIQ is a modern, lightweight, and developer-friendly UI component library for React and Next.js. Built with TypeScript and Tailwind CSS, it offers customizable, accessible, and performance-optimized components with built-in dark mode, theme customizat
2 lines (1 loc) • 1.53 kB
JavaScript
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index46.js"),t=require("react"),r=require("./index38.js"),a=require("class-variance-authority").cva("inline-flex items-center transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[oklch(var(--theme-ring))] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"text-[oklch(var(--theme-primary))] hover:text-[oklch(var(--theme-primary)/0.8)]",ghost:"text-[oklch(var(--theme-muted-foreground))] hover:text-[oklch(var(--theme-foreground))]",destructive:"text-[oklch(var(--theme-destructive))] hover:text-[oklch(var(--theme-destructive)/0.8)]"},size:{default:"text-base",sm:"text-sm",lg:"text-lg"}},defaultVariants:{variant:"default",size:"default"}}),i=t.forwardRef((({className:t,variant:i,size:s,href:n,external:o,children:l,...c},v)=>{const u=o?{target:"_blank",rel:"noopener noreferrer","aria-label":`${c["aria-label"]||l} (opens in new tab)`}:{};return e.jsxRuntimeExports.jsxs("a",{ref:v,href:n,className:r.cn(a({variant:i,size:s,className:t})),...u,...c,children:[l,o&&e.jsxRuntimeExports.jsx("svg",{className:"ml-1 h-4 w-4",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsxRuntimeExports.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"})})]})}));i.displayName="Link",exports.Link=i;