@clasing/ui 2.1.1 → 2.3.0

package/dist/button-B4yT3Gcz.cjs

@@ -1 +0,0 @@
-"use strict";const t=require("./index-9HRzXEQf.cjs"),k=require("@phosphor-icons/react"),T=require("@radix-ui/react-slot"),g=require("./index-ECyCsPX0.cjs"),q=require("react"),e=require("./tooltip-BccdAn4x.cjs"),d="focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] relative flex items-center justify-center outline-1 transition-[color,background-color,box-shadow] [&_svg]:shrink-0",c=g.cva(d,{variants:{variant:{primary:["bg-primary-600 lg:hover:bg-primary-800 text-white outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],secondary:["bg-black text-white outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 lg:hover:bg-neutral-900 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],inverse:["lg:hover:bg-neutral-000 bg-white text-black outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],outline:["text-primary-600 outline-primary-600 lg:hover:bg-primary-050 bg-white disabled:bg-neutral-100 disabled:text-neutral-700 disabled:outline-transparent disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],ghost:["bg-primary-050 text-primary-600 lg:hover:bg-primary-100 outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],destructive:["bg-error-light text-error-main outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"],link:["text-primary-600 lg:hover:bg-primary-050 bg-transparent outline-transparent disabled:bg-neutral-100 disabled:text-neutral-700 disabled:lg:hover:bg-neutral-100 disabled:lg:hover:text-neutral-700"]},size:{xl:"paragraph-md h-12 gap-2 px-6 py-1 [&_svg]:size-5",lg:"paragraph-sm h-10 gap-2 px-5 py-1 [&_svg]:size-5",md:"paragraph-xs h-8 gap-1.5 px-4 py-1 [&_svg]:size-4",sm:"paragraph-xs h-7 gap-1 px-3 py-1 [&_svg]:size-4",xs:"paragraph-xs h-6 gap-1 px-3 py-1 [&_svg]:size-3.5"},rounded:{default:"rounded-2xl",full:"rounded-full"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"}},defaultVariants:{variant:"primary",size:"xl",weight:"semibold",rounded:"full"}}),v=g.cva(`${d} cursor-default`,{variants:{variant:{primary:["bg-primary-800 text-white outline-transparent"],secondary:["bg-neutral-900 text-white outline-transparent"],inverse:["bg-neutral-000 text-black outline-transparent"],ghost:["bg-primary-100 text-primary-600 outline-transparent"],outline:["bg-primary-100 text-primary-600 outline-primary-600"],destructive:["bg-error-light text-error-main outline-transparent"],link:["bg-primary-050 text-primary-600 outline-transparent"]},size:{xl:"paragraph-md h-12 gap-2 px-6 py-1 [&_svg]:size-5",lg:"paragraph-sm h-10 gap-2 px-5 py-1 [&_svg]:size-5",md:"paragraph-xs h-8 gap-1.5 px-4 py-1 [&_svg]:size-4",sm:"paragraph-xs h-7 gap-1 px-3 py-1 [&_svg]:size-4",xs:"paragraph-xs h-6 gap-1 px-3 py-1 [&_svg]:size-3.5"},rounded:{default:"rounded-2xl",full:"rounded-full"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"}},defaultVariants:{variant:"primary",size:"xl",weight:"semibold",rounded:"full"}}),y=g.cva(d,{variants:{variant:{primary:["bg-primary-800 text-white outline-transparent"],secondary:["bg-neutral-900 text-white outline-transparent"],inverse:["bg-neutral-000 text-black outline-transparent"],ghost:["bg-primary-100 text-primary-600 outline-transparent"],outline:["bg-primary-100 text-primary-600 outline-primary-600"],destructive:["bg-error-light text-error-main outline-transparent"],link:["bg-primary-050 text-primary-600 outline-transparent"]},size:{xl:"paragraph-md h-12 gap-2 px-6 [&_svg]:size-5",lg:"paragraph-sm h-10 gap-2 px-5 [&_svg]:size-5",md:"paragraph-xs h-8 gap-1.5 px-4 [&_svg]:size-4",sm:"paragraph-xs h-7 gap-1 px-3 [&_svg]:size-4",xs:"paragraph-xs h-6 gap-1 px-3 [&_svg]:size-3.5"},rounded:{default:"rounded-2xl",full:"rounded-full"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"}},defaultVariants:{variant:"primary",size:"xl",weight:"semibold",rounded:"full"}}),f=q.forwardRef(({className:n,variant:o,size:a,weight:p,rounded:u,children:x,isLoading:r,isActive:j,disabled:b,tooltip:l,tooltipPlacement:h="top",asChild:m,iconOnly:i,...w},z)=>{const R=m?T.Slot:"button",_=i?{xl:"w-12 px-0",lg:"w-10 px-0",md:"w-8 px-0",sm:"w-7 px-0",xs:"w-6 px-0"}[a||"xl"]:"",E=t.cn(r?v({variant:o,weight:p,size:a,rounded:u,className:n}):j?y({variant:o,weight:p,size:a,rounded:u,className:n}):c({variant:o,weight:p,size:a,rounded:u,className:n}),_),S=m?x:t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[r&&t.jsxRuntimeExports.jsx(k.SpinnerIcon,{className:t.cn("pointer-events-none absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",{"visible animate-spin opacity-100":r})}),t.jsxRuntimeExports.jsx("span",{className:t.cn("flex items-center justify-center gap-2",r?"invisible opacity-0":"visible opacity-100"),children:x})]}),s=t.jsxRuntimeExports.jsx(R,{ref:z,className:E,disabled:b||r,...w,children:S});return l&&(b||r)?t.jsxRuntimeExports.jsx(e.TooltipProvider,{children:t.jsxRuntimeExports.jsxs(e.Tooltip,{children:[t.jsxRuntimeExports.jsx(e.TooltipTrigger,{asChild:i,children:i?t.jsxRuntimeExports.jsx("div",{className:"inline-block","aria-disabled":"true",children:s}):s}),t.jsxRuntimeExports.jsx(e.TooltipContent,{side:h,className:"text-muted-foreground",children:l})]})}):l?t.jsxRuntimeExports.jsx(e.TooltipProvider,{children:t.jsxRuntimeExports.jsxs(e.Tooltip,{children:[t.jsxRuntimeExports.jsx(e.TooltipTrigger,{asChild:i,children:s}),t.jsxRuntimeExports.jsx(e.TooltipContent,{side:h,className:"text-muted-foreground",children:l})]})}):s});f.displayName="Button";exports.Button=f;exports.buttonActiveStyles=y;exports.buttonLoadingStyles=v;exports.buttonStyles=c;