import{jsx as t}from"react/jsx-runtime";import{cn as v}from"../../lib/cn.js";import{forwardRef as y,useRef as x}from"react";import{useButton as R,useHover as w,useFocusRing as N,mergeProps as P}from"react-aria";const i=y(({children:a,className:n,borderRadius:s,disabled:e,expand:l,onHover:o,shadow:b,style:u,...d},f)=>{const c=x(null),r=f||c,{buttonProps:p}=R({...d,isDisabled:e??!1},r),{hoverProps:m}=w({isDisabled:e??!1}),{isFocusVisible:g,focusProps:h}=N();return t("button",{ref:r,className:v("active:scale-95 disabled:opacity-80 disabled:pointer-events-none cursor-pointer h-auto outline-none relative transition-all duration-100 ease-in-out will-change-[transform,opacity]",l&&"w-full",b&&'before:content-[""] before:absolute before:top-0 before:left-0 before:right-0 before:bottom-0 before:rounded-[inherit] before:bg-[linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0.05))] dark:before:bg-[linear-gradient(rgba(255,255,255,0.05),rgba(255,255,255,0.05))] before:opacity-0 before:transition-opacity before:duration-100 before:ease-in-out hover:before:opacity-100',g&&"outline-brand-base outline outline-thick outline-offset-[0.125rem]",n),style:{borderRadius:s??"var(--button-radius, 9999px)",...u},...P(p,m,h),"aria-disabled":e,onMouseEnter:o,onTouchStart:o,children:t("div",{className:"flex flex-col",children:a})})});i.displayName="ButtonContainer";export{i as ButtonContainer};
//# sourceMappingURL=button.js.map
