https://skrif.ai/assets/button-BdhgYca-.js

1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/LoadingIndicator-C1ldGQPp.js","assets/rolldown-runtime-COnpUsM8.js","assets/vendor-D-VjDQh9.js","assets/LoadingIndicator-Cu_uhEU_.css"])))=>i.map(i=>d[i]);
2import{a as e}from"./rolldown-runtime-COnpUsM8.js";import{d as t,h as n,p as r,t as i}from"./vendor-D-VjDQh9.js";import{M as a,t as o}from"./proxy-q8WOnioT.js";import{n as s,t as c}from"./dist-DzsnAGIz.js";import{t as l}from"./utils-BGWiJ7Fc.js";import{t as u}from"./AnimatePresence-DZTQhYob.js";var d=a(`check-check`,[[`path`,{d:`M18 6 7 17l-5-5`,key:`116fxf`}],[`path`,{d:`m22 10-7.5 7.5L13 16`,key:`ke71qq`}]]),f=e(n(),1),p=e(r(),1),m=i(),h=f.lazy(()=>t(()=>import(`./LoadingIndicator-C1ldGQPp.js`).then(e=>({default:e.LoadingIndicator})),__vite__mapDeps([0,1,2,3]))),g=c(`inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-full text-sm font-semibold transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-base-950 focus-visible:ring-base-400 focus-visible:ring-[3px] aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 dark:focus-visible:border-base-300 dark:focus-visible:ring-base-300/50 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900`,{variants:{variant:{default:`bg-base-900 text-base-50 shadow-xs hover:bg-base-900/90 dark:bg-base-50 dark:text-base-900 dark:hover:bg-base-50/90`,accent:`bg-radiant-500 text-white shadow-xs hover:bg-radiant-500/90 dark:bg-radiant-400 dark:text-white dark:hover:bg-radiant-400/90`,destructive:`bg-red-500 text-white shadow-xs hover:bg-red-500/90 focus-visible:ring-red-500/20 dark:focus-visible:ring-red-500/40 dark:bg-red-500/60 dark:bg-red-900 dark:hover:bg-red-900/90 dark:focus-visible:ring-red-900/20 dark:dark:focus-visible:ring-red-900/40 dark:dark:bg-red-900/60`,outline:`border border-base-300 hover:border-base-400 bg-base-50 shadow-xs hover:bg-white hover:text-base-950 dark:bg-base-200/30 dark:border-base-200 dark:hover:bg-base-200/50 dark:bg-base-950 dark:hover:bg-base-800 dark:hover:text-base-50 dark:dark:bg-base-800/30 dark:dark:border-base-800 dark:dark:hover:bg-base-800/50`,secondary:`bg-base-100 text-base-900 shadow-xs hover:bg-base-100/80 dark:bg-base-800 dark:text-base-50 dark:hover:bg-base-800/80`,ghost:`hover:bg-base-100 hover:text-base-900 dark:hover:bg-base-100/50 dark:hover:bg-base-800 dark:hover:text-base-50 dark:dark:hover:bg-base-800/50`,link:`text-base-900 underline-offset-4 hover:underline dark:text-base-50`,select:`border border-base-200 bg-white justify-between cursor-pointer hover:bg-base-50 dark:border-base-800 dark:bg-base-950 dark:hover:bg-base-900`},size:{default:`h-10 px-4 py-2`,sm:`h-8 rounded-full gap-1.5 px-3 text-sm`,lg:`h-12 rounded-full px-6`,icon:`size-10`}},defaultVariants:{variant:`default`,size:`default`}}),_=f.forwardRef(({className:e,variant:t,size:n,asChild:r=!1,confirm:i,loading:a,children:c,onClick:_,popover:v,...y},b)=>{let x=typeof a==`boolean`?a:a?.isLoading??!1,S=typeof a==`object`?a.variant:void 0,C=typeof a==`object`?a.speed:void 0,w=S??(n===`icon`?`ring`:void 0),T=C??(n===`icon`?1.5:void 0),E=r?s:`button`,D=f.Children.toArray(c),O=e=>{if(n===`icon`)return!0;if(!f.isValidElement(e))return!1;if(e.type===`svg`)return!0;if(typeof e.type==`function`||typeof e.type==`object`){let t=e.type,n=t.displayName||t.name||t.render?.name||``;if(n.includes(`Icon`)||n.includes(`Spinner`))return!0}let t=e.props;return t?.className&&typeof t.className==`string`?t.className.includes(`size-`)||t.className.includes(`icon`):!1},k=D[0]&&O(D[0]),A=D[D.length-1]&&O(D[D.length-1]),j=l(k&&(n===`default`||n===void 0)&&`pl-3`,A&&(n===`default`||n===void 0)&&`pr-3`,k&&n===`sm`&&`pl-2.5`,A&&n===`sm`&&`pr-2.5`,k&&n===`lg`&&`pl-4`,A&&n===`lg`&&`pr-4`),[M,N]=f.useState(!1),[P,F]=f.useState(null),I=f.useRef(null),L=f.useRef(null),R=f.useRef(!1);f.useEffect(()=>{if(!M||!i)return;let e=()=>{I.current&&F(I.current.getBoundingClientRect())};e(),window.addEventListener(`scroll`,e,!0),window.addEventListener(`resize`,e);let t=e=>{let t=e.target,n=I.current?.contains(t),r=L.current?.contains(t);!n&&!r&&N(!1)};return document.addEventListener(`mousedown`,t),()=>{document.removeEventListener(`mousedown`,t),window.removeEventListener(`scroll`,e,!0),window.removeEventListener(`resize`,e)}},[M,i]);let z=e=>{if(!i){_?.(e);return}M?(N(!1),_?.(e)):(e.preventDefault(),N(!0))},B=()=>

2{if(!i)return c;let e=R.current;return M&&(R.current=!0),f.Children.map(c,t=>O(t)?(0,m.jsxs)(`div`,{className:`relative inline-flex items-center justify-center`,children:[(0,m.jsx)(u,{children:M?(0,m.jsx)(o.div,{initial:e?{y:8,opacity:0,scale:.5}:!1,animate:{y:0,opacity:1,scale:1},exit:{y:-8,opacity:0,scale:.5},transition:{type:`spring`,stiffness:400,damping:30},className:`absolute inset-0 flex items-center justify-center`,children:(0,m.jsx)(d,{className:`size-4`})},`check-icon`):(0,m.jsx)(o.div,{initial:e?{y:-10,opacity:0,scale:.8}:!1,animate:{y:0,opacity:1,scale:1},exit:{y:-10,opacity:0,scale:.8},transition:{type:`spring`,stiffness:400,damping:30},className:`absolute inset-0 flex items-center justify-center`,children:t},`original-icon`)}),(0,m.jsx)(`div`,{className:`invisible`,children:t})]}):t)},V=typeof i==`object`?i:null,H=V?.position||`left`,U=V&&M,W=n===`icon`||n===`sm`?20:n===`lg`?28:24,G=t!==`ghost`&&t!==`outline`,K=(0,m.jsxs)(E,{ref:e=>{I.current=e,typeof b==`function`?b(e):b&&(b.current=e)},"data-slot":`button`,className:l(`relative`,g({variant:t,size:n,className:e}),j,U&&`invisible`),onClick:z,disabled:x||y.disabled,...y,children:[(0,m.jsx)(`span`,{className:l(`relative inline-flex items-center gap-1.5`,x&&`pointer-events-none opacity-0`),children:B()}),x&&(0,m.jsx)(`span`,{className:`pointer-events-none absolute inset-0 flex items-center justify-center`,children:(0,m.jsx)(f.Suspense,{children:(0,m.jsx)(h,{size:W,variant:w,color:`base`,darkMode:G,speed:T})})})]});return U&&P?(0,m.jsxs)(m.Fragment,{children:[K,(0,p.createPortal)((0,m.jsxs)(`div`,{ref:L,style:{position:`fixed`,top:P.top-9,left:H===`left`?P.right+9:P.left-9,transform:H===`left`?`translateX(-100%)`:`none`},className:l(`z-9999 rounded-full bg-white shadow-lg`,`border-base-200 dark:border-base-800 dark:bg-base-950 border`,`flex items-center gap-3 p-2`,H===`left`?`pl-4`:`pr-4`,H===`right`&&`flex-row-reverse`),children:[(0,m.jsxs)(`div`,{className:`flex max-h-8 flex-col justify-center whitespace-nowrap`,children:[(0,m.jsx)(`span`,{className:`text-sm leading-tight font-medium`,children:V.label}),V?.message&&(0,m.jsx)(`span`,{className:`text-base-500 text-xs leading-tight font-medium`,children:V.message})]}),(0,m.jsx)(`button`,{...y,type:`button`,onClick:z,disabled:y.disabled,className:l(g({variant:t,size:n,className:e}),j,`relative`),children:B()})]}),document.body)]}):K});_.displayName=`Button`;export{_ as t};