https://mediapeek.plnk.workers.dev/assets/button-DbLYxU8g.js

1globalThis.Cloudflare=globalThis.Cloudflare||{compatibilityFlags:{}};import{P as e,t,z as n}from"./jsx-runtime-DvgidIB_.js";import{M as r,N as i,a,c as o,i as s,n as c,r as l,t as u,x as d}from"./utils-BhdpRzyo.js";var f=n(e()),p=f.createContext(void 0);function m(e=!1){let t=f.useContext(p);if(t===void 0&&!e)throw Error(r(16));return t}function h(e){let{focusableWhenDisabled:t,disabled:n,composite:r=!1,tabIndex:i=0,isNativeButton:a}=e,o=r&&t!==!1,s=r&&t===!1;return{props:f.useMemo(()=>{let e={onKeyDown(e){n&&t&&e.key!==`Tab`&&e.preventDefault()}};return r||(e.tabIndex=i,!a&&n&&(e.tabIndex=t?i:-1)),(a&&(t||o)||!a&&n)&&(e[`aria-disabled`]=n),a&&(!t||s)&&(e.disabled=n),e},[r,n,t,o,s,a,i])}}function g(e={}){let{disabled:t=!1,focusableWhenDisabled:n,tabIndex:r=0,native:c=!0,composite:l}=e,u=f.useRef(null),d=m(!0),p=l??d!==void 0,{props:g}=h({focusableWhenDisabled:n,disabled:t,composite:p,tabIndex:r,isNativeButton:c}),y=f.useCallback(()=>{let e=u.current;_(e)&&p&&t&&g.disabled===void 0&&e.disabled&&(e.disabled=!1)},[t,g.disabled,p]);return i(y,[y]),{getButtonProps:f.useCallback((e={})=>{let{onClick:n,onMouseDown:r,onKeyUp:i,onKeyDown:o,onPointerDown:l,...u}=e;return a({type:c?`button`:void 0,onClick(e){if(t){e.preventDefault();return}n?.(e)},onMouseDown(e){t||r?.(e)},onKeyDown(e){if(t||(s(e),o?.(e),e.baseUIHandlerPrevented))return;let r=e.target===e.currentTarget,i=e.currentTarget,a=_(i),l=!c&&v(i),u=r&&(c?a:!l),d=e.key===`Enter`,f=e.key===` `,m=i.getAttribute(`role`),h=m?.startsWith(`menuitem`)||m===`option`||m===`gridcell`;if(r&&p&&f){if(e.defaultPrevented&&h)return;e.preventDefault(),l||c&&a?(i.click(),e.preventBaseUIHandler()):u&&(n?.(e),e.preventBaseUIHandler());return}u&&(!c&&(f||d)&&e.preventDefault(),!c&&d&&n?.(e))},onKeyUp(e){if(!t){if(s(e),i?.(e),e.target===e.currentTarget&&c&&p&&_(e.currentTarget)&&e.key===` `){e.preventDefault();return}e.baseUIHandlerPrevented||e.target===e.currentTarget&&!c&&!p&&e.key===` `&&n?.(e)}},onPointerDown(e){if(t){e.preventDefault();return}l?.(e)}},c?void 0:{role:`button`},g,u)},[t,g,p,c]),buttonRef:o(e=>{u.current=e,y()})}}function _(e){return d(e)&&e.tagName===`BUTTON`}function v(e){return!!(e?.tagName===`A`&&e?.href)}var y=f.forwardRef(function(e,t){let{render:n,className:r,disabled:i=!1,focusableWhenDisabled:a=!1,nativeButton:o=!0,style:s,...c}=e,{getButtonProps:u,buttonRef:d}=g({disabled:i,focusableWhenDisabled:a,native:o});return l(`button`,e,{state:{disabled:i},ref:[t,d],props:[c,u]})}),b=e=>typeof e==`boolean`?`${e}`:e===0?`0`:e,x=c,S=(e,t)=>n=>{if(t?.variants==null)return x(e,n?.class,n?.className);let{variants:r,defaultVariants:i}=t,a=Object.keys(r).map(e=>{let t=n?.[e],a=i?.[e];if(t===null)return null;let o=b(t)||b(a);return r[e][o]}),o=n&&Object.entries(n).reduce((e,t)=>{let[n,r]=t;return r===void 0||(e[n]=r),e},{});return x(e,a,t?.compoundVariants?.reduce((e,t)=>{let{class:n,className:r,...a}=t;return Object.entries(a).every(e=>{let[t,n]=e;return Array.isArray(n)?n.includes({...i,...o}[t]):{...i,...o}[t]===n})?[...e,n,r]:e},[]),n?.class,n?.className)},C=t(),w=S(`group/button inline-flex shrink-0 items-center justify-center rounded-4xl border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,{variants:{variant:{default:`bg-primary text-primary-foreground hover:bg-primary/80`,outline:`border-border bg-input/30 hover:bg-input/50 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground`,secondary:`bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground`,ghost:`hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50`,destructive:`bg-destructive/10 text-destructive hover:bg-destructive/20 focu

1s-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40`,link:`text-primary underline-offset-4 hover:underline`},size:{default:`h-9 gap-1.5 px-3 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5`,xs:`h-6 gap-1 px-2.5 text-xs has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3`,sm:`h-8 gap-1 px-3 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2`,lg:`h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3`,icon:`size-9`,"icon-xs":`size-6 [&_svg:not([class*='size-'])]:size-3`,"icon-sm":`size-8`,"icon-lg":`size-10`}},defaultVariants:{variant:`default`,size:`default`}});function T({className:e,variant:t=`default`,size:n=`default`,...r}){return(0,C.jsx)(y,{"data-slot":`button`,className:u(w({variant:t,size:n,className:e})),...r})}export{p as a,g as i,w as n,m as o,S as r,T as t};