1import{t as e}from"./jsx-runtime-B7wtUTmV.js";import{t}from"./twMerge-DDLWS7Ly.js";import{t as n}from"./dist-DLh16i5j.js";import{t as r}from"./Icon-BsnPJGxl.js";import{t as i}from"./useMediaQuery-BPxKnGk5.js";var a=e(),o=n([`rounded-full bg-black duration-150 transition-colors`,`focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline`],{variants:{outline:{true:`bg-transparent border-2`,false:`bg-black text-white hover:bg-shade-70 active:bg-shade-50`},size:{small:`w-11 h-11`,large:`w-16 h-16 md:w-24 md:h-24`},mode:{light:`disabled:bg-shade-30`,dark:`disabled:bg-shade-70`}},compoundVariants:[{mode:`light`,outline:!0,className:`text-black border-black`},{mode:`light`,outline:!1,className:`bg-black text-white hover:bg-shade-70 active:bg-shade-50`},{mode:`dark`,outline:!1,className:`bg-white text-black hover:bg-shade-30 active:bg-shade-50`},{mode:`dark`,outline:!0,className:`text-white border-white`}],defaultVariants:{size:`small`,mode:`light`}}),s=n(`mx-auto`,{variants:{size:{small:`w-6 h-6`,large:`w-9 h-9`}},defaultVariants:{size:`small`}});function c({ariaLabel:e,children:n,className:c,componentName:l=`interface-button`,iconProps:u,isDisabled:d=!1,isPressed:f,onClick:p,outline:m=!1,size:h=`small`,mode:g=`light`,..._}){let v=i(`(min-width: 900px)`)??!0,y=h===`small`?24:h===`large`&&v?48:36,b=u&&n?(0,a.jsx)(`span`,{children:n}):n;return(0,a.jsxs)(`button`,{..._,disabled:d,"aria-label":e,"aria-pressed":f,"aria-disabled":d,"data-component-name":l,"data-mode":g,onClick:p,className:t(o({size:h,outline:m,mode:g}),c),tabIndex:0,children:[u&&(0,a.jsx)(r,{...u,className:t(s({size:h}),u.className),size:y}),b]})}export{o as n,s as r,c as t}; 2//# sourceMappingURL=InterfaceButton-nlNwLBWC.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.