UNPKG

@easy-shadcn/react

Version:

Use shadcn/ui easy&enhance like component library

71 lines (65 loc) 2.36 kB
'use strict'; var React = require('react'); var reactSlot = require('@radix-ui/react-slot'); var classVarianceAuthority = require('class-variance-authority'); var utils = require('@easy-shadcn/utils'); var jsxRuntime = require('react/jsx-runtime'); function _interopNamespace(e) { if (e && e.__esModule) return e; var n = Object.create(null); if (e) { Object.keys(e).forEach(function (k) { if (k !== 'default') { var d = Object.getOwnPropertyDescriptor(e, k); Object.defineProperty(n, k, d.get ? d : { enumerable: true, get: function () { return e[k]; } }); } }); } n.default = e; return Object.freeze(n); } var React__namespace = /*#__PURE__*/_interopNamespace(React); var buttonVariants = classVarianceAuthority.cva( "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", { variants: { variant: { default: "bg-primary text-primary-foreground shadow hover:bg-primary/90", destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90", outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground", secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80", ghost: "hover:bg-accent hover:text-accent-foreground", link: "text-primary underline-offset-4 hover:underline" }, size: { default: "h-9 px-4 py-2", sm: "h-8 rounded-md px-3 text-xs", lg: "h-10 rounded-md px-8", icon: "h-9 w-9" } }, defaultVariants: { variant: "default", size: "default" } } ); var Button = React__namespace.forwardRef( ({ className, variant, size, asChild = false, ...props }, ref) => { const Comp = asChild ? reactSlot.Slot : "button"; return /* @__PURE__ */ jsxRuntime.jsx( Comp, { className: utils.cn(buttonVariants({ variant, size, className })), ref, ...props } ); } ); Button.displayName = "Button"; exports.Button = Button; exports.buttonVariants = buttonVariants;