Button

1"use client";
2 
3import * as React from "react";
4import { Slot, Slottable } from "@radix-ui/react-slot";
5import { cva, type VariantProps } from "class-variance-authority";
6 
7import { cn } from "@/lib/utils";
8 
9const buttonVariants = cva(
10  "poyraz-button relative isolate inline-flex shrink-0 cursor-pointer select-none items-center justify-center gap-2 overflow-hidden whitespace-nowrap border font-sans text-sm font-semibold outline-none transition-[color,background-color,border-color,transform] duration-[var(--poyraz-motion-duration-fast)] ease-[var(--poyraz-motion-ease-out)] data-[effect=fill]:hover:text-primary-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/25 focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-disabled disabled:text-disabled-foreground disabled:border-border disabled:opacity-100 aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:bg-disabled aria-disabled:text-disabled-foreground aria-disabled:border-border active:scale-[var(--poyraz-button-press-scale)] motion-reduce:transition-none motion-reduce:active:scale-100 [&_svg]:pointer-events-none [&_svg]:shrink-0",
11  {
12    variants: {
13      variant: {
14        default:
15          "border-primary/80 bg-primary text-primary-foreground hover:border-primary-hover hover:bg-primary-hover",
16        secondary:
17          "border-border-strong/70 bg-secondary text-secondary-foreground hover:border-border-strong hover:bg-accent",
18        soft: "border-primary/15 bg-primary-muted text-primary-muted-foreground hover:border-primary/25 hover:bg-primary/15",
19        outline:
20          "border-primary/55 bg-background/60 text-primary hover:border-primary hover:bg-primary-muted",
21        glass:
22          "poyraz-button-glass border-glass-border-outer text-foreground hover:border-border-strong hover:bg-glass-strong dark:hover:border-glass-border",
23        ghost:
24          "border-transparent bg-transparent text-foreground/75 hover:bg-accent hover:text-foreground",
25        destructive:
26          "border-destructive/80 bg-destructive text-destructive-foreground hover:border-destructive hover:bg-destructive/90",
27        link: "h-auto overflow-visible rounded-none border-transparent bg-transparent px-0 text-primary underline-offset-4 hover:underline active:scale-100",
28      },
29      size: {
30// … truncated